#roadMap{background:url(/images/Vector7.svg) 0 30% no-repeat,url(/images/Vector8.svg) 100% 100% no-repeat;width:86%;margin:0 auto}#roadMap h2{text-align:center;text-shadow:4px 12px 6px #05050599;margin-bottom:40px;padding-top:140px;font-size:2.4rem}#roadMap .roadmap .point{flex-direction:column;padding:10px 50px;display:flex;position:relative}@media (min-width:490px){#roadMap .roadmap .point{padding:10px 34px}}#roadMap .roadmap .point:first-child .point-index{top:auto;bottom:0;transform:translate(-50%,2px)!important}#roadMap .roadmap .point:last-child .point-index{top:0;transform:translate(50%,-2px)!important}#roadMap .roadmap .point:not(:last-child){border-bottom:2px solid #984ae8}#roadMap .roadmap .point:nth-child(odd){align-items:flex-start}#roadMap .roadmap .point:nth-child(odd):not(:first-child){border-left:2px solid #984ae8}#roadMap .roadmap .point:nth-child(odd) .point-index{left:0;transform:translate(-50%,-50%)}#roadMap .roadmap .point:nth-child(2n){align-items:flex-end}#roadMap .roadmap .point:nth-child(2n):not(:last-child){border-right:2px solid #984ae8}#roadMap .roadmap .point:nth-child(2n) .point-index{right:0;transform:translate(50%,-50%)}@media (max-width:420px){#roadMap .roadmap .point:nth-child(2n) .point-index{right:6px}}#roadMap .roadmap .point .point-index{background:#151317;border:4px solid #984ae8;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:34px;font-weight:700;display:flex;position:absolute;top:50%}#roadMap .roadmap .point .point-label{text-shadow:4px 12px 6px #05050599;flex:1 0 100%;width:100%;margin-bottom:12px;font-size:1.6rem;font-weight:700}@media (min-width:680px){#roadMap .roadmap .point .point-label{flex:1 0 50%;width:50%}}#roadMap .roadmap .point .point-text{color:#fffc;flex:1 0 100%;width:100%;font-size:1.2rem}@media (min-width:680px){#roadMap .roadmap .point .point-text{flex:1 0 50%;width:50%}}#roadMap .roadmap .point .point-cost{padding:10px 0;font-size:1.2rem;line-height:1.2rem}@media (min-width:320px){#roadMap .roadmap .point{padding:10px 34px}}@media (min-width:420px){#roadMap .roadmap{padding:30px 10px}#roadMap .roadmap .point{padding:10px 50px}}@media (max-width:800px){#roadMap{background:0 0}}
#link-cost{background-image:url(/images/bg-cost8.jpeg);background-position:50% 0;background-repeat:no-repeat;background-size:cover;border-radius:120px;width:80%;height:280px;margin:120px auto 0;transition:all .4s;animation:4s ease-in-out infinite alternate bgMove;position:relative;box-shadow:0 0 8px #05050599}#link-cost h3{text-align:center;color:#a2a2e6;text-shadow:4px 12px 6px #05050599;background-color:#302c42;border-radius:60px;padding:20px 40px;font-size:2.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 8px #05050599}#link-cost .link-cost-btn{color:#a2a2e6;text-shadow:4px 12px 6px #05050599;background:#302c42;border-radius:20px;padding:16px 30px;font-size:1.8rem;font-weight:700;transition:all .4s;animation:1.2s infinite alternate pulseBtn;position:absolute;bottom:-32px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 2px #05050599}#link-cost .link-cost-btn:hover{color:#984ae8}@keyframes bgMove{0%{background-position:0 0}to{background-position:0 100%}}@keyframes pulseBtn{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.1)}}@media (max-width:1620px){#link-cost{height:300px}#link-cost h3{border-radius:50px;width:70%}}@media (max-width:1160px){#link-cost{border-radius:100px;height:320px}#link-cost h3{border-radius:40px;width:80%;font-size:1.8rem}}@media (max-width:790px){#link-cost{height:330px}#link-cost h3{width:80%;font-size:1.6rem}#link-cost .link-cost-btn{padding:12px 24px;font-size:1.4rem;bottom:-23px}}@media (max-width:600px){#link-cost{border-radius:80px;height:300px}#link-cost h3{border-radius:30px;width:80%;padding:20px;font-size:1.3rem}#link-cost .link-cost-btn{font-size:1.2rem}}@media (max-width:436px){#link-cost .link-cost-btn{text-align:center;bottom:-30px}}
#form h2{text-align:center;text-shadow:4px 12px 6px #05050599;margin-bottom:40px;padding-top:140px;font-size:2.4rem}#form fieldset{border:none;height:600px;position:relative}#form div.wrap{vertical-align:middle;width:500px;position:absolute;top:40%;left:30%;transform:translate(-50%,-50%)}#form div.wrap div{margin:50px 0;position:relative}#form label{background-color:#302c42;margin:10px;padding:0 10px;font-size:1.8rem;transition:top .2s ease-in-out,font-size .2s ease-in-out;position:absolute;top:0}#form .active{font-size:20px;top:-25px}#form textarea{resize:none}#form input[type=text],#form input[type=email],#form textarea{color:#fff;background-color:#302c42;border:1px solid #fff;border-radius:8px;width:100%;padding:20px;font-size:20px}#form input[type=text]:focus,#form input[type=email]:focus,#form textarea:focus{border:2px solid #984ae8;outline:none}#form :active,#form :hover,#form :focus{outline-offset:0;outline:0!important}#form :before,#form :after{content:"";position:absolute}#form .btn-holder{flex-wrap:wrap;justify-content:center;max-width:1000px;margin:10px auto 35px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#form .btn{cursor:pointer;background-color:#0000;border:none;width:auto;min-width:250px;height:auto;margin:0 25px 15px;display:inline-block;position:relative}#form .btn span{letter-spacing:2px;text-transform:uppercase;width:100%;padding:15px 20px;font-size:1.8rem;font-weight:700;transition:all .3s;display:inline-block;position:relative;top:0;left:0}#form .btn-4 span{color:#984ae8;background-color:#302c42}#form .btn-4 span:hover{color:#984ae8}#form .btn-4:before,#form .btn-4:after{z-index:2;background-color:#984ae8;width:15%;height:2px}#form .btn.hover-border-7:before,#form .btn.hover-border-7:after{transition:width .2s ease-out .35s;bottom:0}#form .btn.hover-border-7:before{right:50%}#form .btn.hover-border-7:after{left:50%}#form .btn.hover-border-7:hover:before,#form .btn.hover-border-7:hover:after{width:50%;transition:width .2s ease-in}#form .btn.hover-border-7 span:before,#form .btn.hover-border-7 span:after{opacity:0;z-index:2;background:0 0;width:0%;height:0%;transition:width .2s ease-in,height .15s linear .2s,opacity 0s .35s}#form .btn.hover-border-7 span:before{border-top:2px solid #984ae8;border-left:2px solid #984ae8;bottom:0;left:0}#form .btn.hover-border-7 span:after{border-top:2px solid #984ae8;border-right:2px solid #984ae8;bottom:0;right:0}#form .btn.hover-border-7 span:hover:before,#form .btn.hover-border-7 span:hover:after{opacity:1;width:50%;height:96%;transition:height .2s ease-in .2s,width .2s linear .4s,opacity 0s .2s}.phone{margin:10px auto}.clear{clear:both}.container{position:relative}.phone{background:#415260;border-radius:50px;width:226px;height:428px;position:absolute;top:54%;right:10%;overflow:hidden;transform:translateY(-50%)}.phone .phone-shade{background:#555f6b;width:200px;height:500px;position:absolute;left:50%;transform:rotate(18deg)}.phone .phone-speaker{background:#3e4752;border-radius:4px;width:42px;height:8px;margin-left:-21px;position:relative;top:23px;left:50%}.phone-button{background:#49525b;border-radius:50%;width:40px;height:40px;margin-left:-20px;position:absolute;bottom:10px;left:50%}.phone-screen{background:#f2ebe2;width:208px;height:302px;position:absolute;top:58px;left:9px;overflow:hidden}.phone-header{z-index:3;color:#fff;background:#1e1e1e;width:100%;height:30px;position:relative}.phone-header .phone-menu{background:#fff;width:15px;height:2px;position:absolute;top:9px;right:10px}.phone-header .phone-menu:before{content:"";background:#f2ebe2;width:15px;height:2px;position:absolute;top:5px}.phone-header .phone-menu:after{content:"";background:#f2ebe2;width:15px;height:2px;position:absolute;top:10px}.phone-post{z-index:2;border-bottom:2px solid #62605d;height:60px;padding:15px 10px;position:relative;overflow:hidden;transform:translateY(-60px)}.phone-post.active{animation:1s forwards new-post}.phone-post .post-thumb{background:#b0b0b0;width:27px;height:29px;margin-right:5px;position:absolute}.phone-post .post-title-1{background:#dadada;width:14px;height:4px;margin-top:3px;position:absolute;left:44px}.phone-post .post-title-2{background:#dadada;width:26px;height:4px;margin-top:3px;position:absolute;left:63px}.phone-post .post-line-1{background:#b0b0b0;width:150px;height:4px;position:absolute;top:27px;left:44px}.phone-post .post-line-2{background:#b0b0b0;width:100px;height:4px;position:absolute;top:36px;left:44px}#first-post .line{width:0}#first-post.active .post-thumb{animation:.5s .5s forwards box-grow;transform:scale(0)}#first-post.active .line{transition:width .5s .6s}#first-post.active .post-title-1{width:14px}#first-post.active .post-title-2{width:26px}#first-post.active .post-line-1{width:150px}#first-post.active .post-line-2{width:100px}@keyframes new-post{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes box-grow{0%{transform:scale(0)rotate(25deg)}60%{transform:scale(1.2)rotate(-10deg)}to{transform:scale(1)rotate(0)}}@media (max-width:990px){#form div .wrap{width:400px}.phone{right:0}}@media (max-width:720px){#form fieldset{height:670px}#form label{font-size:1.6rem}#form div .wrap{width:340px}}@media (max-width:670px){.phone{display:none}#form div .wrap{display:contents}}
