@charset "utf-8";
body{
    max-width:750px;
    margin:0 auto;
    font-size:.3rem;
    color:#fff;
    background-color:#BE0000;
    overflow-x:hidden
}
.container{
    padding-left:.2rem;
    padding-right:.2rem
}
.bg-primary{
    margin-top: 25%;
    padding-bottom:.2rem;
    background-color: #be0000;
}
.header{
    position:relative;
    z-index:100;
    width:100%;
    max-width:750px;
    height:1.17rem;
    background:url(../img/bg_header.png) no-repeat;
    background-size:100% 100%;
    border-bottom:1px solid #110C27
}
.header .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:100%
}
.header .logo{
    height:.95rem
}
.header .btn-download{
    height:.99rem;
    -webkit-animation:urgentlystrong .5s infinite;
    animation:urgentlystrong .5s infinite
}
.header img{
    height:100%
}
.main{
    margin:0 0 1.17rem
}
.stage{
    position:relative;
    font-size:0;
    line-height:0
}
.stage .btn-download{
    display:block;
    position:absolute;
    top:100%;
    left:6%;
    width:90%;
    -webkit-animation:urgentlystrong .5s infinite;
    animation:urgentlystrong .5s infinite
}
.footer{
    display:none;
    position:fixed;
    top:auto;
    bottom:0;
    background-image:url(../img/bg_footer.png)
}
.aside-service{
    position:fixed;
    top:1.43rem;
    right:.26rem;
    z-index:102;
    width:.72rem;
    height:.78rem;
    background:url(../images/service.png) no-repeat;
    background-size:cover
}
.aside-service1{
    position:fixed;
    top:2.33rem;
    right:.26rem;
    z-index:102;
    width:.72rem;
    height:.78rem;
    background:url(../img/TG.png) no-repeat;
    background-size:cover
}
.aside-service2{
    position:fixed;
    top:3.23rem;
    right:.26rem;
    z-index:102;
    width:.72rem;
    height:.78rem;
    background:url(../images/FB.png) no-repeat;
    background-size:cover
}
.aside-service3{
    position:fixed;
    top:4.13rem;
    right:.26rem;
    z-index:102;
    width:.72rem;
    height:.78rem;
    background:url(../images/IG.png) no-repeat;
    background-size:cover
}
.aside-service4{
    position:fixed;
    top:5.03rem;
    right:.26rem;
    z-index:102;
    width:.72rem;
    height:.78rem;
    background:url(../images/Mail.png) no-repeat;
    background-size:cover
}

@media (min-width:750px)
{.aside-service{
    right:50%;margin-right:-349px
}}
@media (min-width:750px)
{.aside-service1{
    right:50%;margin-right:-349px
}}
@media (min-width:750px)
{.aside-service2{
    right:50%;margin-right:-349px
}}
@media (min-width:750px)
{.aside-service3{
    right:50%;margin-right:-349px
}}
@media (min-width:750px)
{.aside-service4{
    right:50%;margin-right:-349px
}}
@-webkit-keyframes 
urgentlystrong{
    from{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)
}}
@keyframes 
urgentlystrong{from{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}