/*@font-face {
    font-family: 'roboto';
    src: url('roboto.ttf') format('truetype');
    font-display: swap;
}*/

body {
    padding-top: 53px;
}

    body.hide-dzomenu {
        padding-top: 0 !important;
        transition: padding-top 0.6s ease;
    }

#cover-menu-dzo {
    position: fixed;
    background: transparent;
    height: auto;
    width: 100%;
    top: -60px;/*-53px;*/
    z-index: 9998;
    transition: all 0.1s ease;
}

body.dzo-ready #cover-menu-dzo {
    top: 0;
    transition: all 0.6s ease;
}

body.hide-dzomenu #cover-menu-dzo {
    top: -60px; /*-53px;*/
    transition: all 0.6s ease;
}

#cover-menu-dzo #menu_dzo {
    font-family: roboto !important;
    width: 100%;
    background-color: #fff;
    z-index: 999999;
}

    #cover-menu-dzo #menu_dzo #headerpc {
        position: relative;
        width: 100%;
        height: 60px; /*-53px;*/
        /*max-width: 1920px;*/
        margin: 0px auto;
        background-color: #fff;
        z-index: 999999;
    }

        #cover-menu-dzo #menu_dzo #headerpc .nav-box {
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
            left: 0;
            top: 0;
            z-index: 99;
            background-color: rgba(255,255,255,0.95);
            margin: 0 auto;
            border-bottom: 1px solid #fff;
        }

            #cover-menu-dzo #menu_dzo #headerpc .nav-box .logo-box {
                float: left;
            }

                #cover-menu-dzo #menu_dzo #headerpc .nav-box .logo-box .logo {
                    width: 192px;
                    height: 52px;
                    display: inline-block;
                    background: url(../imgs/Logoheader-low.png.html) no-repeat;
                    text-indent: -999999em;
                    color: transparent;
                    margin: 5px 0 0 0;
                }

            #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav {
                display: flex;
                flex-wrap: wrap;
                flex-grow: 1;
                align-items: center;
                height: 100%;
                list-style: none;
            }

                #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a {
                    display: flex;
                    margin: 0 15px;
                    height: 100%;
                    text-align: center;
                    position: relative;
                    color: #000;
                    font-size: 23px;
                    letter-spacing: .5px;
                    font-weight: bold;
                    text-decoration: none;
                }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a span {
                        align-self: center;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.menu-group-last {
                        margin-right: auto;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.share-group {
                        margin-left: 5px;
                        margin-right: 5px;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.icon::before {
                        content: "";
                        width: 40px;
                        height: 40px;
                        position: absolute;
                        left: 0;
                        top: 0;
                        bottom: 0;
                        margin: auto 0;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.icon span {
                        padding-left: 45px;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.icon-share::before {
                        background: url(../imgs/icon-header.png) no-repeat;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.icon-share.login-btn::before {
                        background-position: 0 0;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.icon-share.regis-btn::before {
                        background-position: -40px 0;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.icon-share.mail-btn::before {
                        background-position: -80px 0;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.icon-share.fb-btn::before {
                        background-position: -120px 0;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.icon-share.yu-btn::before {
                        background-position: -160px 0;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.icon-share.gg-play-btn::before {
                        background-position: -200px 0;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.icon-share.app-store-btn::before {
                        background-position: -240px 0;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.icon-share:hover::before {
                        background-position-y: -40px;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a:last-child {
                        margin-right: 40px;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a:hover span, #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.on span, #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.active span {
                        color: #ffa800;
                    }

                    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.underline:hover span, #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.on span, #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav a.underline.active span {
                        border-bottom: solid 4px #ffa800;
                    }

    #cover-menu-dzo #menu_dzo #headermobile {
        display: none;
    }

        #cover-menu-dzo #menu_dzo #headermobile .nav-mobile {
            position: relative;
            background: #000;
            width: 100%;
            height: 53px;
        }

            #cover-menu-dzo #menu_dzo #headermobile .nav-mobile .logo-box {
                display: block;
                background: url(../imgs/LogoDzogame.png) no-repeat 0 0;
                background-size: cover;
                width: 135px;
                height: 50px;
                text-indent: -999999em;
                color: transparent;
                position: relative;
                margin: auto;
            }

                #cover-menu-dzo #menu_dzo #headermobile .nav-mobile .logo-box a {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    margin: 0 auto;
                    top: 0;
                    left: 0;
                }

            #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu {
                position: absolute;
                width: 55px;
                top: 0;
                left: 0;
                height: 100%;
                text-align: center;
            }

                #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu a {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    padding: 10px;
                    color: #fff;
                    font-size: 30px;
                    text-decoration: none;
                }

                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu a.open-left-dzomenu-button .fas.fa-align-justify {
                        display: block;
                    }

                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu a.open-left-dzomenu-button .fas.fa-times {
                        display: none;
                        padding-top: 5px;
                    }

                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu a.open-left-dzomenu-button.active .fas.fa-align-justify {
                        display: none;
                    }

                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu a.open-left-dzomenu-button.active .fas.fa-times {
                        display: block;
                    }

                #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu #left-dzomenu-mb {
                    position: fixed;
                    width: 100%;
                    left: -100%;
                    /* width: 200px; */
                    /* left: -300px; */
                    margin-top: 53px;
                    float: unset;
                    background: #000;
                    border: 1px solid #ffffff;
                    z-index: 99;
                }

                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu #left-dzomenu-mb .navbar ul {
                        float: unset;
                        margin: 0;
                    }

                        #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu #left-dzomenu-mb .navbar ul li {
                            width: 100%;
                            text-align: left;
                            padding: 7px 10px;
                        }

                            #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu #left-dzomenu-mb .navbar ul li a {
                                position: relative;
                                width: 100%;
                                margin: 0;
                                font-size: 15px;
                                color: #fff;
                                /* font-weight: bold; */
                                text-transform: uppercase;
                                text-decoration: none;
                                /* text-align: left; */
                                padding: 0 !important;
                                /* height: 55px; */
                                /* line-height: 55px; */
                                /* color: #fff;
    font-weight: bold;
    text-align: left;
    margin: 0;
    font-size: 14px;
    padding: 0px 0px !important;
    position: relative;
    text-align: center;
    width: 100%;
    height: 55px;
    line-height: 55px; */
                            }

                                #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu #left-dzomenu-mb .navbar ul li a.icon-mb {
                                    display: inline-block;
                                    width: 44px;
                                    height: 44px;
                                }

                                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu #left-dzomenu-mb .navbar ul li a.icon-mb::before {
                                        content: "";
                                        display: block;
                                        width: 100%;
                                        height: 100%;
                                        left: 0;
                                        top: 0;
                                        background-image: url(../imgs/icon-header-mb.png);                                       
                                        background-repeat: no-repeat;
                                        background-size: auto 100%;
                                        background-position-y: 0;
                                        margin: auto 0;
                                    }

                                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu #left-dzomenu-mb .navbar ul li a.icon-mb.icon-mb-dzovi::before {
                                        background-position-x: 14.285714%;
                                    }

                                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu #left-dzomenu-mb .navbar ul li a.icon-mb.icon-mb-sp::before {
                                        background-position-x: 28.571428%;
                                    }

                                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu #left-dzomenu-mb .navbar ul li a.icon-mb.icon-mb-gg-play::before {
                                        background-position-x: 42.857142%;
                                    }

                                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-left-dzomenu #left-dzomenu-mb .navbar ul li a.icon-mb.icon-mb-app-store::before {
                                        background-position-x: 57.142857%;
                                    }


            #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu {
                height: 100%;
                width: 55px;
                position: absolute;
                top: 0;
                right: 0;
                text-align: center;
            }

                #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu a {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    padding: 10px;
                    color: #fff;
                    font-size: 30px;
                    text-decoration: none;
                }

                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu a.open-right-dzomenu-button .fas.fa-user {
                        display: block;
                    }

                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu a.open-right-dzomenu-button .fas.fa-times {
                        display: none;
                        padding-top: 5px;
                    }

                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu a.open-right-dzomenu-button.active .fa-user {
                        display: none;
                    }

                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu a.open-right-dzomenu-button.active .fas.fa-times {
                        display: block;
                    }

                #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu #right-dzomenu-mb {
                    position: fixed;
                    width: 100%;
                    right: -100%;
                    /* width: 200px; */
                    /* right: -300px; */
                    margin-top: 53px;
                    float: unset;
                    background: #000;
                    border: 1px solid #ffffff;
                    z-index: 99;
                }

                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu #right-dzomenu-mb .navbar ul {
                        float: unset;
                        margin: 0;
                    }

                        #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu #right-dzomenu-mb .navbar ul li {
                            width: 100%;
                            /*text-align: right;*/
                            text-align: left;
                            padding: 7px 10px;
                        }

                            #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu #right-dzomenu-mb .navbar ul li a {
                                /* color: #fff;
    font-weight: bold;
    text-align: left;
    margin: 0;
    font-size: 14px;
    padding: 0px 0px !important;
    position: relative;
    text-align: center;
    width: 100%;
    height: 55px;
    line-height: 55px; */
                                position: relative;
                                width: 100%;
                                margin: 0;
                                font-size: 15px;
                                color: #fff;
                                text-transform: uppercase;
                                text-decoration: none;
                                padding: 0 !important;
                            }

                                #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu #right-dzomenu-mb .navbar ul li a.icon-mb {
                                    display: inline-block;
                                    width: 44px;
                                    height: 44px;
                                }

                                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu #right-dzomenu-mb .navbar ul li a.icon-mb::before {
                                        content: "";
                                        display: block;
                                        width: 100%;
                                        height: 100%;
                                        left: 0;
                                        top: 0;
                                        background-image: url(../imgs/icon-header-mb.png);
                                        background-repeat: no-repeat;
                                        background-size: auto 100%;
                                        background-position-y: 0;
                                        margin: auto 0;
                                    }

                                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu #right-dzomenu-mb .navbar ul li a.icon-mb.icon-mb-mail::before {
                                        background-position-x: 71.428571%;
                                    }

                                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu #right-dzomenu-mb .navbar ul li a.icon-mb.icon-mb-fb::before {
                                        background-position-x: 85.714285%;
                                    }

                                    #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu #right-dzomenu-mb .navbar ul li a.icon-mb.icon-mb-yu::before {
                                        background-position-x: 100%;
                                    }

                                #cover-menu-dzo #menu_dzo #headermobile .nav-mobile #page-open-right-dzomenu #right-dzomenu-mb .navbar ul li a i {
                                    line-height: 55px;
                                    font-size: 30px;
                                }

@media screen and (max-width: 1790px) {
    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav {
        zoom: 0.95;
    }
}

@media screen and (max-width: 1720px) {
    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav {
        zoom: 0.9;
    }
}

@media screen and (max-width: 1650px) {
    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav {
        zoom: 0.85;
    }
}

@media screen and (max-width: 1560px) {
    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav {
        zoom: 0.8;
    }
}

@media screen and (max-width: 1480px) {
    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav {
        zoom: 0.75;
    }
}

@media screen and (max-width: 1399px) {
    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav {
        zoom: 0.7;
    }
}

@media screen and (max-width: 1325px) {
    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav {
        zoom: 0.65;
    }
}

@media screen and (max-width: 1240px) {
    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav {
        zoom: 0.6;
    }
}

@media screen and (max-width: 1165px) {
    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav {
        zoom: 0.55;
    }
}

@media screen and (max-width: 1079px) {
    #cover-menu-dzo #menu_dzo #headerpc .nav-box .nav {
        zoom: 0.5;
    }
}

@media screen and (max-width:1024px) {
    #cover-menu-dzo #menu_dzo #headerpc {
        display: none;
    }

    #cover-menu-dzo #menu_dzo #headermobile {
        display: block;
    }
}