html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.newDiv{height:100%;background:#fff;z-index:5;top:100%;opacity:1}.newDiv,.wave{position:absolute;width:100%}.wave{height:150px;display:block;z-index:7;top:-50px;left:0;transition:all 1s ease;transform:translateY(0)}@supports (-webkit-touch-callout:none){.wave{height:222px;top:-170px}.ellipseGroup{top:79%}}.wave.active{transform:translateY(-50px)}.mainWrapp{width:100%;height:100vh;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}.mainWrapp .canvasExampleOne{height:100%;width:100%;position:absolute;top:0;left:0;z-index:4}.mainWrapp .canvasMoveLeft{left:-100%;transition:1s}.mainWrapp .canvasMoveRight{left:calc(100% + 130px);transition:1s}.mainWrapp .canvasExampleTwo{height:100%;width:100%;position:absolute;top:0;transform:translateX(-100%);z-index:4}.mainWrapp .left{left:130px}.mainWrapp .paperExampleOne{position:absolute;top:0;width:100%;height:100%;background:radial-gradient(50% 50% at 50% 50%,#ffa8a8 0,#ff5e78 100%)}.mainWrapp .paperExampleTwo{position:absolute;top:0;width:100%;height:100%;background:radial-gradient(50% 50% at 50% 50%,#ffd874 0,#ffac5f 100%)}.mainWrapp .paperExampleThree{position:absolute;top:0;width:100%;height:100%;background:radial-gradient(50% 50% at 50% 50%,#a2ddff 0,#8eafeb 100%)}.mainWrapp .zIndex{z-index:1}.mainWrapp .zIndex2{z-index:2}.mainWrapp .zIndex3{z-index:3}.mainWrapp .zIndex10{z-index:4}.mainWrapp .paperDisplayNone{display:none}.mainWrapp .paperPositionCenter{left:0}.mainWrapp .paper1PositionRight,.mainWrapp .paper2PositionRight,.mainWrapp .paper3PositionRight{z-index:2;animation:a 1s ease}@keyframes a{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mainWrapp .paper1PositionLeft,.mainWrapp .paper2PositionLeft,.mainWrapp .paper3PositionLeft{z-index:2;animation:b 1s ease}@keyframes b{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.mainWrapp .paperMoveCenter{transform:translateX(0);transition:1s}.mainWrapp .ellipseGroup{position:absolute;top:92%;left:10%;width:100px;height:30px;z-index:5;-ms-flex-pack:justify;justify-content:space-between}.mainWrapp .ellipseGroup,.mainWrapp .ellipseGroup .ellipseWrapp{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.mainWrapp .ellipseGroup .ellipseWrapp{width:21px;height:21px;-ms-flex-pack:center;justify-content:center;box-sizing:border-box}.mainWrapp .ellipseGroup .ellipseWrapp .svgAnim{height:20px;width:20px;background:none;z-index:7}.mainWrapp .ellipseGroup .ellipseWrapp .ellipse{width:8px;height:8px;background:#fff;border-radius:50%;position:absolute}.mainWrapp .ellipseGroup .ellipseWrapp .ellipseOpacity{opacity:.4}.mainWrapp .st0{stroke-miterlimit:5;transform:rotate(-90deg);stroke-dasharray:56.5;stroke-dashoffset:56.5;animation:c 10s linear forwards}@keyframes c{0%{stroke-dashoffset:56.5}to{stroke-dashoffset:0}}.mainWrapp .sliderButton1{left:20px}.mainWrapp .sliderButton1,.mainWrapp .sliderButton2{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:7px;height:41px;background:hsla(0,0%,100%,.65);border-radius:5px;pointer-events:none}.mainWrapp .sliderButton2{right:20px}.mainWrapp .loaderWrap{width:100%;height:100%;z-index:6;position:absolute;background:gray;opacity:.5;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.mainWrapp .loaderWrap .loader,.mainWrapp .loaderWrap .loader:after{z-index:1;position:absolute;transform:translate(-50%,-50%);border-radius:50%;width:10em;height:10em}.mainWrapp .loaderWrap .loader{font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid hsla(0,0%,100%,.2);border-right:1.1em solid hsla(0,0%,100%,.2);border-bottom:1.1em solid hsla(0,0%,100%,.2);border-left:1.1em solid #fff;transform:translateZ(0);animation:d 1.1s infinite linear}@keyframes d{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mainWrapp .textWrap{max-width:1600px;width:100%;height:100vh;margin:0 auto;padding:0 50px;z-index:8;position:relative;pointer-events:none}.mainWrapp .textWrap .blockForText{position:relative}.mainWrapp .textWrap .blockForText .textLine{position:absolute;background:#fff}.mainWrapp .textWrap .blockForText .text{width:100%;position:absolute;z-index:7;font-style:normal;font-weight:400;line-height:132.54%;color:#fff}.mainWrapp .textWrap .blockForText .startAProject{position:absolute;bottom:0;font-style:normal;font-weight:700;line-height:26px;letter-spacing:.12em;text-transform:uppercase;color:#fff;z-index:7}.mainWrapp .opacity{opacity:0;transition:1s}.mainWrapp .opacityOff{opacity:.65;transition:1s}.mainWrapp .svg-loader{pointer-events:none;height:15%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:1s;opacity:0}.mainWrapp .show-svg{opacity:1}.mainWrapp .threeJSWrapper{position:absolute;left:50%;max-width:1900px;width:100%;height:100%;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 50px;z-index:5;transform:translate(-50%);pointer-events:none}.mainWrapp .threeJSWrapper #threeJS{width:100%;max-height:1000px;height:100%;overflow:hidden;position:relative}.mainWrapp .threeJSWrapper #threeJS .button{position:absolute;width:40px;height:40px;top:50%;right:50px;transform:translateY(-50%)}.mainWrapp canvas[resize]{width:100%!important;height:100%!important}.mainWrapp .canvasOneAgain{left:10%}.mainWrapp .canvasTwoAgain{left:-130px}.mainWrapp .canvasOneAnim{left:0;transition:1s}.mainWrapp .canvasTwoAnim{left:130px;transition:1s}.mainWrapp .canvasExampleTwoMove{height:100%;width:100%;position:absolute;top:0;left:130px;transform:translateX(calc(-100% - 60px - 4vw));z-index:4;transition:1s}.mainWrapp .canvasExampleTwoBack{left:130px;transform:translateX(-100%);z-index:4}.mainWrapp .canvasExampleTwoBack2{left:0;z-index:4}.mainWrapp .canvasExampleOneMove{position:absolute;left:12%;z-index:4;transition:1s}.mainWrapp .canvasExampleOneMove1{left:0;transition:1s}.mainWrapp .canvasExampleOneBack{left:-130px;transform:translateX(100%);z-index:4}.mainWrapp .canvasTwoPositionLeft{left:0;transition:0s}@media screen and (min-width:1400px){.mainWrapp .textLine{height:8px;top:-35%;left:104%;width:140px}}@media screen and (min-width:1300px) and (max-width:1400px){.mainWrapp .textLine{height:8px;top:-35%;left:90%;width:140px}}@media screen and (min-width:1100px) and (max-width:1300px){.mainWrapp .textLine{height:8px;top:-35%;left:91%;width:140px}}@media screen and (min-width:1100px){.mainWrapp .blockForText{position:relative;width:570px;top:43%;height:236px}.mainWrapp .blockForText .text{font-size:34px}.mainWrapp .blockForText .startAProject{font-size:22px}}@media screen and (min-width:600px) and (max-width:1100px){.mainWrapp .textLine{height:8px;top:-35%;left:92%;width:110px}}@media screen and (min-width:770px) and (max-width:1100px){.mainWrapp .blockForText{position:relative;top:24%;height:900px;margin:0 auto;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex}.mainWrapp .blockForText .textLine{width:55px;height:3px;top:-55px;left:62%}.mainWrapp .blockForText .text{font-size:26px;max-width:450px;text-align:center}.mainWrapp .blockForText .startAProject{font-size:26px}}@media screen and (min-width:600px) and (max-width:770px){.mainWrapp .blockForText{position:relative;top:24%;height:660px;margin:0 auto;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex}.mainWrapp .blockForText .textLine{width:55px;height:3px;top:-45px;left:62%}.mainWrapp .blockForText .text{font-size:26px;max-width:420px;text-align:center}.mainWrapp .blockForText .startAProject{font-size:26px}}@media screen and (max-width:800px){.mainWrapp .wave{top:-170px}.mainWrapp .threeJSWrapper{padding:0}.mainWrapp .canvasExampleOne{height:100%;width:100%;position:absolute;top:0;left:30%;z-index:4}.mainWrapp .canvasMoveLeft{left:-100%;transition:1s}@keyframes a{0%{transform:translateX(130%)}to{transform:translateX(0)}}.mainWrapp .canvasExampleTwo{height:100%;width:100%;position:absolute;top:0;transform:translateX(-100%);z-index:4}.mainWrapp .left{left:0}.mainWrapp .canvasTwoPositionLeft{left:-50%;transition:0s}@keyframes b{0%{transform:translateX(-130%)}to{transform:translateX(0)}}.mainWrapp .sliderButton1{display:none;cursor:none}.mainWrapp .sliderButton2{display:none}.mainWrapp .ellipseGroup{top:82%;left:50%;transform:translateX(-50%);width:70px}.mainWrapp .ellipseGroup .ellipseWrapp{width:20px;height:20px;border-radius:50%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;box-sizing:border-box}.mainWrapp .ellipseGroup .ellipseWrapp .svgAnim{height:20px;width:20px;background:none;z-index:7}.mainWrapp .ellipseGroup .ellipseWrapp .ellipse{width:6px;height:6px;background:#fff;border-radius:50%}.mainWrapp .ellipseGroup .ellipseWrapp .ellipseOpacity{opacity:.4}}@media screen and (max-width:600px){.mainWrapp .blockForText{position:relative;top:24%;height:522px;margin:0 auto;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex}.mainWrapp .blockForText .textLine{width:55px;height:3px;top:-34px;left:68%}.mainWrapp .blockForText .text{font-size:16px;max-width:290px;text-align:center}.mainWrapp .blockForText .startAProject{font-size:14px}}@media screen and (min-width:450px) and (max-width:600px){.mainWrapp .textLine{width:55px;height:3px;top:-34px;left:64%}}@media screen and (max-width:374px){.mainWrapp .blockForText{position:relative;top:24%;height:446px;margin:0 auto;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex}.mainWrapp .blockForText .textLine{width:55px;height:3px;top:-29px;left:67%}}@media screen and (max-width:320px){.mainWrapp .blockForText{position:relative;top:24%;height:370px;margin:0 auto;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex}.mainWrapp .blockForText .textLine{width:55px;height:3px;top:-26px;left:67%}}