::-webkit-scrollbar {
    display: none; /* Chrome Safari */
  }
body{
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}
#page-wrapper{
    background-color: #fff;
    border: 10px solid #fff;
    box-sizing: border-box;
    height: 100vh;
    position: relative;
    z-index: 2;
    min-height: 100vh;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .7s cubic-bezier(.91,.01,.6,.99);
}
.page-content{
    overflow: hidden;
}
.homepage{
    width: 100%;
    height: 100vh;
    text-align: center;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    overflow: hidden;
}
.main-bg{
    height: 100%;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-image: url('../static/image/main-bg.jpg');
    transition: all 2s ease-out;
    transform: translate(0,0) scale(1.1);
}
.main-bg-right-top{
    transform: translate(-20px , 10px) scale(1.1);
}
.main-bg-right-bottom{
    transform: translate(-20px , -10px) scale(1.1);
}
.main-bg-left-top{
    transform: translate(20px , 10px) scale(1.1);
}
.main-bg-left-bottom{
    transform: translate(20px , -10px) scale(1.1);
}

.home-logo{
    width: 180px;
    height: 68.4px;
    position: absolute;
    bottom: 5%;
    right: 5%;
    z-index: 10;
    transform: scale(1);
    transition: all 1s ease-out;
    /* border-radius: 40%; */
    opacity: 0.96;
}
.home-logo:hover{
    border-radius: 46%;
    transform: scale(1.1);
    transition: all 3s ease-out;
}
.cate-pop{
    top: 0 !important;
    padding-top: 80px !important;
}