/* CSS */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font-size: 100%;*/
    /*font: inherit;*/
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

.full-body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 100%;
    background-color: black;
    /*height: 100vh;*/
    opacity: 0; /* Here we set body to 0, then 1 on main function to add a smooth fadein */
    /*background-size: cover;*/
    /*width: 1920vw;*/
    overflow: hidden;
}

.opacityZero {
    opacity: 0;
}
.opacity-7 {
    opacity: 0.7;
}

.opacityOne {
    opacity: 1;
}

.transition {
    /* transition: 1.5s all ease-in-out; */
    transition: 0.8s all ease-in-out;
}

.transition-fast {
    /* transition: 1s all ease-in-out; */
    transition: 0.6s all ease-in-out;
}

.transition-slow {
    /* transition: 2s all ease-in-out; */
    transition: 1s all ease-in-out;
 
}

.transition-menu {
    /* transition: 1.5s all ease; */
    transition: 0.8s 
}

/** Navigation **/

a {
    cursor: pointer;
}

/** Main Wrapper **/

#main-wrapper {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background-image: url('../img/bkgnd-01.png');
    background-size: cover;
    transform-origin: top left;

}

/** Home **/

/*video {*/
/*    object-fit: cover;*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    opacity: 0.34;*/
/*}*/

video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background: url('../img/BKGND-Video_PosterImage.png') no-repeat;
    background-size: cover;
    transition: 1s opacity;
}

video#bgvid {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url('../img/BKGND-Video_PosterImage.png') no-repeat;
    background-size: cover;
    opacity: 0.34;
}

@media screen and (max-device-width: 800px) {
    html {
        background: url('../img/BKGND-Video_PosterImage.png') #000 no-repeat center center fixed;
    }

    #bgvid {
        display: none;
    }
}

footer {
    transition: 2s;
    z-index: 10;
}

#copy-text {
    top: 940px;
    left: 19px;
    width: 578px;
    height: 20px;
    text-align: left;
    float: left;
    font: normal normal normal 17px/18px HelveticaNeueLt;
    letter-spacing: 0;
    color: #FFFFFF;
    position: absolute;
    z-index: 999;
    opacity: .7;
}

/* HOME */

#home .logo-1 {
    top: 467px;
    left: 753px;
    width: 420px;
    height: 60px;
    background: transparent url('../img/LOGO-ntt-data.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#home .sub-tittle {
    top: 560px;
    left: 748px;
    /* width: 414px; */
    width: 430px;
    height: 57px;
    background: transparent url('../img/sub-tittle.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* OFFERINGS */

#offerings .img-left {
    top: 0px;
    left: 0px;
    width: 639px;
    height: 1080px;
    background: transparent url('../img/PHOTO-menu-page.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#offerings .offerings-btn {
    top: 511px;
    left: 458px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/offerings-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#offerings .v-line {
    top: 0px;
    left: 643px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#offerings .dws-icon {
    top: 139px;
    left: 831px;
    width: 402px;
    height: 115px;
    background: transparent url('../img/BUTTON-dynamic-workplace-solutions.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#offerings .ad-icon {
    top: 294px;
    left: 831px;
    width: 402px;
    height: 115px;
    background: transparent url('../img/BUTTON-app-development.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#offerings .hi-icon {
    top: 449px;
    left: 831px;
    width: 402px;
    height: 115px;
    background: transparent url('../img/BUTTON-cloud-hybrid-infrastructure.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}
#offerings .bpo-icon {
    top: 604px;
    left: 831px;
    width: 402px;
    height: 115px;
    background: transparent url('../img/BUTTON-BPO-BPaaS.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}
#offerings .sec-icon {
    top: 604px;
    left: 831px;
    width: 402px;
    height: 115px;
    background: transparent url('../img/BUTTON-Security.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}
#offerings .cloud-icon {
    top: 139px;
    left: 1345px;
    width: 402px;
    height: 115px;
    background: transparent url('../img/BUTTON-Cloud-Transformation.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}
#offerings .am-icon {
    top: 294px;
    left: 1345px;
    width: 402px;
    height: 115px;
    background: transparent url('../img/BUTTON-Application-Management.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}
#offerings .di-icon {
    top: 449px;
    left: 1345px;
    width: 402px;
    height: 115px;
    background: transparent url('../img/BUTTON-Data-Intelligence.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}
/* #offerings .ea-icon {
    top: 604px;
    left: 1345px;
    width: 402px;
    height: 115px;
    background: transparent url('../img/BUTTON-Enterprise-Applications.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
} */

/* #offerings .de-icon {
    top: 604px;
    left: 1345px;
    width: 402px;
    height: 115px;
    background: transparent url('../img/BUTTON-Digital-Experience.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
} */

#offerings .ea-icon {
    /* top: 759px;
    left: 831px;
    width: 402px;
    height: 115px; */
    top: 604px;
    left: 1345px;
    width: 402px;
    height: 115px;
    background: transparent url('../img/BUTTON-Enterprise.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* DWS */

#dws .dws-bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bgknd-main-menu.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#dws .text-float-1 {
    top: 72px;
    left: 379px;
    width: 457px;
    height: 107px;
    background: transparent url('../img/GRAPHIC-proactive.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#dws .text-float-2 {
    top: 230px;
    left: 607px;
    width: 652px;
    height: 100px;
    background: transparent url('../img/GRAPHIC-faster.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#dws .text-float-3 {
    top: 380px;
    left: 483px;
    width: 507px;
    height: 58px;
    background: transparent url('../img/GRAPHIC-consumer.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#dws .text-float-4 {
    top: 536px;
    left: 580px;
    width: 821px;
    height: 74px;
    background: transparent url('../img/GRAPHIC-enhanced.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CTAs */

#dws .header {
    top: 100px;
    left: 1220px;
    width: 633px;
    height: 78px;
    background: transparent url('../img/HEADER-dynamic-workplace.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#dws .asset-catalog-icon {
    top: 640px;
    left: 242px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/asset-catalog-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#dws .role-icon {
    top: 640px;
    left: 766px;
    width: 388px;
    height: 183px;
    background: transparent url('../img/role-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#dws .challenges-icon {
    top: 640px;
    left: 1288px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/challenges-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#dws .asset-catalog-btn {
    top: 793px;
    left: 378px;
    width: 289px;
    height: 56px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#dws .asset-catalog-btn-arrow {
    top: 793px;
    left: 685px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-asset-catalog.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#dws .challenges-btn {
    top: 793px;
    left: 1423px;
    width: 289px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#dws .role-btn {
    top: 793px;
    left: 901px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#dws .role-btn-arrow {
    top: 793px;
    left: 1208px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-role.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#dws .challenges-btn-arrow {
    top: 793px;
    left: 1731px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-challenges.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

/* ASSET CATALOG */

#assetCatalog .bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#assetCatalog .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/asset-catalog-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#assetCatalog .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#assetCatalog .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-dynamic-workplace.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#assetCatalog .asset-catalog-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/*#assetCatalog .asset-catalog-arrow {*/
/*    top: 788px;*/
/*    left: 1168px;*/
/*    width: 26px;*/
/*    height: 44px;*/
/*    background: transparent url('../img/ARROW-advance.png') no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*}*/

#assetCatalog .col-1 {
    top: 245px;
    left: 859px;
    width: 252px;
    height: 656px;
    background: transparent url('../img/col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#assetCatalog .col-1-header {
    top: 269px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#assetCatalog .col-1-content {
    top: 325px;
    left: 881px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
    /*overflow: hidden;*/
}

#assetCatalog .col-2 {
    top: 245px;
    left: 1141px;
    width: 379px;
    height: 656px;
    background: transparent url('../img/col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#assetCatalog .col-2-header {
    top: 269px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* DYNAMIC CONTAINER CONTENT SCROLL START */
.leadership, .demos:not(.sa), .assets {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.row {
    padding-top: 10px;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */
    box-sizing: content-box; /* So the width will be 100% + 17px */
}

.column {
    font: normal normal normal 18px/23px HelveticaNeueLt;
    letter-spacing: 0;
    color: #FFFFFF;
    padding: 0 0 33px 0;
    float: left;
    width: 50%;
    cursor: pointer;
    min-height: 66px;
}

.column-single {
    font: normal normal normal 18px/23px HelveticaNeueLt;
    letter-spacing: 0;
    color: #FFFFFF;
    float: right;
    width: 100%; 
    cursor: pointer;
    min-height: 55px;
    text-align: center; 
}

.column img {
    max-width: 114px;
    max-height: 62px;
}

.leadership .column, .assets .column {
    font: normal normal normal 18px/23px HelveticaNeueLt;
    letter-spacing: 0;
    color: #FFFFFF;
    /*padding: 0 0 33px 0;*/
    float: left;
    width: 100%;
    min-height: 0;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
/* DYNAMIC CONTAINER CONTENT SCROLL END */

#assetCatalog .col-2-content {
    top: 327px;
    left: 1161px;
    width: 330px;
    height: 553px;
    position: absolute;
    z-index: 3;
    overflow: auto;
}

/* DEMOS COL CONTENT START */

#assetCatalog .col-3 {
    top: 245px;
    left: 1547px;
    width: 250px;
    height: 656px;
    background: transparent url('../img/col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#assetCatalog .col-3-header {
    top: 269px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#assetCatalog .col-3-content {
    top: 325px;
    left: 1567px;
    width: 205px;
    height: 553px;
    /*background: transparent url('../img/col-3-content.png') no-repeat padding-box;*/
    position: absolute;
    z-index: 3;
}

/* ROLE */

#role .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#role .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/role-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#role .left-bg-cio {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cio-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#role .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-dynamic-workplace.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role .role-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role .menu-wire {
    top: 452px;
    left: 779px;
    width: 98px;
    height: 175px;
    background: transparent url('../img/role-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role .role-menu-1 {
    top: 427px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/role-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role .role-menu-2 {
    top: 515px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/role-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role .role-menu-3 {
    top: 601px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/role-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role .role-arrow-1 {
    top: 439px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#role .role-arrow-2 {
    top: 566px;
    left: 1291px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#role .role-arrow-3 {
    top: 613px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

/* CIO/CTO */

#role-cio .cio-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cio-cto.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#role-cio .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cio .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cio .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#role-cio .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cio .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cio .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#role-cio .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cio .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cio .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CDO/Business Leaders */

#role-cdo .left-bg-cdo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cdo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#role-cdo .cdo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cdo-business-leaders.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#role-cdo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cdo-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cdo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cdo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#role-cdo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cdo-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cdo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cdo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#role-cdo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 529px;
    background: transparent url('../img/cdo-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cdo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cdo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CFO */

#role .left-bg-cfo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cfo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#role-cfo .cfo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cfo.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#role-cfo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cfo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cfo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#role-cfo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cfo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cfo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#role-cfo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cfo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#role-cfo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CHALLENGES */

#challenges .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#challenges .challenges-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/challenges-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#challenges .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-dynamic-workplace.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges .challenges-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .menu-wire {
    top: 413px;
    left: 779px;
    width: 98px;
    height: 263px;
    background: transparent url('../img/challenges-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges .challenges-menu-1 {
    top: 388px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges .challenges-menu-2 {
    top: 475px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges .challenges-menu-3 {
    top: 562px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges .challenges-menu-4 {
    top: 649px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* CONTINUOUS TRANSFORMATION TRANSITION | continuous */

#challenges .continuous-fwd-arrow {
    top: 399px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .continuous-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/continuous-box.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .continuous-content {
    top: 466px;
    left: 1353px;
    width: 221px;
    height: 161px;
    background: transparent url('../img/continuous-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .continuous-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/continuous-arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .continuous-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/continuous-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CONTINUOUS TRANSFORMATION CONTAINER | challenges-continuous */

#challenges-continuous .continuous-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#challenges-continuous .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-continuous .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-continuous .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#challenges-continuous .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-continuous .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-continuous .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#challenges-continuous .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-continuous .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-continuous .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}


/* PARTNER ECOSYSTEM TRANSITION | partner */

#challenges .partner-fwd-arrow {
    top: 487px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .partner-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .partner-content {
    top: 479px;
    left: 1353px;
    width: 221px;
    height: 133px;
    background: transparent url('../img/partner-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .partner-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .partner-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/partner-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* partner PRODUCTIVITY CONTAINER | challenges-partner */

#challenges-partner .partner-header {
    top: 300px;
    left: 859px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#challenges-partner .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-partner .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-partner .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#challenges-partner .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-partner .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-partner .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#challenges-partner .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-partner .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-partner .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* WORKFORCE PRODUCTIVITY CONTAINER | challenges-workforce */

#challenges-workforce .workforce-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#challenges-workforce .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-workforce .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-workforce .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#challenges-workforce .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-workforce .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-workforce .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#challenges-workforce .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-workforce .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-workforce .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/*!* WORKFORCE ECOSYSTEM TRANSITION | workforce *!*/

#challenges .workforce-fwd-arrow {
    top: 573px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .workforce-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .workforce-content {
    top: 439px;
    left: 1353px;
    width: 221px;
    height: 217px;
    background: transparent url('../img/workforce-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .workforce-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .workforce-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-workforce-productivity.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* ACCELERATE ECOSYSTEM TRANSITION | accelerate */

#challenges .accelerate-fwd-arrow {
    top: 661px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .accelerate-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .accelerate-content {
    top: 453px;
    left: 1353px;
    width: 221px;
    height: 189px;
    background: transparent url('../img/accelerate-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .accelerate-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#challenges .accelerate-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-accelerate-digital.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* ACCELERATE ECOSYSTEM CONTAINER | challenges-accelerate */

#challenges-accelerate .accelerate-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#challenges-accelerate .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-accelerate .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-accelerate .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#challenges-accelerate .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-accelerate .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-accelerate .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#challenges-accelerate .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-accelerate .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#challenges-accelerate .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* YouTube API */

#playVideo {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 10;
}

.video-container {
    top: 148px;
    left: 377px;
    width: 1216px;
    height: 684px;
    background: transparent url('../img/bkgnd-01.png') 0 0 no-repeat padding-box;
    position: absolute !important;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    z-index: 12;
    /* overflow: hidden; */
}

.video-container video{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%; 
    height: 100%; 
    object-fit: contain;
    object-position: center center;
    transform: none;
}

/* new css */
.row a {
    color: #FFFFFF;
    text-decoration: none;
}

nav {
    width: 1850px;
    height: 57px;
    text-align: left;
    /* float: left; */
    font: normal normal normal 17px/18px HelveticaNeueLt;
    letter-spacing: 0;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
}
/*nav .brand {*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 231px;*/
/*    height: 57px;*/
/*    background: transparent url('../img/ntt-target.png') 0 0 no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 999;*/
/*    font-weight: bold;*/
/*}*/

/* MAIN NAV CSS */

nav .nav-1 {
    top: 18px;
    left: 1589px;
    /* left: 1480px; */
    width: 50px;
    height: 21px;
    position: absolute;
    z-index: 999;
    opacity: .35;
}
nav .nav-2 {
    top: 18px;
    left: 1685px;
    /* left: 1590px; */
    width: 165px;
    height: 21px;
    position: absolute;
    z-index: 999;
    opacity: .35;
}

nav .nav-1:hover,
nav .nav-2:hover {
    opacity: 1;
}

/* DEMOS (DEMOSTACK) STYLING */
nav .nav-3 {
    top : 18px; 
    /* left: 1850px; */
    left: 1810px;
    width: 50px;
    height: 21px;
    position: absolute; 
    z-index: 999; 
    opacity: .35;
}

.nav-3 a {
    color: inherit; 
    text-decoration: none;
}

nav .nav-3:hover {
    opacity: 1;
}

.dropdown-items {
    display: none;
    position: absolute;
}

.dropdown-items a {
    display: block;
}

.dropdown-menu:hover .dropdown-items {
    display: block;
    transition: 0.8s ease;
}

nav .nav-4 {
    padding: 15px 45px 15px 0;
    display: block;
    position: absolute;
    left: 1810px;
    top: 40px;
    width: 50px;
    height: 21px;
    opacity: .35;
}

nav .nav-5 {
    padding: 15px 45px 15px 0;
    display: block; 
    position: absolute; 
    left: 1810px; 
    top: 71px;
    width: 50px;
    height: 21px;
    opacity: .35;
}

.nav-4:link, .nav-5:link,
.nav-4:visited, .nav-5:visited {
    color: inherit;
    text-decoration: none;
}

nav .nav-4:hover, nav .nav-5:hover {
    opacity: 1; 
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: all 0.6s ease-in-out;
}


/* APPLICATION DEVELOPMENT */

/*#ad .bg {*/
/*    top: 0px;*/
/*    left: 0px;*/
/*    width: 1920px;*/
/*    height: 1080px;*/
/*    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 0;*/
/*}*/

/*#ad .left-bg {*/
/*    top: 0px;*/
/*    left: 0px;*/
/*    width: 685px;*/
/*    height: 1080px;*/
/*    background: transparent url('../img/asset-catalog-left-bg.png') no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 0;*/
/*}*/

/*#ad .v-line {*/
/*    top: 0;*/
/*    left: 691px;*/
/*    width: 4px;*/
/*    height: 1080px;*/
/*    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*}*/

/*#ad .header {*/
/*    top: 100px;*/
/*    left: 1219px;*/
/*    width: 634px;*/
/*    height: 78px;*/
/*    background: transparent url('../img/HEADER-ad.png') no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*}*/

/*#ad .ad-btn {*/
/*    top: 511px;*/
/*    left: 478px;*/
/*    width: 287px;*/
/*    height: 57px;*/
/*    background: transparent url('../img/ad-btn.png') no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*}*/

/*!*#ad .asset-catalog-arrow {*!*/
/*!*    top: 788px;*!*/
/*!*    left: 1168px;*!*/
/*!*    width: 26px;*!*/
/*!*    height: 44px;*!*/
/*!*    background: transparent url('../img/ARROW-advance.png') no-repeat padding-box;*!*/
/*!*    position: absolute;*!*/
/*!*    z-index: 3;*!*/
/*!*}*!*/

/*#ad .col-1 {*/
/*    top: 245px;*/
/*    left: 859px;*/
/*    width: 252px;*/
/*    height: 656px;*/
/*    background: transparent url('../img/col-1.png') no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*}*/

/*#ad .col-1-header {*/
/*    top: 269px;*/
/*    left: 894px;*/
/*    width: 183px;*/
/*    height: 30px;*/
/*    background: transparent url('../img/col-1-header.png') no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*}*/

/*#ad .col-1-content {*/
/*    top: 325px;*/
/*    left: 881px;*/
/*    width: 205px;*/
/*    height: 553px;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*    !*overflow: hidden;*!*/
/*}*/

/*#ad .col-2 {*/
/*    top: 245px;*/
/*    left: 1141px;*/
/*    width: 379px;*/
/*    height: 656px;*/
/*    background: transparent url('../img/col-2.png') no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*}*/

/*#ad .col-2-header {*/
/*    top: 269px;*/
/*    left: 1298px;*/
/*    width: 65px;*/
/*    height: 30px;*/
/*    background: transparent url('../img/col-2-header.png') no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*}*/


/*#ad .col-2-content {*/
/*    top: 327px;*/
/*    left: 1161px;*/
/*    width: 330px;*/
/*    height: 553px;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*    overflow: auto;*/
/*}*/

/*#ad .col-3 {*/
/*    top: 245px;*/
/*    left: 1547px;*/
/*    width: 250px;*/
/*    height: 656px;*/
/*    background: transparent url('../img/col-3.png') no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*}*/

/*#ad .col-3-header {*/
/*    top: 269px;*/
/*    left: 1613px;*/
/*    width: 116px;*/
/*    height: 30px;*/
/*    background: transparent url('../img/col-3-header.png') no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*}*/

/*#ad .col-3-content {*/
/*    top: 325px;*/
/*    left: 1567px;*/
/*    width: 205px;*/
/*    height: 553px;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*}*/



















/* APP DEV MODERNIZATION */

#ad .ad-bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bgknd-main-menu-app-dev.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#ad .text-float-1 {
    top: 239px;
    left: 339px;
    width: 400px;
    height: 60px;
    background: transparent url('../img/ad-float-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#ad .text-float-2 {
    top: 318px;
    left: 1015px;
    width: 400px;
    height: 60px;
    background: transparent url('../img/ad-float-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#ad .text-float-3 {
    top: 403px;
    left: 585px;
    width: 435px;
    height: 60px;
    background: transparent url('../img/ad-float-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#ad .text-float-4 {
    top: 489px;
    left: 1255px;
    width: 400px;
    height: 60px;
    background: transparent url('../img/ad-float-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CTAs */

#ad .header {
    top: 100px;
    left: 1220px;
    width: 633px;
    height: 78px;
    background: transparent url('../img/HEADER-ad.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad .asset-catalog-icon {
    top: 640px;
    left: 242px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/asset-catalog-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#ad .role-icon {
    top: 640px;
    left: 766px;
    width: 388px;
    height: 183px;
    background: transparent url('../img/role-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#ad .challenges-icon {
    top: 640px;
    left: 1288px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/challenges-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#ad .asset-catalog-btn {
    top: 793px;
    left: 378px;
    width: 289px;
    height: 56px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#ad .asset-catalog-btn-arrow {
    top: 793px;
    left: 685px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-asset-catalog.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad .challenges-btn {
    top: 793px;
    left: 1423px;
    width: 289px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#ad .role-btn {
    top: 793px;
    left: 901px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#ad .role-btn-arrow {
    top: 793px;
    left: 1208px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-role.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad .challenges-btn-arrow {
    top: 793px;
    left: 1731px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-challenges.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

/**/
/**/
/**/
#adAssetCatalog .bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#adAssetCatalog .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/asset-catalog-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#adAssetCatalog .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adAssetCatalog .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-ad.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adAssetCatalog .ad-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adAssetCatalog .col-1 {
    top: 245px;
    left: 859px;
    width: 252px;
    height: 656px;
    background: transparent url('../img/col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adAssetCatalog .col-1-header {
    top: 269px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adAssetCatalog .col-1-content {
    top: 325px;
    left: 881px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

#adAssetCatalog .col-2 {
    top: 245px;
    left: 1141px;
    width: 379px;
    height: 656px;
    background: transparent url('../img/col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adAssetCatalog .col-2-header {
    top: 269px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#adAssetCatalog .col-2-content {
    top: 327px;
    left: 1161px;
    width: 330px;
    height: 553px;
    position: absolute;
    z-index: 3;
    overflow: auto;
}

#adAssetCatalog .col-3 {
    top: 245px;
    left: 1547px;
    width: 250px;
    height: 656px;
    background: transparent url('../img/col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adAssetCatalog .col-3-header {
    top: 269px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adAssetCatalog .col-3-content {
    top: 325px;
    left: 1567px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

.opacity-3 {
    opacity: .3;
    transition: 2s !important;
}

/* Hybrid Infrastructure - ROLE */


/* ROLE */

#adRole .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#adRole .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/role-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#adRole .left-bg-cio {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cio-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#adRole .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adRole .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-ad.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adRole .role-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adRole .menu-wire {
    top: 452px;
    left: 779px;
    width: 98px;
    height: 175px;
    background: transparent url('../img/role-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adRole .role-menu-1 {
    top: 427px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/role-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adRole .role-menu-2 {
    top: 515px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/role-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adRole .role-menu-3 {
    top: 601px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/role-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adRole .role-arrow-1 {
    top: 439px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#adRole .role-arrow-2 {
    top: 524px;
    left: 1291px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#adRole .role-arrow-3 {
    top: 613px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

/* CIO/CTO */

#ad-role-cio .ad-cio-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cio-cto.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#ad-role-cio .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cio .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cio .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ad-role-cio .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cio .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cio .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ad-role-cio .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cio .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cio .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CDO/Business Leaders */

#ad-role-cdo .left-bg-cdo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cdo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#ad-role-cdo .ad-cdo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cdo-business-leaders.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#ad-role-cdo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cdo-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cdo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cdo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ad-role-cdo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cdo-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cdo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cdo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ad-role-cdo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 529px;
    background: transparent url('../img/cdo-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cdo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cdo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CFO */

#adRole .left-bg-cfo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cfo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#ad-role-cfo .ad-cfo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cfo.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#ad-role-cfo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cfo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cfo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ad-role-cfo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cfo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cfo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ad-role-cfo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cfo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-role-cfo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CHALLENGES */

#adChallenges .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#adChallenges .challenges-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/challenges-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#adChallenges .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adChallenges .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-ad.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#adChallenges .challenges-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .menu-wire {
    top: 413px;
    left: 779px;
    width: 98px;
    height: 263px;
    background: transparent url('../img/challenges-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-menu .challenges-menu-1 {
    top: 388px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-menu .challenges-menu-2 {
    top: 475px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-menu .challenges-menu-3 {
    top: 562px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-menu .challenges-menu-4 {
    top: 649px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* CONTINUOUS TRANSFORMATION TRANSITION | continuous */

#adChallenges .continuous-fwd-arrow {
    top: 399px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .continuous-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/continuous-box.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .continuous-content {
    top: 466px;
    left: 1353px;
    width: 221px;
    height: 161px;
    background: transparent url('../img/continuous-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .continuous-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/continuous-arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .continuous-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/continuous-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CONTINUOUS TRANSFORMATION CONTAINER | challenges-continuous */

#ad-challenges-continuous .continuous-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#ad-challenges-continuous .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-continuous .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-continuous .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ad-challenges-continuous .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-continuous .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-continuous .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ad-challenges-continuous .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-continuous .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-continuous .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}


/* PARTNER ECOSYSTEM TRANSITION | partner */

#adChallenges .partner-fwd-arrow {
    top: 487px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .partner-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .partner-content {
    top: 479px;
    left: 1353px;
    width: 221px;
    height: 133px;
    background: transparent url('../img/partner-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .partner-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .partner-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/partner-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* partner PRODUCTIVITY CONTAINER | challenges-partner */

#ad-challenges-partner .partner-header {
    top: 300px;
    left: 859px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#ad-challenges-partner .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-partner .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-partner .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ad-challenges-partner .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-partner .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-partner .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ad-challenges-partner .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-partner .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-partner .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* WORKFORCE PRODUCTIVITY CONTAINER | challenges-workforce */

#ad-challenges-workforce .workforce-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#ad-challenges-workforce .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-workforce .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-workforce .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ad-challenges-workforce .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-workforce .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-workforce .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ad-challenges-workforce .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-workforce .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-workforce .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/*!* WORKFORCE ECOSYSTEM TRANSITION | workforce *!*/

#adChallenges .workforce-fwd-arrow {
    top: 573px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .workforce-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .workforce-content {
    top: 439px;
    left: 1353px;
    width: 221px;
    height: 217px;
    background: transparent url('../img/workforce-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .workforce-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .workforce-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-workforce-productivity.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* ACCELERATE ECOSYSTEM TRANSITION | accelerate */

#adChallenges .accelerate-fwd-arrow {
    top: 661px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .accelerate-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .accelerate-content {
    top: 453px;
    left: 1353px;
    width: 221px;
    height: 189px;
    background: transparent url('../img/accelerate-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .accelerate-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#adChallenges .accelerate-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-accelerate-digital.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* ACCELERATE ECOSYSTEM CONTAINER | challenges-accelerate */

#ad-challenges-accelerate .accelerate-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#ad-challenges-accelerate .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-accelerate .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-accelerate .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ad-challenges-accelerate .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-accelerate .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-accelerate .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ad-challenges-accelerate .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-accelerate .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ad-challenges-accelerate .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}











































/* HYBRID INFRASTRUCTURE */

#hi .hi-bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-main-menu-HYBRID.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#hi .text-float-1 {
    top: 262px;
    left: 1000px;
    width: 560px;
    height: 60px;
    background: transparent url('../img/hi-float-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#hi .text-float-2 {
    top: 339px;
    left: 270px;
    width: 960px;
    height: 60px;
    background: transparent url('../img/hi-float-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#hi .text-float-3 {
    top: 418px;
    left: 800px;
    width: 773px;
    height: 60px;
    background: transparent url('../img/hi-float-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#hi .text-float-4 {
    top: 496px;
    left: 562px;
    width: 368px;
    height: 60px;
    background: transparent url('../img/hi-float-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CTAs */

#hi .header {
    top: 100px;
    left: 1220px;
    width: 633px;
    height: 78px;
    background: transparent url('../img/HEADER-hi.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi .asset-catalog-icon {
    top: 640px;
    left: 242px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/asset-catalog-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#hi .role-icon {
    top: 640px;
    left: 766px;
    width: 388px;
    height: 183px;
    background: transparent url('../img/role-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#hi .challenges-icon {
    top: 640px;
    left: 1288px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/challenges-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#hi .asset-catalog-btn {
    top: 793px;
    left: 378px;
    width: 289px;
    height: 56px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#hi .asset-catalog-btn-arrow {
    top: 793px;
    left: 685px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-asset-catalog.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi .challenges-btn {
    top: 793px;
    left: 1423px;
    width: 289px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#hi .role-btn {
    top: 793px;
    left: 901px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hi .role-btn-arrow {
    top: 793px;
    left: 1208px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-role.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi .challenges-btn-arrow {
    top: 793px;
    left: 1731px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-challenges.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

/**/
/**/
/**/
#hiAssetCatalog .bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#hiAssetCatalog .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/asset-catalog-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#hiAssetCatalog .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hiAssetCatalog .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-hi.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hiAssetCatalog .hi-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hiAssetCatalog .col-1 {
    top: 245px;
    left: 859px;
    width: 252px;
    height: 656px;
    background: transparent url('../img/col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hiAssetCatalog .col-1-header {
    top: 269px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hiAssetCatalog .col-1-content {
    top: 325px;
    left: 881px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

#hiAssetCatalog .col-2 {
    top: 245px;
    left: 1141px;
    width: 379px;
    height: 656px;
    background: transparent url('../img/col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hiAssetCatalog .col-2-header {
    top: 269px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#hiAssetCatalog .col-2-content {
    top: 327px;
    left: 1161px;
    width: 330px;
    height: 553px;
    position: absolute;
    z-index: 3;
    overflow: auto;
}

#hiAssetCatalog .col-3 {
    top: 245px;
    left: 1547px;
    width: 250px;
    height: 656px;
    background: transparent url('../img/col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hiAssetCatalog .col-3-header {
    top: 269px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hiAssetCatalog .col-3-content {
    top: 325px;
    left: 1567px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

.opacity-3 {
    opacity: .3;
    transition: 2s !important;
}

/* Hybrid Infrastructure - ROLE */


/* ROLE */

#hiRole .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#hiRole .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/role-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#hiRole .left-bg-cio {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cio-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#hiRole .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hiRole .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-hi.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hiRole .role-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hiRole .menu-wire {
    top: 452px;
    left: 779px;
    width: 98px;
    height: 175px;
    background: transparent url('../img/wire-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hiRole .role-menu-1 {
    top: 467px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/hi-role-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hiRole .role-menu-2 {
    top: 555px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/hi-role-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/*#hiRole .role-menu-3 {*/
/*    top: 601px;*/
/*    left: 890px;*/
/*    width: 384px;*/
/*    height: 52px;*/
/*    background: transparent url('../img/hi-role-menu-3.png') no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*}*/

#hiRole .role-arrow-1 {
    top: 479px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#hiRole .role-arrow-2 {
    top: 566px;
    left: 1291px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

/*#hiRole .role-arrow-3 {*/
/*    top: 613px;*/
/*    left: 1291px;*/
/*    width: 17px;*/
/*    height: 28px;*/
/*    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 5;*/
/*}*/

/* CIO/CTO */

#hi-role-cio .hi-cio-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/hi-HEADER-cio-cto.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#hi-role-cio .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cio .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cio .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#hi-role-cio .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cio .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cio .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#hi-role-cio .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cio .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cio .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CDO/Business Leaders */

#hi-role-cdo .left-bg-cdo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cdo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#hi-role-cdo .hi-cdo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-vp-infra.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#hi-role-cdo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cdo-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cdo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cdo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#hi-role-cdo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cdo-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cdo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cdo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#hi-role-cdo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 529px;
    background: transparent url('../img/cdo-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cdo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cdo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CFO */

#hiRole .left-bg-cfo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cfo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#hi-role-cfo .hi-cfo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/hi-HEADER-chief.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#hi-role-cfo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cfo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cfo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#hi-role-cfo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cfo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cfo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#hi-role-cfo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cfo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-role-cfo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CHALLENGES */

#hiChallenges .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#hiChallenges .challenges-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/challenges-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#hiChallenges .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hiChallenges .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-hi.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hiChallenges .challenges-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .menu-wire {
    top: 413px;
    left: 779px;
    width: 98px;
    height: 263px;
    background: transparent url('../img/challenges-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-menu .challenges-menu-1 {
    top: 388px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-menu .challenges-menu-2 {
    top: 475px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-menu .challenges-menu-3 {
    top: 562px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-menu .challenges-menu-4 {
    top: 649px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* CONTINUOUS TRANSFORMATION TRANSITION | continuous */

#hiChallenges .continuous-fwd-arrow {
    top: 399px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .continuous-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/continuous-box.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .continuous-content {
    top: 466px;
    left: 1353px;
    width: 221px;
    height: 161px;
    background: transparent url('../img/continuous-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .continuous-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/continuous-arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .continuous-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/continuous-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CONTINUOUS TRANSFORMATION CONTAINER | challenges-continuous */

#hi-challenges-continuous .continuous-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#hi-challenges-continuous .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-continuous .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-continuous .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#hi-challenges-continuous .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-continuous .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-continuous .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#hi-challenges-continuous .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-continuous .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-continuous .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}


/* PARTNER ECOSYSTEM TRANSITION | partner */

#hiChallenges .partner-fwd-arrow {
    top: 487px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .partner-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .partner-content {
    top: 479px;
    left: 1353px;
    width: 221px;
    height: 133px;
    background: transparent url('../img/partner-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .partner-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .partner-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/partner-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* partner PRODUCTIVITY CONTAINER | challenges-partner */

#hi-challenges-partner .partner-header {
    top: 300px;
    left: 859px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#hi-challenges-partner .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-partner .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-partner .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#hi-challenges-partner .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-partner .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-partner .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#hi-challenges-partner .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-partner .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-partner .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* WORKFORCE PRODUCTIVITY CONTAINER | challenges-workforce */

#hi-challenges-workforce .workforce-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#hi-challenges-workforce .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-workforce .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-workforce .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#hi-challenges-workforce .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-workforce .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-workforce .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#hi-challenges-workforce .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-workforce .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-workforce .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/*!* WORKFORCE ECOSYSTEM TRANSITION | workforce *!*/

#hiChallenges .workforce-fwd-arrow {
    top: 573px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .workforce-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .workforce-content {
    top: 439px;
    left: 1353px;
    width: 221px;
    height: 217px;
    background: transparent url('../img/workforce-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .workforce-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .workforce-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-workforce-productivity.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* ACCELERATE ECOSYSTEM TRANSITION | accelerate */

#hiChallenges .accelerate-fwd-arrow {
    top: 661px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .accelerate-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .accelerate-content {
    top: 453px;
    left: 1353px;
    width: 221px;
    height: 189px;
    background: transparent url('../img/accelerate-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .accelerate-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#hiChallenges .accelerate-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-accelerate-digital.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* ACCELERATE ECOSYSTEM CONTAINER | challenges-accelerate */

#hi-challenges-accelerate .accelerate-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#hi-challenges-accelerate .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-accelerate .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-accelerate .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#hi-challenges-accelerate .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-accelerate .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-accelerate .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#hi-challenges-accelerate .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-accelerate .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#hi-challenges-accelerate .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

.hold {
    cursor: not-allowed;
}

.content-block .block-header {
    cursor: pointer;
}

/* APP MANAGEMENT */

#am .am-bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-main-menu-APP-MGMT.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#am .text-float-1 {
    top: 296px;
    left: 431px;
    width: 858px;
    height: 69px;
    background: transparent url('../img/am-float-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#am .text-float-2 {
    top: 381px;
    left: 821px;
    width: 788px;
    height: 69px;
    background: transparent url('../img/am-float-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#am .text-float-3 {
    top: 467px;
    left: 431px;
    width: 774px;
    height: 69px;
    background: transparent url('../img/am-float-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CTAs */

#am .header {
    top: 100px;
    left: 1220px;
    width: 633px;
    height: 78px;
    background: transparent url('../img/HEADER-am.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am .asset-catalog-icon {
    top: 640px;
    left: 242px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/asset-catalog-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#am .role-icon {
    top: 640px;
    left: 766px;
    width: 388px;
    height: 183px;
    background: transparent url('../img/role-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#am .challenges-icon {
    top: 640px;
    left: 1288px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/challenges-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#am .asset-catalog-btn {
    top: 793px;
    left: 378px;
    width: 289px;
    height: 56px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#am .asset-catalog-btn-arrow {
    top: 793px;
    left: 685px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-asset-catalog.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am .challenges-btn {
    top: 793px;
    left: 1423px;
    width: 289px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#am .role-btn {
    top: 793px;
    left: 901px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#am .role-btn-arrow {
    top: 793px;
    left: 1208px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-role.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am .challenges-btn-arrow {
    top: 793px;
    left: 1731px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-challenges.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

/**/
/**/
/**/
#amAssetCatalog .bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#amAssetCatalog .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/asset-catalog-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#amAssetCatalog .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amAssetCatalog .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-am.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amAssetCatalog .am-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amAssetCatalog .col-1 {
    top: 245px;
    left: 859px;
    width: 252px;
    height: 656px;
    background: transparent url('../img/col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amAssetCatalog .col-1-header {
    top: 269px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amAssetCatalog .col-1-content {
    top: 325px;
    left: 881px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

#amAssetCatalog .col-2 {
    top: 245px;
    left: 1141px;
    width: 379px;
    height: 656px;
    background: transparent url('../img/col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amAssetCatalog .col-2-header {
    top: 269px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#amAssetCatalog .col-2-content {
    top: 327px;
    left: 1161px;
    width: 330px;
    height: 553px;
    position: absolute;
    z-index: 3;
    overflow: auto;
}

#amAssetCatalog .col-3 {
    top: 245px;
    left: 1547px;
    width: 250px;
    height: 656px;
    background: transparent url('../img/col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amAssetCatalog .col-3-header {
    top: 269px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amAssetCatalog .col-3-content {
    top: 325px;
    left: 1567px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

.opacity-3 {
    opacity: .3;
    transition: 2s !important;
}

/* Hybrid Infrastructure - ROLE */


/* ROLE */

#amRole .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#amRole .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/role-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#amRole .left-bg-cio {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cio-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#amRole .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amRole .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-am.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amRole .role-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amRole .menu-wire {
    top: 452px;
    left: 779px;
    width: 98px;
    height: 175px;
    background: transparent url('../img/role-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amRole .role-menu-1 {
    top: 427px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/role-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amRole .role-menu-2 {
    top: 515px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/role-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amRole .role-menu-3 {
    top: 601px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/role-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amRole .role-arrow-1 {
    top: 439px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#amRole .role-arrow-2 {
    top: 524px;
    left: 1291px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#amRole .role-arrow-3 {
    top: 613px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

/* CIO/CTO */

#am-role-cio .am-cio-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cio-cto.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#am-role-cio .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cio .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cio .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#am-role-cio .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cio .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cio .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#am-role-cio .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cio .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cio .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CDO/Business Leaders */

#am-role-cdo .left-bg-cdo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cdo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#am-role-cdo .am-cdo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cdo-business-leaders.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#am-role-cdo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cdo-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cdo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cdo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#am-role-cdo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cdo-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cdo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cdo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#am-role-cdo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 529px;
    background: transparent url('../img/cdo-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cdo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cdo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CFO */

#amRole .left-bg-cfo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cfo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#am-role-cfo .am-cfo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cfo.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#am-role-cfo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cfo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cfo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#am-role-cfo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cfo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cfo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#am-role-cfo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cfo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-role-cfo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CHALLENGES */

#amChallenges .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#amChallenges .challenges-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/challenges-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#amChallenges .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amChallenges .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-am.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#amChallenges .challenges-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .menu-wire {
    top: 413px;
    left: 779px;
    width: 98px;
    height: 263px;
    background: transparent url('../img/challenges-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-menu .challenges-menu-1 {
    top: 388px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-menu .challenges-menu-2 {
    top: 475px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-menu .challenges-menu-3 {
    top: 562px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-menu .challenges-menu-4 {
    top: 649px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* CONTINUOUS TRANSFORMATION TRANSITION | continuous */

#amChallenges .continuous-fwd-arrow {
    top: 399px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .continuous-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/continuous-box.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .continuous-content {
    top: 466px;
    left: 1353px;
    width: 221px;
    height: 161px;
    background: transparent url('../img/continuous-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .continuous-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/continuous-arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .continuous-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/continuous-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CONTINUOUS TRANSFORMATION CONTAINER | challenges-continuous */

#am-challenges-continuous .continuous-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#am-challenges-continuous .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-continuous .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-continuous .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#am-challenges-continuous .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-continuous .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-continuous .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#am-challenges-continuous .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-continuous .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-continuous .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}


/* PARTNER ECOSYSTEM TRANSITION | partner */

#amChallenges .partner-fwd-arrow {
    top: 487px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .partner-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .partner-content {
    top: 479px;
    left: 1353px;
    width: 221px;
    height: 133px;
    background: transparent url('../img/partner-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .partner-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .partner-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/partner-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* partner PRODUCTIVITY CONTAINER | challenges-partner */

#am-challenges-partner .partner-header {
    top: 300px;
    left: 859px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#am-challenges-partner .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-partner .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-partner .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#am-challenges-partner .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-partner .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-partner .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#am-challenges-partner .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-partner .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-partner .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* WORKFORCE PRODUCTIVITY CONTAINER | challenges-workforce */

#am-challenges-workforce .workforce-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#am-challenges-workforce .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-workforce .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-workforce .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#am-challenges-workforce .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-workforce .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-workforce .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#am-challenges-workforce .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-workforce .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-workforce .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/*!* WORKFORCE ECOSYSTEM TRANSITION | workforce *!*/

#amChallenges .workforce-fwd-arrow {
    top: 573px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .workforce-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .workforce-content {
    top: 439px;
    left: 1353px;
    width: 221px;
    height: 217px;
    background: transparent url('../img/workforce-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .workforce-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .workforce-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-workforce-productivity.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* ACCELERATE ECOSYSTEM TRANSITION | accelerate */

#amChallenges .accelerate-fwd-arrow {
    top: 661px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .accelerate-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .accelerate-content {
    top: 453px;
    left: 1353px;
    width: 221px;
    height: 189px;
    background: transparent url('../img/accelerate-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .accelerate-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#amChallenges .accelerate-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-accelerate-digital.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* ACCELERATE ECOSYSTEM CONTAINER | challenges-accelerate */

#am-challenges-accelerate .accelerate-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#am-challenges-accelerate .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-accelerate .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-accelerate .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#am-challenges-accelerate .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-accelerate .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-accelerate .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#am-challenges-accelerate .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-accelerate .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#am-challenges-accelerate .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CLOUD TRANSFORMATION */

#cloud .cloud-bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-main-menu-CLOUD.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#cloud .text-float-1 {
    top: 230px;
    left: 595px;
    width: 336px;
    height: 49px;
    background: transparent url('../img/cloud-float-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#cloud .text-float-2 {
    top: 305px;
    left: 1255px;
    width: 320px;
    height: 49px;
    background: transparent url('../img/cloud-float-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#cloud .text-float-3 {
    top: 391px;
    left: 799px;
    width: 510px;
    height: 49px;
    background: transparent url('../img/cloud-float-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}
#cloud .text-float-4 {
    top: 477px;
    left: 370px;
    width: 378px;
    height: 49px;
    background: transparent url('../img/cloud-float-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CTAs */

#cloud .header {
    top: 100px;
    left: 1220px;
    width: 633px;
    height: 78px;
    background: transparent url('../img/HEADER-cloud.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud .asset-catalog-icon {
    top: 640px;
    left: 242px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/asset-catalog-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#cloud .role-icon {
    top: 640px;
    left: 766px;
    width: 388px;
    height: 183px;
    background: transparent url('../img/role-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#cloud .challenges-icon {
    top: 640px;
    left: 1288px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/challenges-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#cloud .asset-catalog-btn {
    top: 793px;
    left: 378px;
    width: 289px;
    height: 56px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#cloud .asset-catalog-btn-arrow {
    top: 793px;
    left: 685px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-asset-catalog.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud .challenges-btn {
    top: 793px;
    left: 1423px;
    width: 289px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#cloud .role-btn {
    top: 793px;
    left: 901px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloud .role-btn-arrow {
    top: 793px;
    left: 1208px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-role.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud .challenges-btn-arrow {
    top: 793px;
    left: 1731px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-challenges.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

/**/
/**/
/**/
#cloudAssetCatalog .bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#cloudAssetCatalog .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/asset-catalog-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#cloudAssetCatalog .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloudAssetCatalog .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-cloud.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloudAssetCatalog .cloud-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloudAssetCatalog .col-1 {
    top: 245px;
    left: 859px;
    width: 252px;
    height: 656px;
    background: transparent url('../img/col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloudAssetCatalog .col-1-header {
    top: 269px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloudAssetCatalog .col-1-content {
    top: 325px;
    left: 881px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

#cloudAssetCatalog .col-2 {
    top: 245px;
    left: 1141px;
    width: 379px;
    height: 656px;
    background: transparent url('../img/col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloudAssetCatalog .col-2-header {
    top: 269px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#cloudAssetCatalog .col-2-content {
    top: 327px;
    left: 1161px;
    width: 330px;
    height: 553px;
    position: absolute;
    z-index: 3;
    overflow: auto;
}

#cloudAssetCatalog .col-3 {
    top: 245px;
    left: 1547px;
    width: 250px;
    height: 656px;
    background: transparent url('../img/col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloudAssetCatalog .col-3-header {
    top: 269px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloudAssetCatalog .col-3-content {
    top: 325px;
    left: 1567px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

.opacity-3 {
    opacity: .3;
    transition: 2s !important;
}

/* Hybrid Infrastructure - ROLE */


/* ROLE */

#cloudRole .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#cloudRole .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/role-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#cloudRole .left-bg-cio {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cio-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#cloudRole .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloudRole .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-cloud.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloudRole .role-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloudRole .menu-wire {
    top: 452px;
    left: 779px;
    width: 98px;
    height: 175px;
    background: transparent url('../img/wire-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloudRole .role-menu-1 {
    top: 467px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/hi-role-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloudRole .role-menu-2 {
    top: 555px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/hi-role-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/*#hiRole .role-menu-3 {*/
/*    top: 601px;*/
/*    left: 890px;*/
/*    width: 384px;*/
/*    height: 52px;*/
/*    background: transparent url('../img/hi-role-menu-3.png') no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 3;*/
/*}*/

#cloudRole .role-arrow-1 {
    top: 479px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#cloudRole .role-arrow-2 {
    top: 566px;
    left: 1291px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

/*#cloudRole .role-arrow-3 {*/
/*    top: 613px;*/
/*    left: 1291px;*/
/*    width: 17px;*/
/*    height: 28px;*/
/*    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;*/
/*    position: absolute;*/
/*    z-index: 5;*/
/*}*/

/* CIO/CTO */

#cloud-role-cio .cloud-cio-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cio-cto.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#cloud-role-cio .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cio .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cio .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#cloud-role-cio .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cio .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cio .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#cloud-role-cio .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cio .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cio .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CDO/Business Leaders */

#cloud-role-cdo .left-bg-cdo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cdo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#cloud-role-cdo .cloud-cdo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-vp-infra.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#cloud-role-cdo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cdo-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cdo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cdo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#cloud-role-cdo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cdo-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cdo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cdo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#cloud-role-cdo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 529px;
    background: transparent url('../img/cdo-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cdo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cdo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CFO */

#cloudRole .left-bg-cfo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cfo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#cloud-role-cfo .cloud-cfo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cfo.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#cloud-role-cfo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cfo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cfo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#cloud-role-cfo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cfo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cfo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#cloud-role-cfo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cfo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-role-cfo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CHALLENGES */

#cloudChallenges .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#cloudChallenges .challenges-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/challenges-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#cloudChallenges .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloudChallenges .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-cloud.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloudChallenges .challenges-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .menu-wire {
    top: 413px;
    left: 779px;
    width: 98px;
    height: 263px;
    background: transparent url('../img/challenges-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-menu .challenges-menu-1 {
    top: 388px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-menu .challenges-menu-2 {
    top: 475px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-menu .challenges-menu-3 {
    top: 562px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-menu .challenges-menu-4 {
    top: 649px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* CONTINUOUS TRANSFORMATION TRANSITION | continuous */

#cloudChallenges .continuous-fwd-arrow {
    top: 399px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .continuous-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/continuous-box.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .continuous-content {
    top: 466px;
    left: 1353px;
    width: 221px;
    height: 161px;
    background: transparent url('../img/continuous-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .continuous-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/continuous-arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .continuous-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/continuous-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CONTINUOUS TRANSFORMATION CONTAINER | challenges-continuous */

#cloud-challenges-continuous .continuous-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#cloud-challenges-continuous .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-continuous .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-continuous .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-continuous .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-continuous .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-continuous .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-continuous .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-continuous .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-continuous .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}


/* PARTNER ECOSYSTEM TRANSITION | partner */

#cloudChallenges .partner-fwd-arrow {
    top: 487px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .partner-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .partner-content {
    top: 479px;
    left: 1353px;
    width: 221px;
    height: 133px;
    background: transparent url('../img/partner-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .partner-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .partner-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/partner-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* partner PRODUCTIVITY CONTAINER | challenges-partner */

#cloud-challenges-partner .partner-header {
    top: 300px;
    left: 859px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#cloud-challenges-partner .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-partner .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-partner .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-partner .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-partner .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-partner .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-partner .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-partner .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-partner .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* WORKFORCE PRODUCTIVITY CONTAINER | challenges-workforce */

#cloud-challenges-workforce .workforce-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#cloud-challenges-workforce .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-workforce .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-workforce .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-workforce .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-workforce .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-workforce .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-workforce .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-workforce .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-workforce .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/*!* WORKFORCE ECOSYSTEM TRANSITION | workforce *!*/

#cloudChallenges .workforce-fwd-arrow {
    top: 573px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .workforce-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .workforce-content {
    top: 439px;
    left: 1353px;
    width: 221px;
    height: 217px;
    background: transparent url('../img/workforce-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .workforce-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .workforce-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-workforce-productivity.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* ACCELERATE ECOSYSTEM TRANSITION | accelerate */

#cloudChallenges .accelerate-fwd-arrow {
    top: 661px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .accelerate-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .accelerate-content {
    top: 453px;
    left: 1353px;
    width: 221px;
    height: 189px;
    background: transparent url('../img/accelerate-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .accelerate-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#cloudChallenges .accelerate-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-accelerate-digital.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* ACCELERATE ECOSYSTEM CONTAINER | challenges-accelerate */

#cloud-challenges-accelerate .accelerate-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#cloud-challenges-accelerate .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-accelerate .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-accelerate .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-accelerate .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-accelerate .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-accelerate .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-accelerate .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-accelerate .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#cloud-challenges-accelerate .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* DATA INTELLIGENCE */

#di .di-bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-main-menu-di.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#di .text-float-1 {
    top: 261px;
    left: 1080px;
    width: 604px;
    height: 49px;
    background: transparent url('../img/di-float-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#di .text-float-2 {
    top: 330px;
    left: 600px;
    width: 550px;
    height: 49px;
    background: transparent url('../img/di-float-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#di .text-float-3 {
    top: 409px;
    left: 975px;
    width: 580px;
    height: 49px;
    background: transparent url('../img/di-float-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}
#di .text-float-4 {
    top: 488px;
    left: 299px;
    width: 884px;
    height: 49px;
    background: transparent url('../img/di-float-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CTAs */

#di .header {
    top: 100px;
    left: 1220px;
    width: 633px;
    height: 78px;
    background: transparent url('../img/HEADER-di.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di .asset-catalog-icon {
    top: 640px;
    left: 242px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/asset-catalog-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#di .role-icon {
    top: 640px;
    left: 766px;
    width: 388px;
    height: 183px;
    background: transparent url('../img/role-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#di .challenges-icon {
    top: 640px;
    left: 1288px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/challenges-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#di .asset-catalog-btn {
    top: 793px;
    left: 378px;
    width: 289px;
    height: 56px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#di .asset-catalog-btn-arrow {
    top: 793px;
    left: 685px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-asset-catalog.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di .challenges-btn {
    top: 793px;
    left: 1423px;
    width: 289px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#di .role-btn {
    top: 793px;
    left: 901px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#di .role-btn-arrow {
    top: 793px;
    left: 1208px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-role.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di .challenges-btn-arrow {
    top: 793px;
    left: 1731px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-challenges.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

/**/
/**/
/**/
#diAssetCatalog .bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#diAssetCatalog .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/asset-catalog-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#diAssetCatalog .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diAssetCatalog .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-di.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diAssetCatalog .di-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diAssetCatalog .col-1 {
    top: 245px;
    left: 859px;
    width: 252px;
    height: 656px;
    background: transparent url('../img/col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diAssetCatalog .col-1-header {
    top: 269px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diAssetCatalog .col-1-content {
    top: 325px;
    left: 881px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

#diAssetCatalog .col-2 {
    top: 245px;
    left: 1141px;
    width: 379px;
    height: 656px;
    background: transparent url('../img/col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diAssetCatalog .col-2-header {
    top: 269px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#diAssetCatalog .col-2-content {
    top: 327px;
    left: 1161px;
    width: 330px;
    height: 553px;
    position: absolute;
    z-index: 3;
    overflow: auto;
}

#diAssetCatalog .col-3 {
    top: 245px;
    left: 1547px;
    width: 250px;
    height: 656px;
    background: transparent url('../img/col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diAssetCatalog .col-3-header {
    top: 269px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diAssetCatalog .col-3-content {
    top: 325px;
    left: 1567px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

.opacity-3 {
    opacity: .3;
    transition: 2s !important;
}

/* Hybrid Infrastructure - ROLE */


/* ROLE */

#diRole .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#diRole .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/role-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#diRole .left-bg-cio {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cio-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#diRole .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diRole .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-di.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diRole .role-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diRole .menu-wire {
    top: 452px;
    left: 779px;
    width: 98px;
    height: 175px;
    background: transparent url('../img/role-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diRole .role-menu-1 {
    top: 427px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/role-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diRole .role-menu-2 {
    top: 515px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/role-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diRole .role-menu-3 {
    top: 601px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/role-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diRole .role-arrow-1 {
    top: 439px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#diRole .role-arrow-2 {
    top: 524px;
    left: 1291px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#diRole .role-arrow-3 {
    top: 613px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

/* CIO/CTO */

#di-role-cio .di-cio-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cio-cto.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#di-role-cio .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cio .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cio .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#di-role-cio .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cio .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cio .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#di-role-cio .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cio .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cio .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CDO/Business Leaders */

#di-role-cdo .left-bg-cdo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cdo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#di-role-cdo .di-cdo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cdo-business-leaders.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#di-role-cdo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cdo-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cdo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cdo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#di-role-cdo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cdo-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cdo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cdo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#di-role-cdo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 529px;
    background: transparent url('../img/cdo-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cdo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cdo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CFO */

#diRole .left-bg-cfo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cfo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#di-role-cfo .di-cfo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cfo.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#di-role-cfo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cfo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cfo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#di-role-cfo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cfo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cfo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#di-role-cfo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cfo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-role-cfo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CHALLENGES */

#diChallenges .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#diChallenges .challenges-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/challenges-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#diChallenges .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diChallenges .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-di.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#diChallenges .challenges-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .menu-wire {
    top: 413px;
    left: 779px;
    width: 98px;
    height: 263px;
    background: transparent url('../img/challenges-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-menu .challenges-menu-1 {
    top: 388px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-menu .challenges-menu-2 {
    top: 475px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-menu .challenges-menu-3 {
    top: 562px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-menu .challenges-menu-4 {
    top: 649px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* CONTINUOUS TRANSFORMATION TRANSITION | continuous */

#diChallenges .continuous-fwd-arrow {
    top: 399px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .continuous-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/continuous-box.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .continuous-content {
    top: 466px;
    left: 1353px;
    width: 221px;
    height: 161px;
    background: transparent url('../img/continuous-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .continuous-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/continuous-arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .continuous-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/continuous-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CONTINUOUS TRANSFORMATION CONTAINER | challenges-continuous */

#di-challenges-continuous .continuous-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#di-challenges-continuous .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-continuous .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-continuous .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#di-challenges-continuous .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-continuous .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-continuous .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#di-challenges-continuous .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-continuous .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-continuous .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}


/* PARTNER ECOSYSTEM TRANSITION | partner */

#diChallenges .partner-fwd-arrow {
    top: 487px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .partner-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .partner-content {
    top: 479px;
    left: 1353px;
    width: 221px;
    height: 133px;
    background: transparent url('../img/partner-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .partner-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .partner-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/partner-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* partner PRODUCTIVITY CONTAINER | challenges-partner */

#di-challenges-partner .partner-header {
    top: 300px;
    left: 859px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#di-challenges-partner .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-partner .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-partner .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#di-challenges-partner .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-partner .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-partner .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#di-challenges-partner .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-partner .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-partner .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* WORKFORCE PRODUCTIVITY CONTAINER | challenges-workforce */

#di-challenges-workforce .workforce-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#di-challenges-workforce .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-workforce .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-workforce .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#di-challenges-workforce .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-workforce .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-workforce .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#di-challenges-workforce .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-workforce .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-workforce .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/*!* WORKFORCE ECOSYSTEM TRANSITION | workforce *!*/

#diChallenges .workforce-fwd-arrow {
    top: 573px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .workforce-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .workforce-content {
    top: 439px;
    left: 1353px;
    width: 221px;
    height: 217px;
    background: transparent url('../img/workforce-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .workforce-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .workforce-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-workforce-productivity.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* ACCELERATE ECOSYSTEM TRANSITION | accelerate */

#diChallenges .accelerate-fwd-arrow {
    top: 661px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .accelerate-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .accelerate-content {
    top: 453px;
    left: 1353px;
    width: 221px;
    height: 189px;
    background: transparent url('../img/accelerate-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .accelerate-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#diChallenges .accelerate-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-accelerate-digital.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* ACCELERATE ECOSYSTEM CONTAINER | challenges-accelerate */

#di-challenges-accelerate .accelerate-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#di-challenges-accelerate .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-accelerate .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-accelerate .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#di-challenges-accelerate .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-accelerate .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-accelerate .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#di-challenges-accelerate .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-accelerate .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#di-challenges-accelerate .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CYBER SECURITY */

#sec .sec-bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-main-menu-CYBER.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#sec .text-float-1 {
    top: 236px;
    left: 267px;
    width: 820px;
    height: 49px;
    background: transparent url('../img/sec-float-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#sec .text-float-2 {
    top: 312px;
    left: 963px;
    width: 632px;
    height: 49px;
    background: transparent url('../img/sec-float-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#sec .text-float-3 {
    top: 397px;
    left: 493px;
    width: 676px;
    height: 49px;
    background: transparent url('../img/sec-float-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}
#sec .text-float-4 {
    top: 483px;
    left: 985px;
    width: 758px;
    height: 49px;
    background: transparent url('../img/sec-float-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CTAs */

#sec .header {
    top: 100px;
    left: 1220px;
    width: 633px;
    height: 78px;
    background: transparent url('../img/HEADER-sec.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec .asset-catalog-icon {
    top: 640px;
    left: 242px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/asset-catalog-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#sec .role-icon {
    top: 640px;
    left: 766px;
    width: 388px;
    height: 183px;
    background: transparent url('../img/role-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#sec .challenges-icon {
    top: 640px;
    left: 1288px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/challenges-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#sec .asset-catalog-btn {
    top: 793px;
    left: 378px;
    width: 289px;
    height: 56px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#sec .asset-catalog-btn-arrow {
    top: 793px;
    left: 685px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-asset-catalog.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec .challenges-btn {
    top: 793px;
    left: 1423px;
    width: 289px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#sec .role-btn {
    top: 793px;
    left: 901px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#sec .role-btn-arrow {
    top: 793px;
    left: 1208px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-role.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec .challenges-btn-arrow {
    top: 793px;
    left: 1731px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-challenges.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

/**/
/**/
/**/
#secAssetCatalog .bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#secAssetCatalog .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/asset-catalog-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#secAssetCatalog .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secAssetCatalog .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-sec.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secAssetCatalog .sec-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secAssetCatalog .col-1 {
    top: 245px;
    left: 859px;
    width: 252px;
    height: 656px;
    background: transparent url('../img/col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secAssetCatalog .col-1-header {
    top: 269px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secAssetCatalog .col-1-content {
    top: 325px;
    left: 881px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

#secAssetCatalog .col-2 {
    top: 245px;
    left: 1141px;
    width: 379px;
    height: 656px;
    background: transparent url('../img/col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secAssetCatalog .col-2-header {
    top: 269px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#secAssetCatalog .col-2-content {
    top: 327px;
    left: 1161px;
    width: 330px;
    height: 553px;
    position: absolute;
    z-index: 3;
    overflow: auto;
}

#secAssetCatalog .col-3 {
    top: 245px;
    left: 1547px;
    width: 250px;
    height: 656px;
    background: transparent url('../img/col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secAssetCatalog .col-3-header {
    top: 269px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secAssetCatalog .col-3-content {
    top: 325px;
    left: 1567px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

/* ROLE */

#secRole .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#secRole .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/role-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#secRole .left-bg-cio {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cio-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#secRole .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secRole .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-sec.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secRole .role-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secRole .menu-wire {
    top: 452px;
    left: 779px;
    width: 98px;
    height: 175px;
    background: transparent url('../img/role-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secRole .role-menu-1 {
    top: 427px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/role-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secRole .role-menu-2 {
    top: 515px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/role-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secRole .role-menu-3 {
    top: 601px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/role-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secRole .role-arrow-1 {
    top: 439px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#secRole .role-arrow-2 {
    top: 524px;
    left: 1291px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#secRole .role-arrow-3 {
    top: 613px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

/* CIO/CTO */

#sec-role-cio .sec-cio-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cio-cto.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#sec-role-cio .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cio .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cio .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#sec-role-cio .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cio .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cio .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#sec-role-cio .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cio .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cio .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CDO/Business Leaders */

#sec-role-cdo .left-bg-cdo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cdo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#sec-role-cdo .sec-cdo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cdo-business-leaders.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#sec-role-cdo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cdo-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cdo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cdo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#sec-role-cdo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cdo-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cdo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cdo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#sec-role-cdo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 529px;
    background: transparent url('../img/cdo-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cdo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cdo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CFO */

#secRole .left-bg-cfo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cfo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#sec-role-cfo .sec-cfo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cfo.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#sec-role-cfo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cfo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cfo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#sec-role-cfo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cfo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cfo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#sec-role-cfo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cfo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-role-cfo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CHALLENGES */

#secChallenges .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#secChallenges .challenges-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/challenges-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#secChallenges .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secChallenges .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-sec.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#secChallenges .challenges-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .menu-wire {
    top: 413px;
    left: 779px;
    width: 98px;
    height: 263px;
    background: transparent url('../img/challenges-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-menu .challenges-menu-1 {
    top: 388px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-menu .challenges-menu-2 {
    top: 475px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-menu .challenges-menu-3 {
    top: 562px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-menu .challenges-menu-4 {
    top: 649px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* CONTINUOUS TRANSFORMATION TRANSITION | continuous */

#secChallenges .continuous-fwd-arrow {
    top: 399px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .continuous-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/continuous-box.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .continuous-content {
    top: 466px;
    left: 1353px;
    width: 221px;
    height: 161px;
    background: transparent url('../img/continuous-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .continuous-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/continuous-arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .continuous-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/continuous-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CONTINUOUS TRANSFORMATION CONTAINER | challenges-continuous */

#sec-challenges-continuous .continuous-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#sec-challenges-continuous .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-continuous .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-continuous .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#sec-challenges-continuous .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-continuous .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-continuous .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#sec-challenges-continuous .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-continuous .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-continuous .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}


/* PARTNER ECOSYSTEM TRANSITION | partner */

#secChallenges .partner-fwd-arrow {
    top: 487px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .partner-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .partner-content {
    top: 479px;
    left: 1353px;
    width: 221px;
    height: 133px;
    background: transparent url('../img/partner-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .partner-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .partner-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/partner-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* partner PRODUCTIVITY CONTAINER | challenges-partner */

#sec-challenges-partner .partner-header {
    top: 300px;
    left: 859px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#sec-challenges-partner .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-partner .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-partner .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#sec-challenges-partner .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-partner .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-partner .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#sec-challenges-partner .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-partner .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-partner .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* WORKFORCE PRODUCTIVITY CONTAINER | challenges-workforce */

#sec-challenges-workforce .workforce-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#sec-challenges-workforce .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-workforce .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-workforce .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#sec-challenges-workforce .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-workforce .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-workforce .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#sec-challenges-workforce .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-workforce .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-workforce .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/*!* WORKFORCE ECOSYSTEM TRANSITION | workforce *!*/

#secChallenges .workforce-fwd-arrow {
    top: 573px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .workforce-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .workforce-content {
    top: 439px;
    left: 1353px;
    width: 221px;
    height: 217px;
    background: transparent url('../img/workforce-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .workforce-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .workforce-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-workforce-productivity.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* ACCELERATE ECOSYSTEM TRANSITION | accelerate */

#secChallenges .accelerate-fwd-arrow {
    top: 661px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .accelerate-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .accelerate-content {
    top: 453px;
    left: 1353px;
    width: 221px;
    height: 189px;
    background: transparent url('../img/accelerate-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .accelerate-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#secChallenges .accelerate-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-accelerate-digital.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* ACCELERATE ECOSYSTEM CONTAINER | challenges-accelerate */

#sec-challenges-accelerate .accelerate-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#sec-challenges-accelerate .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-accelerate .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-accelerate .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#sec-challenges-accelerate .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-accelerate .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-accelerate .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#sec-challenges-accelerate .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-accelerate .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;    
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#sec-challenges-accelerate .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}


/* DIGITAL EXPERIENCE */

#de .de-bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-main-menu-DIGITAL.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#de .text-float-1 {
    top: 262px;
    left: 352px;
    width: 622px;
    height: 49px;
    background: transparent url('../img/de-float-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#de .text-float-2 {
    top: 332px;
    left: 803px;
    width: 800px;
    height: 49px;
    background: transparent url('../img/de-float-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#de .text-float-3 {
    top: 401px;
    left: 190px;
    width: 960px;
    height: 49px;
    background: transparent url('../img/de-float-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}
#de .text-float-4 {
    top: 470px;
    left: 733px;
    width: 990px;
    height: 49px;
    background: transparent url('../img/de-float-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CTAs */

#de .header {
    top: 100px;
    left: 1220px;
    width: 633px;
    height: 78px;
    background: transparent url('../img/HEADER-de.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de .asset-catalog-icon {
    top: 640px;
    left: 242px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/asset-catalog-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#de .role-icon {
    top: 640px;
    left: 766px;
    width: 388px;
    height: 183px;
    background: transparent url('../img/role-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#de .challenges-icon {
    top: 640px;
    left: 1288px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/challenges-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#de .asset-catalog-btn {
    top: 793px;
    left: 378px;
    width: 289px;
    height: 56px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#de .asset-catalog-btn-arrow {
    top: 793px;
    left: 685px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-asset-catalog.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de .challenges-btn {
    top: 793px;
    left: 1423px;
    width: 289px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#de .role-btn {
    top: 793px;
    left: 901px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#de .role-btn-arrow {
    top: 793px;
    left: 1208px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-role.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de .challenges-btn-arrow {
    top: 793px;
    left: 1731px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-challenges.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

/**/
/**/
/**/
#deAssetCatalog .bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#deAssetCatalog .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/asset-catalog-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#deAssetCatalog .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deAssetCatalog .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-de.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deAssetCatalog .de-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deAssetCatalog .col-1 {
    top: 245px;
    left: 859px;
    width: 252px;
    height: 656px;
    background: transparent url('../img/col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deAssetCatalog .col-1-header {
    top: 269px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deAssetCatalog .col-1-content {
    top: 325px;
    left: 881px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

#deAssetCatalog .col-2 {
    top: 245px;
    left: 1141px;
    width: 379px;
    height: 656px;
    background: transparent url('../img/col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deAssetCatalog .col-2-header {
    top: 269px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#deAssetCatalog .col-2-content {
    top: 327px;
    left: 1161px;
    width: 330px;
    height: 553px;
    position: absolute;
    z-index: 3;
    overflow: auto;
}

#deAssetCatalog .col-3 {
    top: 245px;
    left: 1547px;
    width: 250px;
    height: 656px;
    background: transparent url('../img/col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deAssetCatalog .col-3-header {
    top: 269px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deAssetCatalog .col-3-content {
    top: 325px;
    left: 1567px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

/* ROLE */

#deRole .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#deRole .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/role-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#deRole .left-bg-cio {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cio-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#deRole .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deRole .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-de.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deRole .role-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deRole .menu-wire {
    top: 452px;
    left: 779px;
    width: 98px;
    height: 175px;
    background: transparent url('../img/role-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deRole .role-menu-1 {
    top: 427px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/role-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deRole .role-menu-2 {
    top: 515px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/role-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deRole .role-menu-3 {
    top: 601px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/role-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deRole .role-arrow-1 {
    top: 439px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#deRole .role-arrow-2 {
    top: 524px;
    left: 1291px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#deRole .role-arrow-3 {
    top: 613px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

/* CIO/CTO */

#de-role-cio .de-cio-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cio-cto.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#de-role-cio .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cio .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cio .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#de-role-cio .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cio .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cio .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#de-role-cio .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cio .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cio .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CDO/Business Leaders */

#de-role-cdo .left-bg-cdo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cdo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#de-role-cdo .de-cdo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cdo-business-leaders.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#de-role-cdo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cdo-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cdo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cdo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#de-role-cdo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cdo-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cdo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cdo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#de-role-cdo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 529px;
    background: transparent url('../img/cdo-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cdo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cdo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CFO */

#deRole .left-bg-cfo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cfo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#de-role-cfo .de-cfo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cfo.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#de-role-cfo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cfo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cfo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#de-role-cfo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cfo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cfo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#de-role-cfo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cfo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-role-cfo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CHALLENGES */

#deChallenges .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#deChallenges .challenges-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/challenges-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#deChallenges .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deChallenges .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-de.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#deChallenges .challenges-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .menu-wire {
    top: 413px;
    left: 779px;
    width: 98px;
    height: 263px;
    background: transparent url('../img/challenges-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-menu .challenges-menu-1 {
    top: 388px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-menu .challenges-menu-2 {
    top: 475px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-menu .challenges-menu-3 {
    top: 562px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-menu .challenges-menu-4 {
    top: 649px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* CONTINUOUS TRANSFORMATION TRANSITION | continuous */

#deChallenges .continuous-fwd-arrow {
    top: 399px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .continuous-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/continuous-box.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .continuous-content {
    top: 466px;
    left: 1353px;
    width: 221px;
    height: 161px;
    background: transparent url('../img/continuous-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .continuous-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/continuous-arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .continuous-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/continuous-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CONTINUOUS TRANSFORMATION CONTAINER | challenges-continuous */

#de-challenges-continuous .continuous-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#de-challenges-continuous .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-continuous .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-continuous .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#de-challenges-continuous .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-continuous .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-continuous .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#de-challenges-continuous .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-continuous .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-continuous .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}


/* PARTNER ECOSYSTEM TRANSITION | partner */

#deChallenges .partner-fwd-arrow {
    top: 487px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .partner-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .partner-content {
    top: 479px;
    left: 1353px;
    width: 221px;
    height: 133px;
    background: transparent url('../img/partner-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .partner-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .partner-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/partner-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* partner PRODUCTIVITY CONTAINER | challenges-partner */

#de-challenges-partner .partner-header {
    top: 300px;
    left: 859px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#de-challenges-partner .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-partner .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-partner .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#de-challenges-partner .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-partner .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-partner .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#de-challenges-partner .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-partner .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-partner .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* WORKFORCE PRODUCTIVITY CONTAINER | challenges-workforce */

#de-challenges-workforce .workforce-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#de-challenges-workforce .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-workforce .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-workforce .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#de-challenges-workforce .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-workforce .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-workforce .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#de-challenges-workforce .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-workforce .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-workforce .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/*!* WORKFORCE ECOSYSTEM TRANSITION | workforce *!*/

#deChallenges .workforce-fwd-arrow {
    top: 573px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .workforce-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .workforce-content {
    top: 439px;
    left: 1353px;
    width: 221px;
    height: 217px;
    background: transparent url('../img/workforce-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .workforce-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .workforce-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-workforce-productivity.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* ACCELERATE ECOSYSTEM TRANSITION | accelerate */

#deChallenges .accelerate-fwd-arrow {
    top: 661px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .accelerate-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .accelerate-content {
    top: 453px;
    left: 1353px;
    width: 221px;
    height: 189px;
    background: transparent url('../img/accelerate-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .accelerate-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#deChallenges .accelerate-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-accelerate-digital.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* ACCELERATE ECOSYSTEM CONTAINER | challenges-accelerate */

#de-challenges-accelerate .accelerate-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#de-challenges-accelerate .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-accelerate .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-accelerate .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#de-challenges-accelerate .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-accelerate .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-accelerate .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#de-challenges-accelerate .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-accelerate .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#de-challenges-accelerate .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}



/* ENTERPRISE APPLICATIONS STYLES */
#ea .ea-bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-main-menu-ENTERPRISE.png') 0% 0% no-repeat padding-box;
    position: absolute; 
    z-index: 1;
}

#ea .header {
    top: 100px;
    left: 1220px;
    width: 633px;
    height: 78px;
    background: transparent url('../img/HEADER-enter.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea .text-float-1 {
    top: 278px;
    left: 343px;
    width: 642px;
    height: 35px;
    background: transparent url('../img/enterprise-float-1.png') 0% 0% no-repeat padding-box;
    position: absolute; 
    z-index: 2;
}

#ea .text-float-2 {
    top: 367px;
    left: 1041px;
    width: 536px;
    height: 35px;
    background: transparent url('../img/enterprise-float-2.png') 0% 0% no-repeat padding-box;
    position: absolute; 
    z-index: 2;
}

#ea .text-float-3 {
    top: 456px;
    left: 684px;
    width: 512px;
    height: 35px;
    background: transparent url('../img/enterprise-float-3.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

/* CTAs */

#ea .asset-catalog-icon {
    top: 640px;
    left: 242px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/asset-catalog-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#ea .role-icon {
    top: 640px;
    left: 766px;
    width: 388px;
    height: 183px;
    background: transparent url('../img/role-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#ea .challenges-icon {
    top: 640px;
    left: 1288px;
    width: 389px;
    height: 183px;
    background: transparent url('../img/challenges-icon.png') no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#ea .asset-catalog-btn {
    top: 793px;
    left: 378px;
    width: 289px;
    height: 56px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea .role-btn {
    top: 793px;
    left: 901px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea .challenges-btn {
    top: 793px;
    left: 1423px;
    width: 289px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea .asset-catalog-btn-arrow {
    top: 793px;
    left: 685px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-asset-catalog.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea .role-btn-arrow {
    top: 793px;
    left: 1208px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-role.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea .challenges-btn-arrow {
    top: 793px;
    left: 1731px;
    width: 44px;
    height: 74px;
    background: transparent url('../img/ARROW-challenges.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaAssetCatalog .bg {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#eaAssetCatalog .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/asset-catalog-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#eaAssetCatalog .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaAssetCatalog .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-enter.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaAssetCatalog .ea-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/asset-catalog-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaAssetCatalog .col-1 {
    top: 245px;
    left: 859px;
    width: 252px;
    height: 656px;
    background: transparent url('../img/col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaAssetCatalog .col-1-header {
    top: 269px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaAssetCatalog .col-1-content {
    top: 325px;
    left: 881px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

#eaAssetCatalog .col-2 {
    top: 245px;
    left: 1141px;
    width: 379px;
    height: 656px;
    background: transparent url('../img/col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaAssetCatalog .col-2-header {
    top: 269px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#eaAssetCatalog .col-2-content {
    top: 327px;
    left: 1161px;
    width: 330px;
    height: 553px;
    position: absolute;
    z-index: 3;
    overflow: auto;
}

#eaAssetCatalog .col-3 {
    top: 245px;
    left: 1547px;
    width: 250px;
    height: 656px;
    background: transparent url('../img/col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaAssetCatalog .col-3-header {
    top: 269px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaAssetCatalog .col-3-content {
    top: 325px;
    left: 1567px;
    width: 205px;
    height: 553px;
    position: absolute;
    z-index: 3;
}

/* ROLE */

#eaRole .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#eaRole .left-bg {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/role-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#eaRole .left-bg-cio {
    top: 0px;
    left: 0px;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cio-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#eaRole .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaRole .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-enter.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaRole .role-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/role-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaRole .menu-wire {
    top: 452px;
    left: 779px;
    width: 98px;
    height: 175px;
    background: transparent url('../img/role-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaRole .role-menu-1 {
    top: 427px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/role-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaRole .role-menu-2 {
    top: 515px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/role-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaRole .role-menu-3 {
    top: 601px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/role-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaRole .role-arrow-1 {
    top: 439px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#eaRole .role-arrow-2 {
    top: 524px;
    left: 1291px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#eaRole .role-arrow-3 {
    top: 613px;
    left: 1291px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

/* CIO/CTO */

#ea-role-cio .ea-cio-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cio-cto.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#ea-role-cio .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cio .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cio .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ea-role-cio .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cio .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cio .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ea-role-cio .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cio .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cio .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CDO/Business Leaders */

#ea-role-cdo .left-bg-cdo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cdo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#ea-role-cdo .ea-cdo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cdo-business-leaders.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


#ea-role-cdo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cdo-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cdo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cdo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ea-role-cdo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cdo-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cdo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cdo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ea-role-cdo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 529px;
    background: transparent url('../img/cdo-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cdo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cdo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CFO */

#eaRole .left-bg-cfo {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/cfo-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#ea-role-cfo .ea-cfo-header {
    top: 320px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-cfo.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#ea-role-cfo .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cfo .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cfo .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ea-role-cfo .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cfo .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cfo .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ea-role-cfo .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cfo .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-role-cfo .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* CHALLENGES */

#eaChallenges .bg {
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background: transparent url('../img/bkgnd-01.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#eaChallenges .challenges-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/challenges-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#eaChallenges .v-line {
    top: 0;
    left: 691px;
    width: 4px;
    height: 1080px;
    background: transparent url('../img/LINE-vertical.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaChallenges .header {
    top: 100px;
    left: 1219px;
    width: 634px;
    height: 78px;
    background: transparent url('../img/HEADER-enter.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#eaChallenges .challenges-btn {
    top: 511px;
    left: 478px;
    width: 287px;
    height: 57px;
    background: transparent url('../img/challenges-btn.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .menu-wire {
    top: 413px;
    left: 779px;
    width: 98px;
    height: 263px;
    background: transparent url('../img/challenges-wire.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-menu .challenges-menu-1 {
    top: 388px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-menu .challenges-menu-2 {
    top: 475px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-menu .challenges-menu-3 {
    top: 562px;
    left: 890px;
    width: 384px;
    height: 51px;
    background: transparent url('../img/challenges-menu-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-menu .challenges-menu-4 {
    top: 649px;
    left: 890px;
    width: 384px;
    height: 52px;
    background: transparent url('../img/challenges-menu-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* CONTINUOUS TRANSFORMATION TRANSITION | continuous */

#eaChallenges .continuous-fwd-arrow {
    top: 399px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .continuous-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/continuous-box.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .continuous-content {
    top: 466px;
    left: 1353px;
    width: 221px;
    height: 161px;
    background: transparent url('../img/continuous-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .continuous-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/continuous-arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .continuous-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/continuous-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* CONTINUOUS TRANSFORMATION CONTAINER | challenges-continuous */

#ea-challenges-continuous .continuous-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#ea-challenges-continuous .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-continuous .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-continuous .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ea-challenges-continuous .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-continuous .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-continuous .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ea-challenges-continuous .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-continuous .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-continuous .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}


/* PARTNER ECOSYSTEM TRANSITION | partner */

#eaChallenges .partner-fwd-arrow {
    top: 487px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .partner-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .partner-content {
    top: 479px;
    left: 1353px;
    width: 221px;
    height: 133px;
    background: transparent url('../img/partner-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .partner-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .partner-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/partner-left-bg.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* partner PRODUCTIVITY CONTAINER | challenges-partner */

#ea-challenges-partner .partner-header {
    top: 300px;
    left: 859px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#ea-challenges-partner .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-partner .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-partner .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ea-challenges-partner .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-partner .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-partner .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ea-challenges-partner .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-partner .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-partner .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/* WORKFORCE PRODUCTIVITY CONTAINER | challenges-workforce */

#ea-challenges-workforce .workforce-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#ea-challenges-workforce .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-workforce .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-workforce .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ea-challenges-workforce .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-workforce .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-workforce .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ea-challenges-workforce .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-workforce .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-workforce .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

/*!* WORKFORCE ECOSYSTEM TRANSITION | workforce *!*/

#eaChallenges .workforce-fwd-arrow {
    top: 573px;
    left: 1244px;
    width: 17px;
    height: 29px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .workforce-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .workforce-content {
    top: 439px;
    left: 1353px;
    width: 221px;
    height: 217px;
    background: transparent url('../img/workforce-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .workforce-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .workforce-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-workforce-productivity.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* ACCELERATE ECOSYSTEM TRANSITION | accelerate */

#eaChallenges .accelerate-fwd-arrow {
    top: 661px;
    left: 1244px;
    width: 17px;
    height: 28px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .accelerate-box {
    top: 388px;
    left: 1317px;
    width: 303px;
    height: 313px;
    background: transparent url('../img/box-definition.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .accelerate-content {
    top: 453px;
    left: 1353px;
    width: 221px;
    height: 189px;
    background: transparent url('../img/accelerate-content.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .accelerate-arrow {
    top: 523px;
    left: 1591px;
    width: 20px;
    height: 34px;
    background: transparent url('../img/Arrow.png') no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#eaChallenges .accelerate-left-bg {
    top: 0;
    left: 0;
    width: 685px;
    height: 1080px;
    background: transparent url('../img/PHOTO-accelerate-digital.png') no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* ACCELERATE ECOSYSTEM CONTAINER | challenges-accelerate */

#ea-challenges-accelerate .accelerate-header {
    top: 300px;
    left: 860px;
    width: 937px;
    height: 50px;
    background: transparent url('../img/HEADER-4.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#ea-challenges-accelerate .col-1 {
    top: 392px;
    left: 860px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-1.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-accelerate .col-1-header {
    top: 415px;
    left: 930px;
    width: 116px;
    height: 30px;
    background: transparent url('../img/col-1-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-accelerate .col-1-content {
    top: 472px;
    left: 881px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ea-challenges-accelerate .col-2 {
    top: 392px;
    left: 1141px;
    width: 379px;
    height: 530px;
    background: transparent url('../img/cio-col-2.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-accelerate .col-2-header {
    top: 415px;
    left: 1298px;
    width: 65px;
    height: 30px;
    background: transparent url('../img/col-2-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-accelerate .col-2-content {
    top: 473px;
    left: 1161px;
    width: 341px;
    height: 438px;
    position: absolute;
    z-index: 3;
}

#ea-challenges-accelerate .col-3 {
    top: 392px;
    left: 1547px;
    width: 250px;
    height: 530px;
    background: transparent url('../img/cio-col-3.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-accelerate .col-3-header {
    top: 415px;
    left: 1580px;
    width: 192px;
    height: 30px;
    background: transparent url('../img/col-3-header.png') no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#ea-challenges-accelerate .col-3-content {
    top: 472px;
    left: 1567px;
    width: 212px;
    height: 438px;
    position: absolute;
    z-index: 3;
}





/* GENERAL HOVER EFFECTS (LINKS/BUTTONS) */
a:hover:not(#offerings .img-left, .asset-catalog-icon, .role-icon, .challenges-icon, .header), 
a:focus:not(#offerings .img-left, .asset-catalog-icon, .role-icon, .challenges-icon, .header) {
    color: #2cc9cb;
    transform: scale(1.02);
    transition: all 0.5s ease-in-out;
}

.asset-catalog-icon:hover, 
.role-icon:hover, 
.challenges-icon:hover {
    transform: translateY(-10px);
}

.demos .column:hover,
.demos .column:focus {
    color: #2cc9cb;
    transition: all 0.5s ease-in-out;
}






/* SCROLL INDICATOR STYLING */

/* .scroll-indicator-visible {
    opacity: 1;
    transition: all 0.8s ease-in-out;
}

.col-1-content, 
.col-2-content, 
.col-3-content {
    overflow: scroll; 
}

.scroll-indicator-1.top {
    background: rgba(33, 72, 113, 0.25);
    border-radius: 16px 16px 0 0;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    position: absolute;
    z-index: 3;
    width: 246px;
    height: 48px;
    top: 310px;
    left: 862px;
}

.scroll-indicator-2.top {
    background: rgba(33, 72, 113, 0.25);
    border-radius: 16px 16px 0 0;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    position: absolute;
    z-index: 3;
    width: 373px;
    height: 48px;
    top: 310px;
    left: 1144px;
}

.scroll-indicator-3.top {
    background: rgba(33, 72, 113, 0.25);
    border-radius: 16px 16px 0 0;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    position: absolute;
    z-index: 3;
    width: 244px;
    height: 48px;
    top: 310px;
    left: 1550px;
}

.scroll-indicator-1.bottom {
    background: rgba(33, 72, 113, 0.25);
    border-radius: 0 0 16px 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    position: absolute;
    z-index: 3;
    width: 246px;
    height: 48px;
    top: 850px;
    left: 862px;
}


.scroll-indicator-2.bottom {
    background: rgba(33, 72, 113, 0.25);
    border-radius: 0 0 16px 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    position: absolute;
    z-index: 3;
    width: 373px;
    height: 48px;
    top: 850px;
    left: 1144px;
}
   
.scroll-indicator-3.bottom {
    background: rgba(33, 72, 113, 0.25);
    border-radius: 0 0 16px 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

    position: absolute;
    z-index: 3;
    width: 244px;
    height: 48px;
    top: 850px;
    left: 1550px;
}


.scroll-indicator-4.top {
    background: rgba(33, 72, 113, 0.25);
    border-radius: 16px 16px 0 0;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    position: absolute;
    z-index: 3;
    width: 244px;
    height: 48px;
    top: 457px;
    left: 863px;
}

.scroll-indicator-5.top {
    background: rgba(33, 72, 113, 0.25);
    border-radius: 16px 16px 0 0;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    position: absolute;
    z-index: 3;
    width: 373px;
    height: 48px;
    top: 457px;
    left: 1144px;
}

.scroll-indicator-6.top {
    background: rgba(33, 72, 113, 0.25);
    border-radius: 16px 16px 0 0;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    position: absolute;
    z-index: 3;
    width: 244px;
    height: 48px;
    top: 457px;
    left: 1550px;
}

.scroll-indicator-4.bottom {
    background: rgba(33, 72, 113, 0.25);
    border-radius: 0 0 16px 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    position: absolute;
    z-index: 3;
    width: 244px;
    height: 48px;
    top: 871px;
    left: 863px;
}

.scroll-indicator-5.bottom {
    background: rgba(33, 72, 113, 0.25);
    border-radius: 0 0 16px 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    position: absolute;
    z-index: 3;
    width: 373px;
    height: 48px;
    top: 871px;
    left: 1144px;
}

.scroll-indicator-6.bottom {
    background: rgba(33, 72, 113, 0.25);
    border-radius: 0 0 16px 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    position: absolute;
    z-index: 3;
    width: 244px;
    height: 48px;
    top: 871px;
    left: 1550px;
} */