.sec01{
    background:url(../../img/template/hazte_bnext-02.jpg) no-repeat center top;
    background-size:100% 100%;
    height: 100vh;
    margin-bottom: 120px;
    text-align: center;

    @supports(background-image:url(../../img/template/hazte_bnext-02.webp)) {
        background-image:url(../../img/template/hazte_bnext-02.webp)
    }

}

    .sec01 .content{
        box-sizing: border-box;
        display: grid;
        height: 100vh;
        max-width: 750px;
        overflow: initial;
        padding:60px 15px;
        width: 100%;
    }

        .sec01 header{
            margin-bottom: 47px;
        }

            .sec01 header img{
                max-width:214px;
                width: 100%;
            }

        .sec01 picture img{
            height: 38vh;
            margin-bottom: 3vh;
            max-width: 695px;
        }

        .sec01 .content h1{
            color:#171717;
        }

        .sec01 .content .text{
            margin-bottom: 32px;
        }

        #main-sms-form-wrap{
            margin-top:32px
        }

        .sec01 .content .module-sms{
            margin-bottom:0;
        }

            #main-sms-form-wrap > form > div > span > span:nth-child(7) {
                text-align: center;
            }

.sec06 ul{
    margin-bottom: 0;
}

    .sec06 ul li:not(:last-child){
        margin-bottom:16px;
    }

#footer-open-account{
    background-color:#FFF;
    box-shadow: 0px 0px 32px rgba(46, 43, 43, 0.1);
    bottom:0;
    opacity:0;
    padding:20px 0 30px;
    pointer-events: none;
    position: fixed;
    transition: 500ms;
    width: 100%;
    z-index:10;
}

.up #footer-open-account{
    opacity:1;
    pointer-events: initial;
}

.at-bottom #footer-open-account,
.no-show-footer-menu #footer-open-account{
    opacity:0;
    pointer-events: none;
}

    #footer-open-account .content{
        align-items: center;
        display: grid;
        grid-auto-flow: column;
        justify-content: space-between;
        justify-items: center;
    }

    #footer-open-account .content.mobile{
        display: none;
    }

        #footer-open-account h5{
            margin-bottom: 0;
        }

        #footer-open-account .module-sms{
            margin-bottom: 0;
            padding-top: 5px;
        }

#footer-landing{
    padding:24px 0 60px;
    text-align: center;
}

    #footer-landing .content{
        border-top:1px solid #E6E5E5;
    }

        #footer-landing .content p{
            color: #686664;
            font: normal 14px/20px 'AvertaStdPE-Regular';
        }

            #footer-landing .content p a{
                color: #171717;
                font-family: 'AvertaStdPE-Bold';
            }


@media only screen and (max-height: 800px) {

    .sec01 .content{
        padding:30px 15px;
    }

    .sec01 picture img{
        height: 30vh;
    }

    .sec01 .content h1 {
        font-size: 40px;
        line-height: 50px;
    }

}

@media only screen and (max-width: 768px) {

    body, html{
        height: 100%;
    }

    main{
        height: 100%;
    }

    .sec01{
        background-image:url(../../img/template/hazte_bnext-02@s.png);
        background-position: top center;
        height:calc(100vh - 70px);
        margin-bottom:64px;

        @supports(background-image:url(../../img/template/hazte_bnext-02@s.webp)) {
            background-image:url(../../img/template/hazte_bnext-02@s.webp)
        }

    }

        .sec01 .content{
            height:calc(100vh - 70px);
            min-height: -webkit-fill-available;
            padding:32px 15px;
        }

            .sec01 header{
                margin-bottom: 38px;
            }

                .sec01 header img{
                    max-width:143px;
                }

            .sec01 picture img{
                height: 26vh;
                /*max-width: 360px;*/
            }

            .sec01 .content h1{
                font-size: 40px;
                line-height: 50px;
            }

            #main-sms-form-wrap > form > div > span > span:nth-child(7) {
                text-align: left;
            }

            .sec01 .buttons-join-wrap a{
                margin:0 auto
            }

    .sec06 ul li:not(:last-child){
        margin-bottom:8px;
    }

    .sec06 ul li:last-child{
        margin-bottom:0px;
    }

    .sec02, .sec03, .sec04, .sec05, .sec06{
        margin-bottom:64px;
    }

    #footer-open-account{
        bottom:auto;
        padding:10px 0 10px;
        top:0;
    }

        #footer-open-account .content.desktop{
            display: none;
        }

        #footer-open-account .content.mobile{
            display: grid;
            flex-direction: column;
            justify-content: space-between;
        }

            #footer-open-account .content.mobile p{
                margin:0;
                max-width: 141px;
                width: 100%;
            }

                #footer-open-account .content.mobile a{
                    box-sizing: border-box;
                    font-size: 16px;
                    line-height: 22px;
                    padding:5px 10px;
                    width: 100%;
                }

                    #footer-open-account .content.mobile p img{
                        width: 108px;
                    }

    #footer-landing{
        padding:16px 0 32px;
    }

}


@media only screen and (max-width: 425px) {

    .sec01 picture img{
        height:auto;
        max-width: 320px;
    }

}