body{overflow-x:hidden}input:focus,textarea:focus{outline:0}a:active,a:focus,a:hover{outline:0;text-decoration:none}ul{padding-left:0;margin-bottom:0;list-style-type:none}.list-inline{margin-bottom:0;margin-left:0}p{margin:0}i{font-style:normal}body,html{margin:0;padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}img{width:100%;max-width:100%}.clearfix:after{content:'';display:table;clear:both;width:100%}.relative{position:relative}.table{display:table;table-layout:fixed}.table>*{display:table-cell;vertical-align:middle}input[type=radio]{display:none}span.red{color:#e80000}[data-for]{cursor:pointer}.bg img,.bg svg{width:100%;height:100%;position:relative}html{font-size:12.37pt}body{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;line-height:1.3;background-color:#f2f2f2}body>main{overflow:hidden;position:relative}.container{max-width:1215px;margin:0 auto}.oracle-logo{position:absolute;top:0;left:28px;display:block;width:160px;height:70px;text-align:center;background-image:url(../../img/ebook/main-logo.svg);background-repeat:no-repeat;background-size:contain}.top__nav{display:table;width:100%;background-color:#000;color:#fff}.top__nav>label{display:table-cell;width:16.6666667%;padding:20px 5px;text-align:center;font-weight:700;font-size:.65em;line-height:18px;vertical-align:middle;cursor:pointer}.top__nav>label.disabled{display:none}.top__nav>label.active{background:#fff;color:#000}.accordion label{cursor:pointer;display:block;position:relative;background-color:#b1c4c8;font-size:.75em;padding:5px 20px;margin-bottom:1px;color:#3a4d51;-webkit-transition:color .3s ease;transition:color .3s ease}.accordion label img{display:inline-block;height:100%;width:18px;position:absolute;right:8px;top:0;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:2}.accordion label:after{content:'';height:100%;width:34px;position:absolute;right:0;top:0;background-color:rgba(177,177,177,.76)}.accordion p{background-color:rgba(176,195,200,.4);color:#46575e;visibility:hidden;font-size:0;-webkit-transition:visibility .3s ease,padding-top .3s ease,line-height .3s ease;transition:visibility .3s ease,padding-top .3s ease,line-height .3s ease;position:relative}.accordion p .red{font-weight:700}.accordion p img{vertical-align:top;display:none;cursor:pointer;width:22px}.accordion p img:hover+.popup{opacity:1;visibility:visible;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.accordion input[type=radio]:checked~p{visibility:visible;padding:7px 21px 32px;font-size:.71em;line-height:1.5em}.accordion input[type=radio]:checked~p img{display:initial;-webkit-box-sizing:content-box;box-sizing:content-box;padding:0 5px 0 10px}.accordion input[type=radio]:checked~label{display:block;background-color:#b0c3c8;color:#fff}.accordion input[type=radio]:checked~label img{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.accordion li:last-of-type .popup{width:360px}.top-slider__section{position:relative}.top-slider__section img{vertical-align:middle}.article__setcion{position:relative}.article__setcion.sub__section .article__setcion{padding:2.5em 3.5em}[id=main-slider]{background-color:#cad9de;background-image:url(../../img/ebook/gradient.svg);background-size:cover}.slider{overflow:hidden;position:relative;z-index:20}.slider>.clearfix{display:table;height:100%;table-layout:fixed}.slider>.clearfix>.article__setcion{display:table-cell;vertical-align:top;height:100%}.slider>.clearfix .slider{height:100%}.slider>.clearfix .slider>div.clearfix{height:inherit}.slider>.clearfix .sub__navs~.slider{height:-webkit-calc(100% - 50px);height:calc(100% - 50px)}.slider>.clearfix .sub__navs~.slider>.clearfix{height:100%}.slider .infos{position:relative;z-index:1}.sub__navs{display:table;width:100%;text-align:center;table-layout:fixed;position:relative;z-index:50}.sub__navs>label{display:table-cell;vertical-align:middle;background-color:rgba(255,255,255,.6);cursor:pointer}.sub__navs>label.active{background-color:#fff;cursor:default}.sub__navs .tab{color:#46575e;font-size:.65em;padding:4px 5px}.sub__navs .next,.sub__navs .prev{width:50px;height:50px;padding:6px 6px;background-color:#324b5c;text-align:center}.sub__navs .null{display:none}.sub__navs .disabled{background-color:#000;cursor:default}.sub__navs img{display:inherit;width:100%}.sub__section .before-title{display:block;font-size:.95em;text-transform:uppercase;word-spacing:2px}.sub__section .title{font-size:1.17em;text-transform:uppercase;display:block}.sub__section .description{font-size:.65em;margin-top:19px;word-spacing:1.2px;line-height:1.35em}.sub__section .description p:not(:last-of-type){margin-bottom:21px}.sub__section .description p+.twitter-box{margin-top:21px}.sub__section .description .twitter-box+p{margin-top:21px}.sub__section .description a:not(.twitter){width:82%;display:block;color:#029eb1;margin-bottom:20px;word-spacing:.1em;letter-spacing:.01em;font-size:.96em;font-weight:700;text-decoration:underline;text-transform:uppercase}.sub__section .description a:not(.twitter):not(:first-child){margin-top:15px}.sub__section .text ul{list-style-type:decimal;margin-left:20px;margin-top:20px}.sub__section .text ul li{padding-left:5.1%}.bullet_group{margin-top:19px}.bullet_group .bullet{margin-bottom:10px;display:table;background-color:#b1c4c8;color:#5a6d71;width:94%;word-spacing:-.05px;letter-spacing:-.2px;font-size:.65em;border-radius:40px}.bullet_group .bullet>div{display:table-cell;vertical-align:middle}.bullet_group .bullet .text{padding:15px 10px}.bullet_group .bullet .bullet_img{width:70px;height:70px}.bullet_group .bullet .bullet_img img{display:block}.twitter-box .svg,.twitter-box svg{width:30px;padding-right:5px}.twitter-box a{color:#55acee}.twitter-box.big{background-color:#fff;color:#55acee;width:435px;padding:5px 10px;border-radius:2px;margin-top:1.5%}.twitter-box.big .table{width:100%}.twitter-box.big .twitter-icon{font-weight:700;width:110px;border-width:0 1px 0 0;border-style:solid;border-color:#bcdef7;vertical-align:top}.twitter-box.big .twitter-icon .svg,.twitter-box.big .twitter-icon svg{width:50px}.twitter-box.big .twitter-icon+*{padding-left:12px;text-transform:none;font-weight:400;text-decoration:none;margin:0;width:100%;display:table-cell}.twitter-box.big a{color:inherit}ul.share{margin:0;position:absolute;top:20px;right:93px;z-index:25;padding:4px 8px;background-color:#fff;color:#57585b;font-size:.65em}ul.share li{display:inline-block;margin-left:2px}ul.share li:first-of-type{display:block;margin:0 auto;text-align:center;padding-bottom:5px}ul.share li.fb img{top:1px;position:relative;right:-5px;padding:7px 0 0 0}ul.share a{display:block;width:30px;height:30px;text-decoration:none;position:relative}ul.share a[href]{cursor:pointer}ul.share a:before{content:'';width:inherit;display:block;height:inherit;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:#334b5b;z-index:-1}ul.share img,ul.share svg{width:inherit;height:inherit;padding:8px}@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.woff2) format("woff2"),url(../fonts/fontawesome-webfont.woff) format("woff"),url(../fonts/fontawesome-webfont.ttf) format("truetype");font-weight:400;font-style:normal}[class*=uk-icon-]{font-family:FontAwesome;display:inline-block;font-weight:400;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.uk-text-center{text-align:center}.uk-icon-button{display:inline-block;width:35px;height:35px;border-radius:100%;background:#eee;line-height:35px;color:#444;font-size:18px;text-align:center}.uk-icon-linkedin:before{content:'\f0e1'}.uk-icon-twitter:before{content:'\f099'}.uk-icon-facebook-f:before,.uk-icon-facebook:before{content:'\f09a'}.uk-icon-youtube-play:before{content:'\f16a'}[id=main-slider] [id=step0].article__setcion{vertical-align:middle}[id=step0] .share{top:83px}[id=step0] .infos{margin-top:50px;color:#fff;text-transform:uppercase;font-size:1.2em;padding-left:4.8%}[id=step0] .infos .before-title{display:block;font-size:1.06em;font-weight:700}[id=step0] .infos .title{font-size:1.65em;font-weight:700;display:block}[id=step0] .infos .after-title{display:block;margin-top:.9em;font-size:.85em}[id=step0] .start{width:116px;height:116px;display:inline-block;-webkit-box-shadow:-1px 2px 0 rgba(0,0,0,.35);box-shadow:-1px 2px 0 rgba(0,0,0,.35);background-color:#cb0000;border-radius:50%;position:relative;vertical-align:middle;margin-top:20px;cursor:pointer}[id=step0] .start span{text-transform:uppercase;font-weight:700;font-size:1em;color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[id=step0] .btn{width:116px;text-align:center;padding-left:35px}[id=step0] .table{width:100%;padding-right:8.3%}[id=step0] .table:before{content:'';display:table-cell;height:335px;background-image:url(../../img/ebook/step0_0.svg);background-repeat:no-repeat;background-position:center right;background-size:cover}[id=step1]{position:relative;z-index:10}[id=step1] .infos{color:#000;font-size:1em}[id=step1].start-animate [id=step1_step1] div.counter:before{width:100%}[id=step1].start-animate [id=step1_step1] div.counter>div{opacity:1;visibility:visible}[id=step1].start-animate [id=step1_step1] .infos .earth{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[id=step1] [id=step1_step1] .twitter-box{border:1px solid #bcdef7;margin-left:4%}[id=step1] [id=step1_step1].article__setcion{vertical-align:middle}[id=step1] [id=step1_step1] .btn{background-color:#afafaf}[id=step1] [id=step1_step1] .btn-block{margin-top:10px}[id=step1] [id=step1_step1] .btn-block>a{color:#fff;padding:8px 3%}[id=step1] [id=step1_step1] .btn-block>div{display:inline-table;vertical-align:middle;padding:2px 6.1%}[id=step1] [id=step1_step1] .btn-block a{font-size:.8em;text-decoration:none}[id=step1] [id=step1_step1] .infos>div{width:57%}[id=step1] [id=step1_step1] .infos .earth{position:absolute;bottom:0;right:0;width:42%;-webkit-transform:scale(.1);-ms-transform:scale(.1);transform:scale(.1);-webkit-transition:-webkit-transform 5s ease;transition:-webkit-transform 5s ease;transition:transform 5s ease;transition:transform 5s ease,-webkit-transform 5s ease}[id=step1] [id=step1_step1] div.counter{position:relative;table-layout:auto;padding:0 18px;width:70%;margin-top:21px}[id=step1] [id=step1_step1] div.counter:before{content:'';position:absolute;width:0;height:100%;right:0;top:0;background-color:#fff;-webkit-transition:width 2s ease 5s;transition:width 2s ease 5s}[id=step1] [id=step1_step1] div.counter>div{z-index:2;-webkit-transition:opacity 2s ease 7s;transition:opacity 2s ease 7s;position:relative;visibility:hidden;opacity:0}[id=step1] [id=step1_step1] div.counter .wrap{padding:15px 20% 15px 19px;font-size:.8em;letter-spacing:.4px;line-height:1.4em}[id=step1] [id=step1_step1] div.counter .wrap .small{font-size:.8em;margin-top:5px;display:block}[id=step1] [id=step1_step1] div.counter .img{width:109px;height:149px}[id=step1] [id=step1_step2]:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-image:url(../../img/ebook/clould1.svg)}[id=step1] [id=step1_step2] .description>p{width:55%}[id=step1] [id=step1_step2].start-animate .squares [data-index="6"]{-webkit-animation:squareShow .8s forwards 1.6s;animation:squareShow .8s forwards 1.6s}[id=step1] [id=step1_step2].start-animate .squares [data-index="5"]{-webkit-animation:squareShow .8s forwards 1.2s;animation:squareShow .8s forwards 1.2s}[id=step1] [id=step1_step2].start-animate .squares [data-index="4"]{-webkit-animation:squareShow .8s forwards .8s;animation:squareShow .8s forwards .8s}[id=step1] [id=step1_step2].start-animate .squares [data-index="3"]{-webkit-animation:squareShow .8s forwards .4s;animation:squareShow .8s forwards .4s}[id=step1] [id=step1_step2].start-animate .squares [data-index="2"]{-webkit-animation:squareShow .8s forwards 0s;animation:squareShow .8s forwards 0s}[id=step1] [id=step1_step2] .table .img{padding-left:5px}[id=step1] [id=step1_step2] .table .img>img{width:250px;cursor:pointer}[id=step1] [id=step1_step2] .table .img>img:hover+.popup{opacity:1;pointer-events:auto;visibility:visible}[id=step1] [id=step1_step2] .popup{padding:15px 10px;position:absolute;width:50%;right:0;bottom:-42px;background:#000;color:#fff;opacity:0;pointer-events:none;visibility:hidden;-webkit-transition:.5s linear;transition:.5s linear;z-index:20}[id=step1] [id=step1_step2] .popup:hover{opacity:1;visibility:visible;pointer-events:auto}[id=step1] [id=step1_step2] .popup .popup_img{width:100px;padding-right:20px;vertical-align:middle}[id=step1] [id=step1_step2] .popup>div{vertical-align:top}[id=step1] [id=step1_step2] .popup .green{color:#96c11f;font-weight:700;letter-spacing:.26px;margin:0;display:inline;text-decoration:none;text-transform:lowercase}[id=step1] [id=step1_step2] .squares__section{padding-top:3%;color:#fff}[id=step1] [id=step1_step2] .squares__section .squar_title{margin:25px 0 10px;font-size:.85em;color:#225080}[id=step1] [id=step1_step2] .squares{color:#fff;display:table;width:100%;border-spacing:2px 0}[id=step1] [id=step1_step2] .squares>div{width:20%;margin-left:2px;padding-bottom:20%;position:relative;overflow:hidden;display:table-cell;cursor:pointer;visibility:hidden;border-radius:0 0 0 20%;opacity:0}[id=step1] [id=step1_step2] .squares>div:after{content:url(../../img/ebook/panel3_1.svg);position:absolute;left:10%;bottom:9%;width:20%;height:20%;z-index:-1}[id=step1] [id=step1_step2] .squares>div>span{position:absolute;top:0;left:0;width:100%;height:100%;padding:15px 10px;font-size:.7em;line-height:1.4em}[id=step1] [id=step1_step2] .squares>div .number{position:absolute;right:-10px;bottom:40px;display:inline-block;height:100%;width:100%;text-align:right}[id=step1] [id=step1_step2] .squares>div .number span{opacity:.2;font-size:10em;color:#fff;text-transform:uppercase;font-weight:700}[id=step1] [id=step1_step2] .squares>div:nth-of-type(odd){background-color:rgba(34,80,128,.4)}[id=step1] [id=step1_step2] .squares>div:nth-of-type(even){background-color:rgba(34,80,128,.7)}[id=step2] .block{padding:4.5% 3.5%;height:-webkit-calc(100% - 50px);height:calc(100% - 50px);position:absolute;top:50px;left:0;width:100%}[id=step2] .wrap{position:relative;height:100%}[id=step2] .abs{position:absolute;width:100%;height:100%}[id=step2] .abs:after{content:'';display:table;clear:both;width:100%}[id=step2] .abs>div{height:100%}[id=step2] .twitter-box{width:94%}[id=step2] .infos{float:left;width:48%;overflow-y:scroll;text-align:left;padding-right:15px;color:#000;position:initial}[id=step2] .infos::-webkit-scrollbar{width:8px}[id=step2] .infos::-webkit-scrollbar-track{background:#fff;border-radius:8px}[id=step2] .infos::-webkit-scrollbar-thumb{background:#88a2b3;border-radius:8px}[id=step2] .people_img{float:right;width:50%}[id=step2] .people_img img{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%}[id=step2] .bg-gray{display:table;margin:20px 0 10px;padding:6px 15px;background-color:#8fa6b4;font-size:.65em;width:94%;line-height:1.3em;letter-spacing:.015em;-webkit-box-shadow:-3px 4px 0 rgba(0,0,0,.35);box-shadow:-3px 4px 0 rgba(0,0,0,.35);cursor:pointer}[id=step2] .bg-gray:hover .people_img-description{visibility:visible;opacity:1;-webkit-transition:visibility 0s linear 0s,opacity .5s ease 0s;transition:visibility 0s linear 0s,opacity .5s ease 0s}[id=step2] .bg-gray>div{display:table-cell}[id=step2] .bg-gray>.text{color:#fff}[id=step2] .bg-gray>.text .red{font-weight:700}[id=step2] .bg-gray .bg-img{vertical-align:bottom;width:50px}[id=step2] .bg-gray .people_img-description{visibility:hidden;-webkit-transition:visibility .5s linear 1s,opacity .5s linear 1s;transition:visibility .5s linear 1s,opacity .5s linear 1s;opacity:0;position:absolute;top:50%;right:0;padding-bottom:50%;width:50%;z-index:26;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}[id=step2] .bg-gray .people_img-description .wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;padding:0;border:20px solid #fff;border-radius:50%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),color-stop(60%,rgba(178,180,181,.6)));background:-webkit-linear-gradient(top,rgba(255,255,255,.4),rgba(178,180,181,.6) 60%);background:linear-gradient(to bottom,rgba(255,255,255,.4),rgba(178,180,181,.6) 60%);background-color:rgba(255,255,255,.8);overflow:hidden;color:#46575e}[id=step2] .bg-gray .people_img-description .wrap>.round{width:73%;margin-top:5%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:2.15em;letter-spacing:.01em;word-spacing:.2em;text-align:center;line-height:1.1em}[id=step2] .bg-gray .people_img-description .wrap>.round a{margin-top:20px;display:block;text-transform:uppercase;font-size:.7em}[id=step2] .bg-gray .people_img-description .wrap .text{font-weight:700;font-style:italic}[id=step3] article:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-image:url(../../img/ebook/CLOUD2-1.svg);background-size:cover}[id=step3].start-animate .blue{-webkit-animation:bgWhite 1s forwards .7s;animation:bgWhite 1s forwards .7s}[id=step3].start-animate .blue .bullet_img{-webkit-animation:squareShow 1s forwards 0s;animation:squareShow 1s forwards 0s}[id=step3].start-animate .blue .text{-webkit-animation:squareShow 1s forwards .8s;animation:squareShow 1s forwards .8s}[id=step3].start-animate .green{-webkit-animation:bgWhite 1s forwards 2s;animation:bgWhite 1s forwards 2s}[id=step3].start-animate .green .bullet_img{-webkit-animation:squareShow 1s forwards 1.5s;animation:squareShow 1s forwards 1.5s}[id=step3].start-animate .green .text{-webkit-animation:squareShow 1s forwards 1.9s;animation:squareShow 1s forwards 1.9s}[id=step3] [id=step3_step1]{color:#000}[id=step3] [id=step3_step1] .sub__section .title{font-size:1em;line-height:1.4em}[id=step3] [id=step3_step1] .left{vertical-align:top;width:50%;text-align:left}[id=step3] [id=step3_step1] .right{vertical-align:top;padding-left:5%;position:relative;bottom:0}[id=step3] [id=step3_step1] .right .description:first-child{margin-top:81px;margin-bottom:19px}[id=step3] [id=step3_step1] .right .bullet{background-color:transparent}[id=step3] [id=step3_step1] .right .bullet .text{padding-left:15px}[id=step3] [id=step3_step1] .right .bullet>div{opacity:0;visibility:hidden}[id=step3] [id=step3_step1] .right .blue{color:#01768f;margin-bottom:15px}[id=step3] [id=step3_step1] .right .blue img{background:#3a97d3;border-radius:50%}[id=step3] [id=step3_step1] .right .green{color:#8a143c}[id=step3] [id=step3_step1] .right .green img{background:#95c11f;border-radius:50%}[id=step3] [id=step3_step1] .right .img{width:70px}[id=step3] [id=step3_step1] .right .text{text-transform:uppercase;font-size:1.2em;font-weight:700;word-spacing:inherit;letter-spacing:-.55px}[id=step3].sub__section .accordion__section{padding:3.5em 0 2em}[id=step3] .accordion__section .title{font-size:1.15em;word-spacing:.01em;letter-spacing:.01em;text-transform:uppercase;color:#01768f;margin:0}[id=step3] .accordion__section[id=step3_step2] .infos:before{background:url(../../img/ebook/panel4_2.svg) no-repeat center center}[id=step3] .accordion__section[id=step3_step2] .twitter-box{width:100%}[id=step3] .accordion__section[id=step3_step3] .title{color:#8a143c}[id=step3] .accordion__section[id=step3_step3] .infos:before{background:url(../../img/ebook/panel4_1.svg) no-repeat center center}[id=step3] .accordion__section .infos{color:#000;width:76%;margin:0 auto;padding:0 105px}[id=step3] .accordion__section .infos:before{content:'';display:block;position:absolute;top:-45px;left:-49px;width:118px;height:123px;background-size:contain}[id=step3] .accordion .popup{position:absolute;z-index:10;background-color:#46575e;background-clip:content-box;padding:25px 0 0 0;margin-top:1px;color:#fff;width:315px;border-radius:0 3px 3px;opacity:0;visibility:hidden;left:21px}[id=step3] .accordion .popup:hover{opacity:1;visibility:visible;-webkit-transition:all .3s ease;transition:all .3s ease}[id=step3] .accordion .popup .text{padding:20px 15px 26px;display:block}[id=step3] .accordion .popup:before{content:'';display:inline-block;position:absolute;top:9px;border-bottom:16px solid #46575e;border-right:26px solid transparent}[id=step3] .accordion .popup .footer{display:table;width:100%;padding:1px 15px;background-color:#000}[id=step3] .accordion .popup .footer a{display:table-cell;color:#fff;text-decoration:none;font-size:.76em;font-weight:700;text-transform:uppercase}[id=step3] .accordion .popup .footer .plus{display:table-cell;width:26px;position:relative}[id=step3] .accordion .popup .footer .plus:after{content:'';position:absolute;display:block;background-color:#fff;height:1px;margin-top:-.5px;top:50%;left:5px;right:5px;z-index:9}[id=step3] .accordion .popup .footer .plus:before{content:'';position:absolute;display:block;background-color:#fff;width:1px;margin-left:-.5px;left:50%;top:5px;bottom:5px;z-index:9}[id=step4].start-animate [id=step4_step0] .cloud path{-webkit-animation:svg__cloud 3s forwards;animation:svg__cloud 3s forwards;fill-opacity:.1}[id=step4].start-animate [id=step4_step0] .ballon{-webkit-animation:ballonTop 3s forwards;animation:ballonTop 3s forwards}[id=step4].article__setcion.sub__section{height:100%}[id=step4].article__setcion.sub__section .slider{height:inherit}[id=step4].article__setcion.sub__section .clearfix .article__setcion{padding:5em 3em;color:#000;vertical-align:top}[id=step4] .sub__navs{position:absolute;top:0;left:0}[id=step4] [id=step4_step0]{background-image:url(../../img/ebook/cityscape-02_1.svg);background-repeat:no-repeat;background-size:cover;background-position:bottom center}[id=step4] [id=step4_step0] .share{top:70px}[id=step4] [id=step4_step0] .description{margin-top:24px}[id=step4] [id=step4_step0] .description .clearfix p{margin-bottom:8px}[id=step4] [id=step4_step0] .description a{margin-bottom:0}[id=step4] [id=step4_step0] .left{float:left;width:48%}[id=step4] [id=step4_step0] .right{float:right;width:42%;padding-right:3%}[id=step4] [id=step4_step0] .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;top:-40px}[id=step4] [id=step4_step0] .bg img,[id=step4] [id=step4_step0] .bg svg{height:initial}[id=step4] [id=step4_step1] .title-block{position:absolute;z-index:8;top:11%;left:7%}[id=step4] [id=step4_step1].start-animate .cloud path{-webkit-animation:svg__cloud 3s forwards;animation:svg__cloud 3s forwards;fill-opacity:.1}[id=step4] [id=step4_step1].start-animate .pics_round [data-sort="6"]{-webkit-animation:svg__cloud 2s forwards 2s;animation:svg__cloud 2s forwards 2s}[id=step4] [id=step4_step1].start-animate .pics_round [data-sort="6"] .st20{-webkit-animation:pics_round__Plus 2s forwards 2s;animation:pics_round__Plus 2s forwards 2s}[id=step4] [id=step4_step1].start-animate .pics_round [data-sort="5"]{-webkit-animation:svg__cloud 2s forwards 1.6s;animation:svg__cloud 2s forwards 1.6s}[id=step4] [id=step4_step1].start-animate .pics_round [data-sort="5"] .st20{-webkit-animation:pics_round__Plus 2s forwards 1.6s;animation:pics_round__Plus 2s forwards 1.6s}[id=step4] [id=step4_step1].start-animate .pics_round [data-sort="4"]{-webkit-animation:svg__cloud 2s forwards 1.2s;animation:svg__cloud 2s forwards 1.2s}[id=step4] [id=step4_step1].start-animate .pics_round [data-sort="4"] .st20{-webkit-animation:pics_round__Plus 2s forwards 1.2s;animation:pics_round__Plus 2s forwards 1.2s}[id=step4] [id=step4_step1].start-animate .pics_round [data-sort="3"]{-webkit-animation:svg__cloud 2s forwards .8s;animation:svg__cloud 2s forwards .8s}[id=step4] [id=step4_step1].start-animate .pics_round [data-sort="3"] .st20{-webkit-animation:pics_round__Plus 2s forwards .8s;animation:pics_round__Plus 2s forwards .8s}[id=step4] [id=step4_step1].start-animate .pics_round [data-sort="2"]{-webkit-animation:svg__cloud 2s forwards .4s;animation:svg__cloud 2s forwards .4s}[id=step4] [id=step4_step1].start-animate .pics_round [data-sort="2"] .st20{-webkit-animation:pics_round__Plus 2s forwards .4s;animation:pics_round__Plus 2s forwards .4s}[id=step4] [id=step4_step1].start-animate .pics_round [data-sort="1"]{-webkit-animation:svg__cloud 2s forwards 0s;animation:svg__cloud 2s forwards 0s}[id=step4] [id=step4_step1].start-animate .pics_round [data-sort="1"] .st20{-webkit-animation:pics_round__Plus 2s forwards 0s;animation:pics_round__Plus 2s forwards 0s}[id=step4] [id=step4_step1].start-animate .dots g>*{-webkit-animation:dots 1.5s forwards 2.3s;animation:dots 1.5s forwards 2.3s}[id=step4] [id=step4_step1].start-animate .wi-fi path{-webkit-animation:wi_fi 3s infinite;animation:wi_fi 3s infinite}[id=step4] [id=step4_step1] .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-image:url(../../img/ebook/cityscape-new-02_bg.svg);background-repeat:no-repeat;background-size:cover;background-position:bottom center}[id=step4] [id=step4_step1] .bg svg{position:absolute;left:0;height:initial}[id=step4] [id=step4_step1] .bg .popup{background-color:rgba(0,94,106,.9);display:table;width:86%;margin:0 auto;position:absolute;z-index:1;left:-webkit-calc(50% - 30px);left:calc(50% - 30px);margin-left:-webkit-calc(-43% + 15px);margin-left:calc(-43% + 15px);bottom:12%;padding:25px 30px;opacity:0;visibility:hidden;-webkit-transition:visibility .5s linear,opacity .5s linear;transition:visibility .5s linear,opacity .5s linear}[id=step4] [id=step4_step1] .bg .popup.open{opacity:1;visibility:visible}[id=step4] [id=step4_step1] .bg .popup .close{position:absolute;top:8px;right:6px;width:29px;height:29px;cursor:pointer}[id=step4] [id=step4_step1] .bg .popup>div{display:table-cell;vertical-align:top;color:#fff;font-size:1em;line-height:.8em;padding-right:20px}[id=step4] [id=step4_step1] .bg .popup>div.caption{display:table-caption;caption-side:top;background:rgba(1,50,57,.9);padding:9px 30px}[id=step4] [id=step4_step1] .bg .popup>div.caption .title{font-size:1em;display:block;text-transform:uppercase}[id=step4] [id=step4_step1] .bg .popup>div.hard{width:25%;background-color:rgba(1,50,57,.9);padding:0;vertical-align:middle}[id=step4] [id=step4_step1] .bg .popup>div.hard .text{padding:15px 25px;display:block;line-height:initial}[id=step4] [id=step4_step1] .bg .popup>div .footer{display:block;overflow:hidden;padding:10px 15px;background-color:#000;font-size:.65em;background-image:url(../../img/ebook/panel3_1.svg);background-repeat:no-repeat;background-size:10%;background-position:94% 50%}[id=step4] [id=step4_step1] .bg .popup>div>a,[id=step4] [id=step4_step1] .bg .popup>div>span{font-size:.65em;word-spacing:.065em}[id=step4] [id=step4_step1] .bg .popup>div a{color:#fff}.close{position:relative;display:inline-block;width:50px;height:50px;overflow:hidden}.close:after,.close:before{content:'';position:absolute;height:1px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff}.close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.close.thick:after,.close.thick:before{height:4px;margin-top:-2px}input[name=step5_popup_open]{display:none}input[name=step5_popup_open]:checked~.article__popup-block{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}input[name=step5_popup_open]:checked~.article__popup-block .close{display:block}input[id=step5_step1]:checked~.article__popup-block label svg{fill:#8b2e49}input[id=step5_step2]:checked~.article__popup-block label svg{fill:#f70}[id=step5].start-animate .cloud-go.left path{-webkit-animation:svg__cloud_go_left 5s forwards;animation:svg__cloud_go_left 5s forwards}[id=step5].start-animate .cloud-go.right path{-webkit-animation:svg__cloud_go_right 5s forwards .5s;animation:svg__cloud_go_right 5s forwards .5s}[id=step5] .article__setcion{overflow:hidden;clear:both;color:#000}[id=step5] .article__setcion.start-animate:after{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[id=step5] .infos:after{content:'';display:table;clear:both;width:100%}[id=step5] .left{width:56%;float:left}[id=step5] .right{width:40%;float:right;position:relative;z-index:3}[id=step5] .title{margin-bottom:8px}[id=step5] .logo__section:after{content:'';display:table;clear:both;width:100%}[id=step5] .twitter-box{width:100%}[id=step5] .bg-gray{display:table;margin:27px 0 20px;padding:21px 21px;background-color:#729fae;font-size:.65em;line-height:1.3em;word-spacing:-.04em;letter-spacing:.025em}[id=step5] .bg-gray:not(.right){width:100%}[id=step5] .bg-gray>div,[id=step5] .bg-gray>ul{display:table-cell;color:#fff}[id=step5] .bg-gray ul{margin:0;padding-left:15px;line-height:1.5em}[id=step5] .bg-gray ul li{font-weight:700;list-style-type:decimal;padding-left:3px}[id=step5] .bg-gray .bg-img{vertical-align:top;width:70px;cursor:pointer;padding-left:12px;-webkit-box-sizing:content-box;box-sizing:content-box}[id=step5] .bg-gray .bg-img:hover+.people_img-description{visibility:visible;opacity:1}[id=step5] .bg-gray .people_img-description{visibility:hidden;-webkit-transition:opacity .5s linear;transition:opacity .5s linear;opacity:0;position:absolute;top:0;right:0;padding-bottom:50%;width:50%;z-index:10}[id=step5] .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat}[id=step5] .bg img{width:100%;height:100%;position:relative}[id=step5] .open_popup{position:absolute;top:0;left:0;height:100%;width:50px;z-index:5;cursor:pointer}[id=step5] .open_popup svg{position:relative;top:50%;display:block;width:100%;height:80px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin:0 auto;padding:25px 10px;background:rgba(255,255,255,.5)}[id=step5] [id=step5_step0] .bg{left:0;bottom:-22%}[id=step5] [id=step5_step0] .bullet{vertical-align:top;table-layout:fixed;display:table;background-color:#fff;margin-right:2%;float:left}[id=step5] [id=step5_step0] .bullet .text{font-weight:700;text-align:center}[id=step5] [id=step5_step0] .people{color:#8b2e49;width:27%}[id=step5] [id=step5_step0] .process{color:#e58521;width:31%}[id=step5] [id=step5_step0] .technology{color:#e55242;width:38%;margin:0}[id=step5] [id=step5_step0] .left-cell{width:53%;vertical-align:top;padding-right:3%;padding-bottom:70px;position:relative}[id=step5] [id=step5_step0] .left-cell .twitter-box{position:absolute;bottom:0;left:0;width:95%}[id=step5] [id=step5_step0] .right-cell{width:33%;vertical-align:top;padding-top:29px}[id=step5] [id=step5_step0] .laptop-img{background:rgba(0,0,0,.3);padding:6% 15% 4%}[id=step5] [id=step5_step0] .laptop-text{background-color:#404548;color:#fff;padding:2% 4.5% 4%;line-height:1.4em;font-size:.85em}[id=step5] [id=step5_step0] .laptop-text .text{padding-right:10px}[id=step5] [id=step5_step0] .play{vertical-align:top;width:50px}[id=step5] [id=step5_step0] .play img{width:inherit}[id=step5] [id=step5_step1] .bg{height:initial}[id=step5] [id=step5_step1] .open_popup{background-color:#8b2e49}[id=step5] [id=step5_step1] .open_popup svg{fill:#8b2e49}[id=step5] [id=step5_step2] .bg{top:-8%;height:initial}[id=step5] [id=step5_step2].start-animate .balloon{-webkit-animation:balloon 7s forwards 2s;animation:balloon 7s forwards 2s}[id=step5] [id=step5_step2] .bg-img{vertical-align:middle}[id=step5] [id=step5_step2] .open_popup{background-color:#f70}[id=step5] [id=step5_step2] .open_popup svg{fill:#f70}[id=step5] [id=step5_step2] .bg-gray{background:-webkit-gradient(linear,left bottom,left top,from(rgba(255,119,0,.5)),to(rgba(255,119,0,.75)));background:-webkit-linear-gradient(bottom,rgba(255,119,0,.5),rgba(255,119,0,.75));background:linear-gradient(to top,rgba(255,119,0,.5),rgba(255,119,0,.75));margin:20px 0}[id=step5] [id=step5_step2] .left{width:50%}[id=step5] [id=step5_step3] .bg{top:-5%;height:initial}[id=step5] [id=step5_step3] .right{width:37%;margin-top:19px;margin-right:2.1%}[id=step5] .bg-img label{cursor:pointer}[id=step5] .accordion{width:100%}[id=step5] .accordion input[type=checkbox]:checked~p{padding:7px 21px 16px}.article__popup-block{z-index:100;position:absolute;bottom:0;left:0;width:100%;height:-webkit-calc(100% - 50px);height:calc(100% - 50px);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear}.article__popup-block.open{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.article__popup-block.open .close_popup{display:block}.article__popup-block .step1{padding:40px 58px;background-color:#8b2e49}.article__popup-block .step2{padding:0 8px;background:#f70}.article__popup-block .popup{position:absolute;left:0;top:0;height:100%;width:100%;cursor:default;z-index:1;display:block;visibility:hidden;-webkit-transition:visibility .5s linear;transition:visibility .5s linear}.article__popup-block .popup img{height:100%}input[id=step5_step1]:checked~input[id=step5_popup_open]:checked~.article__popup-block .popup.step1{visibility:visible}input[id=step5_step2]:checked~input[id=step5_popup_open]:checked~.article__popup-block .popup.step2{visibility:visible}.article__popup-block .close_popup{position:absolute;top:0;right:0;height:100%;width:50px;z-index:15;display:none;cursor:pointer}.article__popup-block .close_popup svg{position:relative;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);margin:0 auto;padding:25px 10px;background:rgba(255,255,255,.5);display:block;width:100%;height:80px}[id=step6]{overflow:hidden}[id=step6] .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat}[id=step6] .wrap{color:#000;z-index:5}[id=step6] .sub__navs .disabled{background-color:#aac8d1}[id=step6] .article__setcion{display:block}[id=step6] .left{width:50%;float:left;margin-top:0}[id=step6] .right{width:40%;float:right;padding-right:1.7%;position:relative;z-index:3}[id=step6] .right>a{display:block}[id=step6] .right>a+a{margin-top:10px}[id=step6] .title{margin-bottom:27px}[id=step6] .hard,[id=step6] .white{padding:13px 17px 17px;font-size:.62em;word-spacing:.055em}[id=step6] .hard{background-color:#344b5b;color:#fff;margin-top:20px}[id=step6] .hard .table{margin-top:7px}[id=step6] .hard .table a{text-decoration:none}[id=step6] .white{background-color:#fff;color:#334b5b}[id=step6] .white>p{margin-bottom:13px}[id=step6] .white .table{margin-top:5px}[id=step6] .white .table>div:first-child:before{background-color:#334b5b}[id=step6] .white .share{position:relative;top:initial;right:initial;padding:0}[id=step6] .white .share li:first-of-type{display:inline-block}[id=step6] .white .share+p{margin-top:10px}[id=step6] .table{width:100%;margin-left:3px}[id=step6] .table>div:first-child{width:24px;position:relative}[id=step6] .table>div:first-child:before{content:'';width:24px;display:block;height:24px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:#fff}[id=step6] .table>div:last-child{padding-left:8px}[id=step6] .table>div a{color:inherit}[id=step6] .table img{display:block;margin:4px auto;width:16px;height:16px;max-width:100%;max-height:100%;position:relative;z-index:1}[id=step6] .table i{text-decoration:underline}[id=step6] label{cursor:pointer}[id=step6] .share{top:55px}.main-footer{padding:50px 0;background:#262626;text-align:center}.main-footer svg{vertical-align:middle}.main-footer .footer-logo{margin-bottom:20px;font-size:16px;color:#fff}.main-footer .footer-logo .logo{width:110px;height:15px;display:inline-block}.main-footer .footer-logo .sub-text{display:inline-block;vertical-align:middle;line-height:1.4}.main-footer p{margin-bottom:20px;margin-top:15px;color:#fff;font-size:.7em}.main-footer .footer-menu{text-align:center}.main-footer .footer-menu ul{display:inline-block;margin:0;padding:0;list-style:none}.main-footer .footer-menu li{float:left;margin-right:7px;padding-right:7px;border-right:1px solid #fff;font-size:11px;line-height:11px}.main-footer .footer-menu li:last-child{margin:0;border:0}.main-footer .footer-menu a{font-size:11px;line-height:11px;color:#fff;text-decoration:underline}.main-footer .social-links{overflow:hidden;display:inline-block;padding:0;margin:0;list-style:none}.main-footer .social-links i{background:0 0;font-size:20px;color:#333}.main-footer .social-links img{max-width:100%;width:initial;height:auto}.main-footer .social-links li{float:left;margin-right:10px}.main-footer .social-links li a{width:35px;height:35px;display:inline-block;background:#fff;border-radius:50%;text-align:center;line-height:35px}article.start-animate .cloud path{-webkit-animation:svg__cloud 3s forwards;animation:svg__cloud 3s forwards;fill-opacity:.1}@-webkit-keyframes svg__cloud{0%{fill-opacity:.1}100%{fill-opacity:1;pointer-events:auto}}@keyframes svg__cloud{0%{fill-opacity:.1}100%{fill-opacity:1;pointer-events:auto}}@-webkit-keyframes bgWhite{0%{background-color:transparent}100%{background-color:#fff}}@keyframes bgWhite{0%{background-color:transparent}100%{background-color:#fff}}@-webkit-keyframes fadein{0%{opacity:0}66%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}66%{opacity:0}100%{opacity:1}}@-webkit-keyframes dots{0%{stroke:transparent}100%{stroke:#fff}}@keyframes dots{0%{stroke:transparent}100%{stroke:#fff}}@-webkit-keyframes ballonTop{0%{-webkit-transform:translateX(-60px) translateY(-95px);transform:translateX(-60px) translateY(-95px)}100%{-webkit-transform:translateX(-60px) translateY(0);transform:translateX(-60px) translateY(0)}}@keyframes ballonTop{0%{-webkit-transform:translateX(-60px) translateY(-95px);transform:translateX(-60px) translateY(-95px)}100%{-webkit-transform:translateX(-60px) translateY(0);transform:translateX(-60px) translateY(0)}}@-webkit-keyframes wi_fi{0%{fill:#fff}50%{fill:#00f}100%{fill:#fff}}@keyframes wi_fi{0%{fill:#fff}50%{fill:#00f}100%{fill:#fff}}@-webkit-keyframes pics_round__Plus{0%{stroke:transparent}100%{stroke:#3e5764}}@keyframes pics_round__Plus{0%{stroke:transparent}100%{stroke:#3e5764}}@-webkit-keyframes balloon{0%{-webkit-transform:translateX(300px);transform:translateX(300px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes balloon{0%{-webkit-transform:translateX(300px);transform:translateX(300px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes svg__cloud_go_left{0%{fill-opacity:.1;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{fill-opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes svg__cloud_go_left{0%{fill-opacity:.1;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{fill-opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes svg__cloud_go_right{0%{fill-opacity:.1;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{fill-opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes svg__cloud_go_right{0%{fill-opacity:.1;-webkit-transform:translateX(-50%);transform:translateX(-50%)}100%{fill-opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes clip{from{clip:rect(auto,auto,auto,30em)}to{clip:rect(auto,auto,auto,0)}}@keyframes clip{from{clip:rect(auto,auto,auto,30em)}to{clip:rect(auto,auto,auto,0)}}@-webkit-keyframes squareShow{0%{opacity:0}100%{visibility:visible;opacity:1}}@keyframes squareShow{0%{opacity:0}100%{visibility:visible;opacity:1}}@media (min-width:1200px){.sub__section .title{line-height:1.1em}[id=step0] .infos .before-title{line-height:.8em}[id=step0] .infos .title{line-height:1.1em}[id=step5] [id=step5_step0] .bullet .text{font-size:1.2em}}@media (min-width:1215px){.slider>.clearfix{width:-webkit-calc((100vw - (100vw - 1215px)) * 6);width:calc((100vw - (100vw - 1215px)) * 6)}.slider>.clearfix>.article__setcion{width:-webkit-calc(100vw - (100vw - 1215px));width:calc(100vw - (100vw - 1215px))}}@media (max-width:1214px){.slider>.clearfix{width:-webkit-calc(100vw * 6);width:calc(100vw * 6)}.slider>.clearfix>.article__setcion{width:100vw}}@media (max-width:1199px){html{font-size:10.5pt}.article__setcion.sub__section .article__setcion{padding:1.5em 1.5em}.slider>.clearfix>.article__setcion .article__setcion{vertical-align:middle}.bullet_group .bullet{width:100%}[id=step2] .bg-gray .people_img-description .wrap>.round{font-size:2em}[id=step3] .accordion__section .infos{width:90%;padding:0 0 0 105px}[id=step4].article__setcion.sub__section{vertical-align:top}[id=step4] [id=step4_step1] .title-block{left:4%}[id=step4] [id=step4_step1] .bg .popup .close{top:4px}[id=step5] .slider .clearfix .article__setcion{vertical-align:top}[id=step5] .open_popup+.infos{overflow:hidden;padding-left:50px}[id=step6].article__setcion.sub__section{vertical-align:top}}@media (max-width:991px){html{font-size:10pt}[id=step1] [id=step1_step1] div.counter .wrap{padding-right:12%}[id=step1] [id=step1_step2] .squares>div>span{font-size:.6em}[id=step2] .bg-gray .people_img-description .wrap>.round{font-size:1.8em}[id=step3] .accordion .popup{left:initial;right:15px;top:10px}[id=step3] .accordion .popup:before{border-right:transparent;border-left:26px solid transparent;right:0}[id=step4] [id=step4_step1] svg{top:2%}[id=step4] [id=step4_step1] .bg .popup .close{top:2px}[id=step5] [id=step5_step0] .bullet .bullet_img{width:55px;height:55px}[id=step5] [id=step5_step0] .people{width:29%}[id=step5] [id=step5_step0] .technology{width:36%}}@media (max-width:767px){html{min-width:767px;overflow-y:scroll}body{background-color:#262626}.slider>.clearfix{width:767px}.slider>.clearfix>.article__setcion{width:767px}[id=step2] .bg-gray .people_img-description .wrap>.round{font-size:1.6em}[id=step4] [id=step4_step1] .title-block{top:9%}}