a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
:focus{
    outline:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:"";
    content:none
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{
    -webkit-appearance:none;
    -moz-appearance:none
}
input[type=search]{
    -webkit-appearance:none;
    -moz-appearance:none
}
audio,canvas,video{
    display:inline-block;
    *display:inline;
    *zoom:1;
    max-width:100%
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden]{
    display:none
}
html{
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
a:focus{
    outline:thin dotted
}
a:active,a:hover{
    outline:0
}
img{
    border:0;
    -ms-interpolation-mode:bicubic
}
figure,form{
    margin:0
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0;
    white-space:normal;
    *margin-left:-7px
}
button,input,select,textarea{
    font-size:100%;
    margin:0;
    vertical-align:baseline;
    *vertical-align:middle
}
button,input{
    line-height:normal
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer;
    *overflow:visible
}
button[disabled],html input[disabled]{
    cursor:default
}
input[type=checkbox],input[type=radio]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0;
    *height:13px;
    *width:13px
}
input[type=search]{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
textarea{
    overflow:auto;
    vertical-align:top
}
table{
    border-collapse:collapse;
    border-spacing:0
}
button,html,input,select,textarea{
    color:#222
}
::-moz-selection{
    background:#b3d4fc;
    text-shadow:none
}
::selection{
    background:#b3d4fc;
    text-shadow:none
}
img{
    vertical-align:middle
}
fieldset{
    border:0;
    margin:0;
    padding:0
}
textarea{
    resize:vertical
}
.chromeframe{
    margin:.2em 0;
    background:#ccc;
    color:#000;
    padding:.2em 0
}
html{
    scroll-behavior:smooth
}
body{
    width:1200px;
    margin:0 auto
}
main{
    padding-top:140px
}
@media screen and (prefers-reduced-motion:reduce){
    html{
        scroll-behavior:auto
    }
}
@media only screen and (max-width:1215px){
    body{
        width:100%
    }
}
.footer{
    margin:90px 0;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:center;
    align-items:center;
    font-size:16px;
    color:#3a3a3a;
    font-weight:500
}
.footer,.footer ul{
    display:-ms-flexbox;
    display:flex
}
.footer ul{
    margin-bottom:30px
}
.footer ul li{
    padding:10px 20px
}
.footer ul li a{
    color:#3a3a3a;
    text-decoration:none;
    -webkit-transition:.3s ease;
    -o-transition:.3s ease;
    transition:.3s ease
}
.footer ul li a:hover{
    color:rgba(58,58,58,.7)
}
@media only screen and (max-width:980px){
    .footer ul{
        width:100%;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .footer ul li{
        width:25%;
        text-align:center
    }
}
@media only screen and (max-width:495px){
    .footer ul li{
        width:100%
    }
}
.header{
    position:fixed;
    height:130px;
    width:100vw;
    top:0;
    left:0;
    z-index:100;
    -ms-flex-pack:center;
    justify-content:center;
    background:#fff
}
.header,.header .h-wrapper{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.header .h-wrapper{
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:1200px;
    margin:0 auto;
    -webkit-transition:padding .3s ease;
    -o-transition:padding .3s ease;
    transition:padding .3s ease
}
.header .h-logo svg{
    width:180px;
    height:34px
}
.header .h-logo p{
    font-size:14px;
    color:#3a3a3a;
    font-weight:500
}
.header .h-nav{
    position:relative;
    display:-ms-flexbox;
    display:flex
}
.header .h-nav a{
    display:block;
    width:150px;
    margin:0 10px;
    text-align:center;
    font-size:16px;
    color:#3a3a3a;
    font-weight:500;
    text-decoration:none;
    -webkit-transition:color .3s ease;
    -o-transition:.3s ease color;
    transition:color .3s ease
}
.header .h-nav a:first-child{
    width:110px
}
.header .h-nav a:first-child.is-active~.h-n-slide{
    width:140px;
    left:-5px
}
.header .h-nav a:nth-child(2).is-active~.h-n-slide{
    width:170px;
    left:130px
}
.header .h-nav a:nth-child(3){
    width:100px
}
.header .h-nav a:nth-child(3).is-active~.h-n-slide{
    width:120px;
    left:300px
}
.header .h-nav a:nth-child(4){
    width:30px
}
.header .h-nav a:nth-child(4).is-active~.h-n-slide{
    width:50px;
    left:420px
}
.header .h-nav a.is-active{
    color:#3ba7ff
}
.header .h-nav .h-n-slide{
    position:absolute;
    bottom:-10px;
    left:0;
    content:"";
    height:2px;
    width:100px;
    background:#3ba7ff;
    -webkit-transition:left .3s ease,width .3s ease;
    -o-transition:.3s ease left,.3s ease width;
    transition:left .3s ease,width .3s ease
}
.header .h-mobile-nav-wrapper{
    display:none;
    margin-left:20px
}
.header .h-mobile-nav{
    position:relative;
    display:block;
    z-index:1;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.header .h-mobile-nav input{
    position:absolute;
    top:-7px;
    left:-5px;
    display:block;
    width:40px;
    height:32px;
    cursor:pointer;
    opacity:0;
    z-index:2;
    -webkit-touch-callout:none
}
.header .h-mobile-nav input:checked~span{
    opacity:1;
    -webkit-transform:rotate(45deg) translate(-2px,-1px);
    -ms-transform:rotate(45deg) translate(-2px,-1px);
    transform:rotate(45deg) translate(-2px,-1px)
}
.header .h-mobile-nav input:checked~span:nth-last-child(3){
    opacity:0;
    -webkit-transform:rotate(0deg) scale(.2);
    -ms-transform:rotate(0deg) scale(.2);
    transform:rotate(0deg) scale(.2)
}
.header .h-mobile-nav input:checked~span:nth-last-child(2){
    -webkit-transform:rotate(-45deg) translateY(-1px);
    -ms-transform:rotate(-45deg) translateY(-1px);
    transform:rotate(-45deg) translateY(-1px)
}
.header .h-mobile-nav input:checked~.h-mobile-nav-ul-wrapper{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.header .h-mobile-nav span{
    position:relative;
    display:block;
    width:33px;
    height:4px;
    margin-bottom:5px;
    background:#2b97ef;
    border-radius:3px;
    z-index:1;
    -webkit-transform-origin:4px 0;
    -ms-transform-origin:4px 0;
    transform-origin:4px 0;
    -webkit-transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);
    transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);
    -o-transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;
    transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;
    transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1)
}
.header .h-mobile-nav span:first-child{
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0
}
.header .h-mobile-nav span:nth-last-child(2){
    -webkit-transform-origin:0 100%;
    -ms-transform-origin:0 100%;
    transform-origin:0 100%
}
.header .h-mobile-nav .h-mobile-nav-ul-wrapper{
    position:fixed;
    top:130px;
    left:0;
    width:100%;
    height:100vh;
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    -webkit-transform:translate(-100%);
    -ms-transform:translate(-100%);
    transform:translate(-100%);
    -webkit-transition:-webkit-transform .5s cubic-bezier(.77,.2,.05,1);
    transition:-webkit-transform .5s cubic-bezier(.77,.2,.05,1);
    -o-transition:transform .5s cubic-bezier(.77,.2,.05,1);
    transition:transform .5s cubic-bezier(.77,.2,.05,1);
    transition:transform .5s cubic-bezier(.77,.2,.05,1),-webkit-transform .5s cubic-bezier(.77,.2,.05,1)
}
.header .h-mobile-nav ul{
    overflow:auto;
    max-height:calc(100vh - 130px);
    padding:30px 0;
    width:100%;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    background:#555c6b
}
.header .h-mobile-nav ul a{
    position:relative;
    display:block;
    padding:30px 0;
    text-decoration:none;
    font-size:18px;
    color:#fefefe;
    font-weight:700
}
.header .h-mobile-nav ul a:before{
    position:absolute;
    bottom:20px;
    left:0;
    content:"";
    height:2px;
    width:100%;
    opacity:0;
    background:#3ba7ff;
    -webkit-transition:opacity .3s ease;
    -o-transition:.3s ease opacity;
    transition:opacity .3s ease
}
.header .h-mobile-nav ul a.is-active:before{
    opacity:1
}
.header .h-mobile-nav ul .h-m-n-hidden{
    display:none
}
.header .h-mobile-nav ul .h-m-n-hidden .h-a-log-in{
    margin:20px 0 0;
    background-color:hsla(0,0%,100%,0);
    border:2px solid #e0e0e0;
    font-size:16px;
    color:#fff;
    font-weight:500
}
.header .h-mobile-nav ul .h-m-n-hidden .h-a-log-in,.header .h-mobile-nav ul .h-m-n-hidden .h-a-log-in:hover,.header .h-mobile-nav ul .h-m-n-hidden .h-a-sign-in,.header .h-mobile-nav ul .h-m-n-hidden .h-a-sign-in:hover{
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}
.header .h-auth,.header .h-auth .h-a-sign-in{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.header .h-auth .h-a-sign-in{
    -ms-flex-pack:center;
    justify-content:center;
    text-decoration:none;
    height:46px;
    width:130px;
    border:none;
    border-radius:23px;
    -webkit-box-shadow:0 4px 14px rgba(55,160,246,.35);
    box-shadow:0 4px 14px rgba(55,160,246,.35);
    background-image:-webkit-gradient(linear,left bottom,left top,from(#2995ee),to(#4eafff));
    background-image:-webkit-linear-gradient(bottom,#2995ee,#4eafff);
    background-image:-o-linear-gradient(bottom,#2995ee 0,#4eafff 100%);
    background-image:linear-gradient(0deg,#2995ee,#4eafff);
    font-size:16px;
    color:#fff;
    font-weight:500;
    -webkit-transition:box-shadow .3s ease;
    -o-transition:.3s ease box-shadow;
    transition:box-shadow .3s ease
}
.header .h-auth .h-a-sign-in:hover{
    -webkit-box-shadow:0 4px 18px rgba(55,160,246,.76);
    box-shadow:0 4px 18px rgba(55,160,246,.76)
}
.header .h-auth .h-a-log-in{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    text-decoration:none;
    width:130px;
    height:46px;
    margin-left:10px;
    border-radius:23px;
    background-color:#fff;
    border:1px solid #edeef2;
    color:#454545;
    font-weight:500;
    -webkit-transition:box-shadow .3s ease;
    -o-transition:.3s ease box-shadow;
    transition:box-shadow .3s ease
}
.header .h-auth .h-a-log-in:hover{
    -webkit-box-shadow:0 4px 18px hsla(0,0%,95.3%,.35);
    box-shadow:0 4px 18px hsla(0,0%,95.3%,.35)
}
@media only screen and (max-width:1200px){
    .header .h-wrapper{
        width:100%;
        padding:0 20px
    }
}
@media only screen and (max-width:980px){
    .header .h-nav{
        display:none
    }
    .header .h-mobile-nav-wrapper{
        display:block
    }
}
@media only screen and (max-width:560px){
    .header .h-auth>.h-a-log-in,.header .h-auth>.h-a-sign-in{
        display:none
    }
    .header .h-auth .h-mobile-nav .h-m-n-hidden{
        display:block
    }
}
@media only screen and (max-width:375px){
    .header .h-wrapper{
        padding:0 20px;
        margin:0
    }
}
#home{
    position:relative;
    background:#dfeffd;
    padding:80px 200px 200px;
    margin-bottom:200px;
    -webkit-transition:padding .3s ease,margin-bottom .3s ease;
    -o-transition:padding .3s ease,margin-bottom .3s ease;
    transition:padding .3s ease,margin-bottom .3s ease
}
#home header{
    font-size:36px;
    color:#3a3a3a;
    font-weight:700;
    text-align:center
}
#home header .blue{
    color:#3ba7ff
}
#home p{
    padding-top:20px;
    font-size:18px;
    line-height:30px;
    color:#454545;
    font-weight:400;
    text-align:center
}

#tutorials{
    position:relative;
    background:#dfeffd;
    padding:80px 100px 100px;
    margin-bottom:40px;
    -webkit-transition:padding .3s ease,margin-bottom .3s ease;
    -o-transition:padding .3s ease,margin-bottom .3s ease;
    transition:padding .3s ease,margin-bottom .3s ease
}
#tutorials header{
    font-size:36px;
    color:#3a3a3a;
    font-weight:700;
    text-align:center
}
#tutorials header .blue{
    color:#3ba7ff
}
#tutorials p{
    padding-top:20px;
    font-size:18px;
    line-height:30px;
    color:#454545;
    font-weight:400;
    text-align:center
}
#tutorials article{
    
}


@media only screen and (max-width:630px){
    #home{
        margin-bottom:60px;
        padding:60px
    }
}
#home .h-chart{
    position:absolute;
    bottom:-150px;
    left:calc(50% - 300px);
    width:600px;
    height:300px
}
#home .h-chart .h-c-line{
    display:block;
    position:absolute;
    top:0;
    width:2px;
    height:300px;
    background:#fff
}
#home .h-chart .h-c-line:before{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    width:2px;
    height:150px;
    background:#efefef
}
#home .h-chart .h-c-line .h-c-bullet{
    position:absolute;
    top:0;
    left:calc(50% - 6px);
    display:block;
    width:12px;
    height:12px;
    background:#2b97ef;
    border-radius:50%
}
#home .h-chart .h-c-line .h-c-bullet:before{
    content:"";
    display:block;
    position:absolute;
    top:calc(50% - 2px);
    left:calc(50% - 2px);
    width:4px;
    height:4px;
    border-radius:50%;
    background:#fff
}
#home .h-chart .h-c-line .h-c-bullet:after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:50px;
    height:1px;
    border-top:2px dotted #2b97ef
}
#home .h-chart .h-c-line .h-c-bullet.no-line:after{
    display:none
}
#home .h-chart .h-c-line:first-child{
    left:0
}
#home .h-chart .h-c-line:first-child .h-c-bullet{
    top:100%
}
#home .h-chart .h-c-line:first-child .h-c-bullet:after{
    -webkit-transform:rotate(-30deg);
    -ms-transform:rotate(-30deg);
    transform:rotate(-30deg);
    top:-10px;
    left:10px
}
#home .h-chart .h-c-line:nth-child(2){
    left:50px
}
#home .h-chart .h-c-line:nth-child(2) .h-c-bullet{
    top:calc(100% - 27px)
}
#home .h-chart .h-c-line:nth-child(2) .h-c-bullet:after{
    -webkit-transform:rotate(-40deg);
    -ms-transform:rotate(-40deg);
    transform:rotate(-40deg);
    top:-15px;
    left:1px;
    width:60px
}
#home .h-chart .h-c-line:nth-child(3){
    left:100px
}
#home .h-chart .h-c-line:nth-child(3) .h-c-bullet{
    top:calc(100% - 67px)
}
#home .h-chart .h-c-line:nth-child(3) .h-c-bullet:after{
    -webkit-transform:rotate(-25deg);
    -ms-transform:rotate(-25deg);
    transform:rotate(-25deg);
    top:-8px;
    left:7px;
    width:50px
}
#home .h-chart .h-c-line:nth-child(4){
    left:150px
}
#home .h-chart .h-c-line:nth-child(4) .h-c-bullet{
    top:calc(100% - 92px)
}
#home .h-chart .h-c-line:nth-child(4) .h-c-bullet:after{
    -webkit-transform:rotate(15deg);
    -ms-transform:rotate(15deg);
    transform:rotate(15deg);
    top:10px;
    left:7px;
    width:50px
}
#home .h-chart .h-c-line:nth-child(5){
    left:200px
}
#home .h-chart .h-c-line:nth-child(5) .h-c-bullet{
    top:calc(100% - 80px)
}
#home .h-chart .h-c-line:nth-child(5) .h-c-bullet:after{
    -webkit-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    transform:rotate(-15deg);
    top:-1px;
    left:7px;
    width:50px
}
#home .h-chart .h-c-line:nth-child(6){
    left:250px
}
#home .h-chart .h-c-line:nth-child(6) .h-c-bullet{
    top:calc(100% - 93px)
}
#home .h-chart .h-c-line:nth-child(6) .h-c-bullet:after{
    -webkit-transform:rotate(-55deg);
    -ms-transform:rotate(-55deg);
    transform:rotate(-55deg);
    top:-28px;
    left:-2px;
    width:70px
}
#home .h-chart .h-c-line:nth-child(7){
    left:300px
}
#home .h-chart .h-c-line:nth-child(7) .h-c-bullet{
    top:calc(100% - 160px)
}
#home .h-chart .h-c-line:nth-child(7) .h-c-bullet:after{
    -webkit-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    transform:rotate(-15deg);
    top:-2px;
    left:8px;
    width:45px
}
#home .h-chart .h-c-line:nth-child(8){
    left:350px
}
#home .h-chart .h-c-line:nth-child(8) .h-c-bullet{
    top:calc(100% - 173px)
}
#home .h-chart .h-c-line:nth-child(8) .h-c-bullet:after{
    -webkit-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    transform:rotate(-15deg);
    top:-2px;
    left:8px;
    width:45px
}
#home .h-chart .h-c-line:nth-child(9){
    left:400px
}
#home .h-chart .h-c-line:nth-child(9) .h-c-bullet{
    top:calc(100% - 187px)
}
#home .h-chart .h-c-line:nth-child(9) .h-c-bullet:after{
    -webkit-transform:rotate(-25deg);
    -ms-transform:rotate(-25deg);
    transform:rotate(-25deg);
    top:-6px;
    left:8px;
    width:50px
}
#home .h-chart .h-c-line:nth-child(10){
    left:450px
}
#home .h-chart .h-c-line:nth-child(10) .h-c-bullet{
    top:calc(100% - 208px)
}
#home .h-chart .h-c-line:nth-child(10) .h-c-bullet:after{
    -webkit-transform:rotate(25deg);
    -ms-transform:rotate(25deg);
    transform:rotate(25deg);
    top:15px;
    left:8px;
    width:50px
}
#home .h-chart .h-c-line:nth-child(11){
    left:500px
}
#home .h-chart .h-c-line:nth-child(11) .h-c-bullet{
    top:calc(100% - 188px)
}
#home .h-chart .h-c-line:nth-child(11) .h-c-bullet:after{
    -webkit-transform:rotate(-55deg);
    -ms-transform:rotate(-55deg);
    transform:rotate(-55deg);
    top:-26px;
    left:-3px;
    width:70px
}
#home .h-chart .h-c-line:nth-child(12){
    left:550px
}
#home .h-chart .h-c-line:nth-child(12) .h-c-bullet{
    top:calc(100% - 255px)
}
#home .h-chart .h-c-line:nth-child(12) .h-c-bullet:after{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    top:-19px;
    left:-3px;
    width:70px
}
#home .h-chart .h-c-line:nth-child(13){
    left:600px
}
#home .h-chart .h-c-left-box,#home .h-chart .h-c-right-box{
    position:absolute;
    top:110px;
    left:15px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:280px;
    height:80px;
    border-radius:5px;
    -webkit-box-shadow:0 4px 27px rgba(183,222,255,.46);
    box-shadow:0 4px 27px rgba(183,222,255,.46);
    background-color:#fff;
    font-size:16px;
    color:#454545;
    font-weight:500
}
#home .h-chart .h-c-left-box .h-c-b-icon,#home .h-chart .h-c-right-box .h-c-b-icon{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#f3faec
}
#home .h-chart .h-c-left-box .h-c-b-icon svg,#home .h-chart .h-c-right-box .h-c-b-icon svg{
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    fill:#63b50f
}
#home .h-chart .h-c-right-box div:nth-child(2){
    padding-left:15px
}
#home .h-chart .h-c-left-box{
    left:308px
}
#home .h-chart .h-c-left-box div:nth-child(2){
    padding-left:15px
}
#home .h-chart .h-c-dolar{
    position:absolute;
    display:block;
    top:calc(50% - 30px);
    left:calc(50% - 30px);
    width:60px;
    height:60px;
    border-radius:55px;
    -webkit-box-shadow:0 4px 27px rgba(183,222,255,.46);
    box-shadow:0 4px 27px rgba(183,222,255,.46);
    background-color:#fff
}
#home .h-chart .h-c-dolar:before{
    content:"";
    display:block;
    position:absolute;
    top:calc(50% - 20px);
    left:calc(50% - 20px);
    width:40px;
    height:40px;
    border-radius:50%;
    background:#2b97ef
}
#home .h-chart .h-c-dolar svg{
    position:absolute;
    top:calc(50% - 15px);
    left:calc(50% - 15px);
    z-index:10;
    width:30px;
    height:30px
}
@media only screen and (max-width:630px){
    #home .h-chart{
        width:100%;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-direction:column;
        flex-direction:column;
        -ms-flex-align:center;
        align-items:center;
        height:auto;
        position:relative;
        top:0;
        left:0;
        bottom:0;
        margin-top:20px
    }
    #home .h-chart .h-c-line{
        display:none
    }
    #home .h-chart .h-c-left-box,#home .h-chart .h-c-right-box{
        position:relative;
        top:0;
        left:0
    }
    #home .h-chart .h-c-left-box{
        margin-top:10px
    }
}
.how-it-works header{
    padding-bottom:30px;
    font-size:36px;
    color:#3a3a3a;
    font-weight:700;
    text-align:center
}
.how-it-works article>p{
    padding:0 100px;
    font-size:18px;
    line-height:30px;
    color:#454545;
    font-weight:400;
    text-align:center
}
.how-it-works article .hiw-lists{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    padding:60px 0
}
.how-it-works article .hiw-lists h3{
    padding-bottom:10px;
    font-size:18px;
    color:#3a3a3a;
    font-weight:700
}
.how-it-works article .hiw-lists ul li{
    padding-left:20px
}
.how-it-works article .hiw-lists ul li:before{
    content:"\2022";
    color:#3ba7ff;
    display:inline-block;
    width:1em;
    margin-left:-1em
}
.how-it-works article .hiw-lists ol{
    list-style:none;
    counter-reset:my-counter
}
.how-it-works article .hiw-lists ol li{
    counter-increment:my-awesome-counter
}
.how-it-works article .hiw-lists ol li:before{
    content:counter(my-awesome-counter) ". ";
    font-weight:700;
    color:#3ba7ff
}
.how-it-works article .hiw-lists ol,.how-it-works article .hiw-lists ul{
    color:#454545;
    font-size:16px;
    line-height:30px;
    font-weight:400
}
.how-it-works article .hiw-lists>div:first-child{
    margin-right:30px
}
.how-it-works article .hiw-lists>div:last-child{
    margin-left:30px
}
.how-it-works article .hiw-icons,.how-it-works article .hiw-icons>div{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center
}
.how-it-works article .hiw-icons>div{
    position:relative;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:center;
    align-items:center;
    margin:0 10px;
    width:200px;
    height:200px;
    border-radius:5px;
    border:1px solid #edeef2
}
.how-it-works article .hiw-icons>div svg{
    width:140px;
    height:100px
}
.how-it-works article .hiw-icons>div p{
    font-size:18px;
    color:#3a3a3a;
    font-weight:500;
    text-align:center
}
.how-it-works article .hiw-icons>div:not(:last-child):before{
    position:absolute;
    z-index:2;
    width:68px;
    height:68px;
    top:calc(50% - 34px);
    content:"+";
    left:176px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:34px;
    -webkit-box-shadow:0 4px 27px rgba(183,222,255,.46);
    box-shadow:0 4px 27px rgba(183,222,255,.46);
    background-color:#fff;
    font-size:30px;
    color:#3ba7ff;
    font-weight:500
}
.how-it-works article .hiw-icons>div:nth-child(3):before{
    content:"="
}
@media only screen and (max-width:980px){
    .how-it-works article .hiw-lists{
        -ms-flex-direction:column;
        flex-direction:column;
        -ms-flex-align:center;
        align-items:center;
        padding:0 100px;
        margin-top:50px
    }
    .how-it-works article .hiw-lists>div:first-child{
        margin-right:0
    }
    .how-it-works article .hiw-lists>div:last-child{
        margin-left:0;
        margin-top:20px
    }
    .how-it-works article .hiw-lists>div{
        width:100%
    }
    .how-it-works article .hiw-icons{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:center;
        justify-content:center;
        -ms-flex-direction:column;
        flex-direction:column;
        -ms-flex-align:center;
        align-items:center;
        padding:0 20px
    }
    .how-it-works article .hiw-icons>div{
        width:100%;
        margin:10px 0
    }
    .how-it-works article .hiw-icons>div:before{
        top:calc(100% - 24px)!important;
        left:calc(50% - 34px)!important
    }
}
@media only screen and (max-width:375px){
    .how-it-works article>p{
        padding:0 60px
    }
}
.earnings-calculator{
    margin-top:90px;
    background-image:-webkit-linear-gradient(30deg,#6f51bb,#876fc8);
    background-image:-o-linear-gradient(30deg,#6f51bb 0,#876fc8 100%);
    background-image:linear-gradient(60deg,#6f51bb,#876fc8)
}
.earnings-calculator header{
    padding:60px 0 20px;
    font-size:36px;
    color:#fff;
    font-weight:700;
    text-align:center
}
.earnings-calculator header svg{
    width:55px;
    height:55px
}
.earnings-calculator article{
    padding-bottom:60px
}
.earnings-calculator article>p{
    padding:0 100px;
    font-size:18px;
    line-height:30px;
    color:#fff;
    font-weight:400;
    text-align:center
}
.earnings-calculator article .ec-charts{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:30px;
    font-size:18px;
    color:#fff;
    font-weight:400
}
.earnings-calculator article .ec-charts .ec-charts-wrapper{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column
}
.earnings-calculator article .ec-charts .ec-charts-wrapper:first-child{
    position:relative;
    margin-right:60px
}
.earnings-calculator article .ec-charts .ec-charts-wrapper:first-child:before{
    position:absolute;
    content:"";
    top:20px;
    left:calc(100% + 60px);
    width:1px;
    height:calc(100% - 50px);
    background:#9580cd;
    -webkit-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    transition:opacity .3s ease
}
.earnings-calculator article .ec-charts .ec-charts-wrapper:last-child{
    margin-left:60px
}
.earnings-calculator article .ec-chart{
    margin:30px 0
}
.earnings-calculator article .ec-chart .ec-c-labels{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:20px
}
.earnings-calculator article .ec-chart .ec-c-progress{
    position:relative;
    width:300px;
    height:10px;
    border-radius:3px;
    background-color:#3ca2f6
}
.earnings-calculator article .ec-chart .ec-c-progress .ec-c-p-bullet{
    position:absolute;
    top:calc(50% - 12px);
    left:60%;
    width:16px;
    height:16px;
    border-radius:50%;
    background-color:#3ca2f6;
    border:5px solid #fff
}
.earnings-calculator article .ec-chart .ec-c-progress .ec-c-p-bullet:after{
    position:absolute;
    content:"";
    top:2px;
    left:16px;
    width:100px;
    height:10px;
    border-radius:3px
}
.earnings-calculator article .ec-chart .ec-c-legend{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-top:30px;
    font-size:16px;
    color:hsla(0,0%,100%,.3);
    font-weight:400
}
.earnings-calculator article .ec-chart .ec-c-legend>div{
    position:relative
}
.earnings-calculator article .ec-chart .ec-c-legend>div:before{
    position:absolute;
    content:"";
    top:-20px;
    left:50%;
    width:1px;
    height:10px;
    background:hsla(0,0%,100%,.3)
}
.earnings-calculator article .ec-chart.second .ec-c-progress .ec-c-p-bullet{
    left:40%
}
.earnings-calculator article .ec-chart.second .ec-c-progress .ec-c-p-bullet:after{
    width:160px
}
.earnings-calculator article .ec-summary{
    width:300px
}
.earnings-calculator article .ec-summary h2{
    padding-top:20px;
    padding-bottom:35px;
    font-size:30px;
    color:#fff;
    font-weight:700
}
.earnings-calculator article .ec-summary>div{
    padding:10px 0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.earnings-calculator article .ec-summary>div:last-child{
    position:relative;
    font-size:24px;
    margin-top:65px;
    padding-top:25px
}
.earnings-calculator article .ec-summary>div:last-child:before{
    position:absolute;
    content:"";
    top:-10px;
    left:0;
    width:100%;
    height:1px;
    background:#9580cd
}
@media only screen and (max-width:980px){
    .earnings-calculator article .ec-charts{
        -ms-flex-direction:column;
        flex-direction:column;
        -ms-flex-align:center;
        align-items:center
    }
    .earnings-calculator article .ec-charts .ec-charts-wrapper{
        width:500px;
        margin:0!important
    }
    .earnings-calculator article .ec-charts .ec-charts-wrapper:first-child:before{
        opacity:0
    }
    .earnings-calculator article .ec-charts .ec-charts-wrapper:last-child{
        position:relative
    }
    .earnings-calculator article .ec-charts .ec-charts-wrapper:last-child:before{
        position:absolute;
        content:"";
        top:0;
        left:0;
        width:100%;
        height:1px;
        background:#9580cd
    }
    .earnings-calculator article .ec-chart .ec-c-progress{
        width:500px
    }
    .earnings-calculator article .ec-chart .ec-c-progress .ec-c-p-bullet:after{
        width:180px
    }
    .earnings-calculator article .ec-chart.second .ec-c-progress .ec-c-p-bullet:after{
        width:280px
    }
    .earnings-calculator article .ec-summary{
        padding-top:30px
    }
}
@media only screen and (max-width:640px){
    .earnings-calculator article .ec-chart .ec-c-progress,.earnings-calculator article .ec-charts .ec-charts-wrapper{
        width:300px
    }
    .earnings-calculator article .ec-chart .ec-c-progress .ec-c-p-bullet:after{
        width:100px
    }
    .earnings-calculator article .ec-chart.second .ec-c-progress .ec-c-p-bullet:after{
        width:160px
    }
}
.how-to-start{
    padding:90px 0
}
.how-to-start header{
    padding-bottom:30px;
    font-size:36px;
    color:#3a3a3a;
    font-weight:700;
    text-align:center
}
.how-to-start article{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:center;
    align-items:center
}
.how-to-start article .hts-point{
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    margin-bottom:120px;
    -webkit-transition:margin-bottom .3s ease;
    -o-transition:margin-bottom .3s ease;
    transition:margin-bottom .3s ease
}
.how-to-start article .hts-point,.how-to-start article .hts-point .hts-number{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center
}
.how-to-start article .hts-point .hts-number{
    padding-left:5px;
    width:68px;
    height:68px;
    border-radius:34px;
    -webkit-box-shadow:0 4px 27px rgba(183,222,255,.46);
    box-shadow:0 4px 27px rgba(183,222,255,.46);
    background-color:#fff;
    font-size:25px;
    color:#3ba7ff;
    font-weight:500
}
.how-to-start article .hts-point .hts-image{
    position:absolute;
    left:100px;
    z-index:1
}
.how-to-start article .hts-point .hts-image svg{
    width:300px;
    height:200px
}
.how-to-start article .hts-point p{
    position:absolute;
    top:calc(50% - 18px);
    width:200px;
    z-index:2;
    font-size:18px;
    color:#3a3a3a
}
.how-to-start article .hts-point:first-child .hts-image,.how-to-start article .hts-point:nth-child(3) .hts-image{
    top:-18px;
    left:calc(50% + 160px)
}
.how-to-start article .hts-point:first-child p,.how-to-start article .hts-point:nth-child(3) p{
    left:calc(50% + 60px)
}
.how-to-start article .hts-point:nth-child(2) .hts-image,.how-to-start article .hts-point:nth-child(4) .hts-image{
    top:-25px;
    left:calc(50% - 430px)
}
.how-to-start article .hts-point:nth-child(2) p,.how-to-start article .hts-point:nth-child(4) p{
    left:calc(50% - 260px);
    text-align:right
}
.how-to-start article .hts-point:nth-child(4) p{
    top:calc(50% - 8px)
}
.how-to-start article .hts-point:nth-child(4) .hts-image{
    left:calc(50% - 470px);
    top:0
}
.how-to-start article .hts-point:not(:last-child):before{
    position:absolute;
    top:72px;
    left:50%;
    content:"";
    width:1px;
    height:110px;
    border-left:3px dotted #3ba7ff;
    -webkit-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    transition:opacity .3s ease
}
@media only screen and (max-width:980px){
    .how-to-start article .hts-point{
        -ms-flex-align:center;
        align-items:center;
        margin-bottom:20px
    }
    .how-to-start article .hts-point:before{
        opacity:0
    }
    .how-to-start article .hts-point .hts-number,.how-to-start article .hts-point p{
        position:relative;
        top:0!important;
        left:0!important
    }
    .how-to-start article .hts-point p{
        width:100%;
        text-align:center!important;
        padding-top:20px
    }
    .how-to-start article .hts-point .hts-image{
        position:relative;
        top:0!important;
        left:0!important
    }
}
.faq{
    background:#2c97ef
}
.faq header{
    padding:60px 0 20px;
    font-size:36px;
    color:#fff;
    font-weight:700;
    text-align:center
}
.faq header svg{
    width:55px;
    height:55px
}
.faq article{
    padding-bottom:60px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:center;
    align-items:center
}
.faq article .faq-accordion{
    width:800px;
    overflow:hidden;
    background-color:#fff;
    border:1px solid #fff
}
.faq article .faq-accordion .faq-a-item{
    width:100%;
    overflow:hidden
}
.faq article .faq-accordion .faq-a-item .faq-a-label{
    cursor:pointer;
    display:block;
    padding:20px;
    font-size:18px;
    color:#2c97ef;
    font-weight:400
}
.faq article .faq-accordion .faq-a-item .faq-a-content{
    max-height:0;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    font-size:16px;
    line-height:24px;
    color:#454545;
    font-weight:400;
    text-align:left
}
.faq article .faq-accordion .faq-a-item:not(:first-child) .faq-a-label{
    border-top:1px solid #ededf1
}
.faq article .faq-accordion input{
    display:none
}
.faq article .faq-accordion input:checked~.faq-a-content{
    max-height:100vh;
    padding:0 20px 20px
}
@media only screen and (max-width:980px){
    .faq article .faq-accordion{
        width:700px
    }
}
@media only screen and (max-width:750px){
    .faq article .faq-accordion{
        width:600px
    }
}
@media only screen and (max-width:635px){
    .faq article .faq-accordion{
        width:500px
    }
}
@media only screen and (max-width:520px){
    .faq article .faq-accordion{
        width:400px
    }
}
@media only screen and (max-width:440px){
    .faq article .faq-accordion{
        width:300px
    }
}
.screenshots{
    padding:90px 0;
    background:#dfeffd;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center
}
.screenshots header{
    padding-bottom:30px;
    font-size:36px;
    color:#3a3a3a;
    font-weight:700;
    text-align:center
}
.screenshots article{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    width:960px;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.screenshots article .s-item .s-i-img{
    width:300px;
    background:rgba(0,0,0,.3)
}
.screenshots article .s-item.with-margin{
    margin-left:30px
}
.screenshots article .s-item p{
    padding:15px 0;
    font-size:16px;
    color:#3a3a3a;
    font-weight:400
}
@media only screen and (max-width:980px){
    .screenshots article{
        width:100%;
        -ms-flex-pack:center;
        justify-content:center
    }
    .screenshots article .s-item.with-margin{
        margin-left:30px
    }
    .screenshots article .s-item:nth-child(3){
        margin-left:0
    }
    .screenshots article .s-item:nth-child(4){
        margin-left:30px
    }
    .screenshots article .s-item:nth-child(5){
        margin-left:0
    }
}
@media only screen and (max-width:644px){
    .screenshots article .s-item{
        margin:0 10px!important
    }
}
*,body{
    font-family:Roboto,sans-serif
}