.chaport-launcher-button.no-photo.chaport-launcher-anim.chaport-anim-show {
    opacity: 0;
}
@font-face {
    font-family: 'icomoon-navbar';
    src: url('../navbarfonts/icomoon.eot?y9urs9');
    src: url('../navbarfonts/icomoon.eot?y9urs9#iefix') format('embedded-opentype'),
        url('../navbarfonts/icomoon.ttf?y9urs9') format('truetype'),
        url('../navbarfonts/icomoon.woff?y9urs9') format('woff'),
        url('../navbarfonts/icomoon.svg?y9urs9#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.navbar{
    --background: #333;
    --burger-bg: #62bb46;
    --btn-width: 60px;
    --btn-height: 60px;
    font-family: 'icomoon-navbar','montserrat',
        Tahoma,
        "Microsoft Yahei",
        Arial,
        Helvetica;
    background: #333;
    position: fixed;
    bottom: 0;
    height: 50px;
    width: 100%;
    display: flex;
    color: #fff;
    justify-content: space-between;
    margin: 0;
    z-index: 999;
}

.navbar,
.navbar ::before,
.navbar ::after {
    box-sizing: border-box;
}

.navbar .fab-wrapper {
    position: relative;
    width: 70px;
}

.navbar a {
    color: white;
}

.navbar .burger {
    display: none;
}

.navbar .burger~a {
    width: var(--btn-width);
    height: var(--btn-height);
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.navbar .burger~a .nav-child-icon {
    height: 36px;
}

.navbar .burger~a .nav-child-icon::before {
    font-size: 30px;
}

.navbar .burger~a label {
    color: black;
    font-size: 8px;
}

.navbar .burger:checked~a {
    opacity: 1;
}

.navbar .burger:checked~a:hover {
    cursor: pointer;
    opacity: .9;
}

.navbar .burger:checked~.rtp {
    transform: translate(-65px, -67px);
    transition: all .2s linear .2s;
    background: white;
}

.navbar .burger:checked~.webzone {
    transform: translate(5px, -162px);
    transition: all .2s linear .2s;
    background: white;
}

.navbar .burger:checked~.apk {
    transform: translate(76px, -186px);
    transition: all .2s linear .2s;
    background: white;
}

.navbar .burger~.nav-child {
    opacity: 0;
    transition: all .2s linear .2s;
}

.navbar .burger-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    position: absolute;
    top: -22px;
    background: var(--burger-bg);
    border-radius: 50%;
    z-index: 1;
}

.navbar .burger-toggle::before {
    content: '';
    background: url('https://premicloud.net/banner/image/promotion/DEWABET.gif') no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 47px;
    transition: .2s;
}

.navbar .burger:checked~.burger-toggle::before {
    content: '\e908';
    background: unset;
    background-size: cover;
    width: unset;
    height: unset;
    transform: rotate(90deg);
    top: 14px;
    font-size: 30px;
    transition: .2s;
}

.navbar .burger-toggle:hover {
    cursor: pointer;
}

.navbar .bloc-icon label {
    font-size: 10px;
}

.navbar .bloc-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.nav-icon-livechat:before {
    content: "\e901";
    font-size: 25px;
}

.nav-icon-promo:before {
    content: "\e902";
    font-size: 25px;
}

.nav-icon-daftar:before {
    content: "\e903";
    font-size: 25px;
}

.nav-icon-home:before {
    content: "\e904";
    font-size: 20px;
}

.label-home{
    margin-bottom: 3px;
    margin-top: 3px;
}

.nav-icon-android:before {
    content: "\e905";
    color: #000000;
}

.nav-icon-rtp:before {
    content: "\e906";
    color: #000000;
}

.nav-icon-web:before {
    content: "\e907";
    color: #000000;
}

.nav-icon-x:before {
    content: "\e908";
    color: #ffffff;
}

.nav-icon-dewabet:before {
    content: "\e909";
    color: #fff;
}
.nav-icon-depo:before {
    content: "\e949";
    font-size: 25px;
}
.nav-icon-idngoal:before {
    content: "\e910";
}

.nav-icon-dewascore .path1:before {
    content: "\e911";
    color: rgb(246, 146, 30);
}

.nav-icon-dewascore .path2:before {
    content: "\e912";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}