@-webkit-keyframes main_skylens_image{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes main_skylens_image{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}#main{position:relative}#main .background{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left bottom,left top,from(#d8dfec),to(#f9faff));background:-o-linear-gradient(bottom,#d8dfec 0,#f9faff 100%);background:linear-gradient(0deg,#d8dfec 0,#f9faff 100%);-webkit-mask-image:url(../../img/screen-mask.png);mask-image:url(../../img/screen-mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-size:cover;mask-size:cover}#main .background:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../../img/main/main-bg.png);background-repeat:no-repeat;background-size:cover;background-position:center center;mix-blend-mode:overlay}#main .wrapper_box{max-width:1000px;margin:0 auto;padding-top:140px;padding-bottom:240px}#main .wrapper_box .subtitle{position:relative;z-index:2;font-size:28px;color:#30404A;font-weight:500;line-height:1.4}#main .wrapper_box .skylens{position:relative;z-index:1}#main .wrapper_box .skylens p{text-align:center;font-size:225px;color:#30404A;font-weight:600;line-height:1;position:relative;z-index:2}#main .wrapper_box .skylens .img{position:absolute;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}#main .wrapper_box .skylens .img.img_1{width:310px;top:80%;left:170px;z-index:2;-webkit-animation:main_skylens_image 80s linear;animation:main_skylens_image 80s linear}#main .wrapper_box .skylens .img.img_2{width:440px;top:-140px;right:70px;-webkit-animation:main_skylens_image 108s linear;animation:main_skylens_image 108s linear}#main .wrapper_box .btn_box{position:relative;z-index:2;margin-top:40px}#main .wrapper_box .btn_box .btn{margin-left:auto;width:318px;height:66px;font-size:20px}#main .wrapper_box .btn_box .btn svg{width:18px;height:10px}@media screen and (max-width:1200px){#main{overflow:hidden}#main .wrapper_box .skylens p{font-size:210px}#main .wrapper_box .skylens .img.img_1{top:70%;width:220px}#main .wrapper_box .skylens .img.img_2{width:340px}}@media screen and (max-width:1000px){#main .wrapper_box .subtitle{font-size:26px}#main .wrapper_box .skylens p{font-size:180px}#main .wrapper_box .skylens .img.img_1{left:140px;width:200px}#main .wrapper_box .skylens .img.img_2{width:300px;top:-95px}}@media screen and (max-width:850px){#main .wrapper_box .skylens p{font-size:160px}}@media screen and (max-width:770px){#main .wrapper_box .subtitle{font-size:26px}#main .wrapper_box .skylens p{font-size:155px}#main .wrapper_box .skylens .img.img_1{left:140px;width:200px}#main .wrapper_box .skylens .img.img_2{width:300px;top:-95px;right:50px}}@media screen and (max-width:700px){#main .wrapper_box .skylens p{font-size:130px}#main .wrapper_box .skylens .img.img_1{left:80px;width:180px}#main .wrapper_box .skylens .img.img_2{width:250px;top:-80px;right:40px}}@media screen and (max-width:600px){#main .wrapper_box{padding-top:70px;padding-bottom:150px}#main .wrapper_box .subtitle{text-align:center}#main .wrapper_box .skylens{width:100%;padding-top:104px;padding-bottom:180px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#main .wrapper_box .skylens p{font-size:100px;width:100%;text-align:center;font-weight:700}#main .wrapper_box .skylens .img.img_1{top:auto;bottom:0;left:30px;width:150px}#main .wrapper_box .skylens .img.img_2{width:250px;top:30px;right:15px}#main .wrapper_box .btn_box .btn{margin:0 auto}}@media screen and (max-width:500px){#main .wrapper_box .subtitle{font-size:20px}#main .wrapper_box .skylens p{font-size:80px}#main .wrapper_box .skylens .img.img_1{left:0}#main .wrapper_box .skylens .img.img_2{width:250px;top:0;right:0}}@media screen and (max-width:400px){#main .wrapper_box .subtitle{font-size:20px}#main .wrapper_box .skylens p{font-size:75px}#main .wrapper_box .skylens .img.img_1{left:-10px;width:150px}#main .wrapper_box .skylens .img.img_2{width:220px;top:10px;right:-30px}#main .wrapper_box .btn_box .btn{width:100%}}@media screen and (max-width:350px){#main .wrapper_box .skylens p{font-size:65px}}