*{margin:0;padding:0;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:0;height:0}html:hover ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5);width:0;height:0}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);width:0;height:0}body,html{height:100%;min-height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}body{background-image:url(../images/background@2x.png);background-size:34px 34px;background-repeat:repeat}.topline{padding:16px 30px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;background-color:#fff;box-shadow:0 1px 8px 0 rgba(0,0,0,.3)}.topline img{margin-right:10px}.topline span{color:#14102E;font-size:22px}@media screen and (max-width:500px){.topline{padding:10px}.topline span{font-size:17px}}.main{padding:30px;text-align:center;position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;max-width:100%;overflow:auto;overflow-x:hidden}.main__top{position:relative}.monsters{height:520px;position:relative;z-index:1;max-width:1000px;margin:40px auto 0}.logo{opacity:1!important;-webkit-transform:translateX(-50%) translateY(-50px);-ms-transform:translateX(-50%) translateY(-50px);transform:translateX(-50%) translateY(-50px)}.monsters > img{opacity:0}.monsters__right{position:absolute;margin-right:-100px;right:0;top:0}.monsters__left{position:absolute;margin-left:-50px;top:140px;left:0}@media screen and (max-width:1300px){.monsters__right{}}@media screen and (max-width:900px){.monsters{height:450px}.monsters__left{width:40%;top:70px}.monsters__right{width:50%}.monsters__center{width:25%}}@media screen and (max-width:800px){.monsters .monsters__center{margin-left:-70px}}@media screen and (max-width:700px){.monsters{height:400px}.logo{width:250px}}@media screen and (max-width:600px){}@media screen and (max-width:500px){.monsters__left{width:75%;left:-120px}.monsters__right{width:85%;right:-116px}.monsters__center{width:40%}.logo{-webkit-transform:translateX(-30%) translateY(-50px);-ms-transform:translateX(-30%) translateY(-50px);transform:translateX(-30%) translateY(-50px)}}@media screen and (max-width:420px){.monsters__left{width:85%;top:100px}.monsters__right{width:95%}.monsters__center{width:50%}}@media screen and (max-width:400px){.logo{width:210px;-webkit-transform:translateX(-20%) translateY(-50px);-ms-transform:translateX(-20%) translateY(-50px);transform:translateX(-20%) translateY(-50px)}}@media screen and (max-width:360px){.monsters__left{width:95%;top:120px}.monsters__right{width:105%}.monsters__center{width:50%}}@media screen and (max-width:320px){.monsters__left{width:105%;left:-140px}.monsters__right{width:115%}.monsters__center{width:55%}}.monsters__center{position:absolute;z-index:1;bottom:0;left:50%;margin-left:-140px}.button_wrapper{margin-top:20px;border:1px solid #DFDFDF;background-color:#fff;padding:15px 20px;display:inline-block;z-index:1;position:relative;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.button_wrapper .arrow{position:absolute;right:100%;margin-right:17px;bottom:30px}@media screen and (max-width:600px){.button_wrapper .arrow{display:none}}@-webkit-keyframes change-background{0%{background-color:#127EF2}25%{background-color:#39C538}50%{background-color:#F15A24}75%{background-color:#93278F}100%{background-color:#127EF2}}@keyframes change-background{0%{background-color:#127EF2}25%{background-color:#39C538}50%{background-color:#F15A24}75%{background-color:#93278F}100%{background-color:#127EF2}}.button{width:400px;height:80px;border-radius:4px;background-color:#127EF2;text-decoration:none;color:#fff;font-weight:700;font-size:30px;text-align:center;display:block;line-height:80px;text-transform:uppercase;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;position:relative;-webkit-animation:change-background 4s ease infinite;animation:change-background 4s ease infinite}.button:before{content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:9px 0 9px 16px;border-color:transparent transparent transparent #fff;position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.button:hover{-webkit-animation:0;animation:0;background-color:#39C538}.button:active{-webkit-animation:0;animation:0;background-color:#959595}@media screen and (max-width:440px){.main{padding:20px;}.button_wrapper{border:none;padding:0;width:100%;margin-top:30px}.button{max-width:100%;width:100%}}.share{margin-top:30px;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.share__text{color:#14102E;font-size:14px;margin-bottom:18px}.circles div{position:absolute}.circles div:first-child{width:42px;height:42px;background-color:#16C0F7;border-radius:42px;top:76px;left:50%;margin-left:-550px}.circles div:nth-child(2){width:30px;height:30px;border-radius:30px;background-color:#EAEA0F;left:50%;bottom:0;margin-left:-600px}.circles div:nth-child(3){width:20px;height:20px;border-radius:20px;background-color:#16C0F7;left:50%;margin-left:-340px;bottom:-90px}.circles div:nth-child(4){width:34px;height:34px;background-color:#F15A24;border-radius:34px;bottom:-200px;left:50%;margin-left:-600px}.circles div:nth-child(5){width:36px;height:36px;border-radius:36px;background-color:#39C538;right:50%;margin-right:-600px;top:60px}.circles div:nth-child(6){background-color:#EAEA0F;width:24px;height:24px;border-radius:24px;right:50%;margin-right:-540px;top:244px}.circles div:nth-child(7){width:50px;height:50px;border-radius:50px;background-color:#39C538;right:50%;margin-right:-400px;bottom:0}.circles div:nth-child(8){width:80px;height:80px;background-color:#E63455;border-radius:80px;right:50%;margin-right:-600px;bottom:-200px}@media screen and (max-width:700px){.circles div:first-child{top:20px;left:0;margin-left:10px}.circles div:nth-child(2){left:50%;bottom:0;margin-left:-150px}.circles div:nth-child(5){right:50%;margin-right:-200px;top:-30px}.circles div:nth-child(6){margin-right:-300px;top:300px}.circles div:nth-child(7){right:37px;bottom:-67px;margin-right:0}}.fadein{opacity:1;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s}.visible{opacity:1 !important;} @media screen and (min-width: 900px) and (max-height: 800px) {.monsters {}}