@font-face {
    font-display: swap;
    font-family: "Roboto";
    src: url(/static/bonushaven/v2/assets/fonts/Roboto-Thin.woff2) format("woff2");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    src: url(/static/bonushaven/v2/assets/fonts/Roboto-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    src: url(/static/bonushaven/v2/assets/fonts/Roboto-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    src: url(/static/bonushaven/v2/assets/fonts/Roboto-Black.woff2) format("woff2");
    font-weight: 800;
    font-style: normal
}

.js-scroll-top {
    display: none;
    bottom: 30px;
    right: 30px;
    position: fixed;
    z-index: 10;
    background: #000;
    width: 50px;
    height: 50px;
    font-size: 25px;
    border-radius: 50%;
    padding: 0;
    text-align: center
}

.js-scroll-top .fa {
    padding: 0;
    line-height: 45px
}

.footer {
    background-color: #262626;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 25px
}

.footer-heading {
    font-weight: 700;
    font-size: 16px;
    padding-top: 30px
}

.footer-logos {
    margin: 20px 0 -9px;
    text-align: center
}

.footer-logos>i {
    vertical-align: middle;
    margin-right: 18px;
    margin-bottom: 18px
}

.footer-18-text {
    color: #ccc;
    font-size: 12px;
    vertical-align: middle
}

.footer-18-text i.i-f-gamble-aware {
    top: 5px;
    position: relative;
    zoom: .8
}

.copyright {
    padding: 23px 0 31px;
    background-color: #1c1c1c;
    color: #ccc;
    font-size: 12px
}

.footer a {
    color: #fff
}

.footer hr {
    border-top-color: #464646
}

.footer-18 {
    color: #ccc
}

.footer-about-contact,
.copyright-text {
    text-align: center
}

.i-f-gamble-aware,
.i-f-oddspedia,
.i-f-juego-seguro,
.i-f-gambling-therapy,
.i-f-jugarbien,
.i-f-ecopayz,
.i-f-astropay,
.i-f-paypal,
.i-f-norton,
.i-f-neteller,
.i-f-visa,
.i-f-skrill,
.i-f-qiwi,
.i-f-webmoney,
.i-f-yandex-money,
.i-f-clickandbuy,
.i-f-mga,
.i-f-havale,
.i-f-boleto,
.i-f-mastercard,
.i-f-18,
.i-f-tuv,
.i-f-ja,
.i-f-cep-bank,
.i-f-sch {
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left
}

.i-f-gamble-aware.lazy-bg-loaded,
.i-f-oddspedia.lazy-bg-loaded,
.i-f-juego-seguro.lazy-bg-loaded,
.i-f-gambling-therapy.lazy-bg-loaded,
.i-f-jugarbien.lazy-bg-loaded,
.i-f-ecopayz.lazy-bg-loaded,
.i-f-astropay.lazy-bg-loaded,
.i-f-paypal.lazy-bg-loaded,
.i-f-norton.lazy-bg-loaded,
.i-f-neteller.lazy-bg-loaded,
.i-f-visa.lazy-bg-loaded,
.i-f-skrill.lazy-bg-loaded,
.i-f-qiwi.lazy-bg-loaded,
.i-f-webmoney.lazy-bg-loaded,
.i-f-yandex-money.lazy-bg-loaded,
.i-f-clickandbuy.lazy-bg-loaded,
.i-f-mga.lazy-bg-loaded,
.i-f-havale.lazy-bg-loaded,
.i-f-boleto.lazy-bg-loaded,
.i-f-mastercard.lazy-bg-loaded,
.i-f-18.lazy-bg-loaded,
.i-f-tuv.lazy-bg-loaded,
.i-f-ja.lazy-bg-loaded,
.i-f-cep-bank.lazy-bg-loaded,
.i-f-sch.lazy-bg-loaded {
    background: url(/static/bonushaven/v2/assets/images/footer-sprite.png) no-repeat
}

.footer-tr.footer-heading {
    font-size: 16px;
    padding-top: 30px;
    text-transform: none;
    font-weight: 100;
    text-align: center
}

.i-f-gamble-aware {
    background-position: 0 0;
    width: 216px;
    height: 46px
}

.i-f-gambling-therapy {
    background-position: 0 -97px;
    width: 122px;
    height: 46px
}

.i-f-norton {
    background-position: -99px -197px;
    width: 97px;
    height: 42px
}

.i-f-18 {
    background-position: -78px -351px;
    width: 46px;
    height: 46px
}

.footer-tr.footer-heading {
    font-size: 16px;
    padding-top: 30px;
    text-transform: none;
    font-weight: 100;
    text-align: center
}

.footer .flex-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row
}

.footer .flex-item {
    flex: 1 auto
}

.footer .order-1 {
    order: 1
}

.footer .order-2 {
    order: 2
}

.footer .order-3 {
    order: 3
}

@media screen and (max-width:575px) {
    .footer {
        text-align: center
    }
}

@media screen and (max-width:767px) {
    #lz-footer .media-right {
        display: flex
    }
}

.compliance-tooltip.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100)
}

.compliance-tooltip.tooltip.top .tooltip-arrow {
    border-top-color: #fff
}

.compliance-tooltip .tooltip-inner {
    background: #fff;
    color: #8e8d8d;
    width: 280px;
    max-width: 280px;
    border-radius: 3px;
    box-shadow: 4px 3px 20px -2px rgba(0, 0, 0, .75);
    font-size: 12px;
    line-height: 1.25em
}

.button.btn-disabled {
    cursor: not-allowed !important;
    user-select: none !important
}

.button.btn-disabled:not(.bonuscode) {
    background-color: #959ba5 !important;
    color: #F8F8F8 !important
}

.no-scroll {
    overflow-y: hidden
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.justify-content-evenly {
    -ms-flex-pack: distribute !important;
    justify-content: space-evenly !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (max-width:414px) {
    .m-xs-0 {
        margin: 0 !important
    }
    .mt-xs-0,
    .my-xs-0 {
        margin-top: 0 !important
    }
    .mr-xs-0,
    .mx-xs-0 {
        margin-right: 0 !important
    }
    .mb-xs-0,
    .my-xs-0 {
        margin-bottom: 0 !important
    }
    .ml-xs-0,
    .mx-xs-0 {
        margin-left: 0 !important
    }
    .m-xs-1 {
        margin: .25rem !important
    }
    .mt-xs-1,
    .my-xs-1 {
        margin-top: .25rem !important
    }
    .mr-xs-1,
    .mx-xs-1 {
        margin-right: .25rem !important
    }
    .mb-xs-1,
    .my-xs-1 {
        margin-bottom: .25rem !important
    }
    .ml-xs-1,
    .mx-xs-1 {
        margin-left: .25rem !important
    }
    .m-xs-2 {
        margin: .5rem !important
    }
    .mt-xs-2,
    .my-xs-2 {
        margin-top: .5rem !important
    }
    .mr-xs-2,
    .mx-xs-2 {
        margin-right: .5rem !important
    }
    .mb-xs-2,
    .my-xs-2 {
        margin-bottom: .5rem !important
    }
    .ml-xs-2,
    .mx-xs-2 {
        margin-left: .5rem !important
    }
    .m-xs-3 {
        margin: 1rem !important
    }
    .mt-xs-3,
    .my-xs-3 {
        margin-top: 1rem !important
    }
    .mr-xs-3,
    .mx-xs-3 {
        margin-right: 1rem !important
    }
    .mb-xs-3,
    .my-xs-3 {
        margin-bottom: 1rem !important
    }
    .ml-xs-3,
    .mx-xs-3 {
        margin-left: 1rem !important
    }
    .m-xs-4 {
        margin: 1.5rem !important
    }
    .mt-xs-4,
    .my-xs-4 {
        margin-top: 1.5rem !important
    }
    .mr-xs-4,
    .mx-xs-4 {
        margin-right: 1.5rem !important
    }
    .mb-xs-4,
    .my-xs-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xs-4,
    .mx-xs-4 {
        margin-left: 1.5rem !important
    }
    .m-xs-5 {
        margin: 3rem !important
    }
    .mt-xs-5,
    .my-xs-5 {
        margin-top: 3rem !important
    }
    .mr-xs-5,
    .mx-xs-5 {
        margin-right: 3rem !important
    }
    .mb-xs-5,
    .my-xs-5 {
        margin-bottom: 3rem !important
    }
    .ml-xs-5,
    .mx-xs-5 {
        margin-left: 3rem !important
    }
    .p-xs-0 {
        padding: 0 !important
    }
    .pt-xs-0,
    .py-xs-0 {
        padding-top: 0 !important
    }
    .pr-xs-0,
    .px-xs-0 {
        padding-right: 0 !important
    }
    .pb-xs-0,
    .py-xs-0 {
        padding-bottom: 0 !important
    }
    .pl-xs-0,
    .px-xs-0 {
        padding-left: 0 !important
    }
    .p-xs-1 {
        padding: .25rem !important
    }
    .pt-xs-1,
    .py-xs-1 {
        padding-top: .25rem !important
    }
    .pr-xs-1,
    .px-xs-1 {
        padding-right: .25rem !important
    }
    .pb-xs-1,
    .py-xs-1 {
        padding-bottom: .25rem !important
    }
    .pl-xs-1,
    .px-xs-1 {
        padding-left: .25rem !important
    }
    .p-xs-2 {
        padding: .5rem !important
    }
    .pt-xs-2,
    .py-xs-2 {
        padding-top: .5rem !important
    }
    .pr-xs-2,
    .px-xs-2 {
        padding-right: .5rem !important
    }
    .pb-xs-2,
    .py-xs-2 {
        padding-bottom: .5rem !important
    }
    .pl-xs-2,
    .px-xs-2 {
        padding-left: .5rem !important
    }
    .p-xs-3 {
        padding: 1rem !important
    }
    .pt-xs-3,
    .py-xs-3 {
        padding-top: 1rem !important
    }
    .pr-xs-3,
    .px-xs-3 {
        padding-right: 1rem !important
    }
    .pb-xs-3,
    .py-xs-3 {
        padding-bottom: 1rem !important
    }
    .pl-xs-3,
    .px-xs-3 {
        padding-left: 1rem !important
    }
    .p-xs-4 {
        padding: 1.5rem !important
    }
    .pt-xs-4,
    .py-xs-4 {
        padding-top: 1.5rem !important
    }
    .pr-xs-4,
    .px-xs-4 {
        padding-right: 1.5rem !important
    }
    .pb-xs-4,
    .py-xs-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xs-4,
    .px-xs-4 {
        padding-left: 1.5rem !important
    }
    .p-xs-5 {
        padding: 3rem !important
    }
    .pt-xs-5,
    .py-xs-5 {
        padding-top: 3rem !important
    }
    .pr-xs-5,
    .px-xs-5 {
        padding-right: 3rem !important
    }
    .pb-xs-5,
    .py-xs-5 {
        padding-bottom: 3rem !important
    }
    .pl-xs-5,
    .px-xs-5 {
        padding-left: 3rem !important
    }
    .m-xs-n1 {
        margin: -.25rem !important
    }
    .mt-xs-n1,
    .my-xs-n1 {
        margin-top: -.25rem !important
    }
    .mr-xs-n1,
    .mx-xs-n1 {
        margin-right: -.25rem !important
    }
    .mb-xs-n1,
    .my-xs-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xs-n1,
    .mx-xs-n1 {
        margin-left: -.25rem !important
    }
    .m-xs-n2 {
        margin: -.5rem !important
    }
    .mt-xs-n2,
    .my-xs-n2 {
        margin-top: -.5rem !important
    }
    .mr-xs-n2,
    .mx-xs-n2 {
        margin-right: -.5rem !important
    }
    .mb-xs-n2,
    .my-xs-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xs-n2,
    .mx-xs-n2 {
        margin-left: -.5rem !important
    }
    .m-xs-n3 {
        margin: -1rem !important
    }
    .mt-xs-n3,
    .my-xs-n3 {
        margin-top: -1rem !important
    }
    .mr-xs-n3,
    .mx-xs-n3 {
        margin-right: -1rem !important
    }
    .mb-xs-n3,
    .my-xs-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xs-n3,
    .mx-xs-n3 {
        margin-left: -1rem !important
    }
    .m-xs-n4 {
        margin: -1.5rem !important
    }
    .mt-xs-n4,
    .my-xs-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xs-n4,
    .mx-xs-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xs-n4,
    .my-xs-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xs-n4,
    .mx-xs-n4 {
        margin-left: -1.5rem !important
    }
    .m-xs-n5 {
        margin: -3rem !important
    }
    .mt-xs-n5,
    .my-xs-n5 {
        margin-top: -3rem !important
    }
    .mr-xs-n5,
    .mx-xs-n5 {
        margin-right: -3rem !important
    }
    .mb-xs-n5,
    .my-xs-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xs-n5,
    .mx-xs-n5 {
        margin-left: -3rem !important
    }
    .m-xs-auto {
        margin: auto !important
    }
    .mt-xs-auto,
    .my-xs-auto {
        margin-top: auto !important
    }
    .mr-xs-auto,
    .mx-xs-auto {
        margin-right: auto !important
    }
    .mb-xs-auto,
    .my-xs-auto {
        margin-bottom: auto !important
    }
    .ml-xs-auto,
    .mx-xs-auto {
        margin-left: auto !important
    }
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }
    .m-sm-1 {
        margin: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem !important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem !important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem !important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }
    .p-sm-0 {
        padding: 0 !important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }
    .p-sm-1 {
        padding: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem !important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem !important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem !important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }
    .m-sm-n1 {
        margin: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }
    .m-sm-n3 {
        margin: -1rem !important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }
    .m-sm-n4 {
        margin: -1.5rem !important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }
    .m-sm-n5 {
        margin: -3rem !important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }
    .m-md-1 {
        margin: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }
    .m-md-3 {
        margin: 1rem !important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem !important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem !important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }
    .p-md-0 {
        padding: 0 !important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }
    .p-md-1 {
        padding: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }
    .p-md-3 {
        padding: 1rem !important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem !important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem !important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }
    .m-md-n1 {
        margin: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }
    .m-md-n3 {
        margin: -1rem !important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }
    .m-md-n4 {
        margin: -1.5rem !important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }
    .m-md-n5 {
        margin: -3rem !important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }
    .m-lg-1 {
        margin: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem !important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem !important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem !important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }
    .p-lg-0 {
        padding: 0 !important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }
    .p-lg-1 {
        padding: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem !important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem !important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem !important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }
    .m-lg-n1 {
        margin: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }
    .m-lg-n3 {
        margin: -1rem !important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }
    .m-lg-n4 {
        margin: -1.5rem !important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }
    .m-lg-n5 {
        margin: -3rem !important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }
    .m-xl-1 {
        margin: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem !important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem !important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem !important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }
    .p-xl-0 {
        padding: 0 !important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }
    .p-xl-1 {
        padding: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem !important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem !important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem !important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }
    .m-xl-n1 {
        margin: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }
    .m-xl-n3 {
        margin: -1rem !important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }
    .m-xl-n4 {
        margin: -1.5rem !important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }
    .m-xl-n5 {
        margin: -3rem !important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::after,
.popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #9E9E9E
}

.tooltip-inner {
    background: #fff;
    max-width: 240px;
    box-shadow: 0 2px 10px #00000040;
    border-radius: 2px;
    position: relative;
    bottom: .5rem;
    padding: .5rem;
    font-size: 13px
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem;
    bottom: 0
}

.tooltip .arrow::after,
.tooltip .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.tooltip .arrow::after {
    bottom: 1px;
    border-top-color: #fff;
    border-width: .5rem .5rem 0;
    z-index: 1
}

.tooltip .arrow::before {
    border-top-color: rgba(0, 0, 0, .1);
    border-width: .5rem
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

pre {
    text-align: left
}

.quote {
    font-style: italic;
    font-weight: 600
}

p+.h4,
p+h4 {
    margin-top: 0
}

.h-100 {
    height: 100%
}

.container p:last-of-type+.btn-holder,
.container p:last-of-type~.btn {
    position: relative
}

.container p:last-of-type+.btn-holder {
    margin-bottom: 3rem
}

.content-section p:last-of-type~.btn-holder {
    margin-top: 3rem
}

.content-section p:last-of-type~.btn {
    margin-bottom: 1rem
}

.facts-list+h2 {
    margin-top: 0
}

.collapse .panel p {
    width: 100%
}

.content-section p+h2,
.content-section p+.h2 {
    margin-top: 2.5rem
}

.page-content .content-section a:not(.btn),
.page-header.content-section a:not(.btn) {
    color: #fff;
    font-weight: 500;
    text-decoration: underline
}

.page-content .content-section .step-list a {
    color: #3C9542
}

.collapse+p {
    margin: 4em auto
}

.page-header.content-section .btn-holder {
    margin-bottom: -2em !important
}

.content-section .panel {
    background-color: #fff;
    color: #868686
}

.content-section .collapse .panel {
    text-align: left
}

.collapse .panel .panel-heading [class^="icon-"],
.collapse .panel .panel-heading [class*=" icon-"] {
    color: #3c9542;
    font-size: 27px;
    text-align: center;
    margin-right: 1rem;
    position: relative;
    top: -2px
}

.content-section .collapse .panel h2,
.content-section .collapse .panel h3 {
    color: #262C4B;
    font: italic normal 600 16px/1.35 Roboto
}

.content-section .collapse .panel h3 {
    font-size: 14px
}

.content-section .collapse .panel a:not(.btn) {
    color: #3C9542
}

.collapse .h2>i,
.collapse h2>i {
    font-size: initial;
    order: 0;
    margin: initial
}

.positives,
.negatives {
    color: #343434;
    font-weight: 500;
    display: flex;
    align-items: center;
    text-align: left;
    height: 100%;
    padding: 1em;
    line-height: 1.15
}

.positives.stacked,
.negatives.stacked {
    height: auto;
	margin-bottom:10px;
}

.positives-negatives-title {
    color: #FFF;
    font: normal normal 900 37px/26px Roboto;
    text-transform: uppercase;
    text-shadow: 1px -2px 5px #b2b2b254
}

.negatives ul,
.positives ul {
    width: 70%;
    margin-left: auto;
    margin: 0
}

.positives:before,
.negatives:before {
    content: '';
    width: 30%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin-right: .5rem;
    height: calc(100% + 4rem)
}

.positives.stacked:before,
.negatives.stacked:before {
    content: '';
    width: 30%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin-right: .5rem;
    height: 150px;
}

.positives:before {
    background-image: url(/static/bonushaven/img/hero-happy.png) !important
}

.negatives:before {
    background-image: url(/static/bonushaven/img/hero-sad.png) !important
}

.page-content .positives ul li,
.page-content .negatives ul li {
    margin-bottom: 20px
}

.negatives ul li:last-child,
.positives ul li:last-child {
    margin-bottom: 0
}

.positives a {
    color: #3C9542 !important
}

.negatives a {
    color: #FD003A !important
}

.positives {
    border-bottom: 14px solid #3C9542
}

.negatives {
    border-bottom: 14px solid #FD003A
}

.big-facts-box .box {
    max-width: initial
}

.positives li:before,
.negatives li:before {
    border-radius: 50%;
    border: 2px solid;
    font-size: 23px;
    line-height: 24px;
    margin-right: 5px;
    flex: 0 0 27px;
    font-weight: 400;
    font-family: 'Roboto'
}

.positives li:before {
    content: '+';
    background-color: #3C9542;
    color: #fff
}

.positives.facts.facts-no-icon li:before {
    content: none
}

.positives.facts.facts-negative-icon li:before {
    content: '\2212';
    color: #FD003A;
    border: 2px solid #FD003A
}

.positives.facts.facts-negative-icon {
    border-color: #FD003A
}

.negatives li:before {
    content: '\2212';
    color: #fff;
    background-color: #FD003A
}

.facts.positives.facts-no-icon ul li {
    padding-left: 2.75rem
}

.box.facts {
    min-height: 280px
}

.facts-title {
    color: #3C9542;
    font-weight: 600;
    margin-bottom: 2rem;
    font-size: 15px
}

.facts-title i:before {
    font-size: 2rem;
    left: -1rem;
    position: relative;
    max-width: 2rem
}

.facts-row+.btn-holder {
    margin-top: 0 !important;
    margin-bottom: 3rem !important
}

strong+.row.facts-row {
    margin-top: 2rem
}

@media (min-width:991px) {
    .facts-list {
        width: 83.333333%;
        margin-left: auto;
        margin-right: auto
    }
}

.facts-list ol,
.facts-list ul {
    width: 100% !important;
    margin-bottom: 2rem
}

.facts-list li {
    background: #fff;
    padding: 1.75rem;
    padding-left: calc(1.75rem + 55px);
    box-shadow: 5px 0 10px rgb(0 0 0 / 15%);
    color: #262C4B;
    text-align: left;
    border-radius: 10px;
    min-height: 90px;
    text-transform: uppercase;
    font: italic normal 600 14px/20px Roboto;
    position: relative;
    flex-wrap: wrap;
	margin-bottom:10px;
}

.facts-list li .sub-item {
    width: 100%;
    color: #6f7285;
    text-transform: none;
    font-weight: 400
}

.facts-list li span {
    display: contents
}

.facts-list li:before {
    left: 0;
    font-size: 33px;
    margin-right: 1.75rem;
    color: #3c9542 !important;
    position: absolute;
    left: 1.75rem
}

.facts-list ol.flex-3-col,
.facts-list ul.flex-3-col {display:flex;justify-content:space-around;}


.facts-list ol.flex-3-col li, .facts-list ul.flex-3-col li {width:32%;flex-direction:column;align-items:start;}

.facts-list ul.simple,
.casino-games-boxes ul.simple {
    margin-top: 14px;
    width: auto
}

.facts-list ul.simple li,
.casino-games-boxes ul.simple li {
    font-size: 14px !important;
    text-transform: none;
    min-height: auto;
    padding: .1em 1rem;
    padding-left: calc(1rem + 30px);
    background: transparent;
    box-shadow: none;
    margin-bottom: 0;
    position: relative
}

.facts-list ul.simple li:before,
.casino-games-boxes ul.simple li:before {
    left: 0;
    font-size: 12px;
    margin-right: 1rem;
    color: #3c9542 !important;
    position: absolute;
    left: 1rem
}

.facts-negative-icon.facts-list li:before {
    content: "\e919";
    color: rgb(253, 0, 58) !important
}

.page-content .facts-list li>a:not(.btn) {
    color: #3c9542;
    font-weight: unset;
    text-decoration: none
}

.footer-heading {
    margin: 0
}

#lz-footer {
    background-color: #fff;
    color: rgba(1, 1, 1, .4);
    font-weight: 400
}

.footer hr {
    border-top-color: rgba(1, 1, 1, .2);
    margin: 1rem
}

.copyright {
    background-color: #fff;
    box-shadow: inset 0 0 37px #9595951a
}

.copyright,
.footer-18-text {
    color: rgba(1, 1, 1, .4)
}

#lz-footer i,
.copyright i.i-f-oddspedia {
    background-image: url(/static/bonushaven/v2/assets/images/footer-sprite-colored.png);
    filter: grayscale(100%);
    opacity: .4
}

.copyright i.i-f-oddspedia {
    filter: none
}

.i-f-18 {
    margin-right: .5rem
}

.footer a,
.copyright a {
    color: rgba(1, 1, 1, .4);
    text-decoration: underline
}

.footer .flex-container {
    justify-content: center
}

.footer .flex-item {
    flex: initial
}

#lz-footer i.fa-angle-up {
    opacity: 1;
    background: none !important
}

#lz-footer .fa-angle-up:before {
    content: '\e807' !important;
    font-family: "ccc";
    font-style: normal;
    color: #fff
}

.webp .i-f-luckylabz,
.webp #lz-footer i,
.webp .footer-logos>i {
    background-image: url(/static/bonushaven/v2/assets/images/footer-sprite-colored.webp)
}

.internal-link .operator-logo,
.internal-link .payment-logo,
.internal-link .slot-logo,
.internal-link .software-logo {
    width: 100px;
    margin-right: 1rem
}

.footer-menu-container {
    background-color: #080a18
}

ul#footer-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

ul#footer-menu>li {
    display: flex;
    flex-direction: column
}

ul#footer-menu ul {
    padding: 0
}

ul#footer-menu ul li {
    height: auto
}

ul#footer-menu li:before {
    content: none
}

ul#footer-menu li a {
    align-items: center;
    display: flex;
    flex: 1;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.68px;
    min-height: 30px;
    text-align: left;
    line-height: 1.25
}

ul#footer-menu li.menu-item-type-menu-label {
    flex: 1;
    padding: 0 1.5rem;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.68px;
    line-height: 30px
}

.owl-carousel:not(.owl-loaded) {
    display: flex !important;
    flex-direction: row
}

.owl-carousel:not(.owl-loaded)>div {
    flex: 1 1 auto
}

.page-content .content-section table:not(.bonus-table) {
    color: #fff
}

.page-content table:not(.bonus-table) {
    text-transform: uppercase;
    width: calc(100% - 10px);
    font-weight: 500;
    margin: 0 5px;
    border-collapse: separate;
    border-spacing: 0 3px;
    color: #262C4B
}

.page-content .content-section table:not(.bonus-table) th {
    color: rgba(255, 255, 255, .5)
}

.page-content table:not(.bonus-table) th {
    font-size: 9px;
    color: #262C4B;
    letter-spacing: 2.88px
}

.page-content table:not(.bonus-table) tr:nth-child(2n) {
    background: rgb(255 255 255 / 5%)
}

.page-content .content-section table:not(.bonus-table) tr:nth-child(2n+1) {
    background: rgb(38 44 75 / 5%)
}

.page-content table:not(.bonus-table) tr:nth-child(2n+1) {
    background: rgb(38 44 75 / 5%)
}

.page-content table:not(.bonus-table) td {
    position: relative;
    padding: 0 10px
}

.page-content table:not(.bonus-table) th {
    padding: 0 10px
}

.page-content table:not(.bonus-table) td:not(:first-child):before {
    content: '';
    display: block;
    border-left: 1px solid rgb(255 255 255 / 40%);
    height: 65%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.page-content table:not(.bonus-table) td.text-left {
    font-weight: 300;
    padding-left: 10px
}

td.table-btn-conainer {
    width: 0
}

.table-button-container {
    width: 50%;
    float: left;
    padding: 5px
}

.table-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    background: rgb(38 44 75 / 5%);
    height: 70px;
    text-transform: uppercase;
    padding: 0 10%;
    font: normal normal 300 13px/16px Roboto;
    border-radius: 5px;
    float: left
}

.table-button b,
.table-button strong {
    font: normal normal normal 14px/20px Roboto;
    letter-spacing: 4.48px
}

.page-content table.evaluation-criteria {
    text-transform: none;
	font-size:16px;
	font-weight:normal;
}

.page-content table.evaluation-criteria th, .page-content table.evaluation-criteria td {
	padding: 5px;font-size:16px;text-align:left;
}


.circle-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.circle-steps>div>div {
    font: normal normal normal 14px/22px Roboto;
    color: #868686;
    position: relative;
    flex-direction: column;
    display: flex;
    padding-bottom: 20px
}

.circle-steps>div>div:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100px;
    border-top: 1px solid #3C9542
}

.circle-steps>div>div strong,
.circle-steps>div>div b {
    font: normal normal normal 15px/22px Roboto;
    letter-spacing: 1.8px;
    color: #323232;
    text-transform: uppercase
}

.circle-steps-left,
.circle-steps-right {
    float: left;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    max-width: 400px;
    padding: 1% 0 5%
}

.circle-steps img {
    padding: 1%;
    max-width: 650px
}

.circle-steps-left {
    flex: 1;
    text-align: right
}

.circle-steps-left div:after {
    right: 0
}

.circle-steps-bottom {
    flex: 0 0 100%;
    text-align: center;
    margin-bottom: 3rem
}

.circle-steps-right {
    flex: 1;
    text-align: left;
    flex-direction: column-reverse
}

.circle-steps-right div:after {
    left: 0
}

.circle-steps>.circle-steps-left>div:nth-child(1) {
    left: 16%
}

.circle-steps>.circle-steps-left>div:nth-child(3) {
    left: 10%
}

.circle-steps>.circle-steps-right>div:nth-child(1) {
    right: 16%
}

.circle-steps>.circle-steps-right>div:nth-child(3) {
    right: 10%
}

.circle-steps-bottom div:after {
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width:991px) {
    .circle-steps img {
        width: 50%
    }
}

@media (max-width:767px) {
    .content-section.hero {
        background-image: none;
        background: #1c7e23;
        background: -moz-radial-gradient(50% bottom, #3c9542 0%, #1c7e23 50%);
        background: -webkit-radial-gradient(50% bottom, #3c9542 0%, #1c7e23 50%);
        background: radial-gradient(at 50% bottom, #3c9542 0%, #1c7e23 50%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c9542', endColorstr='#1c7e23', GradientType=1)
    }
    .circle-steps {
        flex-direction: column
    }
    .circle-steps>div {
        text-align: left;
        padding: 0 1rem;
        max-width: 500px;
        width: 100%;
        margin: 0 auto
    }
    .circle-steps-left {
        order: 1
    }
    .circle-steps>div>div {
        left: 0 !important;
        right: 0 !important;
        padding-left: 75px;
        padding-bottom: 0;
        margin-bottom: 20px
    }
    .circle-steps>div>div:after {
        content: none
    }
    .circle-steps .circle-steps-left>div {
        counter-increment: custom-counter
    }
    .circle-steps>div>div:before {
        content: counter(custom-counter);
        font: normal normal 700 20px/40px Roboto;
        margin-right: 15px;
        border: 7px solid #dfe8e0;
        padding: 0;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: flex;
        flex: 0 0 50px;
        align-items: center;
        justify-content: center;
        color: #3b9443;
        background: #fff;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
    }
    .circle-steps img {
        display: none
    }
}

.tooltip {
    position: absolute !important;
    z-index: 9999
}

.btn.btn-grey.js-disabled {
    cursor: not-allowed;
    background: #a3a3a3 !important
}

a.operator-logo.btn-grey.js-disabled {
    background: inherit
}

.flex-auto {
    flex: auto
}

.mb-6,
.my-6 {
    margin-bottom: 4rem !important
}

.mt-6,
.my-6 {
    margin-top: 4rem !important
}

.w-100 {
    width: 100%
}

.w-auto {
    width: auto
}

.box-shadow {
    box-shadow: 0 0 15px #00000040
}

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

.bg-white {
    background-color: #fff
}

.bg-grey {
    background-color: #F8F8F8
}

.bg-green {
    background-color: #4EA954
}

.bg-blue {
    background-color: #262C4B
}

.text-white {
    color: #fff
}

.text-green {
    color: #4EA954 !important
}

.text-blue {
    color: #262C4B !important
}

.text-light-blue {
    color: #005485
}

.text-default {
    color: #868686
}

.text-grey {
    color: #585858
}

.text-light-grey {
    color: #9E9E9E
}

.text-lighter-grey {
    color: #d5d5d5
}

.text-dark-grey {
    color: #4B4F55
}

.text-dark {
    color: #2D2D2D
}

.text-uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-justify {
    text-align: justify !important
}

.text-capitalize {
    text-transform: capitalize !important
}

span.small {
    font-size: .8em
}

.font-size-0-7 {
    font-size: .7rem !important
}

.font-size-0-8 {
    font-size: .8rem !important
}

.font-size-0-9 {
    font-size: .9rem !important
}

.font-size-1 {
    font-size: 1rem !important
}

.font-size-1-15 {
    font-size: 1.15rem !important
}

.font-size-1-25 {
    font-size: 1.25rem !important
}

.font-size-1-5 {
    font-size: 1.5rem !important
}

.font-size-2 {
    font-size: 2rem !important
}

.fw-100 {
    font-weight: 100
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.panel-body ul li::before {
    color: #3c9542
}

.page-content ol li strong,
.page-content ol li b,
.page-content ol li a,
.page-content ul li strong,
.page-content ul li b,
.page-content ul li a {
    display: contents
}

.page-content ol {
    list-style: none;
    counter-reset: custom-counter;
    padding: 0
}

.page-content ol>li {
    counter-increment: custom-counter;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 1rem;
    text-align: left
}

.page-content ol>li::before {
    content: counter(custom-counter);
    font: normal normal 700 20px/40px Roboto;
    margin-right: 15px;
    border: 2px dotted;
    padding: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center
}

.text-left {
    text-align: left
}

.collapse {
    margin-top: 4em;
    margin-bottom: 3em
}

.collapse+p {
    margin-bottom: 2em
}

h2+.collapse {
    margin-top: 0
}

.collapse+.btn-holder {
    margin-top: -1em !important;
    margin-bottom: 2em !important
}

.expand-panel {
    display: none
}

.collapse .panel {
    padding: 0 2em 0 1em;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .16);
    margin: 1.25em 0;
    position: relative;
    background-color: #fff;
    border-radius: 10px
}

.collapse .panel .panel-heading {
    display: flex;
    align-items: center;
    text-align: left;
    position: relative;
    padding: 25px 2em .25rem 0
}

.collapse .panel .panel-heading h2 img,
.collapse .panel .panel-heading h3 img {
    margin-right: 1rem
}

.collapse .panel .panel-heading h2,
.collapse .panel .panel-heading h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    font-style: italic;
    justify-content: flex-start;
    flex-wrap: nowrap;
    text-align: left
}

.collapse .panel h2:after,
.collapse .panel h3:after,
.collapse .panel .panel-heading h3:after,
.collapse .panel .panel-heading h2:after {
    content: none
}

.collapse.faq-collapse .panel .panel-heading [class^="icon-"],
.collapse.faq-collapse .panel .panel-heading [class*=" icon-"] {
    margin-right: 15px
}

.collapse+h2 {
    margin-top: 0
}

.lang-de .faq-collapse .panel-heading i:before {
    content: url(/static/bonushaven/v2/assets/images/fa.svg);
    display: block
}

.lang-en .faq-collapse .panel-heading i:before {
    content: url(/static/bonushaven/v2/assets/images/qa.svg);
    display: block
}

.collapse .panel>div h4,
.collapse .panel>div .h4,
.collapse .panel>div h3,
.collapse .panel>div .h3 {
    font-style: italic;
    font-size: 14px;
    color: #262c4b;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: .25rem;
	margin-top:0;
	
}

.collapse .panel>div h4 strong,
.collapse .panel>div .h4 strong,
.collapse .panel>div h3 strong,
.collapse .panel>div .h3 strong {
    font-weight: 600
}

.collapse .panel>div h4 i,
.collapse .panel>div .h4 i,
.collapse .panel>div h3 i,
.collapse .panel>div .h3 i {
    margin-right: 10px
}

.collapse .panel ol {
    padding: 0 2rem
}

.info-box-mascot ol li::before,
.collapse .panel ol li::before {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    font-size: 14px
}

.collapse .panel .panel-body p:first-child {
    margin-top: 0
}

.collapse .panel .panel-body p:last-child {
    margin-bottom: 2em
}

.collapse .panel p:last-of-type+ul {
    margin-top: 0;
    margin-bottom: 2rem
}

.collapse .panel p+.btn {
    margin-top: -1rem !important;
    margin: 0 1.5rem
}

.collapse .panel .panel-body p {
    text-align: left !important
}

.collapse .panel .panel-body {
    padding: 0 1em;
    text-align: center;
    max-height: 0;
    transition: max-height 1.5s ease-in-out;
    -webkit-transition: max-height 1.5s ease-in-out;
    -moz-transition: max-height 1.5s ease-in-out;
    -o-transition: max-height 1.5s ease-in-out;
    overflow: hidden
}

.collapse .panel h3,
.collapse .panel h4 {
    width: 100%;
    padding: 0 1rem
}

.content-section ul li:before {
    color: #fff
}

.collapse .panel ul {
    font-size: 14px;
    font-style: italic;
    color: #585858;
    font-weight: 600;
    padding: 0 2rem
}

.collapse .panel p {
    text-align: left !important;
    width: 100%;
    padding: 0 2rem
}

.collapse .panel p img,
.collapse .panel p span,
.collapse .panel p a.internal-link {
    float: left;
    clear: both
}

.collapse .panel p:last-of-type {
    margin-bottom: 2.5rem
}

.collapse .panel p:last-of-type~ul {
    margin-bottom: 1.5rem
}

.collapse .panel .box {
    box-shadow: 0 0 15px #0000002b
}

.collapse .panel p~.box {
    margin-top: 0 !important
}

.faq-header {
    text-align: center;
    display: block;
    margin: 0 auto
}

.faq-header-bg {
    text-align: center;
    display: block;
    margin: 0 auto;
	width:231px;
	height:234px;
}
.faq-header-bg.lazy-bg-loaded {background:url(/static/bonushaven/img/hero-faq.png) no-repeat;}
.content-section .faq-header-bg.lazy-bg-loaded {background:url(/static/bonushaven/img/hero-faq-alt.png) no-repeat;}

.content-section .faq-img {
    background: url(/static/bonushaven/v2/assets/images/mr-ringo-white-faq.svg) no-repeat;
    height: 233px;
    padding-left: 230px
}

.btn.btn-arrow {
    padding: 0 3.25em 0 2.65em;
    text-indent: .8em
}

.btn.btn-arrow:after {
    font-family: "ccc";
    content: '\e806';
    font-size: .8em;
    position: absolute;
    right: 1.5em;
    text-indent: 0
}

.btn-grey {
    background-color: #F8F8F8;
    color: #4B4F55
}

.button.btn-disabled {
    background-color: #F8F8F8 !important;
    color: #959ba5 !important;
    cursor: not-allowed !important;
    user-select: none;
    border: 1px solid #e9e9e9
}

.btn-green {
    background-color: #3C9542 !important;
    color: #fff !important
}

.btn-orange {
    background-color: #EF9B34 !important;
    color: #fff !important
}

.btn-blue {
    background-color: #262C4B;
    color: #fff
}

.btn-light-blue {
    background-color: #0266A1;
    color: #fff
}

.btn-white {
    background-color: #fff;
    color: #262C4B;
    box-shadow: 0 0 15px #00000040
}

.content-section .btn-white:not(.button-show-more) {
    /* 	background-color: rgba(255, 255, 255, .51); */
	background-color: #262C4B !important;
    color: #FFF
}

.btn-transparent {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff
}

.btn-border {
    background-color: #fff;
    border: 1px solid #86868659;
    color: #5B5B5B
}

.btn-icon {
    padding-left: 3.5em
}

.btn-icon i {
    position: absolute;
    left: .85em;
    font-size: 1.5em
}

.btn.bonuscode {
    padding: 0
}

.btn.btn-big {
    height: 75px;
    font-size: 1rem
}

.btn.btn-med {
    height: 60px;
    font-size: 1rem
}

@media (min-width:991px) {
    .btn-btn-black-friday {
        top: -2vw
    }
    .halloween-banner {
        top: 4.1vw;
        position: relative
    }
}

.breadcrumb {
    padding: 0;
    background-color: transparent;
    color: #868686;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none
}

ul.breadcrumb li {
    margin-bottom: 0
}

ul.breadcrumb li:before {
    content: none
}

.page-content .breadcrumb a {
    text-decoration: none;
    color: #868686
}

.breadcrumb li+li::before {
    content: "/";
    position: initial;
    margin: 0;
    font-size: 1em;
    color: inherit
}

.btn-white.hvr-sweep-diagonal:before,
.btn-show-more-bonuses.hvr-sweep-diagonal:before {
    background: #f2f2f2;
    border-left: 25px solid #d5d5d5
}

.small-box .box-heading {
    font-weight: 600
}

a.btn-show-more-bonuses {
    text-transform: uppercase;
    color: #787878 !important;
    text-decoration: none !important;
    height: 60px;
    align-items: center
}

.box-heading {
    color: #262C4B;
    font-size: 1.5em;
    font-weight: 800;
    text-align: left;
    align-items: center;
    display: flex;
    padding-top: .5rem
}

.features-facts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left
}

.features-facts>div {
    padding-left: 7em;
    position: relative
}

.features-facts i {
    flex: 1;
    position: absolute;
    left: 0;
    top: calc(50% - 5em);
    border: solid #ebebeb 2px;
    border-radius: 50%;
    width: 76px;
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center
}

.features-facts i:before {
    font-style: normal;
    font-size: 2em;
    color: #4EA954
}

#features .h2,
#features .h3 {
    color: #323232
}

#features .features-facts p {
    padding-bottom: 3em;
    width: 100%
}

.features-facts p:after {
    content: '';
    position: relative;
    width: 100px;
    border-top: 1px solid #3C9542;
    display: block;
    margin-top: 1.5em;
    margin-right: calc(100% - 100px)
}

@media (min-width:991px) {
    .features-facts:nth-child(1) {
        text-align: right
    }
    .features-facts:nth-child(1) p:after {
        margin-left: calc(100% - 100px)
    }
    .features-facts:nth-child(1)>div {
        padding-right: 7em;
        padding-left: 15px
    }
    .features-facts:nth-child(1) i {
        right: 0;
        left: initial
    }
}

@media (max-width:767px) {
    .top-online-casinos {
        margin: 0
    }
    #mobile-box .box:not(.small-box) {
        position: relative;
        padding-bottom: 45px;
        padding-right: 0
    }
    #mobile-box .box>.btn {
        position: absolute;
        left: 0;
        bottom: 0;
        border-radius: 0 0 10px 10px;
        padding: 0 0 0 1.5em
    }
    #mobile-box .box-heading {
        margin-bottom: 1.5rem
    }
    .bonus-table.apps-table tr {
        flex: 100%
    }
    .btn.app-btn {
        display: none
    }
    .apps {
        align-items: flex-end;
        background-size: auto;
        padding-top: 1em;
        zoom: .9;
        -moz-transform: scale(.9)
    }
    .apps>div {
        margin-right: 15px
    }
}

.small-box-btn .box-heading {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 1.5rem
}

.small-box-btn a {
    text-decoration: none !important
}

.small-box-btn span {
    flex: 0 0 72%;
    font-size: 15px
}

.small-box-btn .box-heading i {
    flex: 0 0 10%;
    margin: 0
}

.small-box-btn i:first-of-type:before {
    font-size: 23px;
    width: 100%;
    margin-left: 0;
    text-align: center
}

.content-section .box-with-picture {
    margin-top: 2.5rem;
    color: #A5A5A5
}

.content-section .box-with-picture h2,
.content-section .box-with-picture h3 {
    color: #262C4B;
    font: normal normal bold 22px/27px Roboto;
    margin-bottom: 0
}

.box-with-picture {
    margin-top: .5rem;
    margin-bottom: 4rem;
    min-height: 330px
}

.box-with-picture>div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.box-with-picture .box-with-custom-picture-img {
    background: #f2f2f2;
    background-size: contain;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 380px
}

.box-with-picture .btn {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.box-with-picture p:last-of-type {
    margin-bottom: 1.5em
}

@media (max-width:991px) {
    .box-with-custom-picture.box-with-picture h3 {
        margin: 0;
        font-size: 1.4rem
    }
    .box-with-picture>.box-with-custom-picture-img {
        order: -1;
        min-height: 190px;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #f2f2f2
    }
}

.small-box .operator-logo img {
    width: auto;
    height: 50px
}

#payments-slider {
    margin-top: 1em;
    margin-bottom: 3em
}

.content-section #payments-slider {
    margin-bottom: 1em
}

.content-section #payments-slider~h2 {
    margin-top: 2rem
}

#payments-slider+.btn-holder {
    margin-bottom: 3em !important
}

.owl-carousel {
    display: block !important
}

.owl-carousel.owl-carousel-customized .owl-item {
    opacity: .1
}

.owl-carousel.owl-carousel-customized .owl-item.active {
    opacity: 1
}

.owl-prev i:before {
    transform: rotate(180deg);
    transition: opacity 1s ease-in-out;
    display: inline-block
}

div.owl-prev,
button.owl-prev {
    top: calc(50% - 22px);
    position: absolute;
    left: -5rem
}

div.owl-next,
button.owl-next {
    top: calc(50% - 22px);
    position: absolute;
    right: -5rem
}

.owl-carousel .owl-dots {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.owl-carousel .owl-dots .owl-dot:last-child {
    display: none
}

.owl-carousel .owl-dots div,
.owl-carousel .owl-dots button {
    background-color: rgba(224, 90, 52, .51);
    width: 12px;
    height: 12px;
    display: inline-block;
    border: none;
    outline: none;
    margin: 0 .5rem;
    border-radius: 100%
}

.owl-carousel .owl-dots div.active,
.owl-carousel .owl-dots button.active {
    background-color: #F75A05
}

.content-section .owl-carousel .owl-dots div,
.content-section .owl-carousel .owl-dots button {
    background-color: #ccc
}

.content-section .owl-carousel .owl-dots div.active,
.content-section .owl-carousel .owl-dots button.active {
    background-color: #fff
}

@media (min-width:991px) {
    .owl-carousel.owl-carousel-customized .owl-stage-outer {
        overflow: visible
    }
    .owl-carousel.owl-carousel-customized .owl-stage-outer .owl-stage {
        margin-left: auto;
        margin-right: auto
    }
}

.owl-prev,
.owl-next {
    padding: 1em;
    font-size: .8em;
    line-height: 1.5em;
    background-color: #fff;
    border-radius: 50%;
    border: none;
    outline: none;
    width: 44px;
    height: 44px;
    box-shadow: 0 0 15px #00000040
}

.owl-prev {
    float: left
}

.owl-next {
    float: right
}

.owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.owl-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
    width: 100%
}

.owl-item .item {
    width: 100%
}

.box-with-picture,
.owl-item .box {
    max-width: 100%
}

.owl-nav .disabled {
    opacity: .7
}

.casino-games-boxes .box {
    display: flex;
    flex-direction: column;
    justify-content: normal;
    padding: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    height: 100%;
    color: #868686;
    font-size: 14px;
    position: relative
}

.casino-games-boxes .box h3,
.content-boxes .box h3 {
    color: initial;
    font-weight: 400;
    margin: 0
}

.casino-games-boxes .box h4:after,
.casino-games-boxes .box h3:after {
    content: none
}

.casino-games-boxes .box img.slot-logo {
    max-width: 100px;
    order: -1
}

.casino-games-boxes .box h3 {
    font-style: normal;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    color: #262C4B;
    margin-bottom: 0;
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.casino-games-boxes .box h3 img {
    align-self: center
}

.how-to-boxes li i,
.casino-games-boxes .box i {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 2rem;
    display: block;
    color: #3C9542
}

.casino-games-boxes a {
    text-transform: uppercase;
    color: #3C9542 !important;
    letter-spacing: .5px;
    font-size: .9rem;
    font-weight: 400;
    margin-top: auto
}

.page-content .casino-games-boxes p>a:not(.btn) {
    text-transform: none;
    font-weight: 300;
    font-size: 1rem
}


.casino-games-boxes .box.no-pad {
    padding: 0 !important;
}

.casino-games-boxes .box.no-pad img {align-self: center;border-radius:10px 10px 0 0}

.casino-games-boxes .box.no-pad .pad {padding:15px}
.casino-games-boxes .box.no-pad .pad h3 {margin-top:0}


.intro-boxes {
    text-align: left
}

.intro-boxes .row {
    padding: 1.5rem 2rem 0
}

.intro-boxes .small-box .row {
    padding: 1.5rem 1rem 0
}

.intro-boxes .box {
    padding-left: 15px;
    padding-right: 15px
}

.intro-boxes .table-games span.btn {
    font: normal normal bold 14px/28px Roboto;
    color: #2D2D2D;
    height: 35px;
    min-width: initial;
    text-transform: none;
    min-width: initial;
    padding: 0 1em;
    border-radius: 10px;
    margin: 4px
}

.intro-boxes .table-games:not(.no-dot) span.btn:before {
    content: "??";
    font-size: 33px;
    color: #3c9542;
    margin-right: 5px
}

.intro-boxes .table-games span.btn img {
    margin-right: 10px
}

#deposit-boxes {
    margin-top: 3em;
    margin-bottom: 2em
}

#deposit-boxes h2 {
    margin-top: 0;
    margin-bottom: 0
}

#deposit-boxes+.btn-holder {
    margin-bottom: 3em !important
}

#app-features>div,
#deposit-boxes>div {
    margin-top: 30px
}

#deposit-boxes .row {
    margin: 0
}

#app-features .box-heading,
#deposit-boxes .box-heading {
    border-bottom: 1px solid #EBEBEB;
    font-weight: 400;
    font-size: 1rem;
    text-transform: uppercase;
    height: 90px
}

#app-features .box-heading>div,
#deposit-boxes .box-heading>div {
    display: flex;
    justify-content: center
}

#deposit-boxes .box-heading>div:nth-child(2) {
    padding-left: .9rem;
    padding-right: 1.5rem;
    padding-right: .25rem;
    padding-top: 1em;
    padding-bottom: .5em;
    font-size: .9rem
}

#app-features .box-heading>div:nth-child(1),
#deposit-boxes .box-heading>div:nth-child(1) {
    font-size: 35px;
    align-items: center;
    border-right: 1px solid #EBEBEB
}

#deposit-boxes .box-heading>div:nth-child(1) b {
    text-indent: 14px
}

#app-features ul,
#deposit-boxes ul {
    text-indent: 0;
    padding-left: 0;
    margin: .5em 0;
    width: 100%
}

#app-features ul li {
    margin-bottom: .25rem;
    margin-bottom: .5rem;
    font: normal normal 300 11px/18px Roboto;
    color: #868686;
    letter-spacing: .06px
}

#deposit-boxes ul li {
    margin: .5em 0;
    font: normal normal 300 11px/18px Roboto
}

#deposit-boxes ul li:before {
    margin-right: 1.5em
}

#deposit-boxes div ul li:before,
#deposit-boxes div.box-heading>div:nth-child(1) {
    color: #13ACE5
}

#deposit-boxes .box .btn {
    border-radius: 0 0 10px 10px; color:#fff;
}

#deposit-boxes>div .button {
    background-color: #13ACE5
}

#deposit-boxes>div:nth-child(2n) ul li:before,
#deposit-boxes>div:nth-child(2n) .box-heading>div:nth-child(1) {
    color: #1C69AE
}

#deposit-boxes>div:nth-child(2n) .button {
    background-color: #1C69AE
}

#deposit-boxes>div:nth-child(3n) ul li:before,
#deposit-boxes>div:nth-child(3n) .box-heading>div:nth-child(1) {
    color: #114C84
}

#deposit-boxes>div:nth-child(3n) .button {
    background-color: #114C84
}

#app-features {
    margin-right: -7px;
    margin-left: -7px;
    justify-content: center
}

#app-features>div {
    padding-left: 7px;
    padding-right: 7px
}

#deposit-boxes div ul li:before,
#app-features ul li:before {
    content: '\2022';
    font-size: 40px;
    margin: 0;
    flex: 0 0 25%;
    left: -17px;
    margin-top: -3px
}

#app-features .box-heading,
#app-features ul li:before {
    color: #262C4B
}

#app-features .button {
    background-color: #262C4B
}

#app-features>div:nth-child(1) .box-heading,
#app-features>div:nth-child(1) ul li:before {
    color: #13ACE5
}

#app-features>div:nth-child(1) .button {
    background-color: #13ACE5
}

#app-features>div:nth-child(2) .box-heading,
#app-features>div:nth-child(2) ul li:before {
    color: #1C69AE
}

#app-features>div:nth-child(2) .button {
    background-color: #1C69AE
}

#app-features>div:nth-child(3) .box-heading,
#app-features>div:nth-child(3) ul li:before {
    color: #114C84
}

#app-features>div:nth-child(3) .button {
    background-color: #114C84
}

#app-features .box {
    padding: 0 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: .85em;
    overflow: hidden
}

#app-features .box-heading {
    padding: 0;
    height: 70px
}

#app-features .box-heading i {
    font-size: 27px;
    margin: 0
}

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    width: 0;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1;
    overflow: initial !important
}

.bonus-filter-boxes .compliance-text {
    text-align: center;
    text-shadow: none;
    color: #A5A5A5;
    margin-top: 15px;
    font-size: 11px;
    line-height: 1.15
}

.bonus-filter-boxes .compliance-text a {
    display: contents
}

.bonus-filter-boxes-content .button-show-more,
#bonus-filter .button-show-more,
.open-more {
    height: 60px;
    border-radius: 10px;
    font: normal normal normal 14px/7px Roboto;
    color: #606060;
    cursor: pointer
}

.content-section .bonus-filter-boxes .compliance-text {
    color: rgba(255, 255, 255, .7);
    text-shadow: 1px 1px 2px #f75a05
}

.compliance-text a {
    display: contents
}

.bonus-filter-boxes.row.lfm {
    margin-top: 20px
}

.bonus-filter-boxes.row.lfm .btn-container.row {
    align-content: start;
    min-height: 150px
}

.bonus-filter-boxes.row.lfm .logo-container a {
    display: flex
}

.bonus-filter-boxes.row.lfm .logo-container a img {
    width: 100%
}

.bonus-filter-boxes.row.lfm blockquote {
    text-align: left;
    width: 100%;
    position: relative;
    padding: 0 20px
}

.bonus-filter-boxes.row.lfm blockquote:before {
    display: block;
    padding-left: 10px;
    content: "\201C";
    font-size: 40px;
    position: absolute;
    left: -20px;
    top: -10px;
    color: #7a7a7a
}

.bonus-filter-boxes.row.lfm blockquote:after {
    display: block;
    padding-left: 10px;
    content: "\201D";
    font-size: 40px;
    position: absolute;
    right: 10px;
    bottom: -30px;
    color: #7a7a7a
}

.bonus-filter-boxes .bonus-table tr i.icon-bonus-2 {
    top: -2px;
    position: relative
}

.bonus-table td.table-fact {
    text-transform: uppercase;
    font-style: italic;
    font-size: 10px;
    line-height: 1.25em;
    font-weight: 600;
    color: #4b4f55;
    font-family: "Roboto";
    display: flex;
    align-items: center;
    justify-content: center
}

.bonus-table td.table-fact span {
    font-size: 16px;
    font-style: normal;
    font-family: "Roboto"
}

.bonus-table td.table-fact i.icon-x {
    background-color: #c8cacb
}

.bonus-table td.table-fact i {
    color: #fff;
    background-color: #3c9542;
    width: 13px;
    min-width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-left: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.bonus-table td.table-fact i:before {
    text-align: center;
    font-size: 9px;
    line-height: 13px
}

.table-data-payment,
.table-data-software {
    display: flex;
    flex-wrap: wrap;
    max-height: 0;
    transition: max-height .5s ease-out;
    overflow: hidden;
    width: 100%
}

.table-data-payment>div,
.table-data-software>div {
    margin-right: 1rem
}

.small-box-apps .app-icon:before {
    margin: 0
}

.small-box-apps .app-icon,
.bonus-filter-table-icons .app-icon {
    font-size: 21px;
    text-indent: -2px;
    text-align: center;
    display: inline-block;
    font-style: normal;
    font-weight: 100
}

.small-box-apps {
    color: #4B4F55
}

.bonus-filter-table-payments div span {
    margin-right: 2px
}

.slider {
    position: relative;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    height: 35px;
    width: 65px;
    min-width: 65px;
    border-radius: 35px
}

.slider:before {
    position: absolute;
    content: "";
    bottom: 2px;
    left: 5px;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

.embed-responsive {
    margin-top: .5rem;
    border-radius: 10px
}

@media (min-width:992px) {
    #main-menu-holder a.site-logo {
        left: 0
    }
    .lang-switcher {
        right: 80px;
        height: 80px;
        width: 50px;
        left: initial;
        justify-content: flex-start;
        position: absolute;
        top: 0;
        display: flex;
        align-items: center
    }
    .lang-switcher img {
        margin: 0
    }
    .lang-switcher-dropdown {
        background: #fff;
        width: 70px;
        left: -20px;
        display: none;
        position: absolute;
        top: 100%;
        flex-direction: column;
        justify-content: center;
        box-shadow: 0 5px 15px #00000040;
        align-items: center;
        border-top: 3px solid #0266A1
    }
    .lang-switcher:hover .lang-switcher-dropdown {
        display: flex
    }
    #main-menu {
        padding-right: 80px;
        padding-right: 130px;
        padding-left: 289px
    }
    #main-menu .menu-item-has-children>ul {
        position: absolute;
        top: 80px;
        background: #fff;
        width: 215px;
        box-shadow: 0 5px 15px #00000040;
        z-index: 9;
        border-top: 3px solid #0266A1;
        border-radius: 0 0 10px 10px
    }
    #main-menu .menu-item-has-children>ul>.menu-item-has-children>ul {
        top: 50px
    }
    #main-menu .menu-item-has-children:hover>ul {
        display: flex
    }
    .menu-item-has-children>ul>li {
        height: 50px;
        text-align: left
    }
    ul#main-menu>li>ul>li>a {
        font-weight: 400;
        text-transform: none;
        color: #535353;
        font-size: 14px
    }
    ul#main-menu>li>ul>li>a>span {
        display: flex;
        height: 40px;
        align-items: center;
        line-height: 1
    }
    #main-menu .menu-item-has-children.all-operators ul {
        width: 611px;
        height: 366px;
        overflow-y: auto
    }
}

@media (max-width:992px) {
    html {
        margin-top: 0 !important
    }
    #main-menu-holder form {
        height: 60px;
        min-width: 60px;
        right: 50px;
        background-color: transparent;
        box-shadow: none;
        border: none;
        width: calc(100vw - 216px) !important;
        display: flex;
        justify-content: flex-end
    }
}

#main-menu .menu-item-has-children.multi-section-dropdown>ul li a img {
    width: 65px;
    height: auto;
    margin-left: -5px;
    margin-right: 1rem
}

#main-menu .menu-item-has-children.multi-section-dropdown>ul li a img.software-icon {
    width: 20px;
    margin: 0;
    margin-right: .5rem;
    transform: none
}

#main-menu .menu-item-has-children.multi-section-dropdown>ul li a span.menu-text {
    display: inline-flex;
    align-items: center
}

@media (min-width:992px) {
    #main-menu .menu-item-has-children.multi-section-dropdown>ul {
        width: 475px;
        height: auto;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 1.25rem 2.5rem 1rem;
        text-align: left
    }
    #main-menu .menu-item-has-children.multi-section-dropdown>ul li {
        height: 40px
    }
    #main-menu .menu-item-has-children.multi-section-dropdown>ul li:hover>a {
        color: #13236E
    }
    #main-menu .menu-item-has-children.multi-section-dropdown>ul li a {
        color: #535353;
        text-transform: capitalize;
        font-weight: 400;
        font-size: 14px
    }
    #main-menu .menu-item-has-children>ul li a i {
        color: #13236E;
        margin-right: .5rem;
        font-size: 1.2rem;
        line-height: 1rem
    }
    #main-menu .menu-item-has-children>ul li a img.payment-icon {
        width: 18px;
        margin-right: .7rem;
        height: auto;
        top: 0;
        position: relative
    }
    #main-menu ul li.menu-item-has-children.menu-label.menu-slot-games>ul>li {
        text-indent: 0
    }
    #main-menu .menu-item-has-children.multi-section-dropdown>ul>li {
        flex: 0 0 50%;
        flex-direction: column;
        width: 50%;
        height: 100%
    }
    #main-menu ul.mobile-dropdown li.menu-item-has-children.menu-label>ul>li:not(.menu-label),
    #main-menu ul.software-dropdown li.menu-item-has-children.menu-label>ul>li:not(.menu-label) {
        text-indent: 2.2rem
    }
    #main-menu .menu-item-has-children.multi-section-dropdown.software-dropdown>ul li:not(.menu-label) a,
    #main-menu .menu-item-has-children.multi-section-dropdown.mobile-dropdown>ul li:not(.menu-label) a {
        padding-left: 3rem
    }
    #main-menu .menu-item-has-children.multi-section-dropdown.software-dropdown.land-based-dropdown>ul li:not(.menu-label) a {
        padding-left: 0
    }
    #main-menu .menu-item-has-children.multi-section-dropdown.mobile-dropdown>ul>li,
    #main-menu .menu-item-has-children.multi-section-dropdown.software-dropdown>ul>li {
        flex: 0 0 25%;
        width: 25%
    }
    #main-menu .menu-item-has-children.multi-section-dropdown.one-column-dropdown>ul {
        width: 305px
    }
    #main-menu .menu-item-has-children.multi-section-dropdown.one-column-dropdown>ul>li {
        flex: 0 0 100%;
        width: 100%
    }
    #main-menu .menu-item-has-children.multi-section-dropdown.mobile-dropdown,
    #main-menu .menu-item-has-children.multi-section-dropdown.software-dropdown {
        position: initial
    }
    #main-menu .menu-item-has-children.multi-section-dropdown.mobile-dropdown>ul,
    #main-menu .menu-item-has-children.multi-section-dropdown.software-dropdown>ul {
        width: calc(100% - 166px);
        left: 166px
    }
    #main-menu .menu-item-has-children.multi-section-dropdown.software-dropdown>ul {
        width: calc(100% - 166px);
        left: 166px
    }
    #main-menu .menu-item-has-children.multi-section-dropdown.software-dropdown>ul>li {
        flex: 0 0 33.33%;
        width: 33.33%
    }
    #main-menu .menu-item-has-children.multi-section-dropdown.software-dropdown>ul {
        width: 640px
    }
    #main-menu .menu-item-has-children.multi-section-dropdown>ul>li>ul {
        border: none;
        display: flex;
        width: 100%;
        position: initial;
        box-shadow: none;
        padding: 0
    }
    #main-menu-holder #main-menu ul li.menu-label {
        margin: .5rem 0
    }
    #main-menu-holder #main-menu ul li.menu-label>a {
        color: #13236E;
        text-align: left;
        height: 50px;
        align-items: center;
        display: inline-flex;
        justify-content: flex-start;
        width: 100%;
        font-weight: 600;
        letter-spacing: .5px;
        line-height: 1;
        text-transform: uppercase;
        font-size: 14px
    }
    #main-menu-holder #main-menu ul li.menu-label>a>span {
        display: flex;
        flex-direction: row;
        align-items: center
    }
    #main-menu-holder #main-menu ul li.menu-label>a i {
        font-size: 1.5rem
    }
    #main-menu ul li.menu-label>a i.icon-windows {
        font-size: 1.25rem
    }
    #main-menu .menu-label label:before {
        content: none !important
    }
}

@media (max-width:991px) {
    img.payment-icon {
        margin-right: 1rem
    }
    #main-menu li.menu-item-has-children.menu-label>label.dropdown-shower-label {
        display: none
    }
    #main-menu li.menu-label {
        display: flex;
        flex: 0 0 auto
    }
    #main-menu li.menu-label>ul {
        border-top: 1px solid rgba(255, 255, 255, .1)
    }
    #main-menu li.menu-label>ul li a span {
        color: #afb6d2
    }
    #main-menu li.menu-label>ul li.menu-label a span {
        color: #fff
    }
    #main-menu li.menu-label>ul li a span i {
        font-size: 1.1rem;
        margin-right: .55rem
    }
}

@media (min-width:991px) {
    .positives,
    .negatives {
        padding: 2em 2em 2em 3em;
        text-transform: uppercase;
        min-height: 280px
    }
    .positives:before,
    .negatives:before {
        left: -1.5rem
    }
    .collapse .panel .panel-body {
        text-align: left
    }
    .page-content .cust-img-box p {
        width: 100%
    }
}

@media (min-width:1200px) {
    #operator-navigation:not(.operator-navigation) .navigation-anchor {
        min-width: 1140px;
        margin: 0 auto;
        justify-content: space-around
    }
}

@media (max-width:1200px) {
    #operator-navigation .navigation-anchor {
        width: 100%;
        justify-content: initial;
        background: #616161;
        align-items: last baseline !important;
    }
    #operator-navigation .navigation-anchor a {
        margin: 0 auto
    }
}

@media (max-width:767px) {
    .page-content table:not(.bonus-table):not(.nice-table) {
        display: flex;
        overflow-x: auto
    }
    .table-button-container {
        width: 100%
    }
    .latest-post-news,
    .news-articles a.news-box {
        margin-bottom: 1.5rem
    }
    .news-box .news-details {
        padding: 0 0 0 10px !important
    }
    .news-box .news-box-heading {
        font-size: 13.5px !important;
        line-height: 1.25em;
        padding: 0 !important;
        word-break: break-word
    }
    ul#footer-menu {
        flex-direction: column !important
    }
    ul#footer-menu li.menu-item-type-menu-label {
        margin-bottom: 1rem
    }
    ul#footer-menu li a {
        padding: .5rem 0
    }
    ul#footer-menu li {
        margin-bottom: .5rem
    }
    .btn-container>.col-6 {
        padding: 5px
    }
    .cust-img-box img {
        max-width: 100%;
        height: auto;
        margin-bottom: 2rem
    }
    .news-header:before {
        content: none
    }
    .owl-carousel:not(.owl-loaded):not(.casino-games-boxes) {
        overflow-y: scroll
    }
    .owl-carousel.casino-games-boxes:not(.owl-loaded) {
        flex-direction: column
    }
    #casino-of-the-month .compliance-text {
        font-size: 10px
    }
    #casino-of-the-month.owl-carousel:not(.owl-loaded)>div {
        margin: 1rem 1.5rem 1rem 0;
        padding: 1rem 1.5rem;
        border-radius: 10px;
        box-shadow: 0 3px 12px rgb(0 0 0 / 16%);
        background: #fff
    }
    .content-section #casino-of-the-month.owl-carousel:not(.owl-loaded)>div {
        background: transparent
    }
    .owl-carousel:not(.owl-loaded):not(.casino-games-boxes)>div {
        margin-right: 1.5rem;
        width: 90%;
        flex: 0 0 90%
    }
    .owl-carousel:not(.owl-loaded)>div {
        margin-bottom: 1.5rem
    }
    .land-based-casino-boxes .map-info-window {
        padding: 0 1rem !important
    }
}

@media (max-width:991px) {
    .box-with-picture .box-heading {
        text-align: center;
        line-height: 1.25
    }
    .facts-row ul {
        padding-left: 0
    }
    .positives ul li:before,
    .negatives ul li:before {
        left: -13px
    }
    .collapse .panel ul {
        padding: 0 2rem
    }
    .collapse .panel ul li:before {
        margin: 0 1rem 0 0;
        left: 0;
        width: 20px;
        flex: 0 0 15px;
        color: #3c9542
    }
    .collapse .panel ol ul li:before {
        border: 0
    }
    .positives,
    .negatives {
        flex-direction: column
    }
    .positives-negatives-title~.positives,
    .positives-negatives-title~.negatives {
        height: initial
    }
    .negatives ul,
    .positives ul {
        width: 100%
    }
    .positives:before,
    .negatives:before {
        height: 130px;
        margin-bottom: 1rem;
        width: 100%
    }
    .box.facts ul li:before {
        zoom: .8;
        margin-right: 1rem
    }
    .boxes-with-pictures-item div {
        text-align: center
    }
    .boxes-with-pictures-item b,
    .boxes-with-pictures-item strong {
        color: #072D5E
    }
    .info-box-mascot>div.mascot-image {
        width: 200px !important;
        height: 200px !important;
        flex: 0 0 100% !important;
        margin: 1rem auto 1.5rem
    }
    .info-box-mascot>div p {
        text-align: center !important;
        padding: 0 2rem
    }
    .collapse {
        padding-left: 0;
        padding-right: 0;
        margin-top: 3.5em
    }
    .collapse .panel {
        padding: 0 .5rem
    }
    .collapse .panel label {
        width: 35px
    }
    .collapse .panel .panel-heading {
        padding: 0 .5rem
    }
    .collapse .panel .panel-heading h2,
    .collapse .panel .panel-heading h3 {
        font-size: 1.05rem;
        margin-top: 1rem
    }
    .collapse .panel .panel-heading [class^="icon-"],
    .collapse .panel .panel-heading [class*=" icon-"] {
        margin-right: .5rem
    }
    #panel-sidebar>div {
        padding: 0
    }
    #panel-sidebar .collapse {
        margin-bottom: 2.5rem
    }
    .container .casino-games-boxes {
        margin-left: -15px;
        margin-right: -15px;
        width: auto
    }
    .internal-link .operator-logo,
    .internal-link .payment-logo,
    .internal-link .software-logo {
        width: 100px;
        margin-right: 1rem
    }
    #bonus-filter .bonus-search-input-icon {
        left: 25px
    }
    .bonus-filter-boxes-registration table.bonus-table tr.flex-row>td,
    .bonus-filter-boxes-registration table.bonus-table tr.flex-row>th {
        text-align: left !important;
        align-items: baseline;
        font-weight: 500
    }
}

@media (max-width:576px) {
    .facts-list li:before {
        position: initial;
        display: inline-block;
        float: left;
        font-size: 30px;
        margin: 0;
        margin-right: 10px;
        margin-top: 3px;
        width: 30px;
        height: 30px
    }
    .page-content ol li {
        display: block
    }
    .page-content ol li::before {
        float: left
    }
    .page-content .facts-list ol li:before {
        top:50%;
		margin-top: -20px;
        margin-right: 10px
    }
    .page-content .facts-list li {
        padding: 1.75rem;
        display: block;
        text-transform: none;
        text-align: left;
        min-height: auto
    }
    .facts-list li .sub-item {
        display: block;
        margin-top: 5px
    }
}

.most-popular-casinos {
    text-transform: uppercase;
    font-size: 12px
}

.most-popular-casinos .row {
    border-bottom: 1px solid #EBEBEB;
    align-items: center;
    min-height: 65px
}

.most-popular-casinos .row div:after {
    background: #0064bb;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 1050ms cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 1050ms cubic-bezier(.19, 1, .22, 1);
    transition: all 1050ms cubic-bezier(.19, 1, .22, 1);
    width: 50px;
    z-index: 1
}

.most-popular-casinos .row div:hover:after {
    left: 120%;
    -webkit-transition: all 1050ms cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 1050ms cubic-bezier(.19, 1, .22, 1);
    transition: all 1050ms cubic-bezier(.19, 1, .22, 1)
}

.most-popular-casinos .row div {
    margin-left: auto;
    border-left: 1px solid #EBEBEB;
    width: 65px;
    height: 64px;
    color: #A5A5A5;
    overflow: hidden;
    position: relative
}

.most-popular-casinos .row div:hover {
    background-color: #262C4B;
    color: #fff
}

.most-popular-casinos .row div:hover b {
    color: #fff
}

.most-popular-casinos .row b {
    color: #000
}

.most-popular-casinos .row b:nth-child(2) {
    width: 105px;
    line-height: 1em;
    letter-spacing: 1px;
    text-align: left;
    font-weight: 400
}

.most-popular-casinos .operator-logo {
    display: inherit
}

.most-popular-casinos .operator-logo img {
    margin: 0 .5rem;
    width: 100px;
    height: auto
}

#panel-sidebar {
    padding-top: 3rem
}

#panel-sidebar .collapse {
    margin-top: 0
}

.slot-iframe-overlay {
    display: flex;
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    overflow: hidden;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    background-color: #0b2e13
}

.age-verification .h2 b {
    font-size: 1.5em;
    line-height: 1.25
}

.age-verification-error {
    display: flex;
    flex: 1 0 100%;
    justify-content: center;
    color: #dc0000;
    min-height: 30px;
    font-weight: 500
}

input[type="number"] {
    -moz-appearance: textfield
}

.age-verification-btns select,
.age-verification-btns input {
    width: 200px
}

.age-verification-btns .btn {
    text-transform: none
}

.age-verification select:focus,
.age-verification input:focus {
    outline: none
}

.age-verification input::placeholder {
    color: #fff;
    opacity: 1
}

.age-verification input:-ms-input-placeholder {
    color: #fff
}

.age-verification input::-ms-input-placeholder {
    color: #fff
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.select-custom {
    position: relative
}

.select-custom-value:after {
    content: "\e81a" !important
}

.select-custom-values-holder {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 9;
    display: flex;
    flex-direction: column;
    background: #fff;
    max-height: 135px;
    overflow-y: auto
}

.select-custom-values-holder button:hover {
    background-color: #f5f5f5
}

.select-custom-values-holder button {
    border-top: none;
    font-size: .75em;
    color: #262C4B;
    border-color: #e1e1e1;
    border-right: none;
    min-height: 45px;
    min-width: 100%;
    outline: none !important;
    text-transform: none;
    font-weight: 600
}

@media (max-width:991px) {
    .author-boxes .box {
        flex-direction: column
    }
    .author-boxes strong {
        position: initial
    }
    .embed-responsive {
        margin-bottom: 0
    }
    .responsible-gaming .h2 b {
        font-size: 1.5rem;
        line-height: 1em
    }
    .responsible-gaming .h2 {
        font-size: .8rem
    }
    .responsible-gaming p {
        font-size: .8rem;
        margin: 0
    }
    .responsible-gaming .h2+p {
        display: none
    }
    .responsible-gaming {
        width: 100%;
        margin-top: 0
    }
    .responsible-gaming .age-verification-btns #age-verification-month.btn {
        width: 100%;
        min-width: 100%;
        height: 30px !important
    }
    .responsible-gaming .row {
        margin: 0
    }
    .responsible-gaming .btn.btn-white {
        width: 40%;
        margin-bottom: .5rem !important;
        min-width: initial;
        height: 35px
    }
    .age-verification-btns select,
    .age-verification-btns input {
        width: 30% !important;
        min-width: 30% !important;
        padding: 0;
        text-indent: 0;
        height: 30px !important
    }
    .age-verification-btns {
        margin-top: .5rem !important
    }
    .age-verification-error {
        min-height: 1rem
    }
    .slot-iframe-overlay {
        padding-bottom: 0
    }
    .select-custom-values-holder {
        top: 30px;
        max-height: 75px
    }
    .select-custom-values-holder .btn {
        min-height: 30px
    }
}

.author-ribbon {
    background-color: #fff;
    font: normal normal 300 20px/37px Roboto
}

.author-ribbon img {
    margin-right: 10px;
    border-radius: 50%;
    background: #262C4B
}

.author-ribbon b {
    margin-left: 5px
}

img[class^="wp-image-"],
img[class*=" wp-image-"],
img.size-full {
    max-width: 100%;
    height: auto
}

img.alignleft {
    float: left
}

img.alignright {
    float: right
}

figure.wp-caption {
    max-width: 100%;
    margin: 0 0 20px
}

p.text-center strong>i {
    margin-right: 5px
}

p.text-center strong>i:before {
    width: auto !important
}

@media (max-width:1199px) {
    .page-content figure.wp-caption {
        width: auto !important
    }
}

.page-content table.html-table caption {
    margin: 2rem 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.25rem
}

.page-content table.html-table th {
    font-size: 10px;
    padding: 5px 10px;
    font-family: Roboto
}

.page-content table.html-table td.table-logo-holder {
    min-width: 180px;
    max-width: 180px;
    width: 180px;
    font-size: .8rem;
    line-height: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 78px;
    justify-content: center
}

.page-content table.html-table td.text-left {
    font-weight: 600
}

.page-content table.html-table td.table-description {
    min-width: 400px
}

.html-table .table-text-big {
    font-size: 1.25rem;
    font-weight: 600
}

.page-content table.html-table td.compliance-text {
    text-transform: none;
    font-size: 11px;
    padding: .5rem 0 1rem
}

.html-table .table-btn-conainer .btn {
    margin: 1rem 1.5rem
}

.content-section .html-table .table-btn-conainer .btn {
    background-color: #262c4b
}

@media (max-width:767px) {
    .page-content table.html-table caption {
        position: absolute;
        top: 2rem;
        width: calc(100vw - 30px);
        left: 0;
        margin: 0
    }
    .page-content table.html-table tbody {
        overflow-x: auto
    }
    .page-content table.html-table {
        position: relative;
        padding-top: 7rem;
        overflow-x: hidden
    }
    .content-section .html-table .table-btn-conainer .btn {
        min-width: 150px
    }
}

#image-gallery {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

#image-gallery.owl-carousel .item img {
    height: auto;
    max-width: 100%;
    border-radius: 10px
}

ul#breadcrumbs+h2 {
    margin-top: 0
}

input[type=text],
textarea {
    outline: 0
}

.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #868686;
    cursor: pointer
}

.clear-button {
    cursor: pointer;
    margin-top: 10px
}

.form-wrapper {
    background-color: #fff;
    height: 100%;
    width: 100%;
    padding: 1rem 4rem 2rem
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/static/bonushaven/v2/assets/images/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.modal-backdrop.in {
    display: none
}

.mt-0 {
    margin-top: 0
}

.sidebar-menu p {
    margin-top: 0
}

.sidebar-menu h4 {
    display: none
}

.sidebar-menu nav {
    counter-reset: list-number;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    height: 90px;
    background: #fff
}

.sidebar-menu nav a {
    counter-increment: list-number;
    display: block;
    text-decoration: none !important;
    display: flex;
    text-transform: uppercase;
    text-align: center;
    color: #A5A5A5 !important;
    height: 100%;
    align-items: center;
    display: inline-flex;
    flex: 1;
    justify-content: center;
    padding: 0 1em;
    font-size: .9rem;
    font-weight: 400;
    margin: 0 auto;
    z-index: 1;
    border-right: solid 1px #EBEBEB
}

.sidebar-menu nav a:last-child {
    border-right: 0
}

.sidebar-menu nav a span:hover {
    text-decoration: none
}

.sidebar-menu i.fa.fa-times {
    margin-left: 0
}

.sidebar-menu.mobile .toggle-btn {
    display: none
}

 @media (min-width: 1200px) {
	.sidebar-menu {max-width: 1140px;margin-right: auto;margin-left: auto;margin-bottom:30px;}
	.sidebar-menu h4 {display: block;margin:0 0 5px 0;}
	.sidebar-menu nav {display: block;counter-reset: nav-item-counter;height:auto;background:transparent;text-align:left;}
	.sidebar-menu nav a {display: block;border:0;margin:3px 0;padding:0;text-transform:initial !important;color:#323232 !important;text-align:left;font-size:14px;}
	.sidebar-menu nav a:hover {text-decoration:underline !important;}
	.sidebar-menu nav a:before {counter-increment: nav-item-counter; content: counter(nav-item-counter) ". ";}  
}

@media (max-width:1199px) {
    .sidebar-menu h4 {
        display: block
    }
    .sidebar-menu p {
        display: none
    }
    .hidden-tablet {
        display: none
    }
    .visible-tablet {
        display: block
    }
    .sidebar-menu {
        width: 23%;
        float: right
    }
    .sidebar-menu nav {
        background-color: #f4f4f4;
        border-radius: 5px;
        padding: 20px
    }
    .sidebar-menu nav a {
        color: #232323;
        padding-left: 20px;
        display: block;
        position: relative;
        border-bottom: solid 1px #e8e8e8;
        margin-top: 10px;
        padding-bottom: 10px
    }
    .sidebar-menu nav a:hover {
        text-decoration: underline
    }
    .sidebar-menu nav a:first-child {
        margin-top: 0
    }
    .sidebar-menu nav a:last-child {
        border-bottom: none;
        padding-bottom: 0
    }
    .sidebar-menu nav a:before {
        content: "\e908";
        font-family: 'ccc';
        position: absolute;
        top: 3px;
        left: 0;
        color: #3c9542;
        font-weight: 400;
        font-szie: 13px
    }
    .sidebar-menu .claim-bonus-btn {
        background-color: #fab843;
        padding: 10px;
        font-weight: 700;
        font-size: 20px;
        border-radius: 5px;
        margin-top: 20px;
        color: #724d0d;
        display: block;
        text-align: center;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }
    .sidebar-menu .claim-bonus-btn i {
        background-color: #18665e;
        color: #fab843;
        border-radius: 100%;
        padding: 5px;
        font-size: 12px
    }
    .sidebar-menu .claim-bonus-btn:hover {
        background-color: #fad143
    }
    .sidebar-menu.mobile {
        width: 240px;
        height: 100%;
        float: none;
        position: fixed;
        top: 0;
        right: -240px;
        background-color: #262C4B;
        padding: 0 10px;
        z-index: 2000;
        -webkit-transition: all .7s ease;
        -o-transition: all .7s ease;
        transition: all .7s ease;
        will-change: transform;
        transform: translateZ(0)
    }
    .sidebar-menu.mobile nav {
        display: block;
        overflow-y: none;
        background-color: transparent
    }
    .sidebar-menu.mobile nav a {
        color: #f2f2f2;
        border-bottom-color: #575757;
        text-transform: initial;
        text-decoration: underline !important;
        border-right: 0
    }
    .sidebar-menu.mobile.expanded {
        right: 0
    }
    .sidebar-menu.mobile .inner {
        position: relative;
        width: 100%;
        height: 100%
    }
    .sidebar-menu.mobile .toggle-btn {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -23px;
        left: -52px;
        width: 52px;
        border-radius: 5px 0 0 5px;
        padding: 14px;
        background-color: #262C4B;
        color: #f2f2f2;
        cursor: pointer;
        text-align: left
    }
    .sidebar-menu.mobile .toggle-btn .fa-th-list:before {
        font-family: 'ccc';
        content: "\e903";
        font-style: normal
    }
    .sidebar-menu.mobile .toggle-btn .icon-close:before {
        content: '\2716';
        font-size: 1.5em;
        color: #fff
    }
    .sidebar-menu h4 {
        background-color: #3c9542;
        padding: 10px;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        font-size: 16px
    }
    .sidebar-menu.mobile .inner h4 {
        margin-top: 15px
    }
}

@media (max-width:767px) {
    .hidden-mobile {
        display: none
    }
    .visible-mobile {
        display: block
    }
}

#updated-toplist .toplist-row {
    position: relative;
    display: flex;
    min-height: 100px;
    align-items: stretch;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 0
}

#updated-toplist .toplist-row .toplist-number-wrap {
    display: flex;
    text-align: center;
    align-items: center;
    width: 5.63%;
    border-right: 1px solid transparent;
    position: relative
}

#updated-toplist .toplist-row .toplist-number-wrap:after {
    display: block;
    position: absolute;
    top: 50%;
    right: -1px;
    width: 1px;
    height: 48px;
    background: #d8d8d8;
    transform: translateY(-50%);
    content: ""
}

#updated-toplist .toplist-row .toplist-number {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    color: #333;
    font-weight: 700
}

#updated-toplist .toplist-row .toplist-logo-wrap {
    display: flex;
    background: #fff;
    justify-content: center;
    align-items: center;
    width: 23.94%
}

#updated-toplist .toplist-row .toplist-logo img {
    max-width: 90px;
    max-height: 90px;
    border-radius: 8px;
    margin-top: 8px
}

#updated-toplist .toplist-row .toplist-name-wrap {
    display: flex;
    text-align: center;
    border-left: 1px solid transparent;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 23.94%;
    padding-left: 20px;
    box-sizing: border-box
}

#updated-toplist .toplist-row .toplist-name-wrap:before {
    display: block;
    position: absolute;
    top: 50%;
    left: -1px;
    width: 1px;
    height: 48px;
    background: #d8d8d8;
    transform: translateY(-50%);
    content: ""
}

#updated-toplist .toplist-row .toplist-name h5 {
    font-size: 15px;
    color: #333;
    font-weight: 700;
    margin: 0 0 5px
}

#updated-toplist .toplist-row .toplist-name .title-number {
    display: none
}

#updated-toplist .toplist-row .toplist-name .block-rating {
    text-align: center;
    color: #3194e0
}

#updated-toplist .toplist-row .toplist-flex-wrap {
    display: flex;
    justify-content: space-around;
    width: 46.47%
}

#updated-toplist .toplist-row .toplist-flag-wrap {
    width: 15%;
    display: flex;
    text-align: center;
    align-items: center
}

#updated-toplist .toplist-row .toplist-checks-wrap {
    width: 45%;
    display: flex;
    text-align: center;
    align-items: center
}

#updated-toplist .toplist-row .toplist-checks {
    display: block;
    margin: 0;
    padding: 0
}

#updated-toplist .toplist-row .toplist-checks li {
    font-size: 12px;
    text-align: left;
    margin-bottom: 5px
}

#updated-toplist .toplist-row .toplist-checks li:last-child {
    margin-bottom: 0
}

#updated-toplist .toplist-row .toplist-checks li:before {
    font-size: 12px;
    padding-right: 7px
}

#updated-toplist .toplist-row .toplist-links-wrap {
    width: 40%;
    display: flex;
    justify-content: center;
    position: relative
}

#updated-toplist .toplist-row .toplist-links-wrap .visit-review-btnsnew {
    margin-top: 9px
}

#updated-toplist .toplist-row .toplist-links-wrap .visit-site2 {
    padding: 6px 16px
}

#updated-toplist .toplist-row .toplist-links-wrap .tandcs {
    display: block;
    font-size: 11px;
    text-decoration: underline;
    text-align: center
}

#updated-toplist .toplist-row .toplist-links-wrap .floating-link {
    font-size: 11px;
    color: #333;
    text-decoration: underline;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    cursor: pointer;
    padding: 4px 8px
}

#updated-toplist .toplist-row.active,
#updated-toplist .toplist-row:hover {
    background: #ff9;
    border-color: #fcd116
}

#updated-toplist .toplist-row.active .toplist-name-wrap,
#updated-toplist .toplist-row.active .toplist-number-wrap,
#updated-toplist .toplist-row:hover .toplist-name-wrap,
#updated-toplist .toplist-row:hover .toplist-number-wrap {
    border-color: #fcd116
}

#updated-toplist .toplist-row.active .toplist-name-wrap:before,
#updated-toplist .toplist-row.active .toplist-number-wrap:after,
#updated-toplist .toplist-row:hover .toplist-name-wrap:before,
#updated-toplist .toplist-row:hover .toplist-number-wrap:after {
    display: none
}

.bonus-game {
    font-size: .667em
}


.bonus-code {
	display: inline-flex;
	align-items: center;
}

.bonus-code span {
	background: #eee;
	border: solid 1px #262C4B;
	border-radius: 15px;
	padding: 2px 8px;
	color: #262C4B;
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	margin-left: 5px;
}
.bonus-code-nil {
    font-size: 14px;
	background: rgba(255, 255, 255, .25);
	border: solid 1px rgba(255, 255, 255, .5);
	border-radius: 15px;
	padding: 2px 8px;
	color: #262C4B;
	display:inline-block;
}

.tip-box {
    transform: scale(1);
    background: #fff;
    margin: 40px 0 20px 0;
    padding: 25px 20px 20px 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
	position:relative;
	border-radius:10px;
	color:#262C4B;
}

.tip-box span {position:absolute;top:-9px;left:8px;background:#014c6b;color:#fff;padding:2px 5px;font-size:14px;font-weight:bold;border-radius:4px;}

.tip-box p {margin: 0;font-size: 14px;font-weight:bold;position:relative;padding:10px 20px;font-style:italic;color:#262C4B;}

.tip-box p:before {
    color: #262C4B;
    content: "“";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4rem;
    line-height: 0;
    position: absolute;
    top: 18px;
    left: -10px;
	font-style:italic;
}
.tip-box p:after {
    color: #262C4B;
    content: "”";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4rem;
    line-height: 0;
    position: absolute;
    bottom: -6px;
    right: 10px;
	font-style:italic;
}

.tip-box img {
    margin-right: 20px;
    border-radius: 50%;
	width:50px;height:50px;
	background:#014c6b;
}

@media screen and (max-width:680px) {
    .facts-list ol,
    .facts-list ul {
        /* margin: 0 15px 2rem */
		margin:0;
    }

    .facts-list ol.flex-3-col,
    .facts-list ul.flex-3-col {display:block}

    .facts-list ol.flex-3-col li,
    .facts-list ul.flex-3-col li {width:100%}


    #updated-toplist .floating-link {
        position: absolute !important;
        bottom: -18px !important
    }
    #updated-toplist .toplist-row {
        min-height: 200px
    }
    #updated-toplist .toplist-row .toplist-flex-wrap .toplist-flag-wrap,
    #updated-toplist .toplist-row .toplist-number-wrap {
        display: none
    }
    #updated-toplist .toplist-row .toplist-logo-wrap {
        background: 0 0;
        width: 45%;
        padding: 27px 0
    }
    #updated-toplist .toplist-row .toplist-logo img {
        max-width: 90px;
        max-height: 90px
    }
    #updated-toplist .toplist-row .toplist-name-wrap {
        position: static;
        border: none;
        width: 0;
        padding: 0
    }
    #updated-toplist .toplist-row .toplist-name h5 {
        font-size: 11px;
        position: absolute;
        top: 10px;
        left: 10px
    }
    #updated-toplist .toplist-row .toplist-name .block-rating {
        position: absolute;
        bottom: 10px;
        left: 20px
    }
    #updated-toplist .toplist-row .toplist-name .title-number {
        display: inline
    }
    #updated-toplist .toplist-row .toplist-flex-wrap {
        width: 55%;
        align-self: center;
        flex-direction: column;
        border-left: 1px solid #d8d8d8;
        margin-top: 0
    }
    #updated-toplist .toplist-row.active .toplist-flex-wrap,
    #updated-toplist .toplist-row:hover .toplist-flex-wrap {
        border-color: #fcd116
    }
    #updated-toplist .toplist-row .toplist-checks-wrap,
    #updated-toplist .toplist-row .toplist-links-wrap {
        width: 100%
    }
    #updated-toplist .toplist-row .toplist-links-wrap {
        display: block;
        text-align: center;
        margin-top: 10px
    }
    #updated-toplist .toplist-row .toplist-checks {
        margin: 0 0 0 5px
    }
    #updated-toplist .toplist-row .toplist-checks li {
        line-height: 1.6em;
        font-size: 11px
    }
    #updated-toplist .toplist-row .toplist-links-wrap .visit-review-btnsnew {
        position: static;
        margin: 5px auto 0;
        float: none;
        clear: both;
        width: 190px !important
    }
    #updated-toplist .toplist-row .toplist-links-wrap .tandcs {
        margin: 0 0 5px
    }
    #updated-toplist .toplist-row .toplist-links-wrap .visit-site2 {
        padding: 5px 16px;
        position: static;
        width: auto !important
    }
    #updated-toplist .toplist-row .toplist-links-wrap .visit-site2::before {
        color: #fff;
        font-family: arial;
        font-size: 16px !important;
        font-weight: 700
    }
    #updated-toplist .toplist-row .toplist-links-wrap .floating-link {
        position: static;
        display: inline
    }
}

@media screen and (max-width:360px) {
    #updated-toplist .toplist-row .toplist-logo img {
        max-width: 75px;
        max-height: 75px
    }
    #updated-toplist .toplist-row .toplist-name h5 {
        font-size: 9px
    }
    #updated-toplist .toplist-row .toplist-links-wrap .visit-review-btnsnew {
        width: 160px !important
    }
}

#updated-toplist .updated-toplist-v-two .top-list-row-wrap {
    margin: 10px 0;
    background: #f4f5f7;
    border-radius: 8px;
    box-shadow: 0 0 15px #00000040
}

#updated-toplist .updated-toplist-v-two .top-list-row-wrap.active,
#updated-toplist .updated-toplist-v-two .top-list-row-wrap:hover {
    border-color: #f5c709
}

#updated-toplist .updated-toplist-v-two .toplist-row {
    background: #fff;
    margin: 0;
    border: none;
    border-bottom: 1px solid transparent
}

#updated-toplist .updated-toplist-v-two .top-list-row-wrap.opened .toplist-row {
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #262C4B
}

#updated-toplist .updated-toplist-v-two .top-list-row-wrap .more-bonuses {
    display: none
}

#updated-toplist .updated-toplist-v-two .top-list-row-wrap.opened .more-bonuses {
    display: block
}

#updated-toplist .updated-toplist-v-two .toplist-row.active,
#updated-toplist .updated-toplist-v-two .toplist-row:hover {
    background: #ff9
}

#updated-toplist .updated-toplist-v-two .toplist-row .toplist-links-wrap .floating-link {
    text-decoration: none
}

#updated-toplist .toplist-row .toplist-links-wrap .floating-link.fl-down:after {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(/static/bonushaven/v2/assets/images/down.png) no-repeat center 3px / contain;
    margin-left: 3px
}

#updated-toplist .toplist-row .toplist-links-wrap .floating-link.fl-up:after {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(/static/bonushaven/v2/assets/images/up.png) no-repeat center 3px / contain;
    margin-left: 3px
}

#updated-toplist .updated-toplist-v-two.expand .hidden-row {
    display: none
}

#updated-toplist .updated-toplist-v-two.expand .open-more {
    cursor: pointer
}

@media screen and (max-width:480px) {
    #updated-toplist .updated-toplist-v-two.expand .open-more {
        margin-bottom: 10px
    }
}

.greentick {
    display: block
}

.greentick li,
.greenticks li {
    display: block;
    position: relative;
    padding-left: 20px
}

.greentick li:before,
.greenticks li:before {
    position: absolute;
    top: -3px;
    left: 0;
    color: green;
    content: "?";
    font-family: 'ccc';
    font-weight: 700
}

.toplist-row .visit-site2 {
    -moz-box-shadow: inset 0 1px 0 0 #a4e271;
    -webkit-box-shadow: inset 0 1px 0 0 #a4e271;
    box-shadow: inset 0 1px 0 0 #a4e271;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #89c403), color-stop(1, #77a809));
    background: -moz-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -o-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: -ms-linear-gradient(top, #89c403 5%, #77a809 100%);
    background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    background-color: #89c403;
    border: 1px solid #74b807;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 6px 7px;
    text-decoration: none;
    text-shadow: 0 1px 0 #018201
}

.toplist-row .visit-site2:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #77a809), color-stop(1, #89c403));
    background: -moz-linear-gradient(top, #77a809 5%, #89c403 100%);
    background: -webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
    background: -o-linear-gradient(top, #77a809 5%, #89c403 100%);
    background: -ms-linear-gradient(top, #77a809 5%, #89c403 100%);
    background: linear-gradient(to bottom, #77a809 5%, #89c403 100%);
    background-color: #77a809
}

.toplist-row a.visit-site2 {
    color: #fff;
    font-family: arial;
    font-size: 16px;
    font-weight: 700
}

.toplist-row .visit-site2:active {
    top: 1px;
    position: relative
}

@media all and (max-width:940px) {
    .toplist-row .visit-site2::before {
        font-size: 14px
    }
}

@media only screen and (max-width:650px) {
    .toplist-row .visit-site2 {
        float: left
    }
}

@media all and (max-width:479px) {
    .toplist-row .visit-site2 {
        float: none
    }
}

@media all and (max-width:320px) {
    .toplist-row .visit-site2::before {
        font-size: 12px
    }
}

.bonusamt {
    color: green;
    font-size: 18px;
    font-weight: 700
}

.b-code {
    font-weight: 700;
    background: #1c69ae;
    border-radius: 5px;
    padding: 2px 4px
}

a.redeem {
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    background-color: #d91e18;
    border-color: #d91e18;
    line-height: 1.44;
    letter-spacing: 0;
    padding: 5px 8px;
    text-transform: uppercase;
    font-style: italic;
    border-radius: 4px;
    display: inline-block
}

#updated-toplist .toplist-row .toplist-links-wrap .visit-review-btnsnew {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

#updated-toplist .toplist-row .toplist-links-wrap .floating-link {
    position: relative;
    bottom: auto;
    left: auto;
    transform: none
}

.cta {
    width: 83.333333%;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .16);
    margin: 1.25em 0;
    position: relative;
    background-color: #fff;
    border-radius: 10px
}

.cta .gambler-img-thumb {
    display: flex;
    align-items: center;
    justify-content: center
}

.cta .gambler-img-thumb img {
    border-radius: 8px;
    background-color: #0e0e18;
    width: 80px;
    height: 80px;
    margin: 0
}

.cta .games-list {
    display: inline-block;
    height: auto
}

.portlet>.portlet-body .cta p.bonus-summary {
    font-size: 24px
}

.icon-45px {
    height: 45px !important;
    border-radius: 50% !important;
    padding: 15px 6px;
    width: 45px !important;
    font-size: 33px
}

.cta div.sm {
    font-size: .9em;
    margin: 5px 0
}

.cta p.bonus-summary {
    margin-top: 20px
}

.cta .btn-xl {
    padding: 5px 8px;
    color: #fff !important;
	border:solid 1px #fff;
	font: italic normal 600 18px/30px 'Roboto';
}

.cta.flex {
    margin: 10px auto;
    clear: both
}

.cta.flex>.row {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.cta.flex .cta-header-strip {display: flex;align-items: center;justify-content: space-between;width: 200px;margin-bottom:10px;}
.cta.flex .cta-header-strip-exclusive {padding:0 8px;border:solid 1px #fff;border-radius:15px;width:72px;text-align:center;background:darkgreen;color:#fff;font-size:12px;font-weight:bold;}
.cta.flex .cta-header-strip-new {padding:0 8px;border:solid 1px #fff;border-radius:15px;width:72px;text-align:center;background:darkorchid;color:#fff;font-size:12px;font-weight:bold;}

.cta.flex p.bonus-summary {
    margin: 15px 0;
    width: 100%;
    color: #fff;
    font: normal 600 16px/20px Roboto;
    text-transform: uppercase
}

.cta.flex p.bonus-summary a {
    color: #3c9542;
    text-decoration: underline
}

.code-container {display:inline-block;color:#666;margin: 10px 0 15px 0;}
.code-container .code-label {background:#eee;padding:5px 8px;border:solid 1px #ddd;border-right:none;border-radius:15px 0 0 15px;}
.code-container .code-value {background:#eee;padding:5px 10px 5px 8px;border:solid 1px #ddd;border-radius:0 15px 15px 0;font-weight:bold}

.cta.flex .col-md-4 {
    display: flex;
    align-items: center;
}

.cta a:not(.btn) {
    color: #fff;
    font-weight: bold;
    text-decoration: underline
}

.bonus-table2 {
    width: 100%;
    display: table !important
}

.bonus-table2 thead th {
    background: #34495e;
    color: #fff !important;
    font-weight: 700;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    padding: 8px
}

.bonus-table2 thead th:first-child {
    border-radius: 8px 0 0 0;
    text-align: left
}

.bonus-table2 thead th:last-child {
    border-radius: 0 8px 0 0
}

.bonus-table2 .btn {
    height: 30px;
    min-width: auto;
    padding: 0 15px;
    font-size: 12px;
    line-height: 15px
}

.links {
    padding: 0 2rem 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

.links a {
    padding: .5em;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .16);
    margin: .5em 0;
    position: relative;
    background-color: #efefef;
    border-radius: 10px;
    font-size: 12px
}

.links a:first-child {
    margin-left: 0
}

.links a:last-child {
    margin-right: 0
}

ul.list-col-4-equal,
ul.list-col-4,
ul.list-col-2 {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

ul.list-col-4 li {
    margin-right: 15px
}

ul.list-col-4-equal li {
    width: 25%
}

ul.list-col-2 li {
    width: 50%
}

.content-section .bonus-terms a {
    color: rgba(255, 255, 255, .7);
    text-decoration: underline !important
}

#deposit-boxes .compliance-text ul {
    display: inline;
    list-style: none
}

#deposit-boxes .compliance-text ul li {
    display: inline
}

#deposit-boxes div .compliance-text ul li:before: {
    content: ''
}

.img-responsive {
    max-width: 100%;
    height: auto
}

.img-float {
    float: left;
    margin-right: 20px;
    clear: left;
    margin-bottom: 20px
}

.img-responsive.img-article {
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 6px -6px #000;
    -moz-box-shadow: 0 8px 6px -6px #000;
    box-shadow: 0 8px 6px -6px #000;
    margin-bottom: 20px;
    max-width: none;
    width: 100%
}

.clear-left {
    clear: left
}

.clear {
    clear: both
}

.abstract a {
    text-decoration: underline;
    color: #fff;
    font-weight: bold
}

.bold {
    font-weight: bold
}

.cta,
.cta h2,
.cta h3,
.cta p {
    color: #fff;
    background: #262C4B
}

.page-content .content-section .cta a:not(.btn) {
    color: #fff
}

.cta h2 {
    padding-bottom: 0
}

.content-section .cta ul li::before {
    color: #3c9542
}

.article-details {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px
}

.article-details a {
    color: #fff;
    text-decoration: underline
}

.inner-links {
    border: solid 1px #ccc;
    background: #fefefe url(/static/bonushaven/img/inner-links.jpg) no-repeat center center / cover;
    padding: 15px;
    text-align: center;
    margin-bottom: 20px;
    position: relative
}

.inner-links .att-bg {
    width: 100%;
    height: 170px;
    opacity: .2
}

.inner-links .att-txt {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 170px
}

.inner-links h4 {
    padding: 20px;
    font-size: 22px;
    font-weight: bold;
    color: #B00202;
    margin-top: 0
}

.inner-links .att-buttons {
    display: inline-block;
    padding-bottom: 20px
}

.inner-links .att-buttons:after {
    display: table;
    clear: both;
    content: ''
}

.inner-links .att-buttons a {
    background: #B00202;
    border: none;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: 900;
    border-radius: 5px;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    line-height: normal;
    text-transform: none;
    width: 250px;
    min-width: auto;
    margin: 15px 30px 0;
    float: left
}

.inner-links .att-txt>div {
    font-weight: 900;
    text-shadow: .5px .5px #ffffff
}

.note {
    margin: 0 0 20px;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
    position: relative;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.note h1,
.note h2,
.note h3,
.note h4,
.note h5,
.note h6 {
    margin-top: 0
}

.note h1 .close,
.note h2 .close,
.note h3 .close,
.note h4 .close,
.note h5 .close,
.note h6 .close {
    margin-right: -10px
}

.note p {
    margin: 0;
    font-size: 13px
}

.note p:last-child {
    margin-bottom: 0
}

.note.note-success {
    background-color: #c9f0f3;
    border-color: #60d2dc;
    color: #000
}

.note.note-warning {
    background-color: #faeaa9;
    border-color: #f3cc31;
    color: #000
}

.note.note-warning.adv:before {
    content: "\e917";
    display: inline-block;
    font: 24px/1 ccc;
    text-rendering: auto;
    position: absolute;
    left: 15px;
    color: #34495e
}

.note.note-warning.adv {
    padding-left: 45px;
    position: relative
}

.note a {
    color: #000 !important
}

@media screen and (max-width:680px) {
    #updated-toplist .toplist-row {
        min-height: 240px
    }
    #updated-toplist .toplist-row .toplist-links-wrap .tandcs {
        margin: 10px 0
    }
    #updated-toplist .floating-link {
        position: relative !important;
        bottom: auto
    }
}

@media screen and (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
    ul.list-col-4-equal li,
    ul.list-col-2 li {
        width: 100%
    }
    .inner-links {
        background-position: -200px 0
    }
    .inner-links .att-bg {
        display: none
    }
    .inner-links .att-txt {
        height: unset;
        position: static
    }
    .inner-links .att-buttons {
        display: flex;
        padding-bottom: 20px;
        text-align: center;
        flex-direction: column;
        align-items: center
    }
    .cta {
        width: 100%
    }
    #payments-slider .item {
        flex: 1;
        margin-right: 0
    }
    .page-content .facts-list li::before {
        position: absolute;
		top:50%;
		margin-top:-15px;
    }
    .page-content .facts-list li {
        padding-left: 5.25rem
    }
}

@media(max-width:768px) {
    .country-not-allowed_wrapper {
        display: none
    }
}

@media(min-width:769px) {
    .country-not-allowed_wrapper {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999
    }
    .country-not-allowed_wrapper .country-not-allowed_container {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 995;
        background: rgba(0, 0, 0, 0.85)
    }
    .country-not-allowed_wrapper .country-not-allowed_inner {
        z-index: 999;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: 90%;
        overflow: auto;
        background: #fff;
        box-sizing: border-box;
        padding: 20px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
        border-radius: 4px;
        width: 80%;
        text-align: center
    }
    .country-not-allowed_wrapper .country-not-allowed_inner>h2 {
        font-size: 40px;
        font-weight: 200;
        margin: 20px 0 40px;
        text-align: center;
        padding-bottom: 0
    }
    .country-not-allowed_wrapper .country-not-allowed_inner>h2:after {
        content: '';
        border-top: 0
    }
    .country-not-allowed_wrapper .country-not-allowed_inner>p {
        font-size: 28px;
        font-weight: 200;
        line-height: 1.2em;
        text-align: center
    }
}

.imp {
    font-weight: 900
}

@media(min-width:415px) {
    .hide-desktop {
        display: none !important
    }
}

.shadow-box {
    background: #fff;
    padding: 1.75rem;
    box-shadow: 5px 0 10px rgb(0 0 0 / 15%);
    color: #262C4B;
    text-align: center;
    border-radius: 10px;
    min-height: 90px;
    text-transform: uppercase;
    font: italic normal 600 14px/20px Roboto;
    position: relative;
    flex-wrap: wrap
}

ul#footer-menu.footer-nav li.role-menuitem {
    margin-bottom: 0
}

.hide-bonus {
    display: none
}

.fix {
    color: red;
    font-weight: bold;
    text-transform: uppercase
}

.sec-nav ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    list-style: none;
    padding: 10px 0 20px
}

.sec-nav ul li {
    display: flex;
    flex-direction: column;
    padding: 15px;
    margin: 0 5px 5px 0;
    font-size: 14px;
    flex: 1;
    min-width: 200px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 18px #0000001f;
    align-content: center;
    text-align: center
}

.sec-nav ul li:before {
    content: "\e837";
    font-size: 30px;
    color: #3c9542;
    margin-bottom: 10px
}

.sec-nav.no-img ul li:before {content: "";margin-bottom: 0;}
.sec-nav.flex-img ul li {flex-direction:row;align-items:center;justify-content:center;padding:10px;}
.sec-nav.flex-img ul li img {margin-right:10px;max-height:20px;width:auto;}
.sec-nav.flex-img ul li:before {content: "";margin-bottom: 0;width:0;height:0;}
.sec-nav.flex-img .flag-box {display:flex;}

.sec-nav ul li a {
    color: #3c9542 !important
}

.news-articles .box .h3 {
    font-size: 16px;
    text-transform: uppercase;
    min-height: 40px
}

.news-articles .box .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.i-f-18 {
    background-position: -78px -351px !important;
    width: 46px;
    height: 46px;
    margin-right: .5rem
}

.i-f-gamble-aware {
    background-position: 0 0 !important;
    width: 216px;
    height: 46px;
    top: 5px;
    position: relative
}

.i-f-norton {
    background-position: -99px -197px !important;
    width: 97px;
    height: 42px
}

a.news-pic img.w-100 {
    border-radius: 10px 10px 0 0;
}

.news-author {
    display: flex;
    padding: 0 10px 10px
}

.news-author>img {
    border-radius: 10px;
    background: #262C4B;
}

.news-author>div {
    padding-left: 15px;
    font-size: 14px;
	color:#262C4B;
}

.page-content .news-author>div a {
    font-weight: 700;
    text-decoration: none;
    font-size: 16px;
    color: #3c9542
}

.casino-games-boxes.quick_links .box {
    padding: 0 !important;
    display: block;
}

.casino-games-boxes.quick_links .box img {
    border-radius: 10px 10px 0 0;
    margin-bottom: 15px;
    width: 100%;
}

.casino-games-boxes.quick_links .box p.text-center {
    padding: 0 15px;
}

@media (max-width:414px) {
    .casino-games-boxes.quick_links .box p.text-center {
        padding-bottom: 15px;
    }
	.sec-nav.flex-img .flag-box {min-width:135px;}
}

.nice-table {
    border-radius: 10px;
    border-spacing: 0 !important;
    border-collapse: separate !important;
    border: 1px solid #1c7e23;
    overflow: hidden !important;
}

.nice-table th:not(:last-child),
.nice-table td:not(:last-child) {
    border-right: 1px solid #1c7e23;
    ;
}

.nice-table>thead>tr:not(:last-child)>th,
.nice-table>thead>tr:not(:last-child)>td,
.nice-table>tbody>tr:not(:last-child)>th,
.nice-table>tbody>tr:not(:last-child)>td,
.nice-table>tfoot>tr:not(:last-child)>th,
.nice-table>tfoot>tr:not(:last-child)>td,
.nice-table>tr:not(:last-child)>td,
.nice-table>tr:not(:last-child)>th,
.nice-table>thead:not(:last-child),
.nice-table>tbody:not(:last-child),
.nice-table>tfoot:not(:last-child) {
    border-bottom: 1px solid #1c7e23;
}

.nice-table th {
    background: #1c7e23 !important;
    color: #fff !important;
}

.nice-table td {
    text-align: center;
    padding: 5px !important;
    font-weight: normal !important;
}

.nice-table td:before {
    border: none !important;
}

.content-section .nice-table {
    border: 1px solid #262C4B;
}

.content-section .nice-table th {
    background: #262C4B !important;
    color: #fff !important;
}

.content-section .nice-table th:not(:last-child),
.content-section .nice-table td:not(:last-child) {
    border-right: 1px solid #262C4B;
}

.content-section .nice-table>thead>tr:not(:last-child)>th,
.content-section .nice-table>thead>tr:not(:last-child)>td,
.content-section .nice-table>tbody>tr:not(:last-child)>th,
.content-section .nice-table>tbody>tr:not(:last-child)>td,
.content-section .nice-table>tfoot>tr:not(:last-child)>th,
.content-section .nice-table>tfoot>tr:not(:last-child)>td,
.content-section .nice-table>tr:not(:last-child)>td,
.content-section .nice-table>tr:not(:last-child)>th,
.content-section .nice-table>thead:not(:last-child),
.content-section .nice-table>tbody:not(:last-child),
.content-section .nice-table>tfoot:not(:last-child) {
    border-bottom: 1px solid #262C4B;
}

.nice-table .normal-text {
    text-transform: none;
}

/*how-to-box*/

.box {
    max-width: 648px;
    margin-right: auto;
    margin-left: auto;
}

.box {
    background-color: #fff;
    box-shadow: 0 0 18px #0000001f;
    border-radius: 10px;
}

.how-to-box {
    height: 100%;
    overflow: hidden;
}

.how-to-box-description {}

.how-to-box-description-title {
    background: transparent linear-gradient(355deg, #FFFFFF 0%, #F8F8F8 100%) 0% 0% no-repeat padding-box;
    display: flex;
    align-items: stretch;
    text-align: left;
    font: normal normal 900 16px/18px Roboto;
    text-transform: uppercase;
    color: #4B4F55;
	padding-right:10px;
}

.how-to-box-description-title img {
    margin: 15px;
}

.how-to-box dl {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.how-to-box dt {
    display: block;
}

.how-to-box dd {
    display: block;
    margin-inline-start: 40px;
}

.how-to-box-description dl {
    margin: 0;
    padding: 15px 25px;
    background: #F8F8F8;
    color: #4B4F55;
    text-align: left;
}

.how-to-box-description dt {
    color: #787878;
    text-transform: uppercase;
    font: normal normal normal 9px/15px Roboto;
}

.how-to-box-description dd {
    font: normal normal 900 14px/18px Roboto;
    margin: 0 0 10px 0;
}

.how-to-box-img {
    height: 152px;
    background-size: cover;
    background-repeat: no-repeat;
}

.how-to-box-img.how-to-step-1.lazy-bg-loaded {
    background-image: url(/static/bonushaven/img/how-to-1.jpg);
}

.how-to-box-img.how-to-step-2.lazy-bg-loaded {
    background-image: url(/static/bonushaven/img/how-to-2.jpg);
}

.how-to-box-img.how-to-step-3.lazy-bg-loaded {
    background-image: url(/static/bonushaven/img/how-to-3.jpg);
}

.how-to-box-img.how-to-step-4.lazy-bg-loaded {
    background-image: url(/static/bonushaven/img/how-to-4.jpg);
}

.how-to-box-img.how-to-step-5.lazy-bg-loaded {
    background-image: url(/static/bonushaven/img/how-to-5.jpg);
}

.how-to-box-subheading {
    height: 35px;
    background: #262C4B;
    font: normal normal 700 16px/35px Roboto;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
}

.how-to-box-step {
    font: italic normal 600 12px/15px Roboto;
    letter-spacing: 0.06px;
    color: #262C4B;
    text-transform: uppercase;
    text-align: left;
    display: flex;
    align-items: center;
}

.how-to-box-step .how-to-num {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border: 1px dotted #262C4B;
    border-radius: 50%;
    font: normal normal 700 15px/15px Roboto;
    color: #262C4B;
    margin: 12px 15px;
}

.how-to-box-text {
    margin: 20px 15px;
    font: italic normal normal 12px/16px Roboto;
    text-align: left;
    color: #262C4B;
}

/*how-to-box*/

#main-menu-holder { position: absolute; top: 0; left: 0; width: 100%; z-index: 9; }
#main-menu-holder .site-logo { display: inline-flex; align-items: center; height: 80px; text-decoration: none; }
#main-menu-holder .site-logo .brand-name { color: #fff; font-size: 26px; font-weight: 800; letter-spacing: .5px; }
#main-menu-holder ul#main-menu > li > a .menu-text { color: #fff; }
#main-menu-holder ul#main-menu > li > a:hover .menu-text { color: #3C9542; }
.lang-switcher { position: absolute; top: 28px; right: 12px; display: flex; gap: 8px; z-index: 10; }
.lang-switcher a { color: #ffffffcc; font-size: 12px; text-transform: uppercase; text-decoration: none; }
.lang-switcher a:hover { color: #fff; }
.page-header.content-section { padding-top: 120px; padding-bottom: 40px; }
.page-header.content-section h1 { color: #fff; }
.page-header.content-section .abstract { color: #e8eaf2; }
.breadcrumb { display: block !important; visibility: visible !important; margin: 0 0 12px; }
.breadcrumb ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
.breadcrumb li { color: #ffffffb3; font-size: 13px; }
.breadcrumb li + li::before { content: '/'; margin-right: 8px; opacity: .5; }
.page-content { padding: 30px 0 60px; }
.page-content h2 { color: #262C4B; font-weight: 700; margin: 26px 0 14px; }
.news-articles .box { background: #fff; border: 1px solid #e7e9f0; border-radius: 8px; padding: 14px; }
.news-articles .box .news-pic { display: block; margin: -14px -14px 12px; overflow: hidden; border-radius: 8px 8px 0 0; background: #eef0f7; }
.news-articles .box .news-pic img { display: block; width: 100%; height: 160px; object-fit: cover; }
.news-articles .box .h3 { font-size: 16px; line-height: 1.35; margin: 0 0 10px; }
.news-articles .box .h3 a { color: #262C4B; text-decoration: none; }
.news-articles .box .h3 a:hover { color: #3C9542; }
.news-articles .box .news-author { color: #7b8199; font-size: 13px; }
.news-articles .box .news-author a { color: #3C9542; text-decoration: none; }
.casino-games-boxes .country-card { border: 1px solid #e7e9f0; border-radius: 8px; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 190px; }
.casino-games-boxes .country-card img { max-width: 96px; height: auto; }
.casino-games-boxes .country-card strong a { display: block; color: #262C4B; text-decoration: none; margin-top: 8px; }
.casino-games-boxes .country-card p { color: #7b8199; font-size: 12px; margin: 8px 0 0; }
.pagination-nav { display: flex; gap: 12px; justify-content: center; margin: 30px 0; }
.article-body { color: #2b3042; font-size: 16px; line-height: 1.75; }
.article-body h2, .article-body h3 { color: #262C4B; }
.article-body img { max-width: 100%; height: auto; }
.sidebar { margin-top: 12px; }
.comments-area { margin: 34px 0; }
.comments-area .comments-title { color: #262C4B; font-size: 20px; }
.comment-list { list-style: none; margin: 0; padding: 0; }
.comment-list .comment { border-top: 1px solid #eceef5; padding: 16px 0; }
.comment-author { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.comment-author .avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.comment-author .avatar-fallback { display: inline-flex; align-items: center; justify-content: center; background: #262C4B; color: #fff; font-weight: 700; }
.comment-author .fn { font-style: normal; font-weight: 600; color: #262C4B; }
.comment-author .comment-date { color: #7b8199; font-size: 12px; }
.parent-cat a { color: #3C9542; }
footer.footer { background: #262C4B; color: #fff; padding: 30px 0; }
footer.footer .footer-heading { color: #fff; font-weight: 700; text-align: center; margin-bottom: 18px; }
footer.footer .flex-container { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; justify-content: center; text-align: center; }
footer.footer .footer-18-text { color: #cfd3e6; font-size: 14px; }
footer.footer .footer-18-text a { color: #7bd48b; }
.footer-menu-container { background: #1b2040; }
.footer-menu-container #footer-menu { list-style: none; display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin: 0; padding: 0; }
.footer-menu-container #footer-menu a { color: #cfd3e6; text-decoration: none; font-size: 14px; }
.footer-menu-container #footer-menu a:hover { color: #fff; }
.footer-menu-container #footer-menu .site-logo .brand-name { color: #fff; font-weight: 800; }
.copyright { background: #1b2040; color: #9aa2c0; padding: 14px 0; }
.copyright .container-flex { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; }
.copyright .footer-about-contact a { color: #cfd3e6; text-decoration: none; margin-right: 12px; font-size: 13px; }
.copyright .copyright-text { font-size: 13px; }
.copyright .copyright-text .brand-name { color: #fff; font-weight: 700; }