* { font-family: 'open_sanslight'; font-size: 13px; color: #000; }
html {
    overflow: visible !important;
}
body { max-width: 100%; margin: 0; padding: 0; position: relative; background-color: #fff; overflow-x: hidden; width: 100% !important; min-height: 100%;}
.inner { width: 960px; margin: 0 auto; }
.hidden { display: none; }
.noborder { border-left: none; border-right: none; border-top: none; border-bottom: none; }
.relative { position: relative; }
.absolute { position: absolute; }
.hover:hover { text-decoration: underline; }
.active { display: block; }
fieldset { border: none; padding: 0; margin: 0; }
.fl { float: left; }
.fr { float: right; }
.ff { clear: both; margin: 0; padding: 0; }

.bold { font-weight: bold; text-decoration: none; }
a { outline: none; text-decoration: none; }
a img { border: none; }
h1, h2, h3 { margin: 0px; }

#infographic-container {
    width: 100%;
    position: relative;
}

#infographic-box .box {
    position: relative;
}
#infographic-box .box-1 {
    width: 100%;
    height: 742px;
    background: url(../img/infographic-bg12.jpg) no-repeat center;
}
#infographic-box .box-2 {
    width: 100%;
    height: 920px;
    background: url(../img/infographic-bg2.jpg) no-repeat center;
}
#infographic-box .box-3 {
    width: 100%;
    height: 825px;
    background: url(../img/infographic-bg3.jpg) no-repeat center;
}
#infographic-box .box-4 {
    width: 100%;
    height: 1761px;
    background: url(../img/infographic-bg4.jpg) no-repeat center;
}

/* box 1 */
.box-1 .lift {
    width: 116px;
    height: 193px;
    position: absolute;
    top: 360px;
    left: 425px;
}
.box-1 .lift .slide {
    width: 116px;
    height: 193px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.box-1 .lift .slide-1 {
    background: url(../img/box1-lift1.png) no-repeat;
    display: block;
}
.box-1 .lift .slide-2 {
    background: url(../img/box1-lift2.png) no-repeat;
}
.box-1 .lift .slide-3 {
    background: url(../img/box1-lift3.png) no-repeat;
}
.box-1 .lift .slide-4 {
    background: url(../img/box1-lift4.png) no-repeat;
}
.box-1 .lift .slide-5 {
    background: url(../img/box1-lift5.png) no-repeat;
}
.box-1 .cloud {
    position: absolute;
    display: none;
}
.box-1 .cloud-1 {
    width: 179px;
    height: 124px;
    background: url(../img/box-1-cloud1.png) no-repeat;
    top: 174px;
    left: 135px;
}
.box-1 .cloud-2 {
    width: 179px;
    height: 126px;
    background: url(../img/box1-cloud2.png) no-repeat;
    top: 215px;
    left: 174px;
}
.box-1 .cloud-3 {
    width: 181px;
    height: 89px;
    background: url(../img/box1-cloud3.png) no-repeat;
    top: 175px;
    left: 328px;
}
.box-1 .cloud-4 {
    width: 183px;
    height: 112px;
    background: url(../img/box1-cloud4.png) no-repeat;
    top: 465px;
    left: 287px;
}
.box-1 .cloud-5 {
    width: 163px;
    height: 104px;
    background: url(../img/box1-cloud5.png) no-repeat;
    top: 400px;
    left: 640px;
}
.box-1 .cloud-6 {
    width: 120px;
    height: 80px;
    background: url(../img/box1-cloud6.png) no-repeat;
    top: 345px;
    left: 520px;
}

/* box 2 */
.box-2 .robot {
    position: absolute;
    width: 217px;
    height: 180px;
    top: 370px;
    left: 98px;
}
.box-2 .robot .slide {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.box-2 .robot .slide-1 {
    width: 217px;
    height: 180px;
    background: url(../img/box2-robot1.png) no-repeat;
    display: block;
}
.box-2 .robot .slide-2 {
    width: 217px;
    height: 180px;
    background: url(../img/box2-robot2.png) no-repeat;
    z-index: 99;
}
.box-2 .robot .slide-1 .hat {
    display: block;
    width: 39px;
    height: 65px;
    background: url(../img/box2-robot-hat.png) no-repeat;
    position: absolute;
    top: 0;
    right: 35px;
}
.box-2 .robot .slide-2 .hat {
    display: block;
    width: 35px;
    height: 55px;
    background: url(../img/box2-robot-hat2.png) no-repeat;
    position: absolute;
    top: 12px;
    right: 3px;
    z-index: 99;
}
.box-2 .person {
    width: 46px;
    height: 167px;
    background: url(../img/person.png) no-repeat;
    position: absolute;
    top: 340px;
    left: 458px;
    display: none;
}
.box-2 .cloud {
    position: absolute;
    display: none;
}
.box-2 .cloud-1 {
    background: url(../img/box2-cloud1.png) no-repeat;
    width: 200px;
    height: 101px;
    top: 168px;
    left: 203px;
}
.box-2 .cloud-2 {
    background: url(../img/box2-cloud2.png) no-repeat;
    width: 186px;
    height: 81px;
    top: 614px;
    left: 34px;
}
.box-2 .cloud-4 {
    background: url(../img/box2-cloud5.png) no-repeat;
    width: 180px;
    height: 102px;
    top: 580px;
    left: 312px;

}
.box-2 .cloud-3 {
    background: url(../img/box2-cloud4.png) no-repeat;
    width: 182px;
    height: 120px;
    top: 420px;
    left: 320px;
}
.box-2 .cloud-5 {
    background: url(../img/box2-cloud3.png) no-repeat;
    width: 171px;
    height: 125px;
    top: 530px;
    left: 552px;
}
.box-2 .cloud-6 {
    background: url(../img/box2-cloud6.png) no-repeat;
    width: 158px;
    height: 104px;
    top: 400px;
    left: 750px;
}
.box-2 .teleport {
    width: 85px;
    height: 209px;
    position: absolute;
    top: 375px;
    left: 736px;
}
.box-2 .teleport .slide {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.box-2 .teleport .slide-1 {
    width: 85px;
    height: 209px;
    background: url(../img/box2-teleport1.png) no-repeat;
}
.box-2 .teleport .slide-2 {
    width: 84px;
    height: 209px;
    background: url(../img/box2-teleport2.png) no-repeat;
}
.box-2 .teleport .slide-3 {
    width: 84px;
    height: 175px;
    background: url(../img/box2-teleport3.png) no-repeat;
}
.box-2 .teleport .slide-4 {
    width: 845px;
    height: 175px;
    background: url(../img/box2-teleport4.png) no-repeat;
}
.box-2 .teleport .slide-5 {
    width: 84px;
    height: 175px;
    background: url(../img/box2-teleport5.png) no-repeat;
}

/* box 3 */
.box-3 .person {
    width: 85px;
    height: 209px;
    background: url(../img/box2-teleport1.png) no-repeat;
    position: absolute;
    top: 290px;
    left: 728px;
    display: none;
}
.box-3 .cloud {
    position: absolute;
    display: none;
}
.box-3 .cloud-1 {
    background: url(../img/box-3-cloud1.png);
    width: 219px;
    height: 100px;
    top: 558px;
    left: 34px;
}
.box-3 .cloud-2 {
    background: url(../img/box-3-cloud2.png);
    width: 157px;
    height: 111px;
    top: 110px;
    left: 342px;
}
.box-3 .cloud-3 {
    background: url(../img/box-3-cloud3.png);
    width: 156px;
    height: 84px;
    top: 310px;
    left: 283px;
}
.box-3 .cloud-4 {
    background: url(../img/box-3-cloud4.png);
    width: 201px;
    height: 142px;
    top: 355px;
    left: 250px;
}
.box-3 .cloud-5 {
    background: url(../img/box-3-cloud5.png);
    width: 138px;
    height: 84px;
    top: 425px;
    left: 380px;
}
.box-3 .cloud-7 {
    background: url(../img/box-3-cloud7.png);
    width: 134px;
    height: 73px;
    top: 208px;
    left: 595px;
}
.box-3 .cloud-8 {
    background: url(../img/box-3-cloud8.png);
    width: 194px;
    height: 131px;
    top: 325px;
    left: 590px;
}
.box-3 .cloud-9 {
    background: url(../img/box-3-cloud9.png);
    width: 190px;
    height: 110px;
    top: 152px;
    left: 620px;
}
.box-3 .backpack {
    width: 54px;
    height: 80px;
    background: url(../img/box-3-backpack.png) no-repeat;
    position: absolute;
    top: 575px;
    left: 285px;
    z-index: 99;
}
.box-3 .person-flight {
    width: 55px;
    height: 176px;
    position: absolute;
    top: 460px;
    left: 290px;
    z-index: 99;
}
.box-3 .person-flight .slide {
    display: none;
}
.box-3 .person-flight .slide-1 {
    width: 55px;
    height: 173px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../img/box-3-personflight1.png) no-repeat;
}
.box-3 .person-flight .slide-2{
    width: 55px;
    height: 176px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../img/box-3-personflight2.png) no-repeat;
}

/* box 4 */
.box-4 .person {
    width: 45px;
    height: 208px;
    background: url(../img/box-4-person.png) no-repeat;
    position: absolute;
    top: 575px;
    left: 300px;
    display: none;
    z-index: 9;
}
.box-4 .cloud {
    position: absolute;
    display: none;
}
.box-4 .cloud-1 {
    background: url(../img/box-4-cloud1.png);
    width: 206px;
    height: 172px;
    top: 155px;
    left: 553px;
}
.box-4 .cloud-2 {
    background: url(../img/box-4-cloud2.png);
    width: 253px;
    height: 142px;
    top: 433px;
    left: 80px;
}
.box-4 .cloud-3 {
    background: url(../img/box-4-cloud3.png);
    width: 241px;
    height: 121px;
    top: 330px;
    left: 360px;
}
.box-4 .cloud-4 {
    background: url(../img/box-4-cloud4.png);
    width: 194px;
    height: 137px;
    top: 280px;
    left: 675px;
}
.box-4 .cloud-5 {
    background: url(../img/box-4-cloud5.png);
    width: 227px;
    height: 82px;
    top: 610px;
    left: 535px;
}
.box-4 .cloud-6 {
    background: url(../img/box-4-cloud6.png);
    width: 196px;
    height: 99px;
    top: 975px;
    left: 390px;
}
.box-4 .cloud-7 {
    background: url(../img/box-4-cloud7.png);
    width: 181px;
    height: 78px;
    top: 1175px;
    left: 580px;
}
.box-4 .cloud-8 {
    background: url(../img/box-4-cloud8.png);
    width: 157px;
    height: 82px;
    top: 1175px;
    left: 355px;
}
.box-4 .cloud-9 {
    background: url(../img/box-4-cloud9.png);
    width: 249px;
    height: 89px;
    top: 1275px;
    left: 180px;
}
.box-4 .intel {
    position: absolute;
    width: 82px;
    height: 76px;
    top: 610px;
    left: 455px;
    z-index: 99;
}

.box-4 .intel .slide-1 {
    width: 82px;
    height: 66px;
    background: url(../img/box-4-intel1.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;

}
.box-4 .key-big {
    background: url(../img/box-4-key-big.png) no-repeat;
    width: 101px;
    height: 96px;
    position: absolute;
    top: 1054px;
    left: 340px;
}
.box-4 .bottom {
    background: url(../img/box-4-bottom.png) no-repeat;
    width: 918px;
    height: 284px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.box-4 .bottom a {
    display: block;
    height: 75px;
    position: absolute;
    right: 205px;
    top: 136px;
    width: 210px;
    z-index: 999;
}
.box-4 .key-small {
    background: url(../img/box-4-key-small.png) no-repeat;
    width: 36px;
    height: 38px;
    position: absolute;
    top: 1645px;
    left: 335px;
    display: none;
}
#infographic-box-mobile {
    position: relative;
    width: 100%;
    min-height: 100%;
    height: 100%;
    display: none;
}
#infographic-box-mobile .box {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
}
#infographic-box-mobile .infographic-box-1 {
    display: block;
    background: url(../img/infografika_mobile-01.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-2 {
    background: url(../img/infografika_mobile-02.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-3 {
    background: url(../img/infografika_mobile-03.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-4 {
    background: url(../img/infografika_mobile-04.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-5 {
    background: url(../img/infografika_mobile-05.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-6 {
    background: url(../img/infografika_mobile-06.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-7 {
    background: url(../img/infografika_mobile-07.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-8 {
    background: url(../img/infografika_mobile-08.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-9 {
    background: url(../img/infografika_mobile-09.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-10 {
    background: url(../img/infografika_mobile-10.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-11 {
    background: url(../img/infografika_mobile-11.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-12 {
    background: url(../img/infografika_mobile-12.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-13 {
    background: url(../img/infografika_mobile-13.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-14 {
    background: url(../img/infografika_mobile-14.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-15 {
    background: url(../img/infografika_mobile-15.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-16 {
    background: url(../img/infografika_mobile-16.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-17 {
    background: url(../img/infografika_mobile-17.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-18 {
    background: url(../img/infografika_mobile-18.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-19 {
    background: url(../img/infografika_mobile-19.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-20 {
    background: url(../img/infografika_mobile-20.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-21 {
    background: url(../img/infografika_mobile-21.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-22 {
    background: url(../img/infografika_mobile-22.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-23 {
    background: url(../img/infografika_mobile-23.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-24 {
    background: url(../img/infografika_mobile-24.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-25 {
    background: url(../img/infografika_mobile-25.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-26 {
    background: url(../img/infografika_mobile-26.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-27 {
    background: url(../img/infografika_mobile-27.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-28 {
    background: url(../img/infografika_mobile-28.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-29 {
    background: url(../img/infografika_mobile-29.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-30 {
    background: url(../img/infografika_mobile-30.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-31 {
    background: url(../img/infografika_mobile-31.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-32 {
    background: url(../img/infografika_mobile-32.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-33 {
     background: url(../img/infografika_mobile-33.png) no-repeat center;
 }
#infographic-box-mobile .infographic-box-34 {
    background: url(../img/infografika_mobile-34.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-35 {
    background: url(../img/infografika_mobile-35.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-36 {
    background: url(../img/infografika_mobile-36.png) no-repeat center;
}
#infographic-box-mobile .infographic-box-37 {
     background: url(../img/infografika_mobile-37.png) no-repeat center;
 }
#infographic-box-mobile .infographic-box-38 {
      background: url(../img/infografika_mobile-38.png) no-repeat center;
  }
#infographic-box-mobile .infographic-box-38 a {

    height: 70px;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}


@media (max-width: 600px) {
    #infographic-box {
        display: none;
    }
    #fullpage {
        display: none;
    }
    #infographic-box-mobile {
        display: block;
    }
}