@import url(https://fonts.googleapis.com/css?family=Nunito);


html, body {
    /*    position: relative !important;
    overflow-x: hidden !important;*/
    font-family: 'Nunito',Arial, Helvetica, sans-serif;
    margin: 0;
    background-color: #ffffff;
}

.banner {
    width: 90%;
    border: 0;
}

.badge {
    background: #f6b21a;
    color: #ffffff;
    position: relative;
    top: -126px;
    right: 390px;
    z-index: 2;
    padding: 0.2em;
}

.fa-angle-right, fa-angle-left {
    color: #f6b21a;
}

.ofertas-casino {
    border: 2px solid #07a01b;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}

.brand-logo.entered.lazyloaded {
    background-color: black;
    padding: 20px;
}

.card-section-image-grey {
    background-color: #8e8e8e;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 9em;
    align-items: center;
}

    .card-section-image-grey .brand-logo.entered.lazyloaded {
        background-color: #8e8e8e;
        padding: 20px;
    }

.card-section-image-black {
    background-color: #000000;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 9em;
    align-items: center;
}

.pagamento img {
    float: right;
}

.cabecalho .callout {
    border: none;
    background-color: transparent;
    color: #000000;
}

    .cabecalho .callout h1 {
        font-size: 2.4em;
    }

        .cabecalho .callout h1 span {
            color: #40fafc;
        }

    .cabecalho .callout li {
        font-size: 1.5em;
    }



/*.cabecalho .media-object {
    justify-content: center;
    align-items: center;
}

    .cabecalho .media-object .thumbnail {
        border: none;
    }*/
/*    .cabecalho h1 {
        text-shadow: 0 0 20px black;
    }*/
.cabecalho p {
    color: black;
}

.bloco-casinos .cell {
    /*margin-bottom: 1.5rem;*/
}

    .bloco-casinos .cell .grid-container {
        border: 2px solid #07a01b;
        border-radius: 1em;
        padding-left: 0;
        background-color: #ffffff;
    }

    .bloco-casinos .cell .casino {
        border: none;
    }

        .bloco-casinos .cell .casino .button {
            border: 2px solid #07a01b;
            background-color: #07a01b;
            border-radius: 1em;
            padding: 1em 9em;
            font-weight: 600;
        }

        .bloco-casinos .cell .casino .no-bullet li {
            margin-bottom: 0.3em;
        }


    .bloco-casinos .cell.logo {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction: row-reverse;
    }

        .bloco-casinos .cell.logo img {
            border-top-left-radius: 1em;
            border-bottom-left-radius: 1em;
        }



.ofertas-casino .card-section .casino {
    border: none;
}

    .ofertas-casino .card-section .casino .button {
        border: 2px solid #07a01b;
        background-color: #07a01b;
        border-radius: 1em;
        padding: 1em 5em;
        font-weight: 600;
    }

.ofertas-casino .casino .no-bullet {
    height: 8rem;
}

    .ofertas-casino .card-section .casino .no-bullet li {
        margin-bottom: 0.3em;
    }

.ofertas-casino .card-section-image-black .badge {
    background: #f6b21a;
    color: #ffffff;
    position: relative;
    top: -40px;
    right: 20px;
    z-index: 2;
    padding: 0.2em;
}

.sticky-footer-css {
    height: 100vh;
    display: -webkit-flex;
    <!-- display: -ms-flexbox; -->
    <!-- display: -ms-flexbox; -->
    display: flex;
    background: #8e8e8e;
}

.sticky-footer-css-body {
    overflow: auto;
}

footer {
    width: 100%;
    background: #000000;
    padding-top: 40px;
    padding-bottom: 40px;
}

    footer .social-icon {
        margin-top: -3px;
        max-width: 45px;
        max-height: 45px;
        opacity: .8;
    }

    footer .navegacao-rodape .badge {
        display: inline-block;
        min-width: 2.1em;
        padding: 0.3em;
        border-radius: 50%;
        font-size: 0.6rem;
        text-align: center;
        background: #ff0000;
        color: #ffffff;
    }

    footer .navegacao-rodape p {
        color: #ffffff;
    }

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
    /* Styles */
}