/* 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;
    /* Smooth page load */
    opacity: 0;
}

#main-wrapper {
    position: relative;
    overflow: hidden;
    width: 2880px;
    height: 1620px;
    background-image: url('../img/BKGND-Data-Center-01.png');
    background-size: 2880px 1620px;
    transform-origin: top left;
    z-index: 0;
}

.v-line {
    position: absolute;
    top: 126px;
    left: 1267px;
    width: 25px;
    height: 1370px;
    background: transparent url('../img/Vertical-Line.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    z-index: 3;
}

.shiftN {
    transform: translateY(500px);
}

.shrink {
    transform: scale(0);
}

.grow {
    transform: scale(1);
}

.opacityZero {
    opacity: 0;
}

.opacityOne {
    opacity: 1;
}

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

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

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

/* Animation */


/*.fadeIn {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    animation-name: fadeIn;*/
/*    animation-duration: 2s;*/
/*    animation-timing-function: ease-in-out;*/
/*}*/

/*@keyframes fadeIn {*/
/*    0% {*/
/*        opacity: 0;*/
/*    }*/
/*    100% {*/
/*        opacity: 1;*/
/*    }*/
/*}*/

/*.fadeInUp {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    animation-name: fadeInUp;*/
/*    animation-duration: 2s;*/
/*    animation-timing-function: ease-in-out;*/
/*}*/

/*@keyframes fadeInUp {*/
/*    0% {*/
/*        transform: translate3d(0, 0, 0);*/
/*    }*/
/*    100% {*/
/*        transform: translate3d(0, 430px, 0);*/
/*    }*/
/*}*/


/** Transforms **/

.top-center-trans {
    transform-origin: top;
}

.center-trans {
    transform-origin: center;
}

.bot-trans {
    transform-origin: bottom;
}

.top-left-trans {
    transform-origin: top left;
}

.right-trans {
    transform-origin: right;
}

highlight {
    font: Normal 30px/37px NewHelvetica;
    color: #F9F7D1;
}


/*@keyframes fadeInUp {*/
/*    from {*/
/*        transform: translate3d(0, 430px, 0)*/
/*    }*/

/*    to {*/
/*        transform: translate3d(0, 0, 0);*/
/*        opacity: 1*/
/*    }*/
/*}*/

/*.animated {*/
/*    animation-duration: 1s;*/
/*    animation-fill-mode: both;*/
/*    -webkit-animation-duration: 1s;*/
/*    -webkit-animation-fill-mode: both*/
/*}*/

/*.animatedFadeInUp {*/
/*    opacity: 0*/
/*}*/

/*.fadeInUp {*/
/*    opacity: 0;*/
/*    animation-name: fadeInUp;*/
/*    -webkit-animation-name: fadeInUp;*/
/*}*/
/** Rotations **/

.ring-rotate-reset {
    transform: rotate(0deg);
}

.ring-rotate-forward {
    transform: rotate(-180deg);
}

.ring-rotate-backward {
    transform: rotate(180deg);
}

/** Navigation **/

#nav a {
    cursor: pointer;
}

/* Home */

/* Navigation */
#backButton a {
    position: absolute;
    top: 1486px;
    left: 2573px;
    width: 65px;
    height: 65px;
    background: transparent url('../img/Button-Back.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    cursor: pointer;
}

#fwdButton a {
    position: absolute;
    top: 1486px;
    left: 2747px;
    width: 65px;
    height: 65px;
    background: transparent url('../img/Button-Forward.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}

#homeButton a {
    position: absolute;
    top: 1486px;
    left: 2660px;
    width: 65px;
    height: 65px;
    background: transparent url('../img/Button-Home.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}

.menuButton {
    top: 1486px;
    left: 2486px;
    width: 65px;
    height: 65px;
    background: transparent url('../img/Button-Menu.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    position: absolute;
    cursor: pointer;
}

/*.menuButton:hover {*/
/*    transform: scale(.95);*/
/*    transition-duration: 500ms;*/
/*}*/

.menu-body {
    top: 960px;
    left: 2486px;
    width: 288px;
    height: 500px;
    background: transparent url('../img/menu-box-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 10;
}

.menu-body .menu-text {
    top: 15px;
    left: 23px;
    width: 240px;
    height: 343px;
    text-align: left;
    font: normal normal normal 24px/26px HelveticaNeueLt;
    color: #FFFFFF;
    position: absolute;
    z-index: 11;
}

.menu-body .menu-text a {
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: none;
}

.menu-body .menu-text a:hover {
    cursor: pointer;
    color: #F9F7D1;
    text-decoration: underline;
    transform-origin: center;
    transition-duration: 1s;
}

/** firstInstance **/

.title-top {
    position: absolute;
    top: 660px;
    left: 1368px;
    width: 1196px;
    height: 240px;
    text-align: left;
    font: normal normal normal 120px/90px HelveticaNeueLt;
    color: #FFFFFF;
    opacity: 1;
    /*cursor: pointer;*/
}

.title-bottom {
    position: absolute;
    top: 908px;
    left: 1373px;
    width: 1003px;
    height: 47px;
    font: normal normal normal 40px/46px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #F9F7D1;
    text-align: left;
    opacity: 1;
}

.homeLayer {
    top: -1px;
    left: -16px;
    width: 2885px;
    height: 1622px;
    background: transparent url('../img/data-center-home-MAIN-PIC.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}

/** secondInstance **/

#firstNucleus .first-block {
    top: 760px;
    left: 1327px;
    width: 241px;
    height: 64px;
    background: transparent url('../img/logo-Nucleus-WHITE-Color-NTT-DATA.png') 0% 0% no-repeat padding-box;
    position: absolute;
    opacity: 1;
    z-index: 7;
}

#firstNucleus .circle-colors {
    position: absolute;
    width: 219px;
    height: 219px;
    left: 1337px;
    top: 684px;
    background: transparent url('../img/circle-colors.png') 0% 0% no-repeat padding-box;
    opacity: 0.55;
}

#firstNucleus .inner-ring {
    top: 643px;
    left: 1303px;
    width: 287px;
    height: 297px;
    background: transparent url('../img/ring-inner.png') 0% 0% no-repeat padding-box;
    /*opacity: 0.75;*/
    position: absolute;
    z-index: 8;
}

#firstNucleus .outer-ring {
    top: 296px;
    left: 933px;
    width: 1031px;
    height: 1031px;
    background: transparent url('../img/ring-outer.png') 0% 0% no-repeat padding-box;
    /*opacity: 0.55;*/
    position: absolute;
    z-index: 7;
}

#firstNucleus .slice-advisory {
    position: absolute;
    top: 380px;
    left: 1023px;
    width: 384px;
    height: 384px;
    overflow: visible;
    background: transparent url('../img/slice-advisory.png') 0% 0% no-repeat padding-box;
    /*opacity: 0.75;*/
    z-index: 9;
}

#firstNucleus .slice-implementation {
    position: absolute;
    width: 384px;
    height: 384px;
    left: 1477px;
    top: 380px;
    overflow: visible;
    background: transparent url('../img/slice-implementation.png') 0% 0% no-repeat padding-box;
    /*opacity: 0.75;*/
    z-index: 9;


}

#firstNucleus .slice-managed {
    position: absolute;
    width: 384px;
    height: 384px;
    left: 1477px;
    top: 816px;
    overflow: visible;
    background: transparent url('../img/slice-managed.png') 0% 0% no-repeat padding-box;
    /*opacity: 0.75;*/
    z-index: 9;
}

#sliceFour {
    position: absolute;
    width: 384px;
    height: 384px;
    left: 1022px;
    top: 816px;
    z-index: 11;
    cursor: pointer;
}

#firstNucleus .slice-hosting {
    position: absolute;
    width: 384px;
    height: 384px;
    left: 1022px;
    top: 816px;
    overflow: visible;
    background: transparent url('../img/slice-hosting.png') 0% 0% no-repeat padding-box;
    /*opacity: 0.75;*/
    z-index: 9;
}

#firstNucleus .slice-advisory-text {
    position: absolute;
    width: 173px;
    height: 179px;
    left: 1124px;
    top: 483px;
    overflow: visible;
    background: transparent url('../img/text-graphic-ADVISORY.png') 0% 0% no-repeat padding-box;
    z-index: 10;
    transform-origin: top;
}

#firstNucleus .slice-implementation-text {
    position: absolute;
    width: 224px;
    height: 254px;
    left: 1575px;
    top: 446px;
    overflow: visible;
    background: transparent url('../img/text-graphic-IMPLEMENTATION.png') 0% 0% no-repeat padding-box;
    z-index: 10;
    transform-origin: top;
}

#firstNucleus .slice-managed-text {
    position: absolute;
    width: 180px;
    height: 179px;
    left: 1597px;
    top: 896px;
    overflow: visible;
    background: transparent url('../img/text-graphic-MANAGED.png') 0% 0% no-repeat padding-box;
    z-index: 10;
    transform-origin: top;
}

#firstNucleus .slice-hosting-text {
    position: absolute;
    width: 182px;
    height: 202px;
    left: 1124px;
    top: 907px;
    overflow: visible;
    background: transparent url('../img/text-graphic-HOSTING.png') 0% 0% no-repeat padding-box;
    z-index: 10;
    transform-origin: top;
}

#firstNucleus .text-graphic-optimize {
    position: absolute;
    top: 599px;
    left: 1280px;
    width: 352px;
    height: 372px;
    background: transparent url('../img/text-graphic-OPTIMIZE.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    transform-origin: bottom;
}

#firstNucleus .text-graphic-compute {
    position: absolute;
    top: 1168px;
    left: 1160px;
    width: 575px;
    height: 108px;
    background: transparent url('../img/text-graphic-COMPUTE.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    transform-origin: bottom;
}

.slice-cut {
    transform: scale(0.5);
}

.slice .rotate-scale {
    transform: scale(1);
    transform-origin: center;
}

#move {
    opacity: 0;
}

.move-in {
    transform-origin: top;
}

#sliceRotate div:nth-child(1):hover + .slice-advisory {
    background: transparent url('../img/slice-advisory-hov.png') 0% 0% no-repeat padding-box;
}

#sliceRotate div:nth-child(3):hover + .slice-implementation {
    background: transparent url('../img/slice-implementation-hov.png') 0% 0% no-repeat padding-box;
}

#sliceRotate div:nth-child(5):hover + .slice-managed {
    background: transparent url('../img/slice-managed-hov.png') 0% 0% no-repeat padding-box;
}

#sliceRotate div:nth-child(7):hover + .slice-hosting {
    background: transparent url('../img/slice-hosting-hov.png') 0% 0% no-repeat padding-box;
}

#sliceRotate div:nth-child(7) {
    cursor: pointer;
}

/** clickSlice - Operations **/
#clickSlice {
    top: 1007px;
    left: 833px;
    width: 215px;
    height: 215px;
    cursor: pointer;
    z-index: 11;
}

#clickSlice .circle-RING-hosting {
    top: 965px;
    left: 791px;
    width: 300px;
    height: 302px;
    /*transform: matrix(0.26, -0.97, 0.97, 0.26, 0, 0);*/
    background: transparent url('../img/circle-RING-hosting.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
    z-index: 8;
}

.rotate-matrix-ring {
    transform: matrix(0.26, -0.97, 0.97, 0.26, 0, 0);
}

#clickSlice .circle-SOLID-hosting {
    top: 1007px;
    left: 833px;
    width: 215px;
    height: 215px;
    background: transparent url('../img/circle-SOLID-hosting.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
    z-index: 9;
}

.icon-hosting {
    top: 1056px;
    left: 875px;
    width: 130px;
    height: 117px;
    background: transparent url('../img/icon-hosting.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
    z-index: 10;
    cursor: pointer;
}

#hostingIcon:hover + #hostingIconHov {
    top: 1007px;
    left: 833px;
    width: 215px;
    height: 215px;
    background: transparent url('../img/circle-SOLID-hov.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
    z-index: 9;
    cursor: pointer;
}

.box-hosting {
    top: 816px;
    left: 154px;
    width: 1250px;
    height: 530px;
    background: transparent url('../img/BOX-hosting.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
    z-index: 6;
}

.hosting-text {
    top: 150px;
    left: 101px;
    width: 521px;
    height: 230px;
    text-align: left;
    font: normal normal normal 32px/35px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: fixed;
    position: absolute;
    z-index: 7;
}

/** thirdInstance **/
.thirdInstance {
    transition-duration: 3s;
}

/* PEOPLE */
#thirdInstance .icon-people {
    top: 252px;
    left: 397px;
    width: 267px;
    height: 128px;
    background: transparent url('../img/icon-people.png') 0% 0% no-repeat padding-box;
    overflow: visible;
    position: absolute;
}

#thirdInstance .outline-people {
    top: 403px;
    left: 293px;
    width: 450px;
    height: 129px;
    background: transparent url('../img/key-differentiators-box-OUTLINE-01.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#thirdInstance .solid-people {
    top: 419px;
    left: 310px;
    width: 416px;
    height: 97px;
    background: transparent url('../img/key-differentiators-box-SOLID-01.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#thirdInstance .text-people {
    top: 25px;
    left: 128px;
    width: 160px;
    height: 48px;
    text-align: center;
    font: normal normal normal 40px/42px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 11;
}

#thirdInstance .block-people {
    top: 545px;
    left: 309px;
    width: 417px;
    height: 664px;
    background: transparent url('../img/people-copy-box.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
    z-index: 9;
}

#thirdInstance .block-people .block-people-text-1 {
    top: 47px;
    left: 40px;
    width: 340px;
    height: 68px;
    text-align: left;
    font: normal normal normal 27px/29px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    /*overflow: visible;*/
    position: absolute;
    z-index: 10;
}

#thirdInstance .block-people .block-people-text-2 {
    top: 160px;
    left: 78px;
    width: 304px;
    height: 464px;
    text-align: left;
    font: normal normal normal 27px/29px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    /*overflow: visible;*/
    position: absolute;
    z-index: 10;
}

/* PROCESS */
#thirdInstance .icon-process {
    top: 227px;
    left: 1073px;
    width: 138px;
    height: 132px;
    background: transparent url('../img/icon-process.png') 0% 0% no-repeat padding-box;
    overflow: visible;
    position: absolute;
}

#thirdInstance .outline-process {
    top: 403px;
    left: 907px;
    width: 450px;
    height: 129px;
    background: transparent url('../img/key-differentiators-box-OUTLINE-02.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#thirdInstance .solid-process {
    top: 419px;
    left: 925px;
    width: 416px;
    height: 97px;
    background: transparent url('../img/key-differentiators-box-SOLID-02.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#thirdInstance .text-process {
    top: 25px;
    left: 7px;
    width: 368px;
    height: 48px;
    text-align: center;
    font: normal normal normal 40px/42px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 11;
}

#thirdInstance .block-process {
    top: 545px;
    left: 924px;
    width: 417px;
    height: 664px;
    background: transparent url('../img/physical-assets-copy-box.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
    z-index: 9;
}

#thirdInstance .block-process-text-1 {
    top: 47px;
    left: 39px;
    width: 340px;
    height: 68px;
    text-align: left;
    font: normal normal normal 27px/29px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    /*overflow: visible;*/
    position: absolute;
    z-index: 10;
}

#thirdInstance .block-process-text-2 {
    top: 160px;
    left: 77px;
    width: 304px;
    height: 398px;
    text-align: left;
    font: normal normal normal 27px/29px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    /*overflow: visible;*/
    position: absolute;
    z-index: 10;
}

/* TECHNOLOGY */
#thirdInstance .icon-technology {
    top: 238px;
    left: 1681px;
    width: 155px;
    height: 155px;
    background: transparent url('../img/icon-technology.png') 0% 0% no-repeat padding-box;
    overflow: visible;
    position: absolute;

}

#thirdInstance .outline-technology {
    top: 403px;
    left: 1522px;
    width: 450px;
    height: 129px;
    background: transparent url('../img/key-differentiators-box-OUTLINE-02.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#thirdInstance .solid-technology {
    top: 419px;
    left: 1540px;
    width: 416px;
    height: 97px;
    background: transparent url('../img/key-differentiators-box-SOLID-03.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#thirdInstance .text-technology {
    top: 25px;
    left: 63px;
    width: 282px;
    height: 48px;
    text-align: center;
    font: normal normal normal 40px/42px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 11;
}

#thirdInstance .block-technology {
    top: 545px;
    left: 1539px;
    width: 417px;
    height: 664px;
    background: transparent url('../img/process-copy-box.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
    z-index: 9;
}

#thirdInstance .block-technology-text-1 {
    top: 47px;
    left: 39px;
    width: 340px;
    height: 68px;
    text-align: left;
    font: normal normal normal 27px/29px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    /*overflow: visible;*/
    position: absolute;
    z-index: 10;
}

#thirdInstance .block-technology-text-2 {
    top: 160px;
    left: 78px;
    width: 309px;
    height: 365px;
    text-align: left;
    font: normal normal normal 27px/29px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    /*overflow: visible;*/
    position: absolute;
    z-index: 10;
}

/* GLOBAL PRESENCE */
#thirdInstance .icon-global {
    top: 228px;
    left: 2309px;
    width: 122px;
    height: 154px;
    background: transparent url('../img/icon-physical-assets.png') 0% 0% no-repeat padding-box;
    overflow: visible;
    position: absolute;
}

#thirdInstance .outline-global {
    top: 403px;
    left: 2137px;
    width: 450px;
    height: 129px;
    background: transparent url('../img/key-differentiators-box-OUTLINE-04.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#thirdInstance .solid-global {
    top: 419px;
    left: 2154px;
    width: 417px;
    height: 97px;
    background: transparent url('../img/key-differentiators-box-SOLID-04.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#thirdInstance .text-global {
    top: 25px;
    left: 7px;
    width: 400px;
    height: 48px;
    text-align: center;
    font: normal normal normal 40px/42px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 11;
}

#thirdInstance .block-global {
    top: 545px;
    left: 2155px;
    width: 415px;
    height: 664px;
    background: transparent url('../img/technology-copy-box.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
    z-index: 9;
}

#thirdInstance .block-global-text-1 {
    top: 47px;
    left: 40px;
    width: 340px;
    height: 68px;
    text-align: left;
    font: normal normal normal 27px/29px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    /*overflow: visible;*/
    position: absolute;
    z-index: 10;
}

#thirdInstance .block-global-text-2 {
    top: 160px;
    left: 78px;
    width: 304px;
    height: 398px;
    text-align: left;
    font: normal normal normal 27px/29px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    /*overflow: visible;*/
    position: absolute;
    z-index: 10;
}


/* fourthInstance */

#fourthInstance {
    top: 0px;
    left: 0px;
    width: 2880px;
    height: 1620px;
    background: transparent url('../img/BKGND-Data-Center-ROOM-04-2021.png') 0% 0% no-repeat padding-box;
    z-index: 1;
    transition-duration: 3s;
}

#fourthInstance .map {
    top: 69px;
    left: 88px;
    width: 2704px;
    height: 1399px;
    background: transparent url('../img/world-map.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#fourthInstance .map-dots {
    top: 458px;
    left: 466px;
    width: 2134px;
    height: 858px;
    background: transparent url('../img/dots-BLUE.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#fourthInstance .ntt-group {
    top: 1282px;
    left: 129px;
    width: 389px;
    height: 92px;
    background: transparent url('../img/NTT-Group-Logo.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#fourthInstance .ntt-group-bar {
    top: 1387px;
    left: 265px;
    width: 16px;
    height: 50px;
    background: transparent url('../img/box-BLUE.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#fourthInstance .ntt-group-text {
    top: 1386px;
    left: 301px;
    width: 441px;
    height: 51px;
    text-align: left;
    font: normal normal normal 44px/46px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#fourthInstance .greenInstance .map-states {
    top: 588px;
    left: 420px;
    width: 450px;
    height: 224px;
    background: transparent url('../img/United States.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#fourthInstance .greenInstance .map-kingdom {
    top: 462px;
    left: 1345px;
    width: 79px;
    height: 110px;
    background: transparent url('../img/United Kingdom.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#fourthInstance .greenInstance .map-india {
    top: 715px;
    left: 1928px;
    width: 230px;
    height: 224px;
    background: transparent url('../img/India.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#fourthInstance .greenInstance .map-australia {
    top: 1081px;
    left: 2278px;
    width: 306px;
    height: 277px;
    background: transparent url('../img/Australia.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#fourthInstance .greenInstance {
    opacity: 0;
}

.map-dots-green {
    top: 533px;
    left: 428px;
    width: 2177px;
    height: 719px;
    background: transparent url('../img/dots-GREEN.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

/* fifthInstance */

.man-hosting-text {
    top: 0px;
    left: 0px;
    width: 1088px;
    height: 888px;
    position: absolute;
}

#fifthInstance .man-hosting-solid {
    top: 248px;
    left: 158px;
    width: 1110px;
    height: 136px;
    background: transparent url('../img/managed-hosting-BOX.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#fifthInstance .man-hosting-title {
    top: 47px;
    left: 363px;
    width: 400px;
    height: 44px;
    text-align: center;
    font: normal normal normal 40px/42px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    position: absolute;
    z-index: 2;
}

#fifthInstance .man-hosting-body {
    top: 393px;
    left: 169px;
    width: 1088px;
    height: 888px;
    background: transparent url('../img/hybrid-managed-services.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
    opacity: 1;
}

#fifthInstance .man-hosting-col-1 {
    top: 542px;
    left: 211px;
    width: 304px;
    height: 305px;
    text-align: left;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#fifthInstance .man-hosting-col-2 {
    top: 542px;
    left: 572px;
    width: 304px;
    height: 396px;
    text-align: left;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#fifthInstance .man-hosting-col-3 {
    top: 542px;
    left: 933px;
    width: 302px;
    height: 403px;
    text-align: left;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

.bar-hosting {
    top: 1290px;
    left: 169px;
    width: 1088px;
    height: 16px;
    background: transparent url('../img/bottom-box-managed.png') 0% 0% no-repeat padding-box;
    /*opacity: 0.3;*/
    position: absolute;
    z-index: 2;
}

.bar-colocation {
    top: 1290px;
    left: 1366px;
    width: 603px;
    height: 16px;
    background: transparent url('../img/bottom-box-colocatoin.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    position: absolute;
    z-index: 2;
}

.bar-db {
    top: 1290px;
    left: 2098px;
    width: 618px;
    height: 16px;
    background: transparent url('../img/bottom-box-cata-center-mgmt.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    position: absolute;
    z-index: 2;
}

/* man-colocation */
.man-colocation-text {
    top: 0px;
    left: 0px;
    width: 619px;
    height: 888px;
    position: absolute;
}

#fifthInstance .man-colocation-solid {
    top: 248px;
    left: 1354px;
    width: 645px;
    height: 136px;
    background: transparent url('../img/colocation-mgmt-BOX.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#fifthInstance .man-colocation-title {
    top: 26px;
    left: 186px;
    width: 285px;
    height: 83px;
    text-align: center;
    font: normal normal normal 40px/42px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    position: absolute;
    z-index: 2;
}

#fifthInstance .man-colocation-body {
    top: 393px;
    left: 1366px;
    width: 619px;
    height: 888px;
    background: transparent url('../img/hybrid-colocation-mgmt.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    position: absolute;
    z-index: 1;
}

#fifthInstance .man-colocation-col-1 {
    top: 542px;
    left: 1533px;
    width: 302px;
    height: 483px;
    text-align: left;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

/* man-db */
.man-db-text {
    top: 0px;
    left: 0px;
    width: 619px;
    height: 888px;
    position: absolute;
}

#fifthInstance .man-db-solid {
    top: 248px;
    left: 2085px;
    width: 645px;
    height: 136px;
    background: transparent url('../img/data-center-mgmt-BOX.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#fifthInstance .man-db-title {
    top: 26px;
    left: 38px;
    width: 575px;
    height: 83px;
    text-align: center;
    font: normal normal normal 40px/42px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    position: absolute;
    z-index: 2;
}

#fifthInstance .man-db-body {
    top: 393px;
    left: 2098px;
    width: 619px;
    height: 888px;
    background: transparent url('../img/hybrid-data-as-service-1.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
    opacity: 1;
}

#fifthInstance .man-db-col-1 {
    top: 542px;
    left: 2284px;
    width: 329px;
    height: 323px;
    text-align: left;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

/* sixthInstance */
/* Credits Animation */
/* Credits */
@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 100%;
    }
}

@-webkit-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 100%;
    }
}

@-ms-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 100%;
    }
}

@-moz-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 100%;
    }
}

#anim {
    margin: 30px auto;
    width: 960px;
    height: 1620px;
    /*width: 1160px;*/
    /*height: 1280px;*/
    background-image: url('../img/credits-text.png');
    background-size: cover;
    background-position: 0px 0px;
    background-repeat: repeat-y;

    animation: animatedBackground 40s alternate infinite;
    -ms-animation: animatedBackground 40s alternate infinite;
    -moz-animation: animatedBackground 40s alternate infinite;
    -webkit-animation: animatedBackground 40s alternate infinite;
    animation-delay: 4s;
    z-index: -1;
}

/**/
.credits {
    top: 0px;
    left: 0px;
    width: 2880px;
    height: 1620px;
    background: transparent url('../img/Data-Center-PORTAL.png') 0% 0% no-repeat padding-box;
    z-index: -1;
    position: absolute;
    /*opacity: 0;*/
}

.credits-body {
    top: 37px;
    left: 1636px;
    width: 602px;
    height: 1620px;
    /*width: 1002px;*/
    /*height: 3153px;*/
    background: transparent url('../img/credits-text.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

.monitor-1 {
    top: 79px;
    left: 317px;
    width: 993px;
    height: 789px;
    background: transparent url('../img/data-center-portal-Monitor.png') 0% 0% no-repeat padding-box;
    z-index: 1;
    position: absolute;
}

.monitor-2 {
    top: 841px;
    left: 132px;
    width: 732px;
    height: 422px;
    background: transparent url('../img/data-center-portal-Laptop.png') 0% 0% no-repeat padding-box;
    z-index: 1;
    position: absolute;
}

.monitor-3 {
    top: 845px;
    left: 852px;
    width: 598px;
    height: 345px;
    background: transparent url('../img/data-center-portal-Tablet.png') 0% 0% no-repeat padding-box;
    z-index: 1;
    position: absolute;
}

/** seventhInstance **/
#selection {
    top: 0;
    left: 0;
    height: 1620px;
    width: 2880px;
    position: absolute;
    /*opacity: 0;*/
    z-index: -1;
}

/* OPERATIONS */
#selection .sub-bck-1 {
    top: 0px;
    left: 0px;
    width: 867px;
    height: 1610px;
    background: transparent url('../img/Scenerio-Photo-01.png') 0% 0% no-repeat padding-box;
    border: 5px solid #5F9FA0;
    position: absolute;
    z-index: -1;
}

#control-operations {
    top: 810px;
    left: 100px;
    width: 667px;
    height: 171px;
    position: absolute;
    z-index: 11;
    cursor: pointer;
}

#selection .solid-operations {
    top: 15px;
    left: 21px;
    width: 628px;
    height: 140px;
    background: transparent url('../img/scenerio-box-SOLID-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#selection #control-operations .solid-operations .operations-title {
    top: 23px;
    left: 170px;
    width: 286px;
    height: 101px;
    text-align: center;
    font: normal normal normal 40px/42px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 0;
}

#selection .outline-operations {
    top: 0px;
    left: 0px;
    width: 667px;
    height: 171px;
    background: transparent url('../img/scenerio-box-outline-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
}

/* DEPLOYMENT */
#control-deployment {
    top: 810px;
    left: 100px;
    width: 667px;
    height: 171px;
    position: absolute;
    z-index: 11;
    cursor: pointer;
}

#selection .solid-deployment {
    top: 15px;
    left: 21px;
    width: 628px;
    height: 140px;
    background: transparent url('../img/scenerio-box-SOLID-02.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#selection #control-deployment .solid-deployment .deployment-title {
    top: 23px;
    left: 155px;
    width: 340px;
    height: 101px;
    text-align: center;
    font: normal normal normal 40px/42px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 11;
}

#selection .outline-deployment {
    top: 0px;
    left: 0px;
    width: 667px;
    height: 171px;
    background: transparent url('../img/scenerio-box-outline-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
}

#selection .sub-bck-2 {
    top: 0px;
    left: 1003px;
    width: 867px;
    height: 1610px;
    background: transparent url('../img/Scenerio-Photo-02.png') 0% 0% no-repeat padding-box;
    border: 5px solid #CD9E66;
    position: absolute;
    z-index: -1;
}

/* stability */
#control-stability {
    top: 810px;
    left: 100px;
    width: 667px;
    height: 171px;
    position: absolute;
    z-index: 3;
    cursor: pointer;
}

#selection .solid-stability {
    top: 15px;
    left: 21px;
    width: 628px;
    height: 140px;
    background: transparent url('../img/scenerio-box-SOLID-03.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#selection #control-stability .solid-stability .stability-title {
    top: 23px;
    left: 170px;
    width: 286px;
    height: 101px;
    text-align: center;
    font: normal normal normal 40px/42px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 11;
}

#selection .outline-stability {
    top: 0px;
    left: 0px;
    width: 667px;
    height: 171px;
    background: transparent url('../img/scenerio-box-outline-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
}

#selection .sub-bck-3 {
    top: 0px;
    left: 2005px;
    width: 867px;
    height: 1610px;
    background: transparent url('../img/Scenerio-Photo-03.png') 0% 0% no-repeat padding-box;
    border: 5px solid #6F89B0;
    position: absolute;
    z-index: -1;
}

/* DAY-TO-DAY OPERATIONS */

/*.dtd-operations {*/
/*    opacity: 0;*/
/*}*/

.dtd-operations-text, .dtd-deployment-text, .dtd-stability-text {
    top: 1312px;
    left: 1986px;
    width: 455px;
    height: 152px;
    text-align: left;
    font: normal normal normal 70px/70px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
}

#dtdOne {
    top: 175px;
    left: 229px;
    width: 455px;
    height: 250px;
    position: absolute;
    z-index: 11;
    cursor: pointer;
}

.dtd-operations #dtdOne:hover + .node-one {
    top: 175px;
    left: 229px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-HOVER-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    opacity: 1;
}

/* Instance 1 Data Center Manager */

.dtd-operations .laptop-node-one {
    top: 214px;
    left: 500px;
    width: 1390px;
    height: 1112px;
    background: transparent url('../img/scenario-pop-up-LAPTOP-01-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

.dtd-operations .tab-node-one {
    top: 572px;
    left: 1612px;
    width: 730px;
    height: 340px;
    background: transparent url('../img/scenario-pop-up-box.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

.dtd-operations .tab-node-one-text {
    top: 112px;
    left: 205px;
    width: 442px;
    height: 107px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 3;
}

/*#sliceRotate div:nth-child(1):hover + .slice-advisory {*/
/*    background: transparent url('../img/slice-advisory-hov.png') 0% 0% no-repeat padding-box;*/
/*}*/
.dtd-operations .scenario-01 {
    top: 175px;
    left: 706px;
    width: 1459px;
    height: 1270px;
    background: transparent url('../img/scenerio-01-day-to-day.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: -1;
}

.dtd-operations .node-one {
    top: 175px;
    left: 229px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

.dtd-operations .node-one-text {
    top: 85px;
    left: 117px;
    width: 315px;
    height: 40px;
    text-align: left;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
}

.dtd-operations .node-bar-one {
    top: 298px;
    left: 675px;
    width: 560px;
    height: 20px;
    background: transparent url('../img/line-site-super.png') 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 3px 6px #00000029;*/
    /*border: 4px solid #F9F7D1;*/
    position: absolute;
    z-index: 2;
}

#dtdTwo {
    top: 163px;
    left: 1905px;
    width: 455px;
    height: 250px;
    position: absolute;
    z-index: 11;
    cursor: pointer;
}

.dtd-operations #dtdTwo:hover + .node-two {
    top: 175px;
    left: 229px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-HOVER-02.png') 0% 0% no-repeat padding-box;
    position: absolute;
    opacity: 1;
}

.dtd-operations .node-two {
    top: 163px;
    left: 1905px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-02.png') 0% 0% no-repeat padding-box;
    position: absolute;
}

.dtd-operations .node-two-text {
    top: 103px;
    left: 78px;
    width: 315px;
    height: 40px;
    text-align: center;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
}

.dtd-operations .node-bar-two {
    top: 285px;
    left: 1819px;
    width: 94px;
    height: 453px;
    background: transparent url('../img/line-mechanical-lead.png') 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 3px 6px #00000029;*/
    /*border: 4px solid #F9F7D1;*/
    position: absolute;
    z-index: 2;
}

#dtdThree {
    top: 1127px;
    left: 429px;
    width: 455px;
    height: 250px;
    position: absolute;
    z-index: 11;
    cursor: pointer;
}

.dtd-operations #dtdThree:hover + .node-three {
    top: 1127px;
    left: 429px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-HOVER-03.png') 0% 0% no-repeat padding-box;
    position: absolute;
    opacity: 1;
}

.dtd-operations .node-three {
    top: 1127px;
    left: 429px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-03.png') 0% 0% no-repeat padding-box;
    position: absolute;
}

.dtd-operations .node-three-text {
    top: 103px;
    left: 78px;
    width: 315px;
    height: 40px;
    text-align: center;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
}

.dtd-operations .node-bar-three {
    top: 982px;
    left: 874px;
    width: 435px;
    height: 267px;
    background: transparent url('../img/line-electrical-lead.png') 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 3px 6px #00000029;*/
    /*border: 4px solid #F9F7D1;*/
    position: absolute;
    z-index: 2;
}

#dtdFour {
    top: 995px;
    left: 2150px;
    width: 455px;
    height: 250px;
    position: absolute;
    z-index: 11;
    cursor: pointer;
}

.dtd-operations #dtdFour:hover + .node-four {
    top: 995px;
    left: 2150px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-HOVER-04.png') 0% 0% no-repeat padding-box;
    position: absolute;
    opacity: 1;
}

.dtd-operations .node-four {
    top: 995px;
    left: 2150px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-04.png') 0% 0% no-repeat padding-box;
    position: absolute;
}

.dtd-operations .node-four-text {
    top: 103px;
    left: 78px;
    width: 315px;
    height: 40px;
    text-align: center;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
}

.dtd-operations .node-bar-four {
    top: 1116px;
    left: 1731px;
    width: 428px;
    height: 101px;
    background: transparent url('../img/line-shift-tech.png') 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 3px 6px #00000029;*/
    /*border: 4px solid #F9F7D1;*/
    position: absolute;
    z-index: 2;
}

/* Instance 2 Electrical Lead */
.dtd-operations .laptop-node-one-electrical {
    top: 318px;
    left: 498px;
    width: 1283px;
    height: 884px;
    background: transparent url('../img/scenario-pop-up-TABLET-01-03.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

.dtd-operations .tab-node-one-electrical {
    top: 572px;
    left: 1612px;
    width: 730px;
    height: 340px;
    background: transparent url('../img/scenario-pop-up-box.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

.dtd-operations .tab-node-one-text-electrical {
    top: 147px;
    left: 185px;
    width: 442px;
    height: 107px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 3;
}

/* Instance 3 Shift Technician */
.dtd-operations .laptop-node-one-technician {
    top: 214px;
    left: 500px;
    width: 1390px;
    height: 1112px;
    background: transparent url('../img/scenario-pop-up-LAPTOP-01-04.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

.dtd-operations .tab-node-one-technician {
    top: 572px;
    left: 1612px;
    width: 730px;
    height: 340px;
    background: transparent url('../img/scenario-pop-up-box.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

.dtd-operations .tab-node-one-text-technician {
    top: 147px;
    left: 185px;
    width: 442px;
    height: 107px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 3;
}

/* Instance 4 Mechanical Lead */
.dtd-operations .laptop-node-one-mechanical {
    top: 358px;
    left: 314px;
    width: 1389px;
    height: 827px;
    background: transparent url('../img/scenario-pop-up-MECH.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

.dtd-operations .tab-node-one-mechanical {
    top: 572px;
    left: 1612px;
    width: 730px;
    height: 340px;
    background: transparent url('../img/scenario-pop-up-box.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

.dtd-operations .tab-node-one-text-mechanical {
    top: 147px;
    left: 185px;
    width: 460px;
    height: 107px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 3;
}

/* NEW HARDWARE DEPLOYMENT */
/*.dtd-deployment {*/
/*    opacity: 0;*/
/*}*/

.dtd-deployment .scenario-02 {
    top: 195px;
    left: 581px;
    width: 1638px;
    height: 1231px;
    background: transparent url('../img/scenerio-02-severity-level-one.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: -1;
}


#hardOne {
    top: 175px;
    left: 227px;
    width: 455px;
    height: 250px;
    position: absolute;
    z-index: 11;
    cursor: pointer;
}

.dtd-deployment #hardOne:hover + .node-one {
    top: 175px;
    left: 227px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-HOVER-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    opacity: 1;
}

.dtd-deployment .node-one {
    top: 175px;
    left: 227px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 11;
}

.dtd-deployment .node-one-text {
    top: 100px;
    left: 118px;
    width: 279px;
    height: 40px;
    text-align: left;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
}

.dtd-deployment .node-bar-one {
    top: 300px;
    left: 672px;
    width: 632px;
    height: 68px;
    background: transparent url('../img/line-raise-request.png') 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 3px 6px #00000029;*/
    /*border: 4px solid #F9F7D1;*/
    position: absolute;
    z-index: 2;
}

#hardTwo {
    top: 163px;
    left: 1903px;
    width: 455px;
    height: 250px;
    position: absolute;
    z-index: 11;
    cursor: pointer;
}

.dtd-deployment #hardTwo:hover + .node-two {
    top: 163px;
    left: 1903px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-HOVER-02.png') 0% 0% no-repeat padding-box;
    position: absolute;
    opacity: 1;
}

.dtd-deployment .node-two {
    top: 163px;
    left: 1903px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-02.png') 0% 0% no-repeat padding-box;
    position: absolute;
}

.dtd-deployment .node-two-text {
    top: 103px;
    left: 58px;
    width: 353px;
    height: 40px;
    text-align: center;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
}

.dtd-deployment .node-bar-two {
    top: 287px;
    left: 1779px;
    width: 131px;
    height: 795px;
    background: transparent url('../img/line-shipping.png') 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 3px 6px #00000029;*/
    /*border: 4px solid #F9F7D1;*/
    position: absolute;
    z-index: 2;
}


#hardThree {
    top: 1127px;
    left: 427px;
    width: 455px;
    height: 250px;
    position: absolute;
    z-index: 11;
    cursor: pointer;
}

.dtd-deployment #hardThree:hover + .node-three {
    top: 1127px;
    left: 427px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-HOVER-03.png') 0% 0% no-repeat padding-box;
    position: absolute;
    opacity: 1;
}

.dtd-deployment .node-three {
    top: 1127px;
    left: 427px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-03.png') 0% 0% no-repeat padding-box;
    position: absolute;
}

.dtd-deployment .node-three-text {
    top: 86px;
    left: 115px;
    width: 279px;
    height: 78px;
    text-align: left;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
}

.dtd-deployment .node-bar-three {
    top: 919px;
    left: 875px;
    width: 268px;
    height: 332px;
    background: transparent url('../img/line-server.png') 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 3px 6px #00000029;*/
    /*border: 4px solid #F9F7D1;*/
    position: absolute;
    z-index: 2;
}

#hardFour {
    top: 995px;
    left: 2148px;
    width: 455px;
    height: 250px;
    position: absolute;
    z-index: 11;
    cursor: pointer;
}

.dtd-deployment #hardFour:hover + .node-four {
    top: 995px;
    left: 2148px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-HOVER-04.png') 0% 0% no-repeat padding-box;
    position: absolute;
    opacity: 1;
}

.dtd-deployment .node-four {
    top: 995px;
    left: 2148px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-04.png') 0% 0% no-repeat padding-box;
    position: absolute;
}

.dtd-deployment .node-four-text {
    top: 82px;
    left: 105px;
    width: 350px;
    height: 78px;
    text-align: left;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
}

.dtd-deployment .node-bar-four {
    top: 889px;
    left: 1606px;
    width: 551px;
    height: 228px;
    background: transparent url('../img/line-decommission.png') 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 3px 6px #00000029;*/
    /*border: 4px solid #F9F7D1;*/
    position: absolute;
    z-index: 2;
}

/* deployment-one */
/* Instance 1 Raise a Request */
.dtd-deployment .laptop-node-one {
    top: 214px;
    left: 500px;
    width: 1390px;
    height: 1112px;
    background: transparent url('../img/scenario-LAPTOP-02-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

.dtd-deployment .tab-node-one {
    top: 572px;
    left: 1612px;
    width: 730px;
    height: 340px;
    background: transparent url('../img/scenario-pop-up-box.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

.dtd-deployment .tab-node-one-text {
    top: 147px;
    left: 185px;
    width: 442px;
    height: 107px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 3;
}

/* Instance 2 Shipping & Receiving  */
.dtd-deployment .laptop-node-one-shipping {
    top: 321px;
    left: 430px;
    width: 1260px;
    height: 1008px;
    background: transparent url('../img/scenario-MONITOR-02-02.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

.dtd-deployment .tab-node-one-shipping {
    top: 572px;
    left: 1612px;
    width: 730px;
    height: 340px;
    background: transparent url('../img/scenario-pop-up-box.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

.dtd-deployment .tab-node-one-text-shipping {
    top: 147px;
    left: 130px;
    width: 535px;
    height: 107px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 3;
}

/* Instance 3 Server Installation & QA */
.dtd-deployment .laptop-node-one-installation {
    top: 275px;
    left: 396px;
    width: 1389px;
    height: 1200px;
    background: transparent url('../img/scenario-TABLET-02-03.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

.dtd-deployment .tab-node-one-installation {
    top: 572px;
    left: 1612px;
    width: 730px;
    height: 340px;
    background: transparent url('../img/scenario-pop-up-box.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

.dtd-deployment .tab-node-one-text-installation {
    top: 110px;
    left: 190px;
    width: 460px;
    height: 107px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 3;
}

/* Instance 4 Decommission the Asset */
.dtd-deployment .laptop-node-one-decommission {
    top: 214px;
    left: 500px;
    width: 1390px;
    height: 1112px;
    background: transparent url('../img/scenario-LAPTOP-02-04.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

.dtd-deployment .tab-node-one-decommission {
    top: 572px;
    left: 1612px;
    width: 730px;
    height: 340px;
    background: transparent url('../img/scenario-pop-up-box.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

.dtd-deployment .tab-node-one-text-decommission {
    top: 120px;
    left: 190px;
    width: 442px;
    height: 107px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 3;
}

/* PRODUCTION STABILITY */
/*.dtd-stability {*/
/*    opacity: 0;*/
/*}*/

.dtd-stability .scenario-03 {
    top: 175px;
    left: 706px;
    width: 1459px;
    height: 1270px;
    background: transparent url('../img/scenerio-01-day-to-day.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: -1;
}


#prodOne {
    top: 175px;
    left: 227px;
    width: 455px;
    height: 250px;
    position: absolute;
    z-index: 11;
    cursor: pointer;
}

.dtd-stability #prodOne:hover + .node-one {
    top: 175px;
    left: 227px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-HOVER-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    opacity: 1;
}

.dtd-stability .node-one {
    top: 175px;
    left: 227px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

.dtd-stability .node-one-text {
    top: 83px;
    left: 126px;
    width: 224px;
    height: 78px;
    text-align: left;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
}

.dtd-stability .node-bar-one {
    top: 298px;
    left: 672px;
    width: 693px;
    height: 441px;
    background: transparent url('../img/line-amber-light.png') 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 3px 6px #00000029;*/
    /*border: 4px solid #F9F7D1;*/
    position: absolute;
    z-index: 2;
}


#prodTwo {
    top: 163px;
    left: 1903px;
    width: 455px;
    height: 250px;
    position: absolute;
    z-index: 11;
    cursor: pointer;
}

.dtd-stability #prodTwo:hover + .node-two {
    top: 163px;
    left: 1903px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-HOVER-02.png') 0% 0% no-repeat padding-box;
    position: absolute;
    opacity: 1;
}

.dtd-stability .node-two {
    top: 163px;
    left: 1903px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-02.png') 0% 0% no-repeat padding-box;
    position: absolute;
}

.dtd-stability .node-two-text {
    top: 102px;
    left: 95px;
    width: 297px;
    height: 40px;
    text-align: left;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
}

.dtd-stability .node-bar-two {
    top: 287px;
    left: 1621px;
    width: 290px;
    height: 559px;
    background: transparent url('../img/line-power-monitoring.png') 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 3px 6px #00000029;*/ /*border: 4px solid #F9F7D1;*/
    position: absolute;
    z-index: 2;
}

#prodThree {
    top: 1127px;
    left: 427px;
    width: 455px;
    height: 250px;
    position: absolute;
    z-index: 11;
    cursor: pointer;
}

.dtd-stability #prodThree:hover + .node-three {
    top: 1127px;
    left: 427px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-HOVER-03.png') 0% 0% no-repeat padding-box;
    position: absolute;
    opacity: 1;
}


.dtd-stability .node-three {
    top: 1127px;
    left: 427px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-03.png') 0% 0% no-repeat padding-box;
    position: absolute;
}

.dtd-stability .node-three-text {
    top: 103px;
    left: 143px;
    width: 240px;
    height: 78px;
    text-align: left;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
}

.dtd-stability .node-bar-three {
    top: 996px;
    left: 874px;
    width: 511px;
    height: 255px;
    background: transparent url('../img/line-qa-audits.png') 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 3px 6px #00000029;*/
    /*border: 4px solid #F9F7D1;*/
    position: absolute;
    z-index: 2;
}

#prodFour {
    top: 995px;
    left: 2148px;
    width: 455px;
    height: 250px;
    position: absolute;
    z-index: 11;
    cursor: pointer;
}

.dtd-stability #prodFour:hover + .node-four {
    top: 995px;
    left: 2148px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-HOVER-04.png') 0% 0% no-repeat padding-box;
    position: absolute;
    opacity: 1;
}

.dtd-stability .node-four {
    top: 995px;
    left: 2148px;
    width: 455px;
    height: 250px;
    background: transparent url('../img/scenario-color-box-04.png') 0% 0% no-repeat padding-box;
    position: absolute;
}

.dtd-stability .node-four-text {
    top: 86px;
    left: 61px;
    width: 368px;
    height: 78px;
    text-align: left;
    font: normal normal normal 37px/39px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
}

.dtd-stability .node-bar-four {
    top: 1118px;
    left: 1472px;
    width: 684px;
    height: 59px;
    background: transparent url('../img/line-manage-spare.png') 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 3px 6px #00000029;*/
    /*border: 4px solid #F9F7D1;*/
    position: absolute;
    z-index: 2;
}

/* Instance 1 Amber Light  */
.dtd-stability .laptop-node-one {
    top: 214px;
    left: 500px;
    width: 1390px;
    height: 1112px;
    background: transparent url('../img/scenario-pop-up-LAPTOP-03-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

.dtd-stability .tab-node-one {
    top: 572px;
    left: 1612px;
    width: 730px;
    height: 340px;
    background: transparent url('../img/scenario-pop-up-box.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

.dtd-stability .tab-node-one-text {
    top: 120px;
    left: 185px;
    width: 442px;
    height: 107px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 3;
}

/* Instance 2 Power Monitoring   */
.dtd-stability .laptop-node-one-power {
    top: 321px;
    left: 436px;
    width: 1260px;
    height: 1008px;
    background: transparent url('../img/scenario-pop-up-MONITOR-03-02.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

.dtd-stability .tab-node-one-power {
    top: 572px;
    left: 1612px;
    width: 730px;
    height: 340px;
    background: transparent url('../img/scenario-pop-up-box.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

.dtd-stability .tab-node-one-text-power {
    top: 147px;
    left: 130px;
    width: 535px;
    height: 107px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 3;
}

/* Instance 3 QA Audits for Vendor Work */
.dtd-stability .laptop-node-one-audits {
    top: 342px;
    left: 536px;
    width: 1236px;
    height: 851px;
    background: transparent url('../img/scenario-pop-up-PHOTO-03-03.png') 0% 0% no-repeat padding-box;
    border: 4px solid #FFFFFF;
    position: absolute;
    z-index: 5;
}

.dtd-stability .tab-node-one-audits {
    top: 572px;
    left: 1612px;
    width: 730px;
    height: 340px;
    background: transparent url('../img/scenario-pop-up-box.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

.dtd-stability .tab-node-one-text-audits {
    top: 145px;
    left: 290px;
    width: 460px;
    height: 107px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 3;
}

/* Instance 4 Manage Spare */
.dtd-stability .laptop-node-one-manage {
    top: 214px;
    left: 355px;
    width: 1505px;
    height: 1140px;
    background: transparent url('../img/scenario-pop-up-LAPTOP-03-04.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

.dtd-stability .tab-node-one-manage {
    top: 572px;
    left: 1612px;
    width: 730px;
    height: 340px;
    background: transparent url('../img/scenario-pop-up-box.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

.dtd-stability .tab-node-one-text-manage {
    top: 120px;
    left: 145px;
    width: 600px;
    height: 107px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 3;
}

/**/


/** Footer **/

footer {
    transition: 5s;
    z-index: 30;
}

#copy-text {
    top: 1569px;
    left: 33px;
    width: 358px;
    height: 23px;
    text-align: center;
    font: normal normal normal 20px/28px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.7;
    position: absolute;
}

/*  Value Drivers   */

/*  Octagon 1-5 */
#valueDrivers .oct-one {
    top: 259px;
    left: 569px;
    width: 514px;
    height: 594px;
    background: transparent url('../img/vp-experienced-employees.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
    transition: 500ms all ease-in-out;
    cursor: pointer;
}

#valueDrivers .oct-one .text {
    top: 295px;
    left: 46px;
    width: 357px;
    height: 132px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 1;
}

#valueDrivers .oct-one:hover {
    background: transparent url('../img/vp-experienced-employees-hov.png') 0% 0% no-repeat padding-box;
}

/*  Octagon 2-5 */
#valueDrivers .oct-two {
    top: 259px;
    left: 1183px;
    width: 514px;
    height: 594px;
    background: transparent url('../img/vp-client-experience.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
    transition: 500ms all ease-in-out;
    cursor: pointer;
}

#valueDrivers .oct-two .text {
    top: 295px;
    left: 46px;
    width: 320px;
    height: 132px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 1;
}

#valueDrivers .oct-two:hover {
    background: transparent url('../img/vp-client-experience-hov.png') 0% 0% no-repeat padding-box;
}

/*  Octagon 3-5 */
#valueDrivers .oct-three {
    top: 259px;
    left: 1798px;
    width: 514px;
    height: 594px;
    background: transparent url('../img/vp-operational-efficiency.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
    transition: 500ms all ease-in-out;
    cursor: pointer;
}

#valueDrivers .oct-three .text {
    top: 295px;
    left: 46px;
    width: 320px;
    height: 132px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 1;
}

#valueDrivers .oct-three:hover {
    background: transparent url('../img/vp-operational-efficiency-hov.png') 0% 0% no-repeat padding-box;
}

/*  Octagon 4-5 */
#valueDrivers .oct-four {
    top: 767px;
    left: 877px;
    width: 513px;
    height: 594px;
    background: transparent url('../img/vp-reliability.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
    transition: 500ms all ease-in-out;
    cursor: pointer;
}

#valueDrivers .oct-four .text {
    top: 357px;
    left: 46px;
    width: 279px;
    height: 72px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 1;
}

#valueDrivers .oct-four:hover {
    background: transparent url('../img/vp-reliability-hov.png') 0% 0% no-repeat padding-box;
}

/*  Octagon 5-5 */

#valueDrivers .oct-five {
    top: 767px;
    left: 1490px;
    width: 514px;
    height: 594px;
    background: transparent url('../img/vp-security.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
    transition: 500ms all ease-in-out;
    cursor: pointer;
}

#valueDrivers .oct-five .text {
    top: 357px;
    left: 46px;
    width: 279px;
    height: 72px;
    text-align: left;
    font: normal normal normal 47px/49px NewHelvetica;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 1;
}

#valueDrivers .oct-five:hover {
    background: transparent url('../img/vp-security-hov.png') 0% 0% no-repeat padding-box;
}

/*  Experienced Employees | experiencedEmployees  */

#experiencedEmployees .xp-employees-body {
    top: 156px;
    left: 309px;
    width: 2261px;
    height: 1443px;
    background: transparent url('../img/value-prop-EXP-EMPLOYEES-pop-up.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: -1;
}

#experiencedEmployees .xp-employees-grad {
    top: 192px;
    left: 367px;
    width: 710px;
    height: 1204px;
    background: transparent url('../img/value-prop-gradiant-box.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#experiencedEmployees .xp-employees-title {
    top: 223px;
    left: 432px;
    width: 594px;
    height: 220px;
    text-align: left;
    font: normal normal normal 97px/99px NewHelvetica;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#experiencedEmployees .xp-employees-text-one {
    top: 531px;
    left: 435px;
    width: 507px;
    height: 63px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#experiencedEmployees .xp-employees-text-two {
    top: 671px;
    left: 432px;
    width: 585px;
    height: 63px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#experiencedEmployees .xp-employees-text-three {
    top: 811px;
    left: 432px;
    width: 515px;
    height: 63px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#experiencedEmployees .xp-employees-text-four {
    top: 952px;
    left: 435px;
    width: 507px;
    height: 63px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#experiencedEmployees .xp-employees-text-five {
    top: 1092px;
    left: 432px;
    width: 585px;
    height: 63px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#experiencedEmployees .xp-employees-text-six {
    top: 1232px;
    left: 432px;
    width: 648px;
    height: 63px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

/*  Client Experience | clientExperience  */

#clientExperience .xp-client-body {
    top: 156px;
    left: 309px;
    width: 2261px;
    height: 1443px;
    background: transparent url('../img/value-prop-CLIENT-EXP-pop-up.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: -1;
}

#clientExperience .xp-client-grad {
    top: 192px;
    left: 367px;
    width: 710px;
    height: 1204px;
    background: transparent url('../img/value-prop-gradiant-box-client.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#clientExperience .xp-client-title {
    top: 223px;
    left: 432px;
    width: 594px;
    height: 220px;
    text-align: left;
    font: normal normal normal 97px/99px NewHelvetica;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#clientExperience .xp-client-text-one {
    top: 530px;
    left: 435px;
    width: 618px;
    height: 123px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#clientExperience .xp-client-text-two {
    top: 735px;
    left: 432px;
    width: 585px;
    height: 63px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#clientExperience .xp-client-text-three {
    top: 885px;
    left: 432px;
    width: 515px;
    height: 123px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#clientExperience .xp-client-text-four {
    top: 952px;
    left: 435px;
    width: 507px;
    height: 63px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#clientExperience .xp-client-text-five {
    top: 1092px;
    left: 432px;
    width: 585px;
    height: 63px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#clientExperience .xp-client-text-six {
    top: 1232px;
    left: 432px;
    width: 648px;
    height: 63px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

/*  Operational Efficiency | operationalEfficiency  */

#operationalEfficiency .xp-operational-body {
    top: 156px;
    left: 309px;
    width: 2261px;
    height: 1443px;
    background: transparent url('../img/value-prop-OPER-EFFIC-pop-up.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: -1;
}

#operationalEfficiency .xp-operational-grad {
    top: 192px;
    left: 367px;
    width: 710px;
    height: 1204px;
    background: transparent url('../img/value-prop-gradiant-box-client.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#operationalEfficiency .xp-operational-title {
    top: 223px;
    left: 432px;
    width: 594px;
    height: 220px;
    text-align: left;
    font: normal normal normal 97px/99px NewHelvetica;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#operationalEfficiency .xp-operational-text-one {
    top: 530px;
    left: 435px;
    width: 507px;
    height: 123px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#operationalEfficiency .xp-operational-text-two {
    top: 735px;
    left: 432px;
    width: 585px;
    height: 123px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#operationalEfficiency .xp-operational-text-three {
    top: 936px;
    left: 432px;
    width: 515px;
    height: 183px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

/*  Reliability | reliability  */

#reliability .xp-reliability-body {
    top: 156px;
    left: 309px;
    width: 2261px;
    height: 1443px;
    background: transparent url('../img/value-prop-RELIABILITY-pop-up.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: -1;
}

#reliability .xp-reliability-grad {
    top: 196px;
    left: 368px;
    width: 710px;
    height: 1200px;
    background: transparent url('../img/value-prop-gradiant-box-client.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#reliability .xp-reliability-title {
    top: 223px;
    left: 432px;
    width: 594px;
    height: 220px;
    text-align: left;
    font: normal normal normal 97px/99px NewHelvetica;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#reliability .xp-reliability-text-one {
    top: 530px;
    left: 435px;
    width: 515px;
    height: 123px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#reliability .xp-reliability-text-two {
    top: 735px;
    left: 432px;
    width: 585px;
    height: 123px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#reliability .xp-reliability-text-three {
    top: 936px;
    left: 432px;
    width: 515px;
    height: 183px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

/*  Security | security  */

#security .xp-security-body {
    top: 156px;
    left: 309px;
    width: 2261px;
    height: 1443px;
    background: transparent url('../img/value-prop-SECURITY-pop-up.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: -1;
}

#security .xp-security-grad {
    top: 196px;
    left: 368px;
    width: 710px;
    height: 1200px;
    background: transparent url('../img/value-prop-gradiant-box-client.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#security .xp-security-title {
    top: 223px;
    left: 432px;
    width: 594px;
    height: 220px;
    text-align: left;
    font: normal normal normal 97px/99px NewHelvetica;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#security .xp-security-text-one {
    top: 432px;
    left: 435px;
    width: 507px;
    height: 123px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#security .xp-security-text-two {
    top: 637px;
    left: 432px;
    width: 585px;
    height: 123px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

#security .xp-security-text-three {
    top: 841px;
    left: 432px;
    width: 515px;
    height: 63px;
    text-align: left;
    font: normal normal normal 47px/49px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 3;
}

/*    CASE STUDIES  */

/*    CASE ONE  */
#caseStudies #caseMain .case-body-bck {
    top: 0px;
    left: 0px;
    width: 2880px;
    height: 1620px;
    background: transparent url('../img/BKGND-Case-Studies.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: -1;
}

#caseStudies #caseMain .case-body-img {
    top: 222px;
    left: 548px;
    width: 909px;
    height: 1141px;
    background: transparent url('../img/case-study-menu-photo.png') 0% 0% no-repeat padding-box;
    border: 3px solid #FFFFFF;
    position: absolute;
    z-index: 2;
}

#caseStudies #caseMain .case-solid-one {
    top: 347px;
    left: 1398px;
    width: 970px;
    height: 180px;
    background: transparent url('../img/case-study-menu-color-bar-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

#caseStudies #caseMain .case-solid-two {
    top: 610px;
    left: 1400px;
    width: 970px;
    height: 180px;
    background: transparent url('../img/case-study-menu-color-bar-02.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

#caseStudies #caseMain .case-solid-three {
    top: 874px;
    left: 1400px;
    width: 970px;
    height: 180px;
    background: transparent url('../img/case-study-menu-color-bar-03.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

#caseStudies #caseMain .case-text-one {
    top: 31px;
    left: 138px;
    width: 614px;
    height: 119px;
    text-align: left;
    font: normal normal normal 50px/60px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 1;
}

#caseStudies #caseMain .case-text-two {
    top: 31px;
    left: 138px;
    width: 759px;
    height: 119px;
    text-align: left;
    font: normal normal normal 50px/60px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 1;
}

#caseStudies #caseMain .case-text-three {
    top: 26px;
    left: 138px;
    width: 695px;
    height: 119px;
    text-align: left;
    font: normal normal normal 50px/60px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 1;
}

#caseStudies #caseMain .case-title {
    top: 1363px;
    left: 2070px;
    width: 416px;
    height: 82px;
    text-align: left;
    font: normal normal normal 70px/70px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: absolute;
    z-index: 1;
}

/*    CASE ONE  */
#caseStudies #caseOne .case-body-one {
    top: 0px;
    left: 0px;
    width: 2880px;
    height: 1620px;
    background: transparent url('../img/case-study-ASSURING.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: -1;
}

/*    CASE TWO  */
#caseStudies #caseTwo .case-body-two {
    top: 0px;
    left: 0px;
    width: 2880px;
    height: 1620px;
    background: transparent url('../img/case-study-COLLABORATING.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: -1;
}

/*    CASE THREE  */
#caseStudies #caseThree .case-body-three {
    top: 0px;
    left: 0px;
    width: 2880px;
    height: 1620px;
    background: transparent url('../img/case-study-OPERATING.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: -1;
}


/*  DC MANAGEMENT   */

/** dcMan **/
.dcMan {
    transition-duration: 3s;
}

/* MANAGEMENT */
#dcMan .icon-man {
    top: 201px;
    left: 316px;
    width: 450px;
    height: 450px;
    background: transparent url('../img/dc-mgmt-circle-photo-01.png') 0% 0% no-repeat padding-box;
    overflow: visible;
    position: absolute;
}

#dcMan .outline-man {
    top: 564px;
    left: 291px;
    width: 500px;
    height: 129px;
    background: transparent url('../img/dc-mgmt-box-OUTLINE-01.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#dcMan .solid-man {
    top: 580px;
    left: 308px;
    width: 466px;
    height: 97px;
    background: transparent url('../img/dc-mgmt-box-SOLID-01.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#dcMan .text-man {
    top: 13px;
    left: 0px;
    width: 485px;
    height: 76px;
    text-align: center;
    font: normal normal normal 30px/32px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 11;
}

#dcMan .block-man {
    top: 705px;
    left: 332px;
    width: 417px;
    height: 624px;
    background: transparent url('../img/dc-mgmt-text-box-01.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
    z-index: 9;
}

#dcMan .block-man .block-man-text-1 {
    top: 48px;
    left: 59px;
    width: 315px;
    height: 528px;
    text-align: left;
    font: normal normal normal 27px/29px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    /*overflow: visible;*/
    position: absolute;
    z-index: 10;
}

/* EXECUTION */
#dcMan .icon-exec {
    top: 201px;
    left: 917px;
    width: 450px;
    height: 444px;
    background: transparent url('../img/dc-mgmt-circle-photo-02.png') 0% 0% no-repeat padding-box;
    overflow: visible;
    position: absolute;
}

#dcMan .outline-exec {
    top: 564px;
    left: 890px;
    width: 500px;
    height: 129px;
    background: transparent url('../img/dc-mgmt-box-OUTLINE-01.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#dcMan .solid-exec {
    top: 580px;
    left: 908px;
    width: 466px;
    height: 97px;
    background: transparent url('../img/dc-mgmt-box-SOLID-02.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#dcMan .text-exec {
    top: 13px;
    left: 0px;
    width: 485px;
    height: 76px;
    text-align: center;
    font: normal normal normal 30px/32px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 11;
}

#dcMan .block-exec {
    top: 705px;
    left: 934px;
    width: 417px;
    height: 624px;
    background: transparent url('../img/dc-mgmt-text-box-02.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
    z-index: 9;
}

#dcMan .block-exec-text-1 {
    top: 48px;
    left: 60px;
    width: 315px;
    height: 330px;
    text-align: left;
    font: normal normal normal 27px/29px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    /*overflow: visible;*/
    position: absolute;
    z-index: 10;
}

/* PLANNING */
#dcMan .icon-plan {
    top: 201px;
    left: 1514px;
    width: 450px;
    height: 451px;
    background: transparent url('../img/dc-mgmt-circle-photo-03.png') 0% 0% no-repeat padding-box;
    overflow: visible;
    position: absolute;

}

#dcMan .outline-plan {
    top: 564px;
    left: 1489px;
    width: 500px;
    height: 129px;
    background: transparent url('../img/dc-mgmt-box-OUTLINE-01.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#dcMan .solid-plan {
    top: 580px;
    left: 1507px;
    width: 466px;
    height: 97px;
    background: transparent url('../img/dc-mgmt-box-SOLID-03.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#dcMan .text-plan {
    top: 13px;
    left: 0px;
    width: 485px;
    height: 76px;
    text-align: center;
    font: normal normal normal 30px/32px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 11;
}

#dcMan .block-plan {
    top: 705px;
    left: 1531px;
    width: 417px;
    height: 624px;
    background: transparent url('../img/dc-mgmt-text-box-03.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
    z-index: 9;
}

#dcMan .block-plan-text-1 {
    top: 48px;
    left: 60px;
    width: 315px;
    height: 368px;
    text-align: left;
    font: normal normal normal 27px/29px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    /*overflow: visible;*/
    position: absolute;
    z-index: 10;
}

/* ADVISORY */
#dcMan .icon-adv {
    top: 201px;
    left: 2115px;
    width: 450px;
    height: 450px;
    background: transparent url('../img/dc-mgmt-circle-photo-04.png') 0% 0% no-repeat padding-box;
    overflow: visible;
    position: absolute;
}

#dcMan .outline-adv {
    top: 564px;
    left: 2090px;
    width: 500px;
    height: 129px;
    background: transparent url('../img/dc-mgmt-box-OUTLINE-01.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#dcMan .solid-adv {
    top: 580px;
    left: 2107px;
    width: 466px;
    height: 97px;
    background: transparent url('../img/dc-mgmt-box-SOLID-04.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
}

#dcMan .text-adv {
    top: 13px;
    left: 0px;
    width: 485px;
    height: 76px;
    text-align: center;
    font: normal normal normal 30px/32px NewHelvetica;
    letter-spacing: 0px;
    color: #F9F7D1;
    /*overflow: visible;*/
    position: absolute;
    z-index: 11;
}

#dcMan .block-adv {
    top: 705px;
    left: 2133px;
    width: 415px;
    height: 624px;
    background: transparent url('../img/dc-mgmt-text-box-04.png') 0% 0% no-repeat padding-box;
    /*overflow: visible;*/
    position: absolute;
    z-index: 9;
}

#dcMan .block-adv-text-1 {
    top: 47px;
    left: 40px;
    width: 315px;
    height: 297px;
    text-align: left;
    font: normal normal normal 27px/29px HelveticaNeueLt;
    letter-spacing: 0px;
    color: #FFFFFF;
    /*overflow: visible;*/
    position: absolute;
    z-index: 10;
}