* {
    -webkit-text-size-adjust: none
}

blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul {
    margin: 0;
    padding: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400
}

ul {
    list-style: none
}

button,input,select,textarea {
    margin: 0
}

html {
    box-sizing: border-box
}

*,:after,:before {
    box-sizing: inherit
}

a {
    color: inherit;
    text-decoration: none;
}

audio,embed,iframe,img,object,video {
    height: auto;
    max-width: 100%
}

img{
    -webkit-user-select:none;
    -moz-user-select:none;
     -ms-user-select:none;
         user-select:none;
    pointer-events: none;
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0;
    text-align: left
}
@font-face {
    font-family: 'OPlusSans3.0-Medium';
    src: url(../font/OPlusSans3-Medium.ttf),url(../font/OPlusSans3-Medium.woff);
    font-display: swap
}

@font-face {
    font-family: 'OPlusSans3.0-Bold';
    src: url(../font//OPlusSans3-Bold.ttf),url(../font//OPlusSans3-Bold.woff);
    font-display: swap
}

@font-face {
    font-family: 'OPlusSans3.0-ExtraLight';
    src: url(../font/OPlusSans3-ExtraLight.ttf),url(../font/OPlusSans3-ExtraLight.woff);
    font-display: swap
}

@font-face {
    font-family: 'OPlusSans3.0-Light';
    src: url(../font/OPlusSans3-Light.ttf),url(../font/OPlusSans3-Light.woff);
    font-display: swap
}

@font-face {
    font-family: 'OPlusSans3.0';
    src: url(../font/OPlusSans3-Regular.ttf),url(../font/OPlusSans3-Regular.woff);
    font-display: swap
}

#open-nav-block{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.nav-bg{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0,0.5);
    display: none;
}

.nav-open .nav-bg{
    display: block;
}


.nav-content-block{
    width: 134.49rem;
    height: 212.71rem;
    background: rgba(241,180,38,1);
    opacity: 1;
    border-radius: 7.46rem;
    position: absolute;
    top: 4.48rem;
    right: 4.48rem;
    padding-top: 20.75rem;
    padding-left: 17.16rem;
    padding-bottom: 15rem;
    box-sizing: border-box;
    transform: scale(0);
    transform-origin: right top;
    opacity: 0;
    transition: opacity 0.7s 0.5s,transform 0.5s cubic-bezier(0.87, 0, 0.13, 1) 0.1s

}


.nav-open .nav-content-block{
    transform: scale(1);
    opacity: 1;
    transition: opacity 0.4s 0s,transform 0.6s cubic-bezier(0.87, 0, 0.13, 1) 0s
}

.nav-item{
    height: 10.75rem;
    font-size: 7.65rem;
    font-family: 'OPlusSans3.0-Medium';
    line-height: 9.18rem;
    color: #000000;
    opacity: 1;
    margin-top: 10rem;
    display: flex;
    align-items: center;
    padding: 2rem 0;
}

.lang-block{
    display: flex;
    align-items: center;
    padding: 2rem 0;
    font-family: 'OPlusSans3.0-Medium';
}


.icon-lang{
    width: 6.35rem;
    margin-right: 2rem;
}

.icon-block{
    margin-top: 32.5rem;
}

.nav-icon{
    width: 8.57rem;
    margin-right: 10rem;
}

.nav-logo{
    width: 37.56rem;
    margin-top: 15.5rem;
}

.nav-close-block{
    padding: 5rem;
    position: absolute;
    top: 6.27rem;
    right: 6.27rem;
}

.nav-close{
    width: 2.75rem;
}

.nav-content-block>div{
    transform: translateY(50%);
    opacity: 0;
    transition: opacity 0.2s,transform 0.4s;
    transition-delay: 0s
}

.nav-open .nav-content-block>div:nth-child(1){
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.6s,transform 0.6s;
    transition-delay: 0
}


.nav-open .nav-content-block>div:nth-child(2){
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.6s,transform 0.6s;
    transition-delay: .2s
}


.nav-open .nav-content-block>div:nth-child(3){
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.6s,transform 0.6s;
    transition-delay: .3s
}


.nav-open .nav-content-block>div:nth-child(4){
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.6s,transform 0.6s;
    transition-delay: .4s
}


.nav-open .nav-content-block>div:nth-child(5){
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.6s,transform 0.6s;
    transition-delay: .5s
}


.nav-open .nav-content-block>div:nth-child(6){
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.6s,transform 0.6s;
    transition-delay: .6s
}


.nav-open .nav-content-block>div:nth-child(7){
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.6s,transform 0.6s;
    transition-delay: .7s
}

.nav-open .nav-close-block{
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.6s,transform 0.6s;
    transition-delay: 0
}