body {
    width: 90%;
    margin: auto auto!important;
    background-color: black!important;
    color: #f8f8f8!important;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif!important;
}
a {
    color: #dfd516!important;
}
.navigation {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.nav-bar {
    position: relative;
    top: 40px;
    background-color: rgb(52, 52, 52);
    align-items: inherit;
    border: 2px solid #181111;
    border-radius: 10px;
}
.list-style {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 0.8em;
    float: left;
}
.login {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 45px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    right: 18px;
    width: 118px;
    text-align: right!important;
    border: 1px solid yellow;
}
.list-style .options, .tutorial-heading {
    padding: 5px 10px;
    text-align: center;
}
.options {
    display: flex;
    flex-direction: column;
}
.options:hover {
    color: rgb(218, 218, 1);
}
.list-style .options i {
    font-size: 30px;
}
.loggingIn {
    cursor: pointer;
    background-color: transparent!important;
    color: #f2d71a!important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #F2D71A;
    height: 37px;
    width: 50%;
    right: 19px;
    position: relative;
}
.loggingIn:hover {
    animation: fadeLeft 1s;
    animation-fill-mode: forwards;
    /*animation-timing-function: ease;*/
}
.signingUp {
    width: 50%;
    height: 37px;
    cursor: pointer;
    color: #181111!important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-image: linear-gradient(to right,#f2d71a 0%,#ecb024 100%)!important;
    z-index: 10;
}
@keyframes fadeLeft {
    to {left: 1px}
}
.w3-section {
    margin-top: 80px;
    margin-bottom: 20px;
}
.w3-content {
    margin-left: auto;
    margin-right: auto;
}
.section[_ngcontent-nyl-c159] .section-heading[_ngcontent-nyl-c159] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}
.section[_ngcontent-nyl-c159] .section-content[_ngcontent-nyl-c159] .section-content-wrap[_ngcontent-nyl-c159] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
}
.app-banner-img[_ngcontent-nyl-c159], .one-wallet-banner-img[_ngcontent-nyl-c159] {
    width: 100%;
}
.mySlides {display:none;}
.mySlides2 {display:none;}
.d-flex {
    display: flex!important;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
}
.section-heading-left .heading-text {
    margin-left: 10px;
}
.social-media-section {
    text-align: center;
    margin-bottom: 50px;
}
.special_border {
    padding: 2px;
    margin: 10px 10px;
    border: 1px solid #f2d71a;
    border-radius: 12px;
}
.btns {
    width: 100%;
    margin: 0;
    padding: 8px;
    line-height: 15px;
    font-size: 11px;
    font-weight: 600;
    border: none;
    border-radius: 10px;
    background-image: linear-gradient(to right,#f2d71a 0%,#ecb024 100%);
    color: #000;
}
.right, .left {
    width: 47%!important;
    padding: 2px!important;
}

.specialtext > img, .sport-item > img {
    width: 60px;
}

.sport-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 18px;
    background-color: #222c3b;
    border-radius: 8px;
    width: 143px;
    margin: 5px;
    border-bottom: 1px solid #ffc600;
}

@media screen and (max-width: 1440px) {
    .sport-item[_ngcontent-ara-c88] {
        padding: 20px 4px !important;
    }
}
.casinos {
    max-width: 100%;
}
.m-0 {
    font-size: 12px;
}
.games > .d-flex, .casinos > .d-flex {
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.games > .d-flex > .item > img {
    width: 179px;
}
#loginBox {
    left: 40%;
}
#signupBox, #loginBox {
    display: none;
    position: absolute;
    top: 120px;
    margin: 0 15px 0 0;
    background-color: rgb(52, 52, 52);
    border-radius: 12px;
    z-index: 8;
}
.card-content {
    padding: 5px 0 15px;
    min-height: calc(100vh - 480px);
}
.inlineFlex {
    display: inline-flex;
}
.alignItems {
    display: flex;
    align-items: center;
    justify-content: center;
}
.right-side-col {
    width: 40%;
}
#signupBox > div > div > div > form > div > div > div.right-side-col.col.s12.m6 > div.bottom-icon > div.withdraw > div > img {
    width: 90%;
}
.mb-01 {
    font-size: larger;
    color: #dfd516;
    margin: 20px 0px;
}
.signUpForm > .row, .loginForm > .row {
    margin: 10px 0px;
}
#submitMB, #submitLogin {
    width: 100%;
    background-image: linear-gradient(to right, #f2d71a 0%, #ecb024 100%) !important;
    border: unset;
    color: #181111;
}
.member > a {
    cursor: pointer;
}
ul {
    list-style-type: none;
}
#rulesModal {
    display: none;
    position : absolute;
    margin: 0 15% 0 15%;
    max-height: 90%;
    z-index: 8;
    top: 100px;
    background: black;
    color: #f8f8f8;
    border-radius: 4px;
    overflow-y: scroll;
}
.rulesBody > ol { counter-reset: item }
.rulesBody > ol > li { display: block }
.rulesBody > ol > li:before { content: counters(item, ".") " "; counter-increment: item }
#cookies, #aboutUs, #termsCondition, #privacy {
    display: none;
}
body > footer > div > div.footerDiv.d-flex.justify-content-center.mt-md-2.mt-2.mb-sm-0.margin-bottom-sm.ng-tns-c158-1 > app-footer > div > div > div:nth-child(1) > div > div > ul > li > img,
body > footer > div > div.footerDiv.d-flex.justify-content-center.mt-md-2.mt-2.mb-sm-0.margin-bottom-sm.ng-tns-c158-1 > app-footer > div > div > div:nth-child(2) > div > div > ul > li > img {
    max-width: 162px;
}
body > footer > div > div:nth-child(1) > app-footer-tutorials > div.row.ng-star-inserted > div > button {
    height: 51px;
}
.ico {
    visibility: hidden;
}
#cricket > table {
    background-color: black!important;
    color: #f8f8f8!important;
    position: relative;
    width: 100%;
    height: auto;
}
.itemStyle {
    height: 30px;
}
.itemStyle > td {
    background-color: rgb(52, 52, 52);
    font-size: 18px;
    color: #f8f8f8;
}
@media screen and (max-width: 1200px) {
    body > footer > div > div:nth-child(1) > app-footer-tutorials > div.row.ng-star-inserted > div > button {
        height: 61px;
    }
    .navigation {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }
}
@media screen and (max-width: 880px) {
    /*#signupBox, #loginBox {
        display: none;
        position: absolute;
        top: 240px;
        margin: 0 15px 0 0;
        background-color: rgb(52, 52, 52);
        border-radius: 12px;
        z-index: 8;
    }*/
    .navigation {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }
    .navigation > .list-style {
        display: none;
    }
    .navigation > a.ico {
        float: left!important;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        color: white;
        padding: 10px 12px;
        text-decoration: none;
        font-size: 17px;
    }
    .ico {
        visibility: visible;
    }
}
@media screen and (max-width: 826px) {
    body > footer > div > div:nth-child(1) > app-footer-tutorials > div.row.ng-star-inserted > div > button {
        height: 76px;
    }
    
}
@media screen and (max-width: 768px) and (min-width: 453px) {
    body > footer > div > div:nth-child(1) > app-footer-tutorials > div.row.ng-star-inserted > div > button {
        height: 56px;
    }
    .deposit_nav {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navigation {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }
    /*#signupBox, #loginBox {
        display: none;
        position: absolute;
        top: 240px;
        margin: 0 15px 0 0;
        background-color: rgb(52, 52, 52);
        border-radius: 12px;
        z-index: 8;
    }*/
}
@media screen and (max-width: 1024px) and (min-width: 881px) {
    .navigation {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }
    #signupBox, #loginBox {
        display: none;
        position: absolute;
        top: 180px;
        margin: 0 15px 0 0;
        background-color: rgb(52, 52, 52);
        border-radius: 12px;
        z-index: 8;
    }
}
@media screen and (max-width: 452px) {
    /*#signupBox, #loginBox {
        display: none;
        position: absolute;
        top: 320px;
        margin: 0 15px 0 0;
        background-color: rgb(52, 52, 52);
        border-radius: 12px;
        z-index: 8;
    }*/
    .navigation {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }
}
@media screen and (max-width: 652px) {
    #signupBox > div > div > div > form > div > div > div.right-side-col.col.s12.m6 {
        display: none;
    }
    .itemStyle > td {
        font-size: 13px;
    }
}