/* 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;
}

.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;
}

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

/** Navigation **/

a {
    cursor: pointer;
}

/** Main Wrapper **/

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

/** 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-01-min.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/bgposter-min.png') no-repeat;
    background-size: cover;
    opacity: 0.34;
}

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

    #bgvid {
        display: none;
    }
}

footer {
    transition: 2s;
    z-index: 999;
    opacity: .8;
}

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

#home .title-top {
    top: 931px;
    left: 396px;
    width: 1015px;
    height: 140px;
    background: transparent url('../img/title-top-min.png') 0 0 no-repeat padding-box;

    position: absolute;
    z-index: 3;
}

#home .title-bottom {
    top: 1070px;
    left: 402px;
    width: 1019px;
    height: 47px;
    background: transparent url('../img/title-bottom-min.png') 0 0 no-repeat padding-box;

    position: absolute;
    z-index: 3;
}

#home .visual {
    top: -10px;
    left: 1091px;
    width: 1648px;
    height: 1648px;
    background: transparent url('../img/Main-Page-Visual-min.png') 0 0 no-repeat padding-box;

    position: absolute;
    z-index: 2;
    cursor: pointer;
}

/** Parse **/
#parse .wot {
    top: -846px;
    left: -1004px;
    width: 2898px;
    height: 1856px;
    background: transparent url('../img/pic-winners-of-tomorrow-min.png') 0 0 no-repeat padding-box;

    position: absolute;
    z-index: 2;
}

#parse .wot-move-down {
    top: -145px;
    left: -1585px;
    width: 2898px;
    height: 1856px;
}

#parse .wot-title {
    top: 787px;
    left: 215px;
    width: 950px;
    height: 116px;
    background: transparent url('../img/wot-title-min.png') 0 0 no-repeat padding-box;

    position: absolute;
    z-index: 10;
}

#parse .wot-title-move-up {
    top: 76px;
    left: 154px;
    width: 950px;
    height: 116px;
}

#parse .it {
    top: 610px;
    left: 983px;
    width: 2966px;
    height: 1900px;
    background: transparent url('../img/pic-industry-trends-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#parse .it-move-up {
    top: -140px;
    left: 1569px;
    width: 2966px;
    height: 1900px;
}

#parse .it-title {
    top: 715px;
    left: 1736px;
    width: 687px;
    height: 116px;
    background: transparent url('../img/it-title-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#parse .it-title-move-down {
    top: 1416px;
    left: 2098px;
    width: 687px;
    height: 116px;
}

/** Industry Trends **/
#it .slice {
    top: -140px;
    left: 1569px;
    width: 2966px;
    height: 1900px;
    background: transparent url('../img/pic-industry-trends-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#it .title {
    top: 1416px;
    left: 2098px;
    width: 687px;
    height: 116px;
    background: transparent url('../img/it-title-min.png') 0 0 no-repeat padding-box;

    position: absolute;
    z-index: 2;
}

/** Items **/
#it-items .items-bg {
    top: 0;
    left: 0;
    width: 2876px;
    height: 1620px;
    background: transparent url('../img/BKDNG-Percentages-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#it-items .it-81 {
    top: 304px;
    left: 618px;
    width: 1054px;
    height: 161px;
    background: transparent url('../img/it-81-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#it-items .it-81-fill {
    top: 179px;
    left: 511px;
    width: 400px;
    height: 400px;
    background: transparent url('../img/it-81-fill-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#it-items .it-46 {
    top: 716px;
    left: 468px;
    width: 1105px;
    height: 161px;
    background: transparent url('../img/it-46-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#it-items .it-46-fill {
    top: 591px;
    left: 371px;
    width: 400px;
    height: 400px;
    background: transparent url('../img/it-46-fill-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#it-items .it-42 {
    top: 1128px;
    left: 318px;
    width: 1165px;
    height: 172px;
    background: transparent url('../img/it-42-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#it-items .it-42-fill {
    top: 1003px;
    left: 221px;
    width: 400px;
    height: 400px;
    background: transparent url('../img/it-42-fill-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

/** 9 Trends **/
#trends .success-stories-btn {
    top: 847px;
    /*left: 1702px;*/
    left: 2212px;
    width: 313px;
    height: 85px;
    background: transparent url('../img/button-success-stories-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 6;
}

#trends .trend-1 {
    top: 399px;
    left: 485px;
    width: 430px;
    height: 277px;
    background: transparent url('../img/menu-trends-DIGITAL-ACCELERATION-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trends .trend-2 {
    top: 399px;
    left: 915px;
    width: 430px;
    height: 277px;
    background: transparent url('../img/menu-trends-OPEN-FNANCE-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trends .trend-3 {
    top: 399px;
    left: 1345px;
    width: 430px;
    height: 277px;
    background: transparent url('../img/menu-trends-DATA-MONETIZATION-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trends .trend-4 {
    top: 746px;
    left: 372px;
    width: 430px;
    height: 277px;
    background: transparent url('../img/menu-trends-RISING-USE-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trends .trend-5 {
    top: 746px;
    left: 802px;
    width: 430px;
    height: 277px;
    background: transparent url('../img/menu-trends-DISRUPTED-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trends .trend-6 {
    top: 746px;
    left: 1232px;
    width: 430px;
    height: 277px;
    background: transparent url('../img/menu-trends-EVOLOVING-ONLINE-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trends .trend-7 {
    top: 1093px;
    left: 254px;
    width: 430px;
    height: 277px;
    background: transparent url('../img/menu-trends-REMOTE-WORKING-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trends .trend-8 {
    top: 1093px;
    left: 684px;
    width: 430px;
    height: 277px;
    background: transparent url('../img/menu-trends-CONSOLIDATION-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trends .trend-9 {
    top: 1093px;
    left: 1114px;
    width: 430px;
    height: 277px;
    background: transparent url('../img/menu-trends-MERGERS-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/** Trends In Trigger **/

#trend-1 .icon {
    top: 444px;
    left: 388px;
    width: 1277px;
    height: 824px;
    background: transparent url('../img/pop-up-DIGITAL-ACCELERATION-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trend-1 .text-1 {
    top: 745px;
    left: 706px;
    width: 693px;
    height: 262px;
    background: transparent url('../img/trend-1-text-1-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-1 .text-2 {
    top: 707px;
    left: 706px;
    width: 693px;
    height: 296px;
    background: transparent url('../img/trend-1-text-2-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-2 .icon {
    top: 444px;
    left: 388px;
    width: 1277px;
    height: 824px;
    background: transparent url('../img/trends-pop-up-OPEN-FNANCE-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trend-2 .text-1 {
    top: 745px;
    left: 706px;
    width: 693px;
    height: 225px;
    background: transparent url('../img/trend-2-text-1-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-2 .text-2 {
    top: 715px;
    left: 706px;
    width: 693px;
    height: 305px;
    background: transparent url('../img/trend-2-text-2-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-3 .icon {
    top: 444px;
    left: 388px;
    width: 1277px;
    height: 824px;
    background: transparent url('../img/trends-pop-up-DATA-MONETIZATION-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trend-3 .text-1 {
    top: 732px;
    left: 706px;
    width: 654px;
    height: 241px;
    background: transparent url('../img/trend-3-text-1-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-3 .text-2 {
    top: 714px;
    left: 706px;
    width: 693px;
    height: 295px;
    background: transparent url('../img/trend-3-text-2-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-4 .icon {
    top: 444px;
    left: 388px;
    width: 1277px;
    height: 824px;
    background: transparent url('../img/trends-pop-up-RISING-USE-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trend-4 .text-1 {
    top: 715px;
    left: 706px;
    width: 693px;
    height: 228px;
    background: transparent url('../img/trend-4-text-1-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-4 .text-2 {
    top: 714px;
    left: 706px;
    width: 693px;
    height: 295px;
    background: transparent url('../img/trend-4-text-2-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-5 .icon {
    top: 444px;
    left: 388px;
    width: 1277px;
    height: 824px;
    background: transparent url('../img/trends-pop-up-DISRUPTED-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trend-5 .text-1 {
    top: 715px;
    left: 706px;
    width: 715px;
    height: 228px;
    background: transparent url('../img/trend-5-text-1-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-5 .text-2 {
    top: 690px;
    left: 706px;
    width: 693px;
    height: 286px;
    background: transparent url('../img/trend-5-text-2-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-6 .icon {
    top: 444px;
    left: 388px;
    width: 1277px;
    height: 824px;
    background: transparent url('../img/trends-pop-up-EVOLOVING-PRIVACY-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trend-6 .text-1 {
    top: 685px;
    left: 706px;
    width: 682px;
    height: 281px;
    background: transparent url('../img/trend-6-text-1-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-6 .text-2 {
    top: 657px;
    left: 706px;
    width: 693px;
    height: 286px;
    background: transparent url('../img/trend-5-text-2-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-7 .icon {
    top: 444px;
    left: 388px;
    width: 1277px;
    height: 824px;
    background: transparent url('../img/trends-pop-up-REMOTE-WORKING-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trend-7 .text-1 {
    top: 695px;
    left: 706px;
    width: 693px;
    height: 262px;
    background: transparent url('../img/trend-7-text-1-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-7 .text-2 {
    top: 677px;
    left: 705px;
    width: 693px;
    height: 286px;
    background: transparent url('../img/trend-7-text-2-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-8 .icon {
    top: 444px;
    left: 388px;
    width: 1277px;
    height: 824px;
    background: transparent url('../img/trends-pop-up-CONSOLIDATION-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trend-8 .text-1 {
    top: 705px;
    left: 706px;
    width: 708px;
    height: 233px;
    background: transparent url('../img/trend-8-text-1-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-8 .text-2 {
    top: 679px;
    left: 706px;
    width: 693px;
    height: 286px;
    background: transparent url('../img/trend-8-text-2-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-9 .icon {
    top: 444px;
    left: 388px;
    width: 1277px;
    height: 824px;
    background: transparent url('../img/trends-pop-up-MERGERS-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#trend-9 .text-1 {
    top: 695px;
    left: 726px;
    width: 632px;
    height: 348px;
    background: transparent url('../img/trend-9-text-1-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#trend-9 .text-2 {
    top: 687px;
    left: 706px;
    width: 693px;
    height: 286px;
    background: transparent url('../img/trend-9-text-2-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

/** Success Stories **/
#success-stories .frame {
    top: 95px;
    left: 168px;
    width: 2545px;
    height: 1431px;
    background: transparent url('../img/success-stories-BKGND-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 10;
}

#success-stories .icon-1 {
    top: 215px;
    left: 296px;
    width: 500px;
    height: 1190px;
    background: transparent url('../img/story-01-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 11;
}

#success-stories .icon-2 {
    top: 215px;
    left: 881px;
    width: 500px;
    height: 1190px;
    background: transparent url('../img/story-02-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 11;
}

#success-stories .icon-3 {
    top: 215px;
    left: 1479px;
    width: 500px;
    height: 1190px;
    background: transparent url('../img/story-03-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 11;
}

#success-stories .icon-4 {
    top: 215px;
    left: 2079px;
    width: 500px;
    height: 1190px;
    background: transparent url('../img/story-04-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 11;
}

/** Winners of Tomorrow **/

#wot .wot-title {
    top: 76px;
    left: 154px;
    width: 950px;
    height: 116px;
    background: transparent url('../img/wot-title-min.png') 0 0 no-repeat padding-box;

    position: absolute;
    z-index: 3;
}

#wot .bg {
    top: -145px;
    left: -1585px;
    width: 2898px;
    height: 1856px;
    background: transparent url('../img/pic-winners-of-tomorrow-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#wot-quotes .brands {
    top: 0;
    left: 0;
    width: 1267px;
    height: 1620px;
    background: transparent url('../img/Disruption-Slider-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 9;
}

#wot-quotes .quote-1 {
    top: 122px;
    left: 1763px;
    width: 834px;
    height: 387px;
    background: transparent url('../img/Quote-03-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#wot-quotes .quote-2 {
    top: 562px;
    left: 1374px;
    width: 834px;
    height: 387px;
    background: transparent url('../img/Quote-04-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

#wot-quotes .quote-3 {
    top: 1004px;
    left: 1555px;
    width: 1042px;
    height: 482px;
    background: transparent url('../img/Quote-05-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

/** WoT Octagon Section **/

#wot-octagon .mol-1 {
    top: 695px;
    left: 1906px;
    width: 208px;
    height: 207px;
    background: transparent url('../img/ball-person-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 6;
}

#wot-octagon .mol-2 {
    top: 548px;
    left: 1764px;
    width: 494px;
    height: 479px;
    background: transparent url('../img/text-balls-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

.grow-15 {
    transform: scale(1.5);
}

.shrink-75 {
    transform: scale(.75);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

/** Skew **/

.skew-x {
    /*transform: skew(25deg, 25deg);*/
    transform: skewX(25deg);
}

#octagon-group .mol-ring {
    top: 426px;
    left: 1623px;
    width: 778px;
    height: 777px;
    background: transparent url('../img/text-ring-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#octagon-group .oct-1 {
    top: 210px;
    left: 1802px;
    width: 419px;
    height: 519px;
    background: transparent url('../img/pie-company-culture-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#octagon-group .oct-2 {
    top: 269px;
    left: 2054px;
    width: 504px;
    height: 503px;
    background: transparent url('../img/pie-talent-focused-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#octagon-group .oct-3 {
    top: 605px;
    left: 2099px;
    width: 518px;
    height: 420px;
    background: transparent url('../img/pie-insight-driven-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#octagon-group .oct-4 {
    top: 861px;
    left: 2053px;
    width: 504px;
    height: 503px;
    background: transparent url('../img/pie-innovative-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#octagon-group .oct-5 {
    top: 902px;
    left: 1802px;
    width: 419px;
    height: 519px;
    background: transparent url('../img/pie-digital-forefront-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#octagon-group .oct-6 {
    top: 861px;
    left: 1462px;
    width: 505px;
    height: 504px;
    background: transparent url('../img/pie-diff-brand-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#octagon-group .oct-7 {
    top: 605px;
    left: 1407px;
    width: 519px;
    height: 420px;
    background: transparent url('../img/pie-operatinally-excellent-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#octagon-group .oct-8 {
    top: 270px;
    left: 1464px;
    width: 505px;
    height: 504px;
    background: transparent url('../img/pie-stragic-partnerships-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#octagon-group .wot-menu-1 {
    top: 614px;
    left: 662px;
    width: 496px;
    height: 138px;
    background: transparent url('../img/button-customer-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#octagon-group .wot-menu-2 {
    top: 801px;
    left: 598px;
    width: 496px;
    height: 137px;
    background: transparent url('../img/button-innovation-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#octagon-group .wot-menu-3 {
    top: 988px;
    left: 535px;
    width: 496px;
    height: 137px;
    background: transparent url('../img/button-employee-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#octagon-group .wot-menu-4 {
    top: 1178px;
    left: 471px;
    width: 496px;
    height: 137px;
    background: transparent url('../img/button-digital-first-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#wot .bg-opacity {
    top: 0;
    left: -30.685546875px;
    width: 1299px;
    height: 1620px;
    background: transparent url('../img/color-fill-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 0;
    /**/
}


#wot .bg {
    top: -145px;
    left: -1585px;
    width: 2898px;
    height: 1856px;
    background: transparent url('../img/pic-winners-of-tomorrow-opacity-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

/* wot-items */

.wot-menu-item-1 {
    top: 578px !important;
    left: 906px !important;
    width: 756px !important;
    height: 210px !important;
    background: transparent url('../img/wot-menu-large-item-1-min.png') 0 0 no-repeat padding-box !important;
    position: absolute;
    z-index: 3;
}

.wot-menu-return-item-1 {
    top: 649px !important;
    left: 801px !important;
    width: 318px !important;
    height: 88px !important;
    background: transparent url('../img/wot-menu-return-item-1-min.png') 0 0 no-repeat padding-box !important;
    position: absolute;
    z-index: 3;
}

.wot-menu-return-item-2 {
    top: 826px !important;
    left: 747px !important;
    width: 318px !important;
    height: 87px !important;
    background: transparent url('../img/wot-menu-return-item-2-min.png') 0 0 no-repeat padding-box !important;
    position: absolute;
    z-index: 3;
}

.wot-menu-return-item-2-a {
    top: 766px !important;
    left: 755px !important;
    width: 319px !important;
    height: 88px !important;
    background: transparent url('../img/wot-menu-return-item-2-min.png') 0 0 no-repeat padding-box !important;
    position: absolute;
    z-index: 3;
}

.wot-menu-return-item-3 {
    top: 953px !important;
    left: 711px !important;
    width: 316px !important;
    height: 87px !important;
    background: transparent url('../img/wot-menu-return-item-3-min.png') 0 0 no-repeat padding-box !important;
    position: absolute;
    z-index: 3;
}

.wot-menu-return-item-3-a {
    top: 1003px !important;
    left: 687px !important;
    width: 318px !important;
    height: 87px !important;
    background: transparent url('../img/wot-menu-return-item-3-min.png') 0 0 no-repeat padding-box !important;
    position: absolute;
    z-index: 3;
}

.wot-menu-return-item-3-b {
    top: 883px !important;
    left: 716px !important;
    width: 319px !important;
    height: 88px !important;
    background: transparent url('../img/wot-menu-return-item-3-min.png') 0 0 no-repeat padding-box !important;
    position: absolute;
    z-index: 3;
}

.wot-menu-return-item-4 {
    top: 1082px !important;
    left: 662px !important;
    width: 320px !important;
    height: 89px !important;
    background: transparent url('../img/wot-menu-return-item-4-min.png') 0 0 no-repeat padding-box !important;
    position: absolute;
    z-index: 3;
}

.wot-menu-return-item-4-a {
    top: 1133px !important;
    left: 647px !important;
    width: 318px !important;
    height: 87px !important;
    background: transparent url('../img/wot-menu-return-item-4-min.png') 0 0 no-repeat padding-box !important;
    position: absolute;
    z-index: 3;
}

.wot-menu-return-item-4-b {
    top: 1121px !important;
    left: 637px !important;
    width: 318px !important;
    height: 87px !important;
    background: transparent url('../img/wot-menu-return-item-4-min.png') 0 0 no-repeat padding-box !important;
    position: absolute;
    z-index: 3;
}

#wot-items .img-1 {
    top: 305px;
    left: 1624px;
    width: 1171px;
    height: 756px;
    background: transparent url('../img/WOT-pic-01-customer-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#wot-items .text-1 {
    top: 974px;
    left: 1170px;
    width: 1113px;
    height: 372px;
    background: transparent url('../img/Copy-Box-Customer-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

.wot-menu-item-2 {
    top: 765px !important;
    left: 839px !important;
    width: 756px !important;
    height: 209px !important;
    background: transparent url('../img/wot-menu-large-item-2-min.png') 0 0 no-repeat padding-box !important;
    position: absolute;
    z-index: 3;
}

#wot-items .img-2 {
    top: 305px;
    left: 1624px;
    width: 1171px;
    height: 756px;
    background: transparent url('../img/WOT-pic-02-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#wot-items .text-2 {
    top: 972px;
    left: 1171px;
    width: 1113px;
    height: 371px;
    background: transparent url('../img/Copy-Box-Innovation-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

.wot-menu-item-3 {
    top: 883px !important;
    left: 789px !important;
    width: 756px !important;
    height: 209px !important;
    background: transparent url('../img/wot-menu-large-item-3-min.png') 0 0 no-repeat padding-box !important;
    position: absolute;
    z-index: 3;
}

#wot-items .img-3 {
    top: 576px;
    left: 1528px;
    width: 1171px;
    height: 756px;
    background: transparent url('../img/WOT-pic-03-employee-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#wot-items .text-3 {
    top: 296px;
    left: 1358px;
    width: 1113px;
    height: 371px;
    background: transparent url('../img/Copy-Box-Employee-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

.wot-menu-item-4 {
    top: 999px !important;
    left: 749px !important;
    width: 756px !important;
    height: 209px !important;
    background: transparent url('../img/wot-menu-large-item-4-min.png') 0 0 no-repeat padding-box !important;
    position: absolute;
    z-index: 3;
}

#wot-items .img-4 {
    top: 572px;
    left: 1528px;
    width: 1171px;
    height: 756px;
    background: transparent url('../img/WOT-pic-04-digital-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#wot-items .text-4 {
    top: 292px;
    left: 1358px;
    width: 1113px;
    height: 371px;
    background: transparent url('../img/Copy-Box-Digital-min.png') 0 0 no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* Main Menu */
/* Left */

#left-menu .container {
    top: 655px;
    left: -9px;
    width: 178px;
    height: 141px;
    background: transparent url('../img/navigation-menu.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 99;
}

#left-menu .home {
    top: 662px;
    left: 19px;
    width: 61px;
    height: 61px;
    /*background: transparent url('../img/Menu-ACTION.png') 0% 0% no-repeat padding-box;*/
    position: absolute;
    z-index: 999;
}

#left-menu .up {
    top: 662px;
    left: 85px;
    width: 61px;
    height: 61px;
    /*background: transparent url('../img/Menu-ACTION.png') 0% 0% no-repeat padding-box;*/
    position: absolute;
    z-index: 999;
}

#left-menu .left {
    top: 729px;
    left: 19px;
    width: 61px;
    height: 61px;
    /*background: transparent url('../img/Menu-ACTION.png') 0% 0% no-repeat padding-box;*/
    position: absolute;
    z-index: 999;
}

#left-menu .right {
    top: 729px;
    left: 85px;
    width: 61px;
    height: 61px;
    /*background: transparent url('../img/Menu-ACTION.png') 0% 0% no-repeat padding-box;*/
    position: absolute;
    z-index: 999;
}

/* Right */

#right-menu .container {
    top: 655px;
    left: 2712px;
    width: 178px;
    height: 141px;
    background: transparent url('../img/navigation-menu-RIGHT.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 99;
}

#right-menu .home {
    top: 662px;
    left: 2735px;
    width: 61px;
    height: 61px;
    /*background: transparent url('../img/Menu-ACTION.png') 0% 0% no-repeat padding-box;*/
    position: absolute;
    z-index: 999;
}

#right-menu .up {
    top: 662px;
    left: 2801px;
    width: 61px;
    height: 61px;
    /*background: transparent url('../img/Menu-ACTION.png') 0% 0% no-repeat padding-box;*/
    position: absolute;
    z-index: 999;
}

#right-menu .left {
    top: 729px;
    left: 2735px;
    width: 61px;
    height: 61px;
    /*background: transparent url('../img/Menu-ACTION.png') 0% 0% no-repeat padding-box;*/
    position: absolute;
    z-index: 999;
}

#right-menu .right {
    top: 729px;
    left: 2801px;
    width: 61px;
    height: 61px;
    /*background: transparent url('../img/Menu-ACTION.png') 0% 0% no-repeat padding-box;*/
    position: absolute;
    z-index: 999;
}

.right-retract {
    left: 2858px !important;
}
.right-retract-circles {
    left: 2958px !important;
}

.left-retract {
    left: -157px !important;
}