.bg-color{
    background:#06070a
}
.main-content{
    position:relative;
    padding-top:248px
}
.total-values-content{
    position:absolute;
    top:-70px;
    left:0;
    right:0
}
.footer-content{
    padding-top:188px
}
.footer-content .line-first{
    margin-top:0
}
.main-top-bg-img-0-wrap{
    width:100%;
    position:fixed;
    z-index:-10;
    top:0;
    left:0;
    right:0
}
.main-top-bg-img-0{
    width:100%
}
.main-top-bg-img-0-0{
    position:absolute;
    top:34px;
    right:120px;
    width:500px
}
.main-top-bg-wrap{
    position:absolute;
    right:0;
    left:0;
    top:0;
    z-index:-1;
    width:100%;
    overflow:hidden
}
.main-top-bg-block{
    position:relative;
    overflow:hidden
}
.main-top-bg-img-0-hidden{
    opacity:0;
    width:100%;
    top:0;
    left:0;
    right:0
}
.main-top-bg-img-1{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    right:0
}
.main-top-bg-img-2{
    height:100%;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    display:flex;
    justify-content:flex-end
}
.main-top-bg-img-3{
    position:absolute;
    height:35%;
    right:14%;
    bottom:45%;
    transform:rotate(7deg)
}
.start-screen-wrap{
    margin-top:89px;
    padding-bottom:140px;
    height:488px;
    display:flex;
    align-items:center
}
.main-start-screen{
    max-width:700px
}
.main-start-screen .main-title{
    font-weight:900;
    font-size:72px;
    line-height:84px;
    margin-bottom:16px
}
.main-start-screen .main-text{
    font-size:48px;
    line-height:56px;
    letter-spacing:.05em;
    margin-bottom:48px
}
.main-start-screen .buttons .appstore-btn:nth-last-child(-n+2){
    display:none
}
.button{
    border:1px solid rgba(255,255,255,.25);
    box-sizing:border-box
}
.button:hover{
    cursor:pointer;
    background:rgba(255,255,255,.2)
}
.button.color-button{
    /*background:#2f8af5; EDITAR PARA TENER FADE ON HOVER*/
    border:none;
    background: linear-gradient(16deg, rgba(54,105,246,1) 0%, rgba(191,50,240,1) 100%);
    transition: background 0.3s ease; 
}
.button.color-button:hover{
    background:linear-gradient(16deg, rgba(54,105,246,1) 0%, rgba(101,50,240,1) 100%); /*EDITAR PARA TENER FADE ON HOVER*/ 
    transition:.2s
}
.button.color-button:active{
    background:#266bbd;
    transition:.2s
}
.appstore-btn{
    border-radius:16px;
    border:1px solid #fff;
    display:inline-flex;
    transition:.2s;
    color:#fff;
    margin-left:32px;
    height:56px
}
.appstore-btn:hover{
    cursor:pointer;
    background:rgba(255,255,255,.2)
}
.total-values{
    max-width:1160px;
    box-sizing:border-box;
    min-height:178px;
    padding:40px;
    margin:0 auto 80px;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    grid-column-gap:100px;
    border-radius:40px 40px 0 0;
    background:#06070a;
    position:relative;
    z-index:20
}
.total-values-border{
    position:absolute;
    left:0;
    right:0;
    top:0;
    width:100%;
    z-index:-1
}
.network-title{
    font-size:54px;
    line-height:63px;
    text-align:center;
    width:844px;
    margin:0 auto 48px
}
.networks-block{
    display:flex;
    align-content:center;
    flex-wrap:wrap;
    justify-content:space-around;
    grid-gap:48px;
    gap:48px
}
.network-image{
    max-height:120px;
    align-items:center
}
.main-network{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:11%
}
.network-text{
    text-align:center
}
.main-news{
    display:flex;
    align-items:center;
    margin-top:350px;
    justify-content:space-between;
    grid-gap:16px;
    gap:16px
}
.main-news-image{
    max-width:500px !important
}
.main-news-button-wrap{
    margin-top:16px
}
.news-title{
    font-weight:900;
    font-size:54px;
    line-height:63px;
    margin-bottom:16px
}
.news-text{
    max-width:480px
}
.main-wallet-block{
    margin-top:245px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    grid-gap:16px;
    gap:16px
}
.main-wallet-block .tabs__wrap{
    width:480px
}
.main-wallet-title{
    font-weight:900;
    font-size:54px;
    line-height:63px;
    margin-bottom:24px;
    margin-bottom:16px
}
.wallet-image{
    display:none;
    margin-right:120px;
    max-width:560px !important
}
.wallet-image-visible{
    display:block
}
.wallet-block-tabs-head{
    display:flex;
    display:none;
    margin-bottom:16px
}
.wallet-block-tab{
    margin-right:29px;
    font-size:16px;
    line-height:26px;
    color:rgba(255,255,255,.6);
    text-decoration:none;
    padding:8px 0;
    display:block;
    cursor:pointer;
    border-bottom:2px solid transparent
}
.wallet-block-tab:hover,.tabs__caption_active{
    color:#fbfbfb;
    border-bottom-color:#2f8af5
}
.wallet-block-text{
    display:none;
    margin-bottom:48px;
    min-height:52px
}
.tabs__content_active{
    display:block
}
.big-button-wallet{
    padding:8px 12px 8px 20px
}
.main-products-block{
    padding-top:50px
}
.learn-more-button{
    border-radius:12px
}
.shield-block{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    text-align:center;
    padding:0;
    margin-top:160px
}
.shield-title{
    font-weight:900;
    font-size:54px;
    line-height:63px;
    margin-bottom:16px
}
.shield-text{
    color:rgba(255,255,255,.6);
    font-size:16px;
    line-height:26px;
    white-space:pre-line
}
.shield-image{
    max-width:780px !important;
    max-height:396px;
    margin:64px 0;
    width:100%
}
.shield-button{
    margin-top:16px
}
.social-network-block{
    margin-top:160px;
    margin-bottom:10px
}
.social-network-title{
    font-weight:900;
    font-size:54px;
    line-height:63px
}
.social-network-link{
    text-decoration:none;
    cursor:pointer
}
.social-network-link:hover .text{
    transition:.4s;
    color:#fff
}
.social-network-link:hover img{
    transform:scale(1.2);
    transition:.4s
}
.social-network-icons{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-column-gap:72px;
    margin-top:56px
}
.social-network-icon{
    max-width:120px;
    max-height:120px
}
.desktop-bg{
    display:block !important
}
.mobile-bg{
    display:none
}
@media(max-width: 1530px){
    .start-screen-wrap{
        padding-bottom:100px
    }
}
@media(max-width: 1460px){
    .start-screen-wrap{
        margin-top:20px;
        height:520px
    }
}
@media(max-width: 1220px){
    .wallet-image{
        max-width:500px !important;
        margin-right:16px
    }
    .buttons{
        display:flex
    }
    .total-values{
        grid-column-gap:60px
    }
}
@media(max-width: 1100px){
    .start-screen-wrap{
        height:520px;
        padding-bottom:40px
    }
    .total-values-content{
        top:-40px
    }
    .main-content{
        padding-top:200px
    }
}
@media(max-width: 1000px){
    .main-title{
        font-size:64px !important
    }
    .total-values-content{
        padding:0 20px
    }
    .network-title,.news-title,.main-wallet-title,.shield-title,.social-network-title{
        font-size:48px;
        line-height:52px;
        margin-bottom:16px
    }
    .network-title{
        max-width:700px
    }
    .main-text{
        font-size:36px !important
    }
    .start-screen .button{
        padding:16px 18px 16px 24px
    }
    .main-news,.main-wallet-block{
        margin-top:160px
    }
    .main-news-image{
        max-width:50% !important
    }
    .image__wrap{
        max-width:calc(50% - 16px);
        margin-right:16px !important
    }
    .wallet-image{
        width:100%
    }
    .network-image{
        width:80px;
        height:80px
    }
}
@media(max-width: 900px){
    .buttons .button:first-child{
        font-size:16px
    }
    .total-values{
        grid-column-gap:20px;
        -moz-column-gap:20px;
        column-gap:20px
    }
    .total-values-content{
        padding:0;
        position:relative;
        top:0
    }
    .main-network:last-child{
        align-items:center
    }
    .networks-block{
        margin:0;
        flex-wrap:wrap;
        justify-content:space-around;
        grid-gap:0;
        gap:0
    }
    .main-network:nth-child(6){
        order:7
    }
    .main-network:nth-child(4){
        order:6
    }
    .main-network:nth-child(2){
        order:5
    }
    .main-network{
        align-items:center;
        margin:20px 8px !important;
        width:auto
    }
    .social-network-link{
        margin:20px 0
    }
    .network-title,.news-title,.main-wallet-title,.shield-title,.social-network-title{
        font-size:32px;
        line-height:40px;
        max-width:100%
    }
    .start-screen-wrap{
        padding-bottom:0
    }
    .main-content{
        padding-top:16px
    }
}
@media(max-width: 850px){
    .mobile-bg{
        display:block !important
    }
    .desktop-bg{
        display:none !important
    }
    .main-top-bg-img-3{
        bottom:39%
    }
    .start-screen-wrap{
        height:600px;
        align-items:flex-end
    }
    .networks-block{
        margin:40px 0 0
    }
}
@media(max-width: 720px){
    .main-news,.main-wallet-block{
        flex-direction:column;
        align-items:flex-start;
        grid-gap:0;
        gap:0
    }
    .news-text,.main-wallet-block .tabs__wrap{
        max-width:100%;
        width:100%
    }
    .wallet-block-text{
        margin-bottom:16px
    }
    .main-news-image,.image__wrap{
        width:100%;
        max-width:100% !important;
        margin:0 0 40px;
        order:-1
    }
    .main-news,.main-wallet-block,.shield-block,.social-network-block{
        margin-top:80px
    }
    .shield-image{
        margin:32px 0
    }
    .total-values{
        padding:16px;
        min-height:130px
    }
    .social-network-icons{
        margin-top:0
    }
    .social-network-icon{
        width:80px;
        height:80px
    }
}
@media(max-width: 650px){
    .total-values{
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .total-values-border{
        display:none
    }
    .main-start-screen{
        padding:0 16px 40px;
        width:100%;
        background:#06070a;
        position:relative
    }
    .main-start-screen::before{
        content:"";
        position:absolute;
        bottom:100%;
        height:50px;
        width:100%;
        left:0;
        right:0;
        background:linear-gradient(rgba(6, 7, 10, 0), #06070a)
    }
    .main-start-screen .main-title{
        font-size:36px !important;
        line-height:42px;
        margin-bottom:16px
    }
    .main-start-screen .main-text{
        font-size:27px !important;
        line-height:32px;
        margin-bottom:32px
    }
    .network-title,.news-title,.main-wallet-title,.shield-title,.social-network-title{
        font-size:27px;
        line-height:32px;
        text-align:left;
        width:100%
    }
    .social-network-title{
        text-align:center
    }
    .shield-text{
        text-align:left
    }
    .social-network-icons{
        grid-template-columns:1fr 1fr
    }
    .start-screen-wrap{
        height:660px;
        align-items:flex-end;
        padding:0;
        margin-top:0
    }
    .networks-block{
        grid-template-columns:repeat(4, 1fr)
    }
}
@media(max-width: 620px){
    .main-start-screen .buttons{
        flex-direction:column
    }
    .main-start-screen .buttons .button{
        height:58px
    }
    .main-start-screen .buttons .appstore-btn{
        margin:0 0 20px;
        width:100%;
        align-items:center;
        justify-content:center
    }
    .main-start-screen .buttons .appstore-btn:last-child{
        margin-bottom:0
    }
}
@media(max-width: 480px){
    .start-screen-wrap{
        height:600px
    }
    .networks-block{
        grid-template-columns:1fr 1fr 1fr;
        grid-row-gap:20px
    }
    .main-network:last-child{
        grid-column-start:2
    }
}
@media(max-width: 360px){
    .networks-block{
        grid-row-gap:12px
    }
}