.SeoPage .MainBanner-container .h1,
.SeoPage .MainBanner-container h1 {
    color: #d3d3d3
}

.MainMenu-open-wrapper .MainMenu-LogoSlogan {
    background-size: contain;
    background-image: url(/images/aladin/logo.png);
    width: 150px;
    height: 150px
}

.uk-modal-page {
    overflow: inherit
}

.uk-card {
    border-radius: 15px
}

.uk-card img {
    border-radius: 15px
}

.games-page .categories,
.SeoPage .categories {
    line-height: 70px;
    height: 70px;
    font-size: 1rem
}

.uk-navbar-nav>li>a {
    text-transform: none
}

.seamless {
    font-size: 1.3em
}

nav.nav-scroll {
    position: relative;
    z-index: 2;
    height: 2rem;
    box-sizing: border-box;
    overflow-y: hidden;
    padding: 1rem;
    border-top: 1px solid rgba(0, 0, 0, .075);
    line-height: 1em
}

nav.nav-scroll>ul {
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1rem
}

nav.nav-scroll>ul>li>a {
    font-weight: 500
}

.news-slide>li>.uk-card {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .075)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

#header.uk-sticky-below {
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .07)
}

#lead {
    color: teal
}

.uk-card.uk-card-default,
.uk-inline-clip {
    border-radius: 20px
}

.uk-card-default {
    box-shadow: none
}

.uk-card-default .uk-card-header {
    border-bottom: none
}

#playBtn {
    color: #fff;
    border-radius: 5px;
    background: linear-gradient(to right, mediumpurple, dodgerblue);
    font-size: 1.1rem;
    height: 50px
}

#openGameBtn[data-onoff=off],
#playBtn[data-onoff=off] {
    background: gray
}

#nav {
    background-color: #4682b4;
    padding: 10px
}

#banner.uk-section-small {
    padding: 0
}

#gameModal>.modal-content {
    background-color: #fff;
    background-image: none
}

#gameModal>.modal-content>.modal-body {
    margin-top: -13px
}

.uk-card-media-top {
    text-align: center
}

.uk-card.uk-card-default.uk-card-small {
    background: 0 0
}

.uk-container {
    max-width: 1830px
}

.game_title {
    font-weight: 700
}

h2,
lead {
    color: #2588ce
}

.game-category-image {
    background: 0 0
}

.uk-section {
    padding-top: 30px;
    padding-bottom: 40px
}

#beforeLogin span {
    padding: 6px 24px;
    font-weight: 800;
    font-size: 14px;
    border: 4px solid #337ab7;
    border-radius: 30px
}

#beforeLogin #login {
    background: #337ab7;
    color: #fff
}

#beforeLogin #signup {
    background: #fff;
    color: #337ab7
}

#beforeLogin #login:hover {
    opacity: .8
}

.modal-header {
    background: #337ab7
}

.modal-content button {
    background: #337ab7;
    color: #fff
}

.modal-content .modal-title {
    color: #fff
}

.text-cont .sub {
    font-size: 24px;
    padding-top: 0
}

#navbar {
    margin-top: 10px;
    margin-bottom: 10px
}

.uk-position-cover {
    border-radius: 20px
}

.uk-navbar-nav>li>a {
    min-height: 30px
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
    margin-top: 0
}

.uk-modal-header {
    background: #4682b4
}

.uk-modal-title {
    color: #fff
}

.uk-close {
    color: #fff
}

.uk-navbar-nav.after_login span {
    font-weight: 700;
    color: #4682b4
}

.after_login {
    position: absolute;
    right: 10px;
    top: 10px
}

.after_login2 {
    position: absolute;
    right: 10px;
    top: 40px;
    margin-top: 0
}

.btn-tiny>span {
    padding: 12px 16px
}

.uk-modal {
    padding-top: 100px
}

#loginModal input,
#agentCheckModal input,
#registModal input,
#registModal select {
    width: 90%
}

.SeoPage-content {
    color: #d3d3d3
}

.PaymentIconsContainer {
    cursor: default
}

.MainMenu-ActionsContainer button {
    margin-top: 15px
}

.MainMenu-ActionsContainer button.btn-games {
    margin-top: 0
}

.MainMenu-Left {
    position: absolute;
    width: 300px;
    margin: 0 50%;
    right: 170px
}

.MainMenu-Right {
    position: absolute;
    width: 400px;
    margin: 0 50%
}

.MainMenu-Left i,
.MainMenu-Right i {
    padding-left: 15px;
    margin-bottom: 6px
}

.btn-secondary {
    background-color: transparent
}

#loginModal,
#agentCheckModal,
#registModal {
    z-index: 9999
}

.uk-modal-header,
.SLB_caption {
    background: linear-gradient(to right, mediumpurple, dodgerblue)
}

.MainMenu-home {
    display: none
}

#memo_count,
#answered_count {
    position: relative
}

.memo-alert {
    width: 25px;
    height: 25px;
    line-height: 20px;
    font-weight: 700;
    background: #f14f4f;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -16px;
    left: -4px;
    display: none
}

.memo-alert-mobile {
    display: none
}

@media(max-width:1800px) {
    .uk-navbar-nav {
        margin-top: 60px;
        background: rgba(0, 0, 0, .8);
        padding: 9px;
        flex-wrap: wrap;
        border-radius: 14px
    }
    .MainMenu-open-wrapper .MainMenu-LogoSlogan {
        width: 80px;
        height: 60px
    }
    .after_login2 {
        top: 19px
    }
}

@media(max-width:992px) {
    .memo-alert-mobile {
        background: #be3333;
        padding: 4px 10px;
        border-radius: 14px;
        font-weight: 400
    }
}

@media(max-width:760px) {
    .after_login {
        xdisplay: none;
        margin-top: 60px
    }
    .uk-navbar-nav.after_login .ui.dropdown>.text {
        display: flex;
        flex-wrap: wrap
    }
    .BannerSlider-bg {
        height: 250px;
        min-height: 250px;
        background-image: url(/images/aladin/banner_m.png);
        background-size: cover
    }
    .uk-card {
        border-radius: 5px
    }
    .uk-card img {
        border-radius: 5px
    }
    .uk-card.uk-card-default,
    .uk-inline-clip {
        border-radius: 5px
    }
    .uk-container {
        width: 100%
    }
    .game_title {
        font-size: .7rem
    }
    .uk-card-small .uk-card-header {
        padding: 0
    }
    #playBtn {
        font-size: 10px;
        width: 80px;
        height: 30px;
        padding: 0;
        line-height: 30px
    }
}

.tele-wrap {
    max-width: 1920px;
    margin: 0 auto;
    position: relative
}

.tele-box {
    position: absolute;
    top: -70px;
    right: 15px
}

.tele_link {
    border: 3px solid #2d93c1;
    padding: 16px 20px;
    opacity: 1;
    background: rgba(255, 255, 255, .1);
    color: #fff !important;
    border-radius: 20px
}

@media(max-width:580px) {
    .tele-box {
        top: -110px
    }
}