/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./css/src/single_article.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.color-purple {
    color: #461572
}

.color-turquoise {
    color: #3dffda
}

.color-orange {
    color: #ffa532
}

@font-face {
    ascent-override: 99%;
    font-family: Inter-fallback;
    size-adjust: 97.38%;
    src: local("Arial")
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg)
    }
    to {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        -o-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        transform: translateX(-50%) translateY(-50%) rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg)
    }
    to {
        -ms-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        -o-transform: translateX(-50%) translateY(-50%) rotate(1turn);
        transform: translateX(-50%) translateY(-50%) rotate(1turn)
    }
}

.border-animation {
    --border-width: 0.1em;
    --animation-speed: 0.5s;
    --color: #3cffd9;
    color: var(--color);
    display: inline-block;
    font-size: 4em;
    line-height: 1em;
    transform: scale(1)
}

.border-animation, .border-animation .border-animation__inner {
    border: var(--border-width) solid transparent;
    position: relative
}

.border-animation .border-animation__inner {
    cursor: pointer;
    z-index: 1
}

.border-animation:after, .border-animation:before {
    background: var(--color);
    content: "";
    position: absolute
}

.border-animation:focus:before, .border-animation:hover:before {
    animation: beforeBorders var(--animation-speed) forwards ease-in-out
}

.border-animation:focus:after, .border-animation:hover:after {
    animation: afterBorders var(--animation-speed) forwards ease-in-out
}

.border-animation:focus, .border-animation:hover {
    animation: borderColors var(--animation-speed) steps(1) forwards
}

@keyframes beforeBorders {
    0% {
        bottom: auto;
        height: var(--border-width);
        left: 50%;
        right: auto;
        top: calc(var(--border-width) * -1);
        width: 0
    }
    33% {
        bottom: auto;
        height: var(--border-width);
        left: calc(var(--border-width) * -1);
        right: auto;
        top: calc(var(--border-width) * -1);
        width: calc(var(--border-width) + 50%)
    }
    66% {
        bottom: auto;
        height: calc(var(--border-width) * 2 + 100%);
        left: calc(var(--border-width) * -1);
        right: auto;
        top: calc(var(--border-width) * -1);
        width: var(--border-width)
    }
    to {
        bottom: calc(var(--border-width) * -1);
        height: calc(var(--border-width) * 2 + 100%);
        left: calc(var(--border-width) * -1);
        right: auto;
        top: auto;
        width: calc(var(--border-width) + 50%)
    }
}

@keyframes afterBorders {
    0% {
        bottom: auto;
        height: var(--border-width);
        left: auto;
        right: 50%;
        top: calc(var(--border-width) * -1);
        width: 0
    }
    33% {
        bottom: auto;
        height: var(--border-width);
        left: auto;
        right: calc(var(--border-width) * -1);
        top: calc(var(--border-width) * -1);
        width: calc(var(--border-width) + 50%)
    }
    66% {
        bottom: auto;
        height: calc(var(--border-width) * 2 + 100%);
        left: auto;
        right: calc(var(--border-width) * -1);
        top: calc(var(--border-width) * -1);
        width: var(--border-width)
    }
    to {
        bottom: calc(var(--border-width) * -1);
        height: calc(var(--border-width) * 2 + 100%);
        left: auto;
        right: calc(var(--border-width) * -1);
        top: auto;
        width: calc(var(--border-width) + 50%)
    }
}

@keyframes borderColors {
    0% {
        border-color: transparent;
        border-radius: 10px
    }
    33% {
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-radius: 10px;
        border-right-color: transparent;
        border-top-color: var(--color)
    }
    66% {
        border-bottom-color: transparent;
        border-left-color: var(--color);
        border-radius: 10px;
        border-right-color: var(--color);
        border-top-color: var(--color)
    }
    to {
        border-color: var(--color);
        border-radius: 10px
    }
}

@property --bga {
    syntax: "<color>";
    initial-value: #3dffda;
    inherits: false
}

@property --bgb {
    syntax: "<color>";
    initial-value: #3dffda;
    inherits: false
}

:root {
    --bga: #3dffda;
    --bgb: #3dffda
}

@keyframes gradient {
    0% {
        background-position: 0 50%
    }
    to {
        background-position: 100%
    }
}

@keyframes gradient-out {
    0% {
        background-position: 100%
    }
    to {
        background-position: 0 50%
    }
}

.clearfix:after, .row:after {
    clear: both;
    content: "";
    display: block
}

.wrapper {
    margin: 0 auto;
    max-width: 1360px;
    width: 90%
}

.row .col1 {
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 5.3333333333%
}

.row .col1.nogutter {
    margin-left: 0;
    margin-right: 0;
    width: 8.3333333333%
}

.row .col1.nogutterleft, .row .col1.nogutterright {
    width: 6.8333333333%
}

.row .col1.nogutterleft {
    margin-left: 0
}

.row .col1.nogutterright {
    margin-right: 0
}

.row .col2 {
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 13.6666666667%
}

.row .col2.nogutter {
    margin-left: 0;
    margin-right: 0;
    width: 16.6666666667%
}

.row .col2.nogutterleft, .row .col2.nogutterright {
    width: 15.1666666667%
}

.row .col2.nogutterleft {
    margin-left: 0
}

.row .col2.nogutterright {
    margin-right: 0
}

.row .col3 {
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 22%
}

.row .col3.nogutter {
    margin-left: 0;
    margin-right: 0;
    width: 25%
}

.row .col3.nogutterleft, .row .col3.nogutterright {
    width: 23.5%
}

.row .col3.nogutterleft {
    margin-left: 0
}

.row .col3.nogutterright {
    margin-right: 0
}

.row .col4 {
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 30.3333333333%
}

.row .col4.nogutter {
    margin-left: 0;
    margin-right: 0;
    width: 33.3333333333%
}

.row .col4.nogutterleft, .row .col4.nogutterright {
    width: 31.8333333333%
}

.row .col4.nogutterleft {
    margin-left: 0
}

.row .col4.nogutterright {
    margin-right: 0
}

.row .col5 {
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 38.6666666667%
}

.row .col5.nogutter {
    margin-left: 0;
    margin-right: 0;
    width: 41.6666666667%
}

.row .col5.nogutterleft, .row .col5.nogutterright {
    width: 40.1666666667%
}

.row .col5.nogutterleft {
    margin-left: 0
}

.row .col5.nogutterright {
    margin-right: 0
}

.row .col6 {
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 47%
}

.row .col6.nogutter {
    margin-left: 0;
    margin-right: 0;
    width: 50%
}

.row .col6.nogutterleft, .row .col6.nogutterright {
    width: 48.5%
}

.row .col6.nogutterleft {
    margin-left: 0
}

.row .col6.nogutterright {
    margin-right: 0
}

.row .col7 {
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 55.3333333333%
}

.row .col7.nogutter {
    margin-left: 0;
    margin-right: 0;
    width: 58.3333333333%
}

.row .col7.nogutterleft, .row .col7.nogutterright {
    width: 56.8333333333%
}

.row .col7.nogutterleft {
    margin-left: 0
}

.row .col7.nogutterright {
    margin-right: 0
}

.row .col8 {
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 63.6666666667%
}

.row .col8.nogutter {
    margin-left: 0;
    margin-right: 0;
    width: 66.6666666667%
}

.row .col8.nogutterleft, .row .col8.nogutterright {
    width: 65.1666666667%
}

.row .col8.nogutterleft {
    margin-left: 0
}

.row .col8.nogutterright {
    margin-right: 0
}

.row .col9 {
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 72%
}

.row .col9.nogutter {
    margin-left: 0;
    margin-right: 0;
    width: 75%
}

.row .col9.nogutterleft, .row .col9.nogutterright {
    width: 73.5%
}

.row .col9.nogutterleft {
    margin-left: 0
}

.row .col9.nogutterright {
    margin-right: 0
}

.row .col10 {
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 80.3333333333%
}

.row .col10.nogutter {
    margin-left: 0;
    margin-right: 0;
    width: 83.3333333333%
}

.row .col10.nogutterleft, .row .col10.nogutterright {
    width: 81.8333333333%
}

.row .col10.nogutterleft {
    margin-left: 0
}

.row .col10.nogutterright {
    margin-right: 0
}

.row .col11 {
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 88.6666666667%
}

.row .col11.nogutter {
    margin-left: 0;
    margin-right: 0;
    width: 91.6666666667%
}

.row .col11.nogutterleft, .row .col11.nogutterright {
    width: 90.1666666667%
}

.row .col11.nogutterleft {
    margin-left: 0
}

.row .col11.nogutterright {
    margin-right: 0
}

.row .col12 {
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 97%
}

.row .col12.nogutter {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.row .col12.nogutterleft, .row .col12.nogutterright {
    width: 98.5%
}

.row .col12.nogutterleft {
    margin-left: 0
}

.row .col12.nogutterright {
    margin-right: 0
}

@media screen and (min-width: 1160px) {
    .wrapper {
        margin: 0 auto;
        max-width: 1360px;
        width: 98%
    }
}

@media screen and (min-width: 1360px) {
    .wrapper {
        margin: 0 auto;
        max-width: 1360px;
        width: auto
    }
}

@media screen and (max-width: 768px) {
    .hideonmobile {
        display: none !important
    }

    .row .col12, .row .col12.nogutter, .row .col2, .row .col2.nogutter, .row .col3, .row .col3.nogutter, .row .col4, .row .col4.nogutter, .row .col5, .row .col5.nogutter, .row .col6, .row .col6.nogutter, .row .col8, .row .col8.nogutter, .row .col9, .row .col9.nogutter {
        margin: 0 auto 20px;
        width: 100%
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, to {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    60% {
        -webkit-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        transform: translateX(-5px)
    }
}

#introSlots .col5, #titleSlots {
    color: #fff
}

#introSlots .col5 h1, #titleSlots h1 {
    color: #5e5ddc
}

#introSlots .col5 p, #titleSlots p {
    color: #2a292b;
    font-size: 16px;
    line-height: 23px;
    text-align: left
}

#introSlots .col5 p a, #titleSlots p a {
    color: #5e5ddc
}

#introSlots, #titleSlots {
    text-align: center
}

#titleSlots.single h1 {
    color: #5e5ddc;
    font-size: 28px;
    margin-bottom: 35px;
    text-align: center
}

#titleSlots.single h1:before {
    display: none
}

#titleSlots.blackjack p {
    line-height: 1.6em;
    margin: 0 auto 10px;
    width: 70%
}

#titleSlots {
    text-align: center
}

#titleSlots h1 {
    margin: 0 auto 20px
}

#titleSlots .col12 {
    float: none;
    width: 100%
}

#introSlots, #titleSlots .col12 p {
    text-align: center
}

#introSlots .col12 {
    float: none;
    margin: 0 auto;
    width: 70%
}

#introSlots .col12 p {
    text-align: center
}

#filtresTopSlots {
    margin-top: 20px
}

#filtresTopSlots .col4 {
    border: 2px solid transparent;
    margin-bottom: 0
}

#filtresTopSlots .col4.active {
    border: 2px solid #3dffda;
    border-radius: 10px
}

#filtresTopSlots .col4.active .bg_filtre_slot > div:before {
    display: none
}

#filtresTopSlots .col4 .bg_filtre_slot {
    border: none;
    border-radius: 10px;
    display: block;
    overflow: hidden;
    position: relative
}

#filtresTopSlots .col4 .bg_filtre_slot > div {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 40%;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

#filtresTopSlots .col4 .bg_filtre_slot > div:before {
    background: rgba(0, 0, 0, .7);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

#filtresTopSlots .col4 .bg_filtre_slot > span {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

#filtresTopSlots .col4 .bg_filtre_slot:hover > div {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

#type_slots .row {
    display: flex;
    flex-wrap: nowrap
}

#type_slots .row ul {
    float: left;
    list-style-type: none;
    margin: 50px 0 30px;
    width: 100%
}

#type_slots .row ul li {
    float: left;
    margin: 0 1.5% 0 0;
    width: 15.2%
}

#type_slots .row ul li:last-child {
    margin-right: 0
}

#type_slots .row ul li a {
    background: #c9e7f4;
    border-radius: 15px;
    color: #2a292b;
    display: block;
    font-size: 17px;
    font-weight: 700;
    padding: 15px 20px;
    text-decoration: none
}

#type_slots .row ul li a label {
    cursor: pointer
}

#type_slots .row ul li a label.small {
    clear: both;
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-top: 7px
}

#type_slots .row ul li a:hover, #type_slots .row ul li.active a {
    background-image: linear-gradient(113deg, #5e5de3 6%, #411cb4 95%);
    color: #fff
}

#searchSlots {
    margin-bottom: 30px;
    margin-top: 20px
}

#searchSlots > .row > .col12 {
    background: #fff;
    border-radius: 35px;
    box-shadow: 0 3px 6px 0 hsla(0, 0%, 65%, .16);
    display: block;
    float: left;
    margin-bottom: 0;
    margin-top: .625rem;
    outline: none;
    padding: 17px 15px 16px 25px
}

#searchSlots #providers_actifs .col12 {
    background: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 15px;
    padding-bottom: 0;
    padding-top: 0
}

#searchSlots #providers_actifs .col12 ul li {
    background: #ececec;
    background: transparent;
    border: 1px solid #000;
    border-radius: 55px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin: 0 15px 10px 0;
    padding: 6px 14px
}

#searchSlots #providers_actifs .col12 ul li:hover {
    background: #5e5ddc;
    color: #fff
}

#searchSlots h2 {
    color: #fff;
    margin-bottom: 0;
    margin-top: 0;
    position: relative
}

#searchSlots h2:not(:first-child) {
    margin-top: 50px
}

#searchSlots h2:before {
    background: #3cffd9;
    bottom: -12px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 80px
}

#searchSlots h2 span {
    margin-right: 50px
}

#searchSlots #wrapper_select_filtre_home_bonus_casino_v2 {
    background: #fff;
    float: left;
    list-style-type: none;
    margin-bottom: 0;
    margin-right: 20px
}

#searchSlots #wrapper_select_filtre_home_bonus_casino_v2 li {
    background: #c9e7f4;
    border-radius: 55px;
    color: #2a292b;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-right: 10px;
    padding: 0;
    position: relative;
    transform: all .8s ease-in-out
}

#searchSlots #wrapper_select_filtre_home_bonus_casino_v2 li.first {
    background: none;
    border: none;
    padding: 5px 0
}

#searchSlots #wrapper_select_filtre_home_bonus_casino_v2 li.first:before {
    display: none
}

#searchSlots #wrapper_select_filtre_home_bonus_casino_v2 li.first:hover {
    background: none;
    color: #fff
}

#searchSlots #wrapper_select_filtre_home_bonus_casino_v2 li:last-child {
    margin-right: 0
}

#searchSlots #wrapper_select_filtre_home_bonus_casino_v2 li.active, #searchSlots #wrapper_select_filtre_home_bonus_casino_v2 li:hover {
    background: #5e5ddc;
    color: #fff;
    font-weight: 400
}

#searchSlots #wrapper_select_filtre_home_bonus_casino_v2 li.active a, #searchSlots #wrapper_select_filtre_home_bonus_casino_v2 li:hover a {
    color: #fff
}

#searchSlots #wrapper_select_filtre_home_bonus_casino_v2 li a {
    color: #2a292b;
    cursor: pointer;
    display: block;
    padding: 6px 14px;
    position: relative;
    text-decoration: none
}

#searchSlots #wrapper_select_filtre_home_bonus_casino_v2 li a:before {
    background-color: #fff;
    border-radius: 55px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .16;
    position: absolute;
    right: 0;
    top: 0
}

#searchSlots #filter_slots_by_provider, #searchSlots #filter_slots_by_type, #searchSlots #order_slots_by, #searchSlots #sort_slots {
    background-color: #fff;
    border: 1px solid #403f42;
    border-radius: 10px;
    border-radius: 5px;
    color: #2a292b;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin-right: 20px;
    min-width: 245px;
    padding: 5px 10px 5px 13px;
    position: relative
}

#searchSlots #filter_slots_by_provider ul, #searchSlots #filter_slots_by_type ul, #searchSlots #order_slots_by ul, #searchSlots #sort_slots ul {
    list-style-type: none
}

#searchSlots #filter_slots_by_provider ul li, #searchSlots #filter_slots_by_type ul li, #searchSlots #order_slots_by ul li, #searchSlots #sort_slots ul li {
    font-size: 12px;
    margin-bottom: 0
}

#searchSlots #filter_slots_by_provider:before, #searchSlots #filter_slots_by_type:before, #searchSlots #order_slots_by:before, #searchSlots #sort_slots:before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #2a292b;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0
}

#searchSlots #filter_slots_by_provider > span, #searchSlots #filter_slots_by_type > span, #searchSlots #order_slots_by > span, #searchSlots #sort_slots > span {
    line-height: 1.6em
}

#searchSlots #filter_slots_by_provider > span span.nb, #searchSlots #filter_slots_by_type > span span.nb, #searchSlots #order_slots_by > span span.nb, #searchSlots #sort_slots > span span.nb {
    background: #c9e7f4;
    border-radius: 5px;
    color: #2a292b;
    font-size: 12px;
    margin-left: 10px;
    padding: 4px 7px
}

#searchSlots #filter_slots_by_provider .sous_menu, #searchSlots #filter_slots_by_type .sous_menu, #searchSlots #order_slots_by .sous_menu, #searchSlots #sort_slots .sous_menu {
    background-color: #fff;
    border: 1px solid #403f42;
    border-radius: 10px;
    bottom: auto;
    left: 0;
    opacity: 0;
    padding: 10px 10px 12px 13px;
    pointer-events: none;
    position: absolute;
    top: 97%;
    transform: translateY(25%);
    transition: all .15s ease;
    width: 100%;
    z-index: 15
}

#searchSlots #filter_slots_by_provider .sous_menu:before, #searchSlots #filter_slots_by_type .sous_menu:before, #searchSlots #order_slots_by .sous_menu:before, #searchSlots #sort_slots .sous_menu:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: -65px;
    z-index: -1
}

#searchSlots #filter_slots_by_provider .sous_menu li, #searchSlots #filter_slots_by_type .sous_menu li, #searchSlots #order_slots_by .sous_menu li, #searchSlots #sort_slots .sous_menu li {
    border-bottom: 1px solid #ececec;
    clear: both;
    display: block;
    font-size: 12px;
    height: 35px;
    margin-bottom: 5px
}

#searchSlots #filter_slots_by_provider .sous_menu li:last-child, #searchSlots #filter_slots_by_type .sous_menu li:last-child, #searchSlots #order_slots_by .sous_menu li:last-child, #searchSlots #sort_slots .sous_menu li:last-child {
    border-bottom: none
}

#searchSlots #filter_slots_by_provider .sous_menu li input, #searchSlots #filter_slots_by_provider .sous_menu li label, #searchSlots #filter_slots_by_type .sous_menu li input, #searchSlots #filter_slots_by_type .sous_menu li label, #searchSlots #order_slots_by .sous_menu li input, #searchSlots #order_slots_by .sous_menu li label, #searchSlots #sort_slots .sous_menu li input, #searchSlots #sort_slots .sous_menu li label {
    cursor: pointer;
    display: inline-block;
    line-height: 35px;
    margin: 0 4px 3px 0;
    padding: 0;
    vertical-align: middle
}

#searchSlots #filter_slots_by_provider .sous_menu li input, #searchSlots #filter_slots_by_type .sous_menu li input, #searchSlots #order_slots_by .sous_menu li input, #searchSlots #sort_slots .sous_menu li input {
    height: 35px
}

#searchSlots #filter_slots_by_provider .sous_menu li label, #searchSlots #filter_slots_by_type .sous_menu li label, #searchSlots #order_slots_by .sous_menu li label, #searchSlots #sort_slots .sous_menu li label {
    margin-right: 0;
    width: 155px
}

#searchSlots #filter_slots_by_provider .sous_menu li label span.nb, #searchSlots #filter_slots_by_type .sous_menu li label span.nb, #searchSlots #order_slots_by .sous_menu li label span.nb, #searchSlots #sort_slots .sous_menu li label span.nb {
    background: #c9e7f4;
    border-radius: 5px;
    color: #2a292b;
    font-size: 12px;
    margin-left: 10px;
    padding: 4px 7px
}

#searchSlots #filter_slots_by_provider:hover .sous_menu, #searchSlots #filter_slots_by_type:hover .sous_menu, #searchSlots #order_slots_by:hover .sous_menu, #searchSlots #sort_slots:hover .sous_menu {
    cursor: pointer !important;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

#searchSlots #filter_slots_by_provider {
    min-width: 270px
}

#searchSlots #filter_slots_by_provider .sous_menu {
    height: 250px;
    overflow: scroll;
    padding-bottom: 15px;
    width: 270px
}

#searchSlots #filter_slots_by_provider .sous_menu::-webkit-scrollbar {
    height: 2px;
    width: 4px
}

#searchSlots #filter_slots_by_provider .sous_menu::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 2px
}

#searchSlots #filter_slots_by_provider .sous_menu li {
    margin-bottom: 0
}

#searchSlots #filter_slots_by_provider .sous_menu li label {
    width: 180px
}

#searchSlots #filter_slots_by_provider .sous_menu li.hide {
    display: none
}

#searchSlots #filter_slots_by_provider .sous_menu:before {
    top: -80px
}

#searchSlots #filter_slots_by_provider .sous_menu #input_small_search_provider {
    background-color: #f1f1f1;
    border: none;
    border-radius: 5px;
    height: 26px;
    margin-bottom: 10px;
    padding: 4px 10px;
    width: 100%
}

#searchSlots #form_search_slots {
    float: right;
    margin-right: 5px;
    width: calc(100% - 620px)
}

#searchSlots #form_search_slots input[type=text] {
    background: #ececec;
    border: none;
    border-radius: 55px;
    float: left;
    font-size: 12px;
    height: 35px;
    margin: 0 10px 0 0;
    min-width: 189px;
    outline: none !important;
    padding-left: 20px;
    width: calc(100% - 80px)
}

#searchSlots #form_search_slots ::placeholder {
    color: #c1c1c1;
    font-size: 12px;
    font-weight: 400;
    opacity: .6
}

#searchSlots #form_search_slots input[type=submit] {
    appearance: none;
    background: #5e5ddc;
    background-image: url(../../images/ico-loupe-thin.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    border: none;
    border-radius: 55px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    height: 35px;
    margin: 0;
    width: 60px
}

#listeSlots {
    color: #fff;
    margin-bottom: 60px
}

#listeSlots p a {
    color: #3dffda;
    text-decoration: underline
}

#listeSlots ul li {
    display: inline-block;
    margin-right: 15px
}

#listeSlots ul li a {
    color: #fff
}

#listeSlots h2 {
    margin-bottom: 45px;
    position: relative
}

#listeSlots h2:not(:first-child) {
    margin-top: 50px
}

#listeSlots h2:before {
    background: #3cffd9;
    bottom: -15px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 130px
}

#listeSlots #bouton_show_more_slots {
    text-align: center
}

#listeSlots #bouton_show_more_slots a {
    border: 1px solid #2a292b;
    border-radius: 50px;
    color: #2a292b;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-top: 15px;
    min-width: 200px;
    padding: 14px 0 13px;
    text-align: center;
    text-transform: none;
    transition: all .5s ease
}

#listeSlots #bouton_show_more_slots a:hover {
    background: #2a292b;
    color: #fff
}

#listeSlots #bouton_show_more_slots.inactive {
    display: none
}

#listeSlots #best_providers {
    margin-top: 20px
}

#listeSlots #loader_slots {
    display: none
}

#listeSlots #loader_slots p {
    clear: both;
    color: #3dffda;
    display: none;
    font-size: 22px;
    margin-bottom: 10px
}

#listeSlots #loader_slots .container {
    align-items: center;
    display: flex;
    float: left;
    height: 100px;
    justify-content: center;
    width: 100%
}

#listeSlots #loader_slots .spinner {
    animation: rotator 1.4s linear infinite;
    height: 90px;
    position: absolute;
    transition: transform .25s ease;
    width: 90px
}

#listeSlots #loader_slots .spinner circle {
    stroke-dasharray: 180;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #f08108;
    animation: dash 1.4s ease-in-out infinite, colors 1.4s linear infinite;
    transform-origin: center
}

#listeSlots #loader_slots .icon {
    align-items: center;
    display: flex;
    height: 36px;
    justify-content: center;
    position: relative;
    width: 36px
}

#listeSlots #loader_slots .icon svg {
    height: 50px;
    transition: transform .3s ease
}

#listeSlots #loader_slots.active {
    clear: both;
    display: block;
    float: left;
    padding-left: 0;
    width: 100%
}

#carousel_slots_top.carousel_slots {
    margin-bottom: 15px
}

#carousel_best-providers {
    margin-bottom: 0
}

.carousel_slots {
    margin-bottom: 40px;
    overflow: hidden;
    width: 100%
}

.carousel_slots > div.col3 {
    margin-bottom: 2%;
    margin-left: 1.5%;
    margin-right: .5%;
    width: 22.75%
}

.carousel_slots > div > a.nom_provider_slot {
    color: #5e5ddc;
    display: block;
    font-size: 14px;
    padding-left: 2px;
    padding-top: 5px
}

.carousel_slots > div > a.nom_provider_slot:hover {
    text-decoration: underline
}

.carousel_slots > div > a.nom_slot {
    color: #2a292b;
    display: block;
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 0;
    overflow: hidden;
    padding-left: 2px;
    padding-top: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.carousel_slots > div > a.nom_slot:hover {
    text-decoration: underline
}

.carousel_slots > div > a.bg_link {
    border-radius: 15px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 60%;
    position: relative
}

.carousel_slots > div > a.bg_link .bg_hot_news {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.carousel_slots > div > a.bg_link .slot_abs {
    left: 10px;
    position: absolute;
    top: 15px
}

.carousel_slots > div > a.bg_link .slot_abs .contenu_texte_hot_news {
    background: #2a292b;
    border-radius: 15px;
    display: inline;
    margin-right: 7px;
    padding: 2px 10px 4px;
    position: relative
}

.carousel_slots > div > a.bg_link .slot_abs .contenu_texte_hot_news p {
    color: #fff;
    display: inline;
    font-size: 11px;
    line-height: 1;
    margin: 0
}

.carousel_slots > div > a.bg_link .slot_abs .offre_no_deposit {
    background-image: linear-gradient(270deg, #ff8c6c, #d94ec5);
    border-radius: 15px;
    display: inline;
    padding: 2px 10px 4px;
    position: relative
}

.carousel_slots > div > a.bg_link .slot_abs .offre_no_deposit p {
    color: #fff;
    display: inline;
    font-size: 12px;
    line-height: 1;
    margin: 0
}

.carousel_slots > div > a.bg_link:hover .bg_hot_news {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.carousel_slots > div > a.bg_link:hover:before {
    background-image: linear-gradient(180deg, #5e5de3, #411cb4);
    bottom: 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    content: "";
    left: 0;
    opacity: .79;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.carousel_slots > div > a.bg_link:hover:after {
    background: #3dffda;
    border-radius: 23px;
    color: #5e5ddc;
    content: "Play for free";
    display: inline-block;
    font-size: 16px;
    left: 50%;
    margin: 0 auto;
    padding: 13px 52px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    z-index: 15
}

.carousel_slots > div > div.bg_link {
    border-radius: 15px;
    display: block;
    overflow: hidden;
    padding-bottom: 60%;
    position: relative
}

.carousel_slots > div > div.bg_link .contenu_texte_hot_news {
    background: #3dffda;
    border-radius: 15px;
    color: #000;
    display: inline-block;
    font-size: 16px;
    font-weight: 900;
    left: 50%;
    margin: 0 auto;
    padding: 7px 15px;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    white-space: nowrap
}

.carousel_slots > div > div.bg_link .contenu_texte_hot_news:hover {
    -ms-transform: translate(-50%) scale(1.1);
    -moz-transform: translate(-50%) scale(1.1);
    -webkit-transform: translate(-50%) scale(1.1);
    -o-transform: translate(-50%) scale(1.1);
    transform: translate(-50%) scale(1.1)
}

#onlineSlots {
    margin-bottom: 60px
}

#onlineSlots img {
    height: auto;
    max-width: 60%
}

#onlineSlots p {
    color: #fff;
    line-height: 1.5
}

#onlineSlots h2 {
    color: #fff;
    margin-bottom: 30px;
    position: relative
}

#onlineSlots h2:before {
    background: #3cffd9;
    bottom: -15px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 130px
}

#main_content_slots {
    background-image: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff);
    margin-bottom: 100px;
    padding-top: 80px;
    text-align: center
}

#main_content_slots h2 {
    text-align: center;
    text-transform: uppercase
}

#main_content_slots ul {
    list-style-type: none
}

#main_content_slots ul li {
    margin-bottom: 17px;
    padding-left: 13px;
    position: relative
}

#main_content_slots ul li:before {
    background: #5e5ddc;
    border-radius: 100%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 6px
}

#main_content_slots img.size-full {
    margin-top: 40px
}

#carousel_best-providers .owl-item > div > a.nom_slot {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 0;
    padding-left: 2px;
    padding-top: 8px
}

#carousel_best-providers .owl-item > div > a.nom_provider_slot {
    color: #fff;
    display: block;
    font-size: 14px;
    padding-left: 2px;
    padding-top: 5px
}

#carousel_best-providers .owl-item > div > a.bg_link {
    background: #11071f;
    border-radius: 15px;
    display: block;
    height: 125px;
    overflow: hidden;
    padding: 25px 0;
    position: relative
}

#carousel_best-providers .owl-item > div > a.bg_link .bg_hot_news {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

#carousel_best-providers .owl-item > div > a.bg_link .contenu_texte_hot_news {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

#carousel_best-providers .owl-item > div > a.bg_link .contenu_texte_hot_news p {
    color: #fff;
    margin: 0 0 5px
}

#carousel_best-providers .owl-item > div > a.bg_link:hover .bg_hot_news {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

#carousel_best-providers .owl-item > div > div.bg_link {
    border-radius: 15px;
    display: block;
    overflow: hidden;
    padding-bottom: 60%;
    position: relative
}

#carousel_best-providers .owl-item > div > div.bg_link .contenu_texte_hot_news {
    background: #3dffda;
    border-radius: 15px;
    color: #000;
    display: inline-block;
    font-size: 16px;
    font-weight: 900;
    left: 50%;
    margin: 0 auto;
    padding: 7px 15px;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    white-space: nowrap
}

#carousel_best-providers .owl-item > div > div.bg_link .contenu_texte_hot_news:hover {
    -ms-transform: translate(-50%) scale(1.1);
    -moz-transform: translate(-50%) scale(1.1);
    -webkit-transform: translate(-50%) scale(1.1);
    -o-transform: translate(-50%) scale(1.1);
    transform: translate(-50%) scale(1.1)
}

#carousel_best-providers .owl-nav {
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 40%
}

#carousel_best-providers .owl-nav .owl-prev {
    background: url(../../images/arrow-left.svg) no-repeat 50%;
    height: 30px;
    left: -50px;
    position: absolute;
    transform-origin: center center;
    transition-duration: .3s;
    transition-property: transform;
    width: 30px
}

#carousel_best-providers .owl-nav .owl-prev span {
    display: none
}

#carousel_best-providers .owl-nav .owl-prev:hover {
    transform: scale(1.1)
}

#carousel_best-providers .owl-nav .owl-next {
    background: url(../../images/arrow-right.svg) no-repeat 50%;
    height: 30px;
    left: auto;
    position: absolute;
    right: -50px;
    transform-origin: center center;
    transition-duration: .3s;
    transition-property: transform;
    width: 30px
}

#carousel_best-providers .owl-nav .owl-next span {
    display: none
}

#carousel_best-providers .owl-nav .owl-next:hover {
    transform: scale(1.1)
}

#carousel_best-providers .owl-nav span {
    color: #fff;
    font-size: 36px
}

#carousel_best-providers .owl-dots {
    margin-top: 20px
}

#carousel_best-providers .owl-dots .owl-dot span {
    background: #fff
}

#carousel_best-providers .owl-dots .owl-dot.active span {
    background: #3dffda
}

#wrapper_inner_slot {
    display: flex
}

#game_for_fun_or_reel #game-before-launch {
    border-radius: 15px;
    height: 0;
    overflow: hidden;
    padding-bottom: 58.5%;
    position: relative;
    text-align: center;
    width: 100%
}

#game_for_fun_or_reel #game-before-launch:before {
    background: rgba(60, 29, 173, .2);
    border-radius: 15px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

#game_for_fun_or_reel #game-before-launch #bg_game-before-launch {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    bottom: 0;
    filter: blur(2px);
    -webkit-filter: blur(6px);
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

#game_for_fun_or_reel #game-before-launch > img {
    height: auto
}

#game_for_fun_or_reel #game-before-launch > div.cta {
    background: #3dffda;
    border: 1px solid #3dffda;
    border-radius: 23px;
    color: #411cb4;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    left: 50%;
    margin: 0 auto;
    min-width: 200px;
    padding: 10px 30px;
    position: absolute;
    text-align: center;
    top: 40%;
    transform: translateX(-50%);
    transition: all .5s;
    z-index: 5
}

#game_for_fun_or_reel #game-before-launch > div.cta a {
    color: #411cb4
}

#game_for_fun_or_reel #game-before-launch > div.cta ~ div {
    background: transparent;
    border-color: #fff;
    border-width: 1px;
    color: #fff;
    margin-top: 65px
}

#game_for_fun_or_reel #game-before-launch > div.cta:hover {
    transform: translateX(-50%) scale(1.1)
}

#game_for_fun_or_reel #gamefileEmbed {
    border-radius: 15px;
    display: none
}

#game_for_fun_or_reel #gamefileEmbed.active {
    display: block
}

#reasons_why {
    margin-top: 150px;
    position: relative
}

#reasons_why.bigmarginbottom {
    margin-bottom: 70px
}

#reasons_why .col3 p {
    color: #2a292b;
    line-height: 1.44
}

#reasons_why .col3 h2, #reasons_why .col3 h2 span {
    font-weight: 900 !important;
    text-transform: uppercase
}

#reasons_why .col3 #categories_casinos_bonus_carousel {
    margin-top: 30px
}

#reasons_why .col3 #categories_casinos_bonus_carousel li {
    border: 1px solid #5e5ddc;
    border-radius: 23px;
    display: inline-block;
    margin: 0 10px 10px 0
}

#reasons_why .col3 #categories_casinos_bonus_carousel li a {
    color: #5e5ddc;
    display: block;
    font-size: 16px;
    padding: 10px 15px;
    text-decoration: none
}

#reasons_why .col3 #categories_casinos_bonus_carousel li a:hover {
    color: #fff
}

#reasons_why .col3 #categories_casinos_bonus_carousel li.active, #reasons_why .col3 #categories_casinos_bonus_carousel li:hover {
    background: #5e5ddc
}

#reasons_why .col3 #categories_casinos_bonus_carousel li.active a, #reasons_why .col3 #categories_casinos_bonus_carousel li:hover a {
    color: #fff
}

#reasons_why .col9 {
    margin: 0;
    position: absolute;
    right: 0
}

#reasons_why .col9 .owl-carousel, #reasons_why .col9 .owl-carousel .owl-stage, #reasons_why .col9 .owl-carousel .owl-stage .owl-item {
    display: flex
}

#reasons_why .col9 .owl-carousel .owl-stage .owl-item > div {
    background: #c9e7f4;
    border-radius: 35px;
    padding: 40px 40px 90px;
    position: relative;
    transform: scale(.95);
    transition: all .5s ease-in-out
}

#reasons_why .col9 .owl-carousel .owl-stage .owl-item > div h3 {
    text-transform: uppercase
}

#reasons_why .col9 .owl-carousel .owl-stage .owl-item > div p {
    line-height: 1.44
}

#reasons_why .col9 .owl-carousel .owl-stage .owl-item > div a.bouton_tertiaire {
    bottom: 35px;
    color: #2a292b;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.44;
    padding-bottom: 7px;
    padding-right: 0;
    position: relative;
    position: absolute;
    text-align: left
}

#reasons_why .col9 .owl-carousel .owl-stage .owl-item > div a.bouton_tertiaire:after {
    background: url(../../images/arrow_lien_tertiaire.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 11px;
    position: absolute;
    right: -20px;
    top: 5px;
    width: 14px
}

#reasons_why .col9 .owl-carousel .owl-stage .owl-item > div a.bouton_tertiaire:before {
    background-color: #5e5ddc;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out;
    width: 100%
}

#reasons_why .col9 .owl-carousel .owl-stage .owl-item > div a.bouton_tertiaire:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

#reasons_why .col9 .owl-carousel .owl-stage .owl-item > div:hover {
    transform: scale(1)
}

#reasons_why .col9 .owl-carousel .owl-stage .owl-item:not(.active) + .owl-item.active > div {
    background-image: linear-gradient(270deg, #5e5de3, #411cb4);
    color: #fff
}

#reasons_why .col9 .owl-carousel .owl-stage .owl-item:not(.active) + .owl-item.active > div h3, #reasons_why .col9 .owl-carousel .owl-stage .owl-item:not(.active) + .owl-item.active > div p {
    color: #fff
}

#reasons_why .col9 .owl-carousel .owl-stage .owl-item:not(.active) + .owl-item.active > div a.bouton_tertiaire {
    bottom: 35px;
    color: #fff;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.44;
    padding-right: 0;
    position: relative;
    position: absolute;
    text-align: left
}

#reasons_why .col9 .owl-carousel .owl-stage .owl-item:not(.active) + .owl-item.active > div a.bouton_tertiaire:after {
    background: url(../../images/arrow_lien_tertiaire_blanc.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 11px;
    position: absolute;
    right: -20px;
    top: 5px;
    width: 14px
}

#reasons_why .col9 .owl-carousel .owl-stage .owl-item:not(.active) + .owl-item.active > div a.bouton_tertiaire:before {
    background-color: #fff;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out;
    width: 100%
}

#reasons_why .col9 .owl-carousel .owl-stage .owl-item:not(.active) + .owl-item.active > div a.bouton_tertiaire:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

#reasons_why .col9 .owl-carousel .owl-dots, #reasons_why .col9 .owl-carousel .owl-nav {
    bottom: -30px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

#reasons_why .col9 .owl-carousel .owl-dots {
    display: block
}

#reasons_why .col9 .owl-carousel .owl-dots .owl-dot.active span, #reasons_why .col9 .owl-carousel .owl-dots .owl-dot:hover span {
    background: #5e5ddc
}

#top_2_casinos {
    display: block;
    float: left;
    margin-bottom: 20px;
    width: 100%
}

#top_2_casinos #top_2_casinos_intro {
    background: #fff;
    border-radius: 20px;
    display: block;
    float: left;
    margin-bottom: 25px;
    margin-top: 40px;
    padding: 45px;
    width: 100%
}

#top_2_casinos #top_2_casinos_intro h2 {
    color: #5e5ddc;
    margin-top: 0 !important;
    text-transform: uppercase
}

#top_2_casinos #top_2_casinos_intro p {
    margin-bottom: 0 !important
}

#top_2_casinos #top_2_casinos_card {
    display: flex;
    float: left;
    margin-top: 30px;
    width: 100%
}

#top_2_casinos #top_2_casinos_card .wrapper-logo p.titre {
    display: none
}

#contentSlots {
    color: #fff;
    margin-bottom: 30px;
    margin-top: 20px
}

#contentSlots > .col3 {
    background-color: #170927;
    border-radius: 10px;
    margin-bottom: 15px;
    margin-right: 0;
    padding: 10px 15px 5px;
    width: 23.85%
}

#contentSlots > .col3 p {
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 5px;
    white-space: nowrap
}

#contentSlots > .col3 p.intitule {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 17px;
    position: relative
}

#contentSlots > .col3 p.intitule:not(:first-child) {
    margin-top: 50px
}

#contentSlots > .col3 p.intitule:before {
    background: #3cffd9;
    bottom: -7px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

#contentSlots > .col3 p img {
    margin-right: 3px;
    position: relative;
    top: 2px
}

#contentSlots .wrap_details_slot {
    background-color: #170927;
    border-radius: 10px;
    margin-top: 0;
    padding: 10px 10px 0
}

#contentSlots .wrap_details_slot .slot_detail p {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 15px;
    padding-left: 11px;
    position: relative
}

#contentSlots .wrap_details_slot .slot_detail p.intitule {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px;
    position: relative
}

#contentSlots .wrap_details_slot .slot_detail p.intitule:before {
    background: #3dffda;
    border: none;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 5px
}

#contentSlots .featureimageSlot {
    padding-bottom: 22%;
    position: relative
}

#contentSlots .featureimageSlot .bg_featureimageSlot {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    bottom: 15px;
    left: 15px;
    position: absolute;
    right: 15px;
    top: 15px
}

#contentSlots .detailsSlots .slots_details_title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative
}

#contentSlots .detailsSlots .slots_details_title:before {
    background: #3cffd9;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 90%
}

#contentSlots .detailsSlots ul li {
    clear: both;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    padding-left: 10px;
    position: relative;
    width: 100%
}

#contentSlots .detailsSlots ul li strong {
    font-size: 15px
}

#contentSlots .detailsSlots ul li:before {
    color: #3dffda;
    content: "•";
    font-size: 17px;
    left: 0;
    position: absolute;
    top: -1px
}

#contentSlots .detailsSlots .slots_details {
    margin-left: 0;
    margin-right: 0;
    width: 33.3%
}

#contentSlots .detailsSlots .slots_details .provider_logo {
    margin: 0;
    text-align: center
}

#contentSlots .detailsSlots .slots_details .provider_logo img {
    height: auto;
    max-width: 150px;
    width: 150px
}

#contentSlots .detailsSlots .slots_details .col6 > p {
    margin-top: 0
}

#contentSlots .detailsSlots .slots_details .col6 > p.slots_details_title {
    font-size: 18px;
    font-weight: 900
}

#contentSlots #main_content_slot {
    margin-top: 15px
}

#contentSlots #main_content_slot .wrap_content {
    background: #fff;
    border-radius: 20px;
    float: left;
    margin-bottom: 40px;
    padding: 45px;
    width: 100%
}

#contentSlots #main_content_slot .wrap_content h2 {
    margin-top: 0
}

#contentSlots #main_content_slot .wrap_content h2 ~ h2 {
    margin-top: 25px
}

#contentSlots #main_content_slot .wrap_content.degrade {
    background-image: linear-gradient(102deg, #5e5de3 1%, #411cb4 98%);
    color: #fff
}

#contentSlots #main_content_slot .wrap_content.degrade p {
    color: #fff
}

#contentSlots #main_content_slot .wrap_content.degrade p.titre_note {
    font-size: 16px;
    font-weight: 700
}

#contentSlots #main_content_slot .wrap_content.degrade p.note {
    font-size: 35px;
    margin-bottom: 15px
}

#contentSlots #main_content_slot .wrap_content.degrade .featured_image_right {
    float: right;
    width: 174px
}

#contentSlots #main_content_slot .wrap_content.degrade .featured_image_right img {
    border-radius: 20px;
    height: auto;
    max-width: 100%
}

#contentSlots #main_content_slot p a {
    color: #5e5ddc;
    text-decoration: underline
}

#contentSlots #main_content_slot > div {
    color: #2a292b;
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 10px
}

#contentSlots #main_content_slot .description_provider {
    margin-top: 50px
}

#contentSlots #main_content_slot .description_provider .thumbnail_auto_provider {
    margin: 25px 0
}

#contentSlots #main_content_slot .description_provider .thumbnail_auto_provider img {
    border-radius: 15px;
    max-width: 100%
}

#contentSlots #main_content_slot .description_provider .description_auto_provider p a {
    margin-top: 13px
}

#contentSlots #main_content_slot figure img {
    border-radius: 15px
}

#contentSlots #main_content_slot figure.wp-block-image.size-full {
    margin: 40px 0
}

#contentSlots #main_content_slot figure.wp-block-image.size-full img {
    height: auto;
    width: 100%
}

#contentSlots #main_content_slot .question_reponse {
    border: 1px solid #c1c1c1;
    border-radius: 10px;
    clear: both;
    display: block;
    margin-top: 15px;
    padding-bottom: 0
}

#contentSlots #main_content_slot .question_reponse:hover .question {
    color: #5e5ddc
}

#contentSlots #main_content_slot .question_reponse:hover .question i:before {
    color: #5e5ddc
}

#contentSlots #main_content_slot .question_reponse.active .question {
    color: #5e5ddc
}

#contentSlots #main_content_slot .question_reponse.active .question i:before:hover {
    color: #5e5ddc
}

#contentSlots #main_content_slot .question_reponse .question {
    color: #2a292b;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: 700;
    margin: 0;
    padding: 15px 40px 15px 25px;
    position: relative
}

#contentSlots #main_content_slot .question_reponse .question:before {
    color: #2a292b;
    content: "+";
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 14px;
    width: 10px
}

#contentSlots #main_content_slot .question_reponse .reponse {
    color: #fff;
    color: #2a292b;
    display: none;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5em;
    padding: 0 25px 20px
}

#contentSlots #main_content_slot .question_reponse .reponse p {
    margin: 0 0 7px
}

#contentSlots #main_content_slot .question_reponse .reponse p a {
    color: #5e5ddc !important
}

#contentSlots #main_content_slot .question_reponse .reponse p a span {
    color: #5e5ddc !important;
    text-decoration: underline
}

#contentSlots #main_content_slot .question_reponse.active .question:before {
    content: "-"
}

#contentSlots #main_content_slot .question_reponse.active .reponse {
    display: block
}

#contentSlots h2 {
    color: #5e5ddc;
    margin-top: 50px;
    text-transform: uppercase
}

#contentSlots h3 {
    color: #2a292b;
    font-weight: 900;
    margin-bottom: 10px;
    margin-top: 20px;
    text-transform: none
}

#contentSlots ul {
    list-style-type: none
}

#contentSlots ul li {
    margin-bottom: 17px;
    padding-left: 13px;
    position: relative
}

#contentSlots ul li:before {
    background: #5e5ddc;
    border-radius: 100%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 6px
}

#contentSlots .col_gauche p {
    line-height: 1.6
}

#contentSlots .col_gauche figure {
    margin: 0
}

#contentSlots .col_gauche .wp-block-image img {
    height: auto;
    max-width: 100%
}

#contentSlots .col_droite {
    background-color: #170927;
    border-radius: 15px;
    margin-left: 0;
    margin-right: 0;
    padding: 15px
}

#contentSlots .col_droite .bloc_col_droite {
    margin-bottom: 25px
}

#contentSlots .col_droite .bloc_col_droite h3 {
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    line-height: 1.42;
    margin-bottom: 15px;
    margin-top: 0
}

#contentSlots .col_droite .bloc_col_droite img {
    border-radius: 15px;
    height: auto;
    max-width: 100%
}

#contentSlots .col_droite .bloc_col_droite ul li {
    background: #232323;
    border-radius: 15px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    font-weight: 700;
    height: 50px;
    margin-bottom: 10px;
    padding-left: 0;
    position: relative
}

#contentSlots .col_droite .bloc_col_droite ul li:before {
    display: none
}

#contentSlots .col_droite .bloc_col_droite ul li a {
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

#contentSlots .col_droite .bloc_col_droite ul li a:hover span.more {
    animation: bounce 1s linear infinite
}

#contentSlots .col_droite .bloc_col_droite ul li span {
    float: left;
    height: 50px;
    margin-right: 8px;
    padding-top: 0
}

#contentSlots .col_droite .bloc_col_droite ul li span ~ span {
    padding-top: 8px
}

#contentSlots .col_droite .bloc_col_droite ul li span.nom_provider {
    line-height: 48px;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle
}

#contentSlots .col_droite .bloc_col_droite ul li span.more {
    background-color: #fff;
    border-radius: 6px;
    color: #000;
    float: right;
    font-size: 29px;
    height: 35px;
    line-height: 26px;
    margin-right: 8px;
    margin-top: 8px;
    padding: 4px 7px;
    text-align: center;
    vertical-align: middle;
    width: 35px
}

body.single-slots #titleSlots h1 {
    margin-bottom: 40px;
    text-align: left
}

body.single-slots .mfp-iframe-holder .mfp-content {
    max-width: 1300px
}

body.single-slots .mfp-iframe-holder .mfp-fullwidth {
    border: 0;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: -40px;
    top: 0;
    transition: transform .3s;
    width: 40px;
    z-index: 20
}

body.single-slots .mfp-iframe-holder .mfp-fullwidth span {
    -webkit-backface-visibility: hidden;
    border-left: 2.5px solid #fff;
    border-top: 2.5px solid #fff;
    height: 4px;
    outline: 1px solid transparent;
    -webkit-perspective: 1000;
    position: absolute;
    transform: translateZ(0);
    transition: .3s;
    transition-delay: .75s;
    width: 4px;
    will-change: transform
}

body.single-slots .mfp-iframe-holder .mfp-fullwidth span:first-child {
    left: 11px;
    top: 11px
}

body.single-slots .mfp-iframe-holder .mfp-fullwidth span:nth-child(2) {
    left: 22px;
    top: 11px;
    transform: rotate(90deg)
}

body.single-slots .mfp-iframe-holder .mfp-fullwidth span:nth-child(3) {
    left: 11px;
    top: 22px;
    transform: rotate(-90deg)
}

body.single-slots .mfp-iframe-holder .mfp-fullwidth span:nth-child(4) {
    left: 22px;
    top: 22px;
    transform: rotate(-180deg)
}

body.single-slots .mfp-iframe-holder .mfp-fullwidth:hover {
    transform: scale(1.125)
}

body.single-slots .mfp-inline-holder {
    cursor: pointer
}

body.single-slots .mfp-inline-holder .mfp-content {
    cursor: default;
    max-width: 90%;
    width: 440px
}

#wrapper_carousel_other_slots_title h2 {
    color: #2a292b;
    margin-bottom: 0;
    text-transform: uppercase
}

#wrapper_carousel_other_slots {
    margin-top: 150px
}

#wrapper_carousel_other_slots > h2 {
    color: #5e5ddc;
    font-size: 28px;
    line-height: 35px;
    text-transform: uppercase
}

#wrapper_carousel_other_slots div.col3 a {
    padding-bottom: 0
}

#wrapper_carousel_other_slots div.col3 a.tuto_bg {
    padding-bottom: 51%
}

#wrapper_carousel_other_slots div.col3:hover a div p, #wrapper_carousel_other_slots div.col3:hover a p {
    color: #5e5ddc
}

#wrapper_carousel_other_slots div.col3:hover a.tuto_bg {
    position: relative
}

#wrapper_carousel_other_slots div.col3:hover a.tuto_bg:before {
    background-image: linear-gradient(180deg, #5e5de3, #411cb4);
    bottom: 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    content: "";
    left: 0;
    opacity: .79;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

#wrapper_carousel_other_slots div.col3:hover a.tuto_bg:after {
    background: #3dffda;
    border-radius: 23px;
    color: #5e5ddc;
    content: "Read More";
    display: inline-block;
    font-size: 16px;
    left: 50%;
    margin: 0 auto;
    padding: 13px 52px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    z-index: 15
}

#wrapper_carousel_other_slots div.col3:hover a.tuto_bg p {
    color: #5e5ddc !important
}

#wrapper_carousel_other_slots .carousel_slots {
    margin-bottom: 40px;
    overflow: hidden;
    width: 100%
}

#wrapper_carousel_other_slots .carousel_slots > div.col3 {
    margin-bottom: 30px;
    padding-bottom: 20%
}

#wrapper_carousel_other_slots .carousel_slots div > a {
    display: block;
    padding-bottom: 0;
    position: relative
}

#wrapper_carousel_other_slots .carousel_slots div > a .contenu_texte_tutorial {
    bottom: 0;
    left: 0;
    padding: 10px 15px 15px;
    position: relative;
    right: 0
}

#wrapper_carousel_other_slots .carousel_slots div > a.tuto_bg {
    border-radius: 15px;
    overflow: hidden;
    padding-bottom: 51%
}

#wrapper_carousel_other_slots .carousel_slots div > a.nom_slot {
    color: #2a292b;
    display: block;
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 0;
    padding-left: 2px;
    padding-top: 8px
}

#wrapper_carousel_other_slots .carousel_slots div > a.nom_provider_slot {
    color: #5e5ddc;
    display: block;
    font-size: 14px;
    padding-left: 2px;
    padding-top: 10px
}

#wrapper_carousel_other_slots .carousel_slots div > a.bg_link {
    border-radius: 15px;
    display: block;
    overflow: hidden;
    padding-bottom: 60%;
    position: relative
}

#wrapper_carousel_other_slots .carousel_slots div > a.bg_link .bg_hot_news {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

#wrapper_carousel_other_slots .carousel_slots div > a.bg_link .contenu_texte_hot_news {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

#wrapper_carousel_other_slots .carousel_slots div > a.bg_link .contenu_texte_hot_news p {
    color: #fff;
    margin: 0 0 5px
}

#wrapper_carousel_other_slots .carousel_slots div > a.bg_link:hover .bg_hot_news {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

#wrapper_carousel_other_slots .carousel_slots div > div.bg_link {
    border-radius: 15px;
    display: block;
    overflow: hidden;
    padding-bottom: 60%;
    position: relative
}

#wrapper_carousel_other_slots .carousel_slots div > div.bg_link.show_more {
    background: #170927
}

#wrapper_carousel_other_slots .carousel_slots div > div.bg_link.show_more > a {
    background: none;
    bottom: 0;
    color: #fff;
    display: block;
    left: 0;
    line-height: 98px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: none;
    vertical-align: middle
}

#wrapper_carousel_other_slots .carousel_slots div > div.bg_link.show_more > a:hover {
    transform: scale(1.1)
}

#wrapper_carousel_other_slots .carousel_slots div > div.bg_link .contenu_texte_hot_news {
    background: #3dffda;
    border-radius: 15px;
    color: #000;
    display: inline-block;
    font-size: 16px;
    font-weight: 900;
    left: 50%;
    margin: 0 auto;
    padding: 7px 15px;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    white-space: nowrap
}

#wrapper_carousel_other_slots .carousel_slots div > div.bg_link .contenu_texte_hot_news:hover {
    -ms-transform: translate(-50%) scale(1.1);
    -moz-transform: translate(-50%) scale(1.1);
    -webkit-transform: translate(-50%) scale(1.1);
    -o-transform: translate(-50%) scale(1.1);
    transform: translate(-50%) scale(1.1)
}

#slider_with_bg {
    margin-top: 100px
}

#slider_with_bg h2 {
    text-transform: uppercase
}

#slider_with_bg #inner_slider_with_bg {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    margin-top: 40px;
    padding-top: 180px
}

#slider_with_bg #inner_slider_with_bg h3 {
    text-align: center;
    text-transform: uppercase
}

#slider_with_bg #inner_slider_with_bg .owl-theme .owl-dots .owl-dot span {
    background: #fff
}

#slider_with_bg #inner_slider_with_bg .owl-theme .owl-dots .owl-dot.active span, #slider_with_bg #inner_slider_with_bg .owl-theme .owl-dots .owl-dot:hover span {
    background: #2a292b
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    #listeSlots .col3.single_slot_element {
        margin-left: 1.5%;
        margin-right: 1.5%;
        width: 30.3333333333%
    }
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
    #searchSlots .col3, #searchSlots .col4, #searchSlots .col8 {
        width: 100%
    }

    #game_for_fun_or_reel {
        margin: 0;
        width: 100%
    }

    #topCasinos {
        margin: 0 0 25px;
        width: 31%
    }

    #contentSlots > .col3 {
        margin-left: 0;
        margin-right: 2%;
        width: 32%
    }

    #contentSlots > .col3.featureimageSlot {
        padding-bottom: 22%;
        width: 100%
    }

    #contentSlots > .col3.featureimageSlot .bg_featureimageSlot {
        background-size: contain
    }

    #contentSlots > .col3:nth-child(3n+4) {
        margin-right: 0
    }

    #contentSlots > .col3 p.intitule {
        display: inline-block;
        font-size: 17px;
        font-weight: 400;
        margin-bottom: 20px;
        position: relative
    }

    #contentSlots .wrap_details_slot {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    #contentSlots .wrap_details_slot .col3 {
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 2%;
        width: 32%
    }

    #contentSlots .wrap_details_slot .col3:nth-child(3n+3) {
        margin-right: 0
    }

    #contentSlots .wrap_details_slot .col3 .slot_detail p.intitule {
        display: inline-block;
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 10px;
        position: relative
    }

    #contentSlots #wrapper_carousel_other_slots .carousel_slots .owl-nav {
        display: none
    }

    #contentSlots #wrapper_carousel_other_slots .carousel_slots .owl-dots {
        margin-top: 30px
    }

    #listeSlots .col3.single_slot_element {
        margin: 0 2% 20px;
        width: 47%
    }

    #listeSlots .col3.single_slot_element:nth-of-type(2n) {
        margin-right: 0
    }
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
    #contentSlots #wrapper_carousel_other_slots .carousel_slots {
        margin-bottom: 0
    }
}

@media screen and (max-width: 768px) {
    #introSlots .col8, #introSlots .col9, #titleSlots .col8, #titleSlots .col9 {
        width: 100%
    }

    body.single-slots #titleSlots h1 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 20px;
        margin-top: 20px;
        text-align: center
    }

    #introSlots .col12 {
        width: 100%
    }

    #topCasinos {
        margin: 0;
        width: 100%
    }

    #topCasinos .banner_pub_right .exclu, #topCasinos.col_droite .wrapper_liste_top_casinos .exclu {
        font-size: 14px;
        padding: 3px 15px
    }

    #topCasinos .banner_pub_right .col12 {
        background-size: 100% auto;
        height: 0;
        min-height: 0;
        padding-bottom: 129%
    }

    #filtresTopSlots .col4 {
        margin: 0 0 20px;
        width: 100%
    }

    #type_slots {
        margin: 0;
        width: 100%
    }

    #type_slots #wrapper_select_filtre_home_bonus_casino_v2 {
        background: transparent;
        margin-bottom: 10px;
        overflow-x: scroll;
        padding-bottom: 12px;
        white-space: nowrap;
        width: 100%
    }

    #type_slots #wrapper_select_filtre_home_bonus_casino_v2 li {
        display: inline-block;
        float: none;
        margin-bottom: 0;
        width: auto
    }

    #searchSlots .col3, #searchSlots .col4, #searchSlots .col8 {
        width: 100%
    }

    #searchSlots .row .col12 {
        background: transparent;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        padding: 0
    }

    #searchSlots .row .col12 #wrapper_select_filtre_home_bonus_casino_v2 {
        background: transparent;
        margin-bottom: 10px;
        overflow-x: scroll;
        white-space: nowrap;
        width: 100%
    }

    #searchSlots .row .col12 #wrapper_select_filtre_home_bonus_casino_v2 li {
        float: none
    }

    #searchSlots .row .col12 #filter_slots_by_provider {
        background: transparent;
        margin: 0 0 15px;
        order: 2;
        width: 100%
    }

    #searchSlots .row .col12 #order_slots_by {
        background: transparent;
        margin: 0 0 15px;
        order: 3;
        width: 100%
    }

    #searchSlots .row .col12 #order_slots_by .sous_menu {
        width: 100%
    }

    #searchSlots .row .col12 #form_search_slots {
        margin: 0 0 15px;
        order: 1;
        width: 100%
    }

    #searchSlots .row .col12 #form_search_slots input[type=text] {
        background: #fff;
        height: 38px;
        min-width: 200px;
        width: calc(100% - 70px)
    }

    #searchSlots h2:before {
        display: none
    }

    #searchSlots h2 > span {
        display: block;
        margin-bottom: 30px;
        position: relative
    }

    #searchSlots h2 > span:before {
        background: #3cffd9;
        bottom: -12px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 90px
    }

    #searchSlots h2 > div {
        margin: 0 0 15px !important;
        width: 100%
    }

    #searchSlots #form_search_slots {
        width: 100%
    }

    #searchSlots #form_search_slots input[type=submit] {
        height: 38px;
        position: relative;
        top: 1px
    }

    #searchSlots #filter_slots_by_provider .sous_menu {
        width: 100% !important
    }

    #listeSlots .col3.single_slot_element {
        margin: 0 0 20px;
        width: 100%
    }

    #wrapper_inner_slot {
        display: block
    }

    #game_for_fun_or_reel {
        margin: 0 0 15px;
        width: 100%
    }

    #game_for_fun_or_reel #game-before-launch {
        widrh: 90%;
        border-radius: 0;
        clear: both;
        display: block;
        margin: 0 auto;
        position: relative
    }

    #game_for_fun_or_reel #game-before-launch > div.cta {
        top: 23%;
        white-space: nowrap
    }

    #game_for_fun_or_reel #game-before-launch > div.cta a {
        font-size: 14px
    }

    #game_for_fun_or_reel #game-before-launch > div.cta ~ div {
        margin-top: 65px
    }

    #contentSlots > .col3 {
        width: 48%
    }

    #contentSlots > .col3.featureimageSlot {
        padding-bottom: 40%;
        width: 100%
    }

    #contentSlots > .col3.featureimageSlot .bg_featureimageSlot {
        background-size: contain
    }

    #contentSlots > .col3:nth-child(odd) {
        float: right
    }

    #contentSlots > .col3 p.intitule {
        display: inline-block;
        font-size: 17px;
        font-weight: 400;
        margin-bottom: 20px;
        position: relative
    }

    #contentSlots .wrap_details_slot .col3 {
        margin: 0 0 10px;
        width: 48%
    }

    #contentSlots .wrap_details_slot .col3:nth-child(2n) {
        float: right
    }

    #contentSlots .wrap_details_slot .col3 .slot_detail p.intitule {
        display: inline-block;
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 10px;
        position: relative
    }

    #contentSlots #main_content_slot .description_provider .thumbnail_auto_provider img {
        height: auto;
        max-width: 100%
    }

    #contentSlots #main_content_slot .wp-block-image.size-full {
        clear: both;
        display: block;
        left: 50%;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        margin-top: 25px;
        max-width: 100vw;
        position: relative;
        right: 50%;
        width: 100vw !important
    }

    #contentSlots #main_content_slot .wp-block-image.size-full img {
        border-radius: 0
    }

    #carousel_slots_top.carousel_slots > div.col3 {
        margin-right: 0;
        width: 100%
    }

    #wrapper_carousel_other_slots {
        margin-bottom: -10px;
        margin-top: 60px
    }

    #wrapper_carousel_other_slots #carousel_other_slots {
        margin-bottom: 0
    }

    #wrapper_carousel_other_slots #carousel_other_slots .owl-nav {
        display: none
    }

    #wrapper_carousel_other_slots #carousel_other_slots .owl-dots {
        margin-top: 25px
    }

    #slider_with_bg #inner_slider_with_bg {
        background-image: var(--bgMobile) !important;
        height: 0;
        padding-bottom: 101%
    }

    #slider_with_bg #inner_slider_with_bg .owl-carousel {
        margin: 115px auto 0;
        text-align: center;
        width: 84%
    }

    #slider_with_bg #inner_slider_with_bg .owl-carousel .owl-item h3 {
        margin-bottom: 5px
    }

    #slider_with_bg #inner_slider_with_bg .owl-carousel .owl-item p {
        font-size: 14px;
        line-height: 21px
    }

    #reasons_why {
        height: auto !important;
        margin-top: 60px
    }

    #reasons_why .col3, #reasons_why .col9 {
        clear: both;
        display: block;
        margin: 0;
        position: relative;
        width: 100% !important
    }

    #reasons_why .col9 .owl-carousel .owl-stage .owl-item > div {
        padding: 40px 40px 50px
    }

    body.single-slots .mfp-iframe-holder .mfp-fullwidth {
        bottom: -50px;
        right: 0;
        top: auto
    }
}

body.page-template-template-tutorials #listeTutorials {
    margin-bottom: 120px
}

#section_tutorials {
    margin: 0 0 40px
}

#section_tutorials #intro_tutorials {
    margin-bottom: 20px;
    text-align: center
}

#section_tutorials #intro_tutorials h2 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
    margin-bottom: 35px;
    margin-top: 0;
    position: relative;
    text-align: left;
    text-transform: none
}

#section_tutorials #intro_tutorials h2:before {
    background: #3dffda;
    bottom: -18px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 130px
}

#section_tutorials #intro_tutorials p {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 10px;
    text-align: left
}

#section_tutorials #all_tutorials {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

#section_tutorials #all_tutorials > div.col4 {
    display: inline-block;
    flex-basis: 30%;
    margin: 0 2% 3% 0
}

#section_tutorials #all_tutorials > div.col4.hide {
    display: none
}

#section_tutorials #all_tutorials > div.col4:hover a.tuto_bg {
    position: relative
}

#section_tutorials #all_tutorials > div.col4:hover a.tuto_bg:before {
    background-image: linear-gradient(180deg, #5e5de3, #411cb4);
    bottom: 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    content: "";
    left: 0;
    opacity: .79;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

#section_tutorials #all_tutorials > div.col4:hover a.tuto_bg:after {
    background: #3dffda;
    border-radius: 23px;
    color: #5e5ddc;
    content: "Read More";
    display: inline-block;
    font-size: 16px;
    left: 50%;
    margin: 0 auto;
    padding: 13px 52px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    z-index: 15
}

#section_tutorials #all_tutorials > div.col4:hover a.tuto_bg p {
    color: #5e5ddc !important
}

#all_tutorials {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#all_tutorials > div {
    border-radius: 15px;
    overflow: hidden
}

#all_tutorials > div.col3, #all_tutorials > div.col4 {
    display: inline-block;
    flex: 0 0 22%;
    margin: 0 1.5% 2%
}

#all_tutorials > div > a {
    display: block;
    position: relative
}

#all_tutorials > div > a.tuto_bg {
    border-radius: 15px;
    overflow: hidden;
    padding-bottom: 51%
}

#all_tutorials > div > a .label_type_tuto {
    background: #5e5de3;
    border-radius: 55px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    left: 10px;
    margin-right: 7px;
    padding: 3px 11px;
    position: relative;
    top: 10px
}

#all_tutorials > div > a .label_type_tuto + .label_type_tuto {
    background: #fff;
    color: #000
}

#all_tutorials > div > a .bg_tutorial {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

#all_tutorials > div > a .contenu_texte_tutorial {
    bottom: 0;
    left: 0;
    padding: 10px 0 15px;
    position: relative;
    right: 0
}

#all_tutorials > div > a .contenu_texte_tutorial p {
    color: #2a292b;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    margin: 0 0 3px;
    text-transform: uppercase;
    width: 100%
}

#all_tutorials > div > a .contenu_texte_tutorial p strong {
    font-size: 16px;
    line-height: 1.3em;
    text-transform: none
}

#all_tutorials > div > a .contenu_texte_tutorial p.date {
    color: #2a292b;
    font-size: 14px;
    margin: 0 0 5px;
    text-transform: none
}

#all_tutorials > div > a .contenu_texte_tutorial .intro {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.6;
    max-height: 3.2em;
    overflow: hidden;
    text-overflow: ellipsis
}

#all_tutorials > div > a .contenu_texte_tutorial .intro p {
    color: #2a292b;
    font-size: 15px;
    line-height: 22px;
    opacity: .7;
    text-transform: none
}

#all_tutorials > div > a:hover .bg_tutorial {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

#all_tutorials > div:hover .contenu_texte_tutorial .intro p, #all_tutorials > div:hover .contenu_texte_tutorial p:nth-child(2) {
    color: #3c1dad
}

#all_tutorials.live_casino {
    display: block
}

#all_tutorials.live_casino > div.col3 {
    flex: none;
    margin: 0 .7% 1%;
    overflow: visible;
    position: relative;
    width: 23.6%
}

#all_tutorials.live_casino > div.col3 a {
    border-radius: 15px;
    overflow: hidden;
    position: relative
}

#all_tutorials.live_casino > div.col3 > a {
    padding-bottom: 184px;
    position: relative
}

#all_tutorials.live_casino > div.col3 > a:hover:before {
    background-image: linear-gradient(180deg, #5e5de3, #411cb4);
    bottom: 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    content: "";
    left: 0;
    opacity: .79;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

#all_tutorials.live_casino > div.col3 > a:hover:after {
    background: #3dffda;
    border-radius: 23px;
    color: #5e5ddc;
    content: "Read Review";
    display: inline-block;
    font-size: 16px;
    left: 50%;
    margin: 0 auto;
    padding: 13px 52px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    z-index: 15
}

#all_tutorials.live_casino > div.col3 .contenu_texte_tutorial {
    bottom: 0;
    left: 0;
    padding: 10px 15px 15px 0;
    position: relative;
    right: 0
}

#all_tutorials.live_casino > div.col3 .contenu_texte_tutorial p {
    color: #2a292b;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3em;
    margin: 0 0 3px;
    text-transform: uppercase;
    width: 100%
}

#all_tutorials.live_casino > div.col3 .contenu_texte_tutorial p strong {
    font-size: 16px;
    line-height: 1.3em;
    text-transform: none
}

#all_tutorials.live_casino > div.col3 .contenu_texte_tutorial p.type {
    color: #5e5ddc;
    font-size: 14px;
    text-transform: none
}

#post_thumbnail_tutorial {
    margin-bottom: 20px
}

#post_thumbnail_tutorial img {
    border-radius: 20px;
    float: left;
    height: auto;
    margin-right: 20px;
    max-width: 325px;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

#post_thumbnail_tutorial .banner_pub, #post_thumbnail_tutorial .shortcode_casino_bonus {
    display: none !important
}

#post_thumbnail_tutorial h1 {
    color: #5e5ddc
}

#intro_tutorial {
    margin-top: 15px
}

#intro_tutorial p {
    color: #fff;
    line-height: 1.4em;
    margin-top: 0;
    text-align: left
}

#main_content_tutorial {
    color: #2a292b
}

#main_content_tutorial .wrap_content {
    background: #fff;
    border-radius: 20px;
    float: left;
    margin-top: 80px;
    margin-bottom: 40px;
    padding: 45px;
    width: 100%
}

#main_content_tutorial.nomargintop h2 {
    margin-top: 0
}

#main_content_tutorial.nomargintop h2 ~ h2 {
    margin-top: 25px
}

#main_content_tutorial p a {
    color: #5e5ddc;
    text-decoration: underline
}

#main_content_tutorial ol {
    list-style-position: inside;
    margin: 0;
    padding: 0
}

#main_content_tutorial ol li {
    color: #2a292b;
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 8px
}

#main_content_tutorial ol li a {
    color: #5e5ddc;
    text-decoration: underline
}

#main_content_tutorial ol li::marker {
    color: #5e5ddc
}

#main_content_tutorial ol ul {
    margin: 8px 0
}

#main_content_tutorial h2 {
    clear: both;
    color: #5e5ddc;
    display: block;
    float: left;
    margin-top: 50px;
    text-transform: uppercase;
    width: 100%
}

#main_content_tutorial h2:first-child {
    margin-top: 0
}

#main_content_tutorial h3 {
    clear: both;
    color: #2a292b;
    display: block;
    float: left;
    margin-bottom: 20px;
    margin-top: 30px;
    text-transform: none;
    width: 100%
}

#main_content_tutorial h4 {
    color: #2a292b;
    margin-bottom: 10px;
    margin-top: 30px
}

#main_content_tutorial ul {
    float: left;
    list-style-type: none;
    margin-bottom: 15px;
    width: 100%
}

#main_content_tutorial ul li {
    margin-bottom: 7px;
    padding-left: 13px;
    position: relative
}

#main_content_tutorial ul li:before {
    background: #5e5ddc;
    border-radius: 100%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 6px
}

#main_content_tutorial .wp-block-image {
    margin: 40px 0
}

#main_content_tutorial .wp-block-image.col.col6 {
    margin: 0
}

#main_content_tutorial .wp-block-image img {
    border-radius: 15px;
    height: auto;
    max-width: 100%
}

#main_content_tutorial .wp-block-image.size-full img {
    width: 100%
}

#main_content_tutorial .banner_pub.medium {
    margin-bottom: 40px;
    margin-top: 40px
}

#main_content_tutorial .wp-container-core-columns-layout-1.wp-container-core-columns-layout-1.fond_bleu {
    float: left
}

#main_content_tutorial figure.wp-block-table {
    margin-bottom: 35px;
    margin-top: 35px
}

#main_content_tutorial figure.wp-block-table table {
    border: none
}

#main_content_tutorial figure.wp-block-table table thead tr:first-child td {
    background: #fff !important;
    border: none;
    font-size: 16px;
    font-weight: 700
}

#main_content_tutorial figure.wp-block-table table tbody tr th {
    background: #fff !important;
    border: none;
    border-bottom: 1px solid #000;
    font-size: 16px;
    font-weight: 700;
    text-align: left
}

#main_content_tutorial figure.wp-block-table table tbody tr td {
    border: none;
    font-size: 14px;
    padding: 13px 5px 13px 7px
}

#main_content_tutorial figure.wp-block-table table tbody tr td a {
    border: 1px solid #5e5ddc;
    border-radius: 15px;
    padding: 5px 12px
}

#main_content_tutorial figure.wp-block-table table tbody tr td a:hover {
    background: #5e5ddc;
    color: #fff
}

#main_content_tutorial figure.wp-block-table table tbody tr:nth-child(odd) td {
    background: rgba(201, 231, 244, .25)
}

#main_content_tutorial figure.wp-block-embed.is-type-video.wp-block-embed-youtube .wp-block-embed__wrapper {
    width: 100%
}

#main_content_tutorial blockquote:not(:empty) {
    background: rgba(201, 231, 244, .25);
    border-left: 4px solid #c9e7f4;
    float: left;
    margin: 25px 0;
    padding: 15px 20px 10px;
    width: 100%
}

#main_content_tutorial blockquote:not(:empty) p {
    color: #2a292b;
    font-weight: 700
}

#main_content_tutorial .question_reponse {
    border: 1px solid #c1c1c1;
    border-radius: 10px;
    clear: both;
    display: block;
    margin-top: 15px;
    padding-bottom: 0
}

#main_content_tutorial .question_reponse:hover .question {
    color: #5e5ddc
}

#main_content_tutorial .question_reponse:hover .question i:before {
    color: #5e5ddc
}

#main_content_tutorial .question_reponse.active .question {
    color: #5e5ddc
}

#main_content_tutorial .question_reponse.active .question i:before:hover {
    color: #5e5ddc
}

#main_content_tutorial .question_reponse .question {
    color: #2a292b;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: 700;
    margin: 0;
    padding: 15px 40px 15px 25px;
    position: relative
}

#main_content_tutorial .question_reponse .question:before {
    color: #2a292b;
    content: "+";
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 14px;
    width: 10px
}

#main_content_tutorial .question_reponse .reponse {
    color: #fff;
    color: #2a292b;
    display: none;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5em;
    padding: 0 25px 20px
}

#main_content_tutorial .question_reponse .reponse p {
    margin: 0 0 7px
}

#main_content_tutorial .question_reponse .reponse p a {
    color: #5e5ddc !important
}

#main_content_tutorial .question_reponse .reponse p a span {
    color: #5e5ddc !important;
    text-decoration: underline
}

#main_content_tutorial .question_reponse.active .question:before {
    content: "-"
}

#main_content_tutorial .question_reponse.active .reponse {
    display: block
}

#main_content_tutorial #simulateur_wager {
    background: #fff;
    border-radius: 20px;
    box-shadow: -8px 8px 10px 0 rgba(0, 0, 0, .1);
    display: block;
    float: left;
    margin: 40px 0 30px;
    padding: 40px 30px 30px;
    position: relative;
    width: 100%
}

#main_content_tutorial #simulateur_wager .picto_simulateur_wager {
    background: url(../../images/stake-wager-calculator.webp) no-repeat 50%/cover;
    display: inline-block;
    height: 140px;
    position: absolute;
    right: -60px;
    top: -60px;
    width: 242px
}

#main_content_tutorial #simulateur_wager .titre_simulateur_wager {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 30px;
    text-transform: uppercase
}

#main_content_tutorial #simulateur_wager form {
    display: block;
    float: left;
    margin-bottom: 25px;
    width: 100%
}

#main_content_tutorial #simulateur_wager form label {
    clear: both;
    color: #5e5ddc;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

#main_content_tutorial #simulateur_wager form input[type=number] {
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    height: 36px;
    padding: 5px 0 5px 15px;
    width: 100%
}

#main_content_tutorial #simulateur_wager form .percent {
    display: block;
    position: relative
}

#main_content_tutorial #simulateur_wager form .percent:after {
    position: absolute;
    right: 8px;
    top: 8px;
    transition: all .05s ease-in-out
}

#main_content_tutorial #simulateur_wager form .percent:focus-within:after, #main_content_tutorial #simulateur_wager form .percent:hover:after {
    right: 1.5em
}

@supports (-moz-appearance:none) {
    #main_content_tutorial #simulateur_wager form .percent div:after {
        right: 1.5em
    }
}

#main_content_tutorial #simulateur_wager form .percent.ms:after {
    content: "ms"
}

#main_content_tutorial #simulateur_wager form .percent.db:after {
    content: "db"
}

#main_content_tutorial #simulateur_wager form .percent.percent:after {
    content: "%"
}

#main_content_tutorial #simulateur_wager form .percent.money:after {
    content: "€"
}

#main_content_tutorial #simulateur_wager #amount_remaining_wager {
    display: block;
    float: left;
    width: 100%
}

#main_content_tutorial #simulateur_wager #amount_remaining_wager p {
    color: #5e5ddc;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

#main_content_tutorial #simulateur_wager #amount_remaining_wager #value_amount_remaining_wager {
    color: #2a292b;
    font-size: 30px;
    font-weight: 700
}

#main_content_tutorial #simulateur_wager #value_amount_remaining_wager_error {
    color: red;
    font-size: 14px
}

#main_content_tutorial #simulateur_vip {
    background: #fff;
    border-radius: 20px;
    box-shadow: -8px 8px 10px 0 rgba(0, 0, 0, .1);
    display: block;
    float: left;
    margin: 40px 0 50px;
    padding: 40px 30px 30px;
    position: relative;
    width: 100%
}

#main_content_tutorial #simulateur_vip .picto_simulateur_wager {
    background: url(../../images/stake-vip-rang.webp) no-repeat 50%/cover;
    display: inline-block;
    height: 110px;
    position: absolute;
    right: -20px;
    top: -50px;
    width: 190px
}

#main_content_tutorial #simulateur_vip .titre_simulateur_wager {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 30px;
    text-transform: uppercase
}

#main_content_tutorial #simulateur_vip form {
    display: block;
    float: left;
    margin-bottom: 25px;
    width: 100%
}

#main_content_tutorial #simulateur_vip form label {
    clear: both;
    color: #5e5ddc;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

#main_content_tutorial #simulateur_vip form input[type=number], #main_content_tutorial #simulateur_vip form select {
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    height: 36px;
    padding: 5px 0 5px 15px;
    width: 100%
}

#main_content_tutorial #simulateur_vip form .percent {
    display: block;
    position: relative
}

#main_content_tutorial #simulateur_vip form .percent:after {
    position: absolute;
    right: 8px;
    top: 8px;
    transition: all .05s ease-in-out
}

#main_content_tutorial #simulateur_vip form .percent:focus-within:after, #main_content_tutorial #simulateur_vip form .percent:hover:after {
    right: 1.5em
}

@supports (-moz-appearance:none) {
    #main_content_tutorial #simulateur_vip form .percent div:after {
        right: 1.5em
    }
}

#main_content_tutorial #simulateur_vip form .percent.ms:after {
    content: "ms"
}

#main_content_tutorial #simulateur_vip form .percent.db:after {
    content: "db"
}

#main_content_tutorial #simulateur_vip form .percent.percent:after {
    content: "%"
}

#main_content_tutorial #simulateur_vip #amount_remaining_wager_vip {
    display: block;
    float: left;
    width: 100%
}

#main_content_tutorial #simulateur_vip #amount_remaining_wager_vip p {
    color: #5e5ddc;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

#main_content_tutorial #simulateur_vip #amount_remaining_wager_vip #value_amount_remaining_wager_vip {
    color: #2a292b;
    font-size: 30px;
    font-weight: 700
}

body.single-tutorials #intro_tutorial p a {
    color: #3dffda
}

body.single-post #top_single_news_tutorial {
    margin-bottom: 40px
}

body.single-post #wrapper_carousel_other_slots {
    margin-top: 30px
}

body.single-post #offre_boostee_bottom, body.single-post #offre_boostee_top {
    margin-top: 40px
}

body.single-post #offre_boostee_bottom .offre_boostee_tuto, body.single-post #offre_boostee_top .offre_boostee_tuto {
    background-color: #fff;
    background-image: linear-gradient(180deg, #ff8c6c, #d94ec5);
    border-radius: 20px;
    box-sizing: border-box;
    padding: 3px;
    position: relative
}

body.single-post #offre_boostee_bottom .offre_boostee_tuto .content, body.single-post #offre_boostee_top .offre_boostee_tuto .content {
    background: #fff;
    border-radius: 17px;
    height: 100%;
    padding: 50px 15px 5px;
    text-align: center;
    width: 100%
}

body.single-post #offre_boostee_bottom .offre_boostee_tuto .content .logo_offre_boostee, body.single-post #offre_boostee_top .offre_boostee_tuto .content .logo_offre_boostee {
    border-radius: 15px;
    left: 50%;
    line-height: 96px;
    position: absolute;
    text-align: center;
    top: -30px;
    transform: translateX(-50%);
    vertical-align: middle
}

body.single-post #offre_boostee_bottom .offre_boostee_tuto .content .logo_offre_boostee img, body.single-post #offre_boostee_top .offre_boostee_tuto .content .logo_offre_boostee img {
    display: block;
    height: 60px;
    padding: 15px;
    width: auto
}

body.single-post #offre_boostee_bottom .offre_boostee_tuto .content p, body.single-post #offre_boostee_top .offre_boostee_tuto .content p {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 5px;
    padding: 0 0 5px
}

body.single-post #offre_boostee_bottom .offre_boostee_tuto .content p strong, body.single-post #offre_boostee_top .offre_boostee_tuto .content p strong {
    font-weight: 900
}

body.single-post #offre_boostee_bottom .offre_boostee_tuto .content p.gradient_bg, body.single-post #offre_boostee_top .offre_boostee_tuto .content p.gradient_bg {
    background-image: linear-gradient(90deg, #ff8c6c 1%, #d94ec5 99%);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin: 15px -15px;
    padding: 3px 0
}

body.single-post #offre_boostee_bottom .offre_boostee_tuto .content .bouton, body.single-post #offre_boostee_top .offre_boostee_tuto .content .bouton {
    margin-bottom: 15px
}

body.single-post #offre_boostee_bottom .offre_boostee_tuto .content .bouton a, body.single-post #offre_boostee_top .offre_boostee_tuto .content .bouton a {
    background: #3dffda;
    border-radius: 50px;
    color: #5e5ddc;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-top: 15px;
    min-width: 200px;
    padding: 14px 0 13px;
    text-align: center;
    text-transform: none;
    transition: all .5s ease
}

body.single-post #offre_boostee_bottom .offre_boostee_tuto .content .bouton a:hover, body.single-post #offre_boostee_top .offre_boostee_tuto .content .bouton a:hover {
    background: #5e5ddc;
    color: #fff
}

body.single-post #offre_boostee_bottom .offre_boostee_tuto .content p.bottom, body.single-post #offre_boostee_top .offre_boostee_tuto .content p.bottom {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
    padding-bottom: 14px
}

body.single-post #offre_boostee_bottom {
    margin-top: 30px;
    top: 140px
}

body.single-post #wrapperOnlineCasinoRecommended h2 {
    color: #5e5ddc
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
    #listeTutorials .col12 {
        width: 100%
    }

    #listeTutorials #section_tutorials .col12, #listeTutorials .col12 {
        margin-left: 0;
        margin-right: 0
    }

    #listeTutorials #section_tutorials #all_tutorials {
        margin-right: 0
    }

    #listeTutorials #section_tutorials #all_tutorials .col12 {
        margin-left: 0;
        margin-right: 0
    }

    #listeTutorials #section_tutorials #all_tutorials > div {
        margin-bottom: 25px;
        width: 100%
    }

    #listeTutorials #section_tutorials #all_tutorials > div:nth-of-type(2n+2) {
        margin-right: 0
    }

    #listeTutorials #section_tutorials #all_tutorials.live_casino > .col3 {
        margin-bottom: 6%
    }

    body.single-tutorials .col8.col_gauche {
        margin: 0 0 15px;
        width: 100%
    }

    body.single-tutorials #all_tutorials {
        margin-right: 0
    }

    body.single-tutorials #all_tutorials > div.col3 {
        margin-bottom: 15px;
        width: 48%
    }

    #listeTutorials #all_tutorials > div {
        flex: 0 0 47.5%
    }
}

@media screen and (max-width: 768px) {
    #section_tutorials #all_tutorials {
        flex-direction: column
    }

    #section_tutorials #all_tutorials > div.col4 {
        margin-left: 0;
        margin-right: 0
    }

    #section_tutorials #bouton_show_more_tutorials {
        margin-bottom: 40px
    }

    #listeTutorials .col12, #listeTutorials .col9 {
        margin: 0 0 15px;
        width: 100%
    }

    #all_tutorials {
        display: block;
        margin-left: 0;
        margin-right: 0
    }

    #all_tutorials > div.col3, #all_tutorials > div.col4 {
        margin: 0 0 15px;
        width: 100%
    }

    #all_tutorials.live_casino > .col3 {
        margin-bottom: 15%;
        width: 100% !important
    }

    body.single-tutorials #titleSlots + .wrapper .col8.col_gauche, body.single-tutorials #titleSlots + .wrapper .col8.col_gauche .col6 {
        margin: 0 0 15px;
        width: 100%
    }

    body.single-tutorials #main_content_tutorial p {
        font-size: 16px
    }

    body.page-template-template-slots #section_tutorials {
        margin-bottom: 20px
    }

    body.page-template-template-slots #onlineSlots .col6, body.page-template-template-slots #section_tutorials #tutorials .col4, body.page-template-template-slots #section_tutorials #tutorials .col8 {
        width: 100%
    }

    body.page-template-template-all-outilscasino #allOutils .col6 .bg_all_outils > div {
        padding-bottom: 50%
    }

    body.page-template-template-all-outilscasino #section_tutorials {
        margin-bottom: 20px
    }

    body.page-template-template-all-outilscasino #section_tutorials #tutorials .col12 {
        margin: 0;
        width: 100%
    }

    body.page-template-template-all-outilscasino #section_tutorials #tutorials .col4, body.page-template-template-all-outilscasino #section_tutorials #tutorials .col8 {
        margin: 0 0 20px;
        width: 100%
    }

    #intro_single_news_tutorial {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap
    }

    #intro_single_news_tutorial #post_thumbnail_tutorial {
        order: 2;
        position: relative;
        width: 100%
    }

    #intro_single_news_tutorial #post_title {
        order: 1
    }

    #intro_single_news_tutorial #main_content_tutorial {
        order: 3
    }

    #main_content_tutorial {
        clear: both;
        display: block;
        width: 100%
    }

    #main_content_tutorial .wp-block-image.size-full {
        clear: both;
        display: block;
        left: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        max-width: 100vw;
        position: relative;
        right: 50%;
        width: 100vw !important
    }

    #main_content_tutorial .wp-block-image.size-full img {
        border-radius: 0
    }

    #main_content_tutorial .wrap_content {
        padding: 25px 20px
    }

    #main_content_tutorial ul li {
        word-wrap: break-word;
        overflow-wrap: break-word
    }

    body.single-post #intro_single_news_tutorial {
        margin: 0
    }

    body.single-post #post_thumbnail_tutorial img {
        margin: 0 0 15px;
        max-width: 100%
    }
}

#onlineCasinoRecommended.row {
    margin-bottom: 70px;
    margin-top: 15px
}

@media screen and (min-width: 769px) and (max-width: 1160px) {
    #onlineCasinoRecommended .bonus .bonus-card .boutons a:not(.more_info) {
        min-width: 160px
    }
}

@media screen and (max-width: 640px) {
    #onlineCasinoRecommended {
        flex-direction: column
    }

    #onlineCasinoRecommended .col12, #onlineCasinoRecommended .col3, #onlineCasinoRecommended .col9 {
        margin-bottom: 30px !important;
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

#introSlots.casinoBonuses {
    margin-bottom: 35px
}

#introSlots.casinoBonuses h1 {
    text-align: left
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    box-shadow: -4px 0 15px 0 rgba(47, 47, 47, .1);
    color: #fff;
    min-height: 330px;
    padding: 30px 90px 20px;
    position: relative;
    transition: all .5s ease-in-out
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake:hover {
    transform: scale(1.02)
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake .exclu {
    background: #eb0055;
    border-radius: 18px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    left: 50%;
    padding: 9px 30px;
    position: absolute;
    text-align: center;
    top: -18px;
    transform: translateX(-50%);
    z-index: 15
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake p {
    color: #fff
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake p.bold {
    font-weight: 900
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake p.uppercase {
    font-size: 24px
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake .logo_conditions {
    float: left;
    width: 100%
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake .logo_conditions .logo {
    text-align: center;
    width: auto
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake .logo_conditions .logo img {
    height: 60px;
    margin-top: 5px
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake .logo_conditions .conditions {
    background-color: hsla(0, 0%, 100%, .34);
    border-radius: 10px;
    display: table;
    float: none;
    margin: 15px auto;
    padding: 15px 25px 14px;
    text-align: center
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake .logo_conditions .conditions p {
    line-height: 1.1em;
    margin: 10px 0 5px;
    text-align: center
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake .logo_conditions .conditions p.bold {
    font-size: 32px;
    margin-top: 2px;
    text-transform: uppercase
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake .boutons {
    display: block;
    float: left;
    text-align: center;
    width: 100%
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake .boutons .bouton_primaire {
    float: none;
    margin-right: 20px
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake .boutons .bouton_secondaire {
    height: 43px;
    line-height: 13px;
    margin-top: 15px
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake .phrase_bas {
    float: left;
    margin-top: 25px;
    width: 100%
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake .phrase_bas p {
    text-align: center
}

#introSlots.casinoBonuses .col6.pub_exclusivity_stake .phrase_bas p a {
    color: #c1c1c1;
    text-decoration: underline
}

#filtre_home_bonus_casino {
    background: #fff;
    border-radius: 35px;
    box-shadow: 0 3px 6px 0 hsla(0, 0%, 65%, .16);
    display: block;
    float: left;
    margin-bottom: 0;
    margin-top: .625rem;
    outline: none;
    padding: 17px 15px 3px 25px
}

#filtre_home_bonus_casino #subcategories_news, #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 {
    background: #fff;
    float: left;
    list-style-type: none;
    margin-bottom: 0
}

#filtre_home_bonus_casino #subcategories_news li, #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li {
    background: #c9e7f4;
    border-radius: 55px;
    color: #2a292b;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-right: 10px;
    padding: 8px 14px;
    position: relative;
    transform: all .8s ease-in-out
}

#filtre_home_bonus_casino #subcategories_news li.first, #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li.first {
    background: none;
    border: none;
    padding: 5px 0
}

#filtre_home_bonus_casino #subcategories_news li.first:before, #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li.first:before {
    display: none
}

#filtre_home_bonus_casino #subcategories_news li.first:hover, #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li.first:hover {
    background: none;
    color: #fff
}

#filtre_home_bonus_casino #subcategories_news li:last-child, #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li:last-child {
    margin-right: 0
}

#filtre_home_bonus_casino #subcategories_news li:before, #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li:before {
    background-color: #fff;
    border-radius: 55px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .16;
    position: absolute;
    right: 0;
    top: 0
}

#filtre_home_bonus_casino #subcategories_news li.active, #filtre_home_bonus_casino #subcategories_news li:hover, #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li.active, #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li:hover {
    background: #5e5ddc;
    color: #fff;
    font-weight: 400
}

#filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino {
    display: inline-block;
    height: 48px;
    margin-bottom: 1.5625rem;
    min-width: 300px;
    position: relative
}

#filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #bouton_select_filtre_home_bonus_casino {
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 4px;
    vertical-align: middle;
    width: 30px;
    z-index: 15
}

#filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #bouton_select_filtre_home_bonus_casino:before {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    content: "";
    display: inline-block;
    height: 6px;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 6px
}

#filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #bouton_select_filtre_home_bonus_casino.open {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino {
    background: transparent;
    background: #180c28;
    border: 1px solid #3dffda;
    border-radius: 10px;
    color: #fff;
    cursor: pointer !important;
    font-family: Inter, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    height: auto;
    outline: none;
    padding: 5px 15px 3px;
    position: absolute;
    width: 300px;
    z-index: 10
}

#filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div {
    display: none;
    margin-bottom: 8px;
    margin-top: 5px
}

#filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino.active > div, #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino.selected > div, #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div.active {
    display: block
}

#filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div.active {
    color: #3dffda
}

#filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div.active.first {
    color: #fff
}

#filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino:hover > div.active, #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino:hover > div.active:hover, #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div.active.first:hover, #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino > div.active:hover {
    color: #3dffda
}

#filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino #select_filtre_home_bonus_casino:hover > div:hover {
    color: #ffa532
}

#filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino.active:before {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

#filtre_home_bonus_casino #form_search_casinos_bonuses {
    float: right;
    margin-right: 15px
}

#filtre_home_bonus_casino #form_search_casinos_bonuses input[type=text] {
    background: #ececec;
    border: none;
    border-radius: 55px;
    float: left;
    font-size: 12px;
    height: 35px;
    margin: 0 10px 0 0;
    outline: none !important;
    padding-left: 20px;
    width: calc(100% - 80px)
}

#filtre_home_bonus_casino #form_search_casinos_bonuses ::placeholder {
    color: #c1c1c1;
    font-size: 12px;
    font-weight: 400;
    opacity: .6
}

#filtre_home_bonus_casino #form_search_casinos_bonuses input[type=submit] {
    appearance: none;
    background: #5e5ddc;
    background-image: url(../../images/ico-loupe-thin.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    border: none;
    border-radius: 55px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    height: 35px;
    margin: 0;
    transition: all .3s ease-in-out;
    width: 60px
}

#filtre_home_bonus_casino #form_search_casinos_bonuses input[type=submit]:hover {
    background-image: url(../../images/ico-loupe-thin-turquoise.svg);
    background-size: 18px 18px
}

#filtre_home_bonus_casino #filter_slots_by_provider {
    background-color: #fff;
    border: 1px solid #403f42;
    border-radius: 10px;
    border-radius: 5px;
    color: #2a292b;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 2px;
    min-width: 250px;
    padding: 5px 10px 5px 13px;
    position: relative
}

#filtre_home_bonus_casino #filter_slots_by_provider ul {
    list-style-type: none
}

#filtre_home_bonus_casino #filter_slots_by_provider ul li {
    font-size: 12px;
    margin-bottom: 0
}

#filtre_home_bonus_casino #filter_slots_by_provider:before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #2a292b;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0
}

#filtre_home_bonus_casino #filter_slots_by_provider > span {
    line-height: 1.6em
}

#filtre_home_bonus_casino #filter_slots_by_provider > span > span {
    background: #c9e7f4;
    border-radius: 5px;
    color: #2a292b;
    font-size: 12px;
    padding: 4px 7px
}

#filtre_home_bonus_casino #filter_slots_by_provider .sous_menu {
    background-color: #fff;
    border-bottom: 1px solid #403f42;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 1px solid #403f42;
    border-right: 1px solid #403f42;
    bottom: auto;
    left: -1px;
    opacity: 0;
    padding: 10px 10px 7px 13px;
    pointer-events: none;
    position: absolute;
    top: 85%;
    transform: translateY(25%);
    transition: all .15s ease;
    width: 250px;
    z-index: 15
}

#filtre_home_bonus_casino #filter_slots_by_provider .sous_menu:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: -65px;
    z-index: -1
}

#filtre_home_bonus_casino #filter_slots_by_provider .sous_menu li {
    border-top: 1px solid #ececec;
    clear: both;
    display: block;
    font-size: 12px;
    height: 35px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-top: 1px
}

#filtre_home_bonus_casino #filter_slots_by_provider .sous_menu li:last-child {
    border-bottom: none
}

#filtre_home_bonus_casino #filter_slots_by_provider .sous_menu li input, #filtre_home_bonus_casino #filter_slots_by_provider .sous_menu li label {
    cursor: pointer;
    display: inline-block;
    line-height: 35px;
    margin: 0 4px 3px 0;
    padding: 0;
    vertical-align: middle
}

#filtre_home_bonus_casino #filter_slots_by_provider .sous_menu li input {
    height: 35px
}

#filtre_home_bonus_casino #filter_slots_by_provider .sous_menu li input.active + label {
    color: #5e5ddc
}

#filtre_home_bonus_casino #filter_slots_by_provider .sous_menu li input.active + label span.nb {
    background: #5e5ddc;
    color: #fff
}

#filtre_home_bonus_casino #filter_slots_by_provider .sous_menu li label {
    margin-right: 0;
    width: 200px
}

#filtre_home_bonus_casino #filter_slots_by_provider .sous_menu li label span.nb {
    background: #c9e7f4;
    border-radius: 5px;
    color: #2a292b;
    font-size: 12px;
    margin-left: 10px;
    padding: 4px 7px
}

#filtre_home_bonus_casino #filter_slots_by_provider .sous_menu li:hover {
    color: #5e5ddc
}

#filtre_home_bonus_casino #filter_slots_by_provider .sous_menu li:hover label span.nb {
    background: #5e5ddc;
    color: #fff
}

#filtre_home_bonus_casino #filter_slots_by_provider:hover .sous_menu {
    cursor: pointer !important;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

#wrapperOnlineCasinoRecommended h2 {
    text-transform: uppercase
}

#wrapperOnlineCasinoRecommended.home h2 {
    font-weight: 400
}

#wrapperOnlineCasinoRecommended.home h2 strong {
    font-weight: 900
}

#wrapperOnlineCasinoRecommended.home #onlineCasinoRecommended .bonus {
    transition: all .5s ease-in-out
}

#wrapperOnlineCasinoRecommended.home #onlineCasinoRecommended .bonus:hover {
    transform: scale(1.02)
}

#casinoBonuses, #onlineCasinoRecommended {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 50px
}

#casinoBonuses .bonus, #onlineCasinoRecommended .bonus {
    background: #fff;
    border-radius: 15px;
    box-shadow: -4px 0 15px 0 rgba(47, 47, 47, .1);
    margin-bottom: 3%
}

#casinoBonuses .bonus.hide, #onlineCasinoRecommended .bonus.hide {
    display: none
}

#casinoBonuses .bonus .bonus-card, #onlineCasinoRecommended .bonus .bonus-card {
    float: left;
    padding: 0;
    position: relative
}

#casinoBonuses .bonus .bonus-card .wrapper-logo, #onlineCasinoRecommended .bonus .bonus-card .wrapper-logo {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin: -5px 0 0;
    padding: 0;
    text-align: center;
    width: 100%
}

#casinoBonuses .bonus .bonus-card .wrapper-logo a, #onlineCasinoRecommended .bonus .bonus-card .wrapper-logo a {
    display: inline-block
}

#casinoBonuses .bonus .bonus-card .wrapper-logo a img, #onlineCasinoRecommended .bonus .bonus-card .wrapper-logo a img {
    height: 42px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 20px;
    width: auto
}

#casinoBonuses .bonus .bonus-card .wrapper-logo > p, #onlineCasinoRecommended .bonus .bonus-card .wrapper-logo > p {
    display: none
}

#casinoBonuses .bonus .bonus-card .line, #onlineCasinoRecommended .bonus .bonus-card .line {
    position: relative
}

#casinoBonuses .bonus .bonus-card .line .exclu, #onlineCasinoRecommended .bonus .bonus-card .line .exclu {
    background: #eb0055;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    left: 0;
    padding: 6px 15px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 15
}

#casinoBonuses .bonus .bonus-card .line .exclu.new, #onlineCasinoRecommended .bonus .bonus-card .line .exclu.new {
    background: transparent linear-gradient(49deg, #eb7424, #fa924d) 0 0 no-repeat padding-box
}

#casinoBonuses .bonus .bonus-card .line .offre_exclusive, #onlineCasinoRecommended .bonus .bonus-card .line .offre_exclusive {
    color: #fff;
    font-size: 14px;
    margin-top: 0;
    padding: 4px 0;
    text-align: center
}

#casinoBonuses .bonus .bonus-card .line .offre_exclusive a, #onlineCasinoRecommended .bonus .bonus-card .line .offre_exclusive a {
    color: #fff;
    display: block;
    font-size: 14px
}

#casinoBonuses .bonus .bonus-card .line .wrapper-bonus, #onlineCasinoRecommended .bonus .bonus-card .line .wrapper-bonus {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 20px 20px
}

#casinoBonuses .bonus .bonus-card .line .wrapper-no-deposit-bonus, #onlineCasinoRecommended .bonus .bonus-card .line .wrapper-no-deposit-bonus {
    text-align: center
}

#casinoBonuses .bonus .bonus-card .line .wrapper-no-deposit-bonus p, #onlineCasinoRecommended .bonus .bonus-card .line .wrapper-no-deposit-bonus p {
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 5px
}

#casinoBonuses .bonus .bonus-card .line .wrapper-no-deposit-bonus p strong, #onlineCasinoRecommended .bonus .bonus-card .line .wrapper-no-deposit-bonus p strong {
    font-size: 19px
}

#casinoBonuses .bonus .bonus-card .line .wrapper-no-deposit-bonus p.medium, #onlineCasinoRecommended .bonus .bonus-card .line .wrapper-no-deposit-bonus p.medium {
    font-size: 19px;
    line-height: 28px
}

#casinoBonuses .bonus .bonus-card .line .wrapper-no-deposit-bonus .promo_code, #onlineCasinoRecommended .bonus .bonus-card .line .wrapper-no-deposit-bonus .promo_code {
    border: 1px solid #000;
    border-radius: 25px;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin: 20px 0;
    min-width: 180px;
    padding: 12px 0 10px;
    position: relative;
    text-align: center
}

#casinoBonuses .bonus .bonus-card .line .wrapper-no-deposit-bonus .promo_code:before, #onlineCasinoRecommended .bonus .bonus-card .line .wrapper-no-deposit-bonus .promo_code:before {
    background: #fff;
    color: #000;
    content: "PROMO CODE";
    font-size: 10px;
    font-weight: 400;
    height: 20px;
    left: 20px;
    padding: 2px 6px;
    position: absolute;
    top: -10px;
    z-index: 5
}

#casinoBonuses .bonus .bonus-card .line .wrapper-no-deposit-bonus .promo_code img, #onlineCasinoRecommended .bonus .bonus-card .line .wrapper-no-deposit-bonus .promo_code img {
    border-radius: 0;
    float: right;
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 3px
}

#casinoBonuses .bonus .bonus-card .line .column, #onlineCasinoRecommended .bonus .bonus-card .line .column {
    border-bottom: 1px solid #ececec;
    color: #2a292b;
    flex: 50%;
    margin-bottom: 6px;
    padding: 8px 15px 8px 13px
}

#casinoBonuses .bonus .bonus-card .line .column strong, #onlineCasinoRecommended .bonus .bonus-card .line .column strong {
    font-size: 20px;
    font-weight: 900
}

#casinoBonuses .bonus .bonus-card .line .column .sub_title, #onlineCasinoRecommended .bonus .bonus-card .line .column .sub_title {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    position: relative;
    text-align: left;
    top: 2px
}

#casinoBonuses .bonus .bonus-card .boutons, #onlineCasinoRecommended .bonus .bonus-card .boutons {
    float: left;
    margin-top: 0;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 10
}

#casinoBonuses .bonus .bonus-card .boutons a, #onlineCasinoRecommended .bonus .bonus-card .boutons a {
    border-radius: 10px;
    display: block
}

#casinoBonuses .bonus .bonus-card .boutons a.more_info, #casinoBonuses .bonus .bonus-card .boutons a.more_infos, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_info, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_infos {
    border: 2px solid #fff;
    border-radius: 10px;
    color: #2a292b;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 8px;
    padding: 2px 0 3px
}

#casinoBonuses .bonus .bonus-card .boutons a.more_info:hover, #casinoBonuses .bonus .bonus-card .boutons a.more_infos:hover, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_info:hover, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_infos:hover {
    background: #fff;
    color: #170927
}

#casinoBonuses .bonus .bonus-card .boutons a.more_info svg, #casinoBonuses .bonus .bonus-card .boutons a.more_infos svg, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_info svg, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_infos svg {
    margin-left: 15px;
    position: relative;
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

#casinoBonuses .bonus .bonus-card .boutons a.more_info:hover svg, #casinoBonuses .bonus .bonus-card .boutons a.more_infos:hover svg, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_info:hover svg, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_infos:hover svg {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

#casinoBonuses .bonus .bonus-card .boutons a.more_info:active svg, #casinoBonuses .bonus .bonus-card .boutons a.more_infos:active svg, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_info:active svg, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_infos:active svg {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

#casinoBonuses .bonus .bonus-card .boutons a.more_info span, #casinoBonuses .bonus .bonus-card .boutons a.more_infos span, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_info span, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_infos span {
    color: #2a292b;
    font-size: 14px;
    padding-bottom: 7px;
    padding-right: 0;
    position: relative
}

#casinoBonuses .bonus .bonus-card .boutons a.more_info span:after, #casinoBonuses .bonus .bonus-card .boutons a.more_infos span:after, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_info span:after, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_infos span:after {
    background-color: #5e5ddc;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out;
    width: 100%
}

#casinoBonuses .bonus .bonus-card .boutons a.more_info:hover span:after, #casinoBonuses .bonus .bonus-card .boutons a.more_infos:hover span:after, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_info:hover span:after, #onlineCasinoRecommended .bonus .bonus-card .boutons a.more_infos:hover span:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

#casinoBonuses .bonus .bonus-card .boutons a:not(.more_infos), #onlineCasinoRecommended .bonus .bonus-card .boutons a:not(.more_infos) {
    background: #3dffda;
    background: linear-gradient(90deg, var(--bga), var(--bgb));
    border-radius: 50px;
    border-radius: 100px;
    color: #411cb4;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    height: 25px;
    line-height: 1;
    line-height: 0;
    margin-bottom: 15px;
    margin-top: 0;
    min-width: 200px;
    overflow: hidden;
    padding: 22px 20px;
    position: relative;
    text-align: center;
    text-transform: none;
    transition: all .5s ease;
    transition: --bga .5s, --bgb 2s
}

#casinoBonuses .bonus .bonus-card .boutons a:not(.more_infos):hover, #onlineCasinoRecommended .bonus .bonus-card .boutons a:not(.more_infos):hover {
    background: #5e5ddc
}

#casinoBonuses .bonus .bonus-card .boutons a:not(.more_infos) span, #onlineCasinoRecommended .bonus .bonus-card .boutons a:not(.more_infos) span {
    display: inline-block;
    opacity: 1;
    transform: translateX(0);
    transition: transform .95s ease-in-out
}

#casinoBonuses .bonus .bonus-card .boutons a:not(.more_infos):before, #onlineCasinoRecommended .bonus .bonus-card .boutons a:not(.more_infos):before {
    color: #fff;
    content: "Let's Go 🎉";
    display: inline-block;
    left: -50%;
    position: absolute;
    transform: translateX(-50%);
    transition: left .95s ease-in-out;
    white-space: nowrap
}

#casinoBonuses .bonus .bonus-card .boutons a:not(.more_infos):hover, #onlineCasinoRecommended .bonus .bonus-card .boutons a:not(.more_infos):hover {
    --bga: #411cb4;
    --bgb: #5e5de3;
    color: #fff
}

#casinoBonuses .bonus .bonus-card .boutons a:not(.more_infos):hover:before, #onlineCasinoRecommended .bonus .bonus-card .boutons a:not(.more_infos):hover:before {
    left: 50%
}

#casinoBonuses .bonus .bonus-card .boutons a:not(.more_infos):hover span, #onlineCasinoRecommended .bonus .bonus-card .boutons a:not(.more_infos):hover span {
    color: #fff;
    transform: translateX(200%)
}

#casinoBonuses .bonus .bonus-card .legal, #onlineCasinoRecommended .bonus .bonus-card .legal {
    color: #2a292b;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 25px;
    position: relative;
    text-align: center;
    width: 100%
}

#casinoBonuses .bonus .bonus-card .legal span, #onlineCasinoRecommended .bonus .bonus-card .legal span {
    color: #5e5ddc
}

#casinoBonuses .bonus .bonus-card .legal > a, #onlineCasinoRecommended .bonus .bonus-card .legal > a {
    color: #2a292b;
    text-decoration: none
}

#casinoBonuses .bonus .bonus-card .legal > a:hover, #onlineCasinoRecommended .bonus .bonus-card .legal > a:hover {
    text-decoration: underline
}

#casinoBonuses .bonus .bonus-card .legal div.tc, #onlineCasinoRecommended .bonus .bonus-card .legal div.tc {
    color: #2a292b;
    display: inline-block;
    padding: 20px 2px 5px;
    position: relative
}

#casinoBonuses .bonus .bonus-card .legal div.tc > span, #onlineCasinoRecommended .bonus .bonus-card .legal div.tc > span {
    color: #2a292b !important;
    cursor: pointer
}

#casinoBonuses .bonus .bonus-card .legal div.tc.active, #casinoBonuses .bonus .bonus-card .legal div.tc:hover, #casinoBonuses .bonus .bonus-card .legal div.tc > span:hover, #onlineCasinoRecommended .bonus .bonus-card .legal div.tc.active, #onlineCasinoRecommended .bonus .bonus-card .legal div.tc:hover, #onlineCasinoRecommended .bonus .bonus-card .legal div.tc > span:hover {
    text-decoration: underline
}

#casinoBonuses .bonus .bonus-card .legal div.tc.active .tooltip, #onlineCasinoRecommended .bonus .bonus-card .legal div.tc.active .tooltip {
    bottom: 40px;
    display: block;
    height: auto;
    padding: 16px 15px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    visibility: visible;
    z-index: 99
}

#casinoBonuses .bonus .bonus-card .legal div.tc .tooltip, #onlineCasinoRecommended .bonus .bonus-card .legal div.tc .tooltip {
    background: #c9e7f4;
    border-radius: 20px;
    bottom: -15px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    left: auto;
    position: absolute;
    right: -16px;
    visibility: hidden;
    width: 260px;
    z-index: 1
}

#casinoBonuses .bonus .bonus-card .legal div.tc .tooltip > i, #onlineCasinoRecommended .bonus .bonus-card .legal div.tc .tooltip > i {
    border: 1px solid #2a292b;
    border-radius: 100%;
    color: #2a292b !important;
    cursor: pointer;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    height: 20px;
    line-height: 16px;
    opacity: 1;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 15px;
    width: 20px
}

#casinoBonuses .bonus .bonus-card .legal div.tc .tooltip p, #onlineCasinoRecommended .bonus .bonus-card .legal div.tc .tooltip p {
    color: #2a292b;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px
}

#casinoBonuses .bonus .bonus-card .legal div.tc .tooltip p b, #onlineCasinoRecommended .bonus .bonus-card .legal div.tc .tooltip p b {
    font-weight: 900
}

#casinoBonuses .bonus .bonus-card .legal div.tc .tooltip p a, #onlineCasinoRecommended .bonus .bonus-card .legal div.tc .tooltip p a {
    color: #2a292b;
    text-decoration: underline
}

#casinoBonuses .bonus .bonus-card .legal div.tc .tooltip p a.bouton_primaire, #onlineCasinoRecommended .bonus .bonus-card .legal div.tc .tooltip p a.bouton_primaire {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    min-width: 140px;
    padding: 0;
    text-decoration: none
}

#casinoBonuses .bonus .bonus-card .legal div.tc .tooltip p a.bouton_primaire:hover, #casinoBonuses .bonus .bonus-card .legal div.tc .tooltip p a.bouton_primaire:hover span, #onlineCasinoRecommended .bonus .bonus-card .legal div.tc .tooltip p a.bouton_primaire:hover, #onlineCasinoRecommended .bonus .bonus-card .legal div.tc .tooltip p a.bouton_primaire:hover span {
    color: #fff
}

#casinoBonuses .bonus .bonus-card .legal div.tc .tooltip:after, #onlineCasinoRecommended .bonus .bonus-card .legal div.tc .tooltip:after {
    border-color: #c9e7f4 transparent;
    border-style: solid;
    border-width: 20px 20px 0;
    bottom: -20px;
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    width: 0
}

.bonus-card-lightbox {
    border-radius: 15px;
    color: #2a292b;
    margin: 40px auto;
    max-width: 1000px;
    padding: 0;
    position: relative;
    text-align: left;
    width: 80%
}

.bonus-card-lightbox ul li {
    color: #2a292b;
    margin-bottom: 7px
}

.bonus-card-lightbox h3 {
    color: orange
}

.bonus-card-lightbox p.titre {
    color: #5e5ddc;
    font-size: 18px;
    font-weight: 700;
    margin: 0
}

.bonus-card-lightbox .mfp-close {
    border: 1px solid #2a292b;
    border-radius: 100%;
    color: #2a292b !important;
    font-family: Inter;
    font-size: 18px;
    height: 28px;
    line-height: 16px;
    opacity: 1;
    right: 15px;
    text-align: center;
    top: 15px;
    width: 28px
}

.bonus-card-lightbox .row {
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    overflow: hidden
}

.bonus-card-lightbox .row .col8 {
    background: #fff;
    color: #fff;
    margin: 0;
    padding: 20px;
    width: 70%
}

.bonus-card-lightbox .row .col8 .logo_titre {
    align-items: center;
    background: #fff;
    display: block;
    float: left;
    margin-bottom: 20px;
    position: sticky;
    top: 0;
    width: 100%
}

.bonus-card-lightbox .row .col8 .logo_titre a {
    border-radius: 10px;
    display: inline-block;
    float: left;
    margin-right: 15px;
    text-align: center;
    width: 210px
}

.bonus-card-lightbox .row .col8 .logo_titre p {
    margin: 0 0 5px
}

.bonus-card-lightbox .row .col8 .logo_titre p.titre {
    font-size: 16px;
    margin-bottom: 2px;
    margin-top: 8px
}

.bonus-card-lightbox .row .col8 .logo_titre p.sous_titre {
    font-size: 14px;
    margin-bottom: 0
}

.bonus-card-lightbox .row .col8 .logo_titre img {
    margin: 12px;
    max-height: 35px;
    width: auto
}

.bonus-card-lightbox .row .col8 .logo_titre strong {
    color: #2a292b
}

.bonus-card-lightbox .row .col8 .scroll_details {
    height: 360px;
    margin-bottom: 10px;
    margin-top: 20px;
    overflow: scroll;
    overflow-x: hidden;
    padding-right: 20px;
    width: 100%
}

.bonus-card-lightbox .row .col8 .scroll_details h3:first-of-type {
    margin-top: 0
}

.bonus-card-lightbox .row .col8 .scroll_details::-webkit-scrollbar {
    background: #ececec;
    height: 2px;
    width: 4px
}

.bonus-card-lightbox .row .col8 .scroll_details::-webkit-scrollbar-thumb {
    background: #5e5ddc;
    border-radius: 2px
}

.bonus-card-lightbox .row .col8 .scroll_details p.titre {
    color: #5e5ddc;
    font-size: 16px;
    margin: 0 0 4px
}

.bonus-card-lightbox .row .col8 .scroll_details p.sous_titre {
    color: #2a292b;
    font-size: 16px;
    margin: 0 0 4px
}

.bonus-card-lightbox .row .col8 .scroll_details .texte {
    background-color: #ececec;
    border-radius: 15px;
    margin-bottom: 30px;
    margin-top: 16px;
    padding: 15px 25px
}

.bonus-card-lightbox .row .col8 .scroll_details .texte p {
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 7px
}

.bonus-card-lightbox .row .col8 .scroll_details .texte p strong {
    color: #5e5ddc
}

.bonus-card-lightbox .row .col8 .scroll_details .texte ol {
    list-style-position: inside;
    margin-top: 0;
    padding: 0
}

.bonus-card-lightbox .row .col8 .scroll_details .texte ol li {
    color: #2a292b;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 6px
}

.bonus-card-lightbox .row .col8 .scroll_details .texte ol li a {
    color: #5e5ddc !important;
    text-decoration: underline
}

.bonus-card-lightbox .row .col8 .scroll_details .texte ol li a strong {
    color: #5e5ddc !important
}

.bonus-card-lightbox .row .col8 .scroll_details .texte ol li::marker {
    color: #5e5ddc;
    font-weight: 900
}

.bonus-card-lightbox .row .col8 h3 {
    margin-bottom: 0
}

.bonus-card-lightbox .row .col8 p {
    color: #2a292b;
    line-height: 1.5em;
    margin-top: 5px
}

.bonus-card-lightbox .row .col8 p a {
    border: 1px solid #5e5ddc;
    border-radius: 50px;
    color: #2a292b;
    color: #5e5ddc;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-top: 5px;
    min-width: 200px;
    min-width: 170px;
    padding: 10px 0;
    text-align: center;
    text-transform: none;
    transition: all .5s ease
}

.bonus-card-lightbox .row .col8 p a:hover {
    background: #2a292b;
    background: #5e5ddc;
    color: #fff
}

.bonus-card-lightbox .row .col4 {
    background-color: #fff;
    color: #2a292b;
    margin: 0;
    padding: 20px;
    width: 30%
}

.bonus-card-lightbox .row .col4 h3 {
    margin-top: 0
}

.bonus-card-lightbox .row .col4 p.titre {
    color: #5e5ddc;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 12px !important
}

.bonus-card-lightbox .row .col4 ul li {
    border-radius: 0;
    color: #2a292b;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 5px;
    padding: 0
}

.bonus-card-lightbox .row .col4 ul li strong {
    color: #2a292b;
    font-weight: 700
}

.bonus-card-lightbox .row .col4 ul li:before {
    display: none
}

.bonus-card-lightbox .row .col4 .boutons {
    margin-top: 0
}

.bonus-card-lightbox .row .col4 .boutons p {
    margin: 35px 0 0
}

.bonus-card-lightbox .row .col4 .boutons a {
    margin-top: 0
}

.bonus-card-lightbox .row .col4 .boutons a.read_article {
    border: 1px solid #2a292b;
    border-radius: 50px;
    color: #2a292b;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 15px;
    margin-top: 15px;
    min-width: 200px;
    padding: 14px 0 13px;
    text-align: center;
    text-transform: none;
    transition: all .5s ease
}

.bonus-card-lightbox .row .col4 .boutons a.read_article:hover {
    background: #2a292b;
    color: #fff
}

.bonus-card-lightbox .row .col4 .boutons a:not(.read_article) {
    background: #3dffda;
    background: linear-gradient(90deg, var(--bga), var(--bgb));
    border-radius: 50px;
    border-radius: 100px;
    color: #411cb4;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    height: 25px;
    line-height: 1;
    line-height: 0;
    margin-top: 0;
    min-width: 200px;
    overflow: hidden;
    padding: 22px 20px;
    position: relative;
    text-align: center;
    text-transform: none;
    transition: all .5s ease;
    transition: --bga .5s, --bgb 2s
}

.bonus-card-lightbox .row .col4 .boutons a:not(.read_article):hover {
    background: #5e5ddc
}

.bonus-card-lightbox .row .col4 .boutons a:not(.read_article) span {
    display: inline-block;
    opacity: 1;
    transform: translateX(0);
    transition: transform .95s ease-in-out
}

.bonus-card-lightbox .row .col4 .boutons a:not(.read_article):before {
    color: #fff;
    content: "Let's Go 🎉";
    display: inline-block;
    left: -50%;
    position: absolute;
    transform: translateX(-50%);
    transition: left .95s ease-in-out;
    white-space: nowrap
}

.bonus-card-lightbox .row .col4 .boutons a:not(.read_article):hover {
    --bga: #411cb4;
    --bgb: #5e5de3;
    color: #fff
}

.bonus-card-lightbox .row .col4 .boutons a:not(.read_article):hover:before {
    left: 50%
}

.bonus-card-lightbox .row .col4 .boutons a:not(.read_article):hover span {
    color: #fff;
    transform: translateX(200%)
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

#explications_bonuses_new {
    margin-top: 150px;
    position: relative
}

#explications_bonuses_new.bigmarginbottom {
    margin-bottom: 70px
}

#explications_bonuses_new .col3 p {
    color: #2a292b;
    line-height: 1.44
}

#explications_bonuses_new .col3 h2, #explications_bonuses_new .col3 h2 span {
    font-weight: 900 !important;
    margin-top: 6px;
    text-transform: uppercase
}

#explications_bonuses_new .col3 #categories_casinos_bonus_carousel {
    margin-top: 30px
}

#explications_bonuses_new .col3 #categories_casinos_bonus_carousel li {
    border: 1px solid #5e5ddc;
    border-radius: 23px;
    display: inline-block;
    margin: 0 10px 10px 0
}

#explications_bonuses_new .col3 #categories_casinos_bonus_carousel li a {
    color: #5e5ddc;
    display: block;
    font-size: 16px;
    padding: 10px 15px;
    text-decoration: none
}

#explications_bonuses_new .col3 #categories_casinos_bonus_carousel li a:hover {
    color: #fff
}

#explications_bonuses_new .col3 #categories_casinos_bonus_carousel li.active, #explications_bonuses_new .col3 #categories_casinos_bonus_carousel li:hover {
    background: #5e5ddc
}

#explications_bonuses_new .col3 #categories_casinos_bonus_carousel li.active a, #explications_bonuses_new .col3 #categories_casinos_bonus_carousel li:hover a {
    color: #fff
}

#explications_bonuses_new .col9 {
    margin: 0;
    position: absolute;
    right: 0
}

#explications_bonuses_new .col9 .owl-carousel {
    display: flex
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage {
    display: flex;
    height: 500px
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item {
    display: flex
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item > div {
    background: #c9e7f4;
    border-radius: 35px;
    padding: 40px 40px 90px;
    position: relative;
    transform: scale(.95);
    transition: all .5s ease-in-out
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item > div h3 {
    text-transform: uppercase
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item > div p {
    line-height: 1.44
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item > div a.bouton_tertiaire {
    bottom: 35px;
    color: #2a292b;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.44;
    padding-bottom: 7px;
    padding-right: 0;
    position: relative;
    position: absolute;
    text-align: left
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item > div a.bouton_tertiaire:after {
    background: url(../../images/arrow_lien_tertiaire.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 11px;
    position: absolute;
    right: -20px;
    top: 5px;
    width: 14px
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item > div a.bouton_tertiaire:before {
    background-color: #5e5ddc;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out;
    width: 100%
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item > div a.bouton_tertiaire:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item > div:hover {
    transform: scale(1)
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item:not(.active) + .owl-item.active > div {
    background-image: linear-gradient(270deg, #5e5de3, #411cb4);
    color: #fff
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item:not(.active) + .owl-item.active > div h3, #explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item:not(.active) + .owl-item.active > div p {
    color: #fff
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item:not(.active) + .owl-item.active > div a.bouton_tertiaire {
    bottom: 35px;
    color: #fff;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.44;
    padding-right: 0;
    position: relative;
    position: absolute;
    text-align: left
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item:not(.active) + .owl-item.active > div a.bouton_tertiaire:after {
    background: url(../../images/arrow_lien_tertiaire_blanc.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 11px;
    position: absolute;
    right: -20px;
    top: 5px;
    width: 14px
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item:not(.active) + .owl-item.active > div a.bouton_tertiaire:before {
    background-color: #fff;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out;
    width: 100%
}

#explications_bonuses_new .col9 .owl-carousel .owl-stage .owl-item:not(.active) + .owl-item.active > div a.bouton_tertiaire:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
}

#explications_bonuses_new .col9 .owl-carousel .owl-nav {
    bottom: -30px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

#explications_bonuses_new .col9 .owl-carousel .owl-dots {
    bottom: -40px;
    display: block;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

#explications_bonuses_new .col9 .owl-carousel .owl-dots .owl-dot.active span, #explications_bonuses_new .col9 .owl-carousel .owl-dots .owl-dot:hover span {
    background: #5e5ddc
}

#contenu_bonuses_new {
    position: relative
}

#contenu_bonuses_new .contenu_bonuses_new_left {
    background: #c9e7f4;
    clear: both;
    float: left;
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative;
    width: 50%
}

#contenu_bonuses_new .contenu_bonuses_new_left:before {
    background: #c9e7f4;
    bottom: 0;
    content: "";
    left: -50%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

#contenu_bonuses_new .contenu_bonuses_new_left .col10 {
    color: #2a292b
}

#contenu_bonuses_new .contenu_bonuses_new_left .col10 h2 {
    color: #2a292b;
    text-transform: uppercase
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis {
    clear: both;
    float: left;
    padding-bottom: 40px;
    padding-top: 25px;
    position: relative;
    width: 50%
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis:before {
    background-image: linear-gradient(270deg, #5e5de3, #411cb4);
    bottom: 0;
    content: "";
    left: -50%;
    position: absolute;
    top: 0;
    width: 150%;
    z-index: -1
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .col10 {
    color: #fff
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .col10 h3 {
    color: #fff;
    padding-top: 15px;
    text-transform: uppercase
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .col10 h3 span {
    font-size: 50px
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .col10 p {
    color: #fff
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .col10 ul {
    list-style-position: outside;
    margin-left: 25px
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .col10 ul li {
    color: #fff
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .col10 ul li::marker {
    color: #fff
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .btns {
    display: inline-block
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .btns .customPreviousBtn {
    border: 1px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    float: left;
    height: 40px;
    margin-right: 10px;
    position: relative;
    width: 40px
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .btns .customPreviousBtn:before {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    content: "";
    display: inline-block;
    left: 16px;
    padding: 5px;
    position: absolute;
    top: 14px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .btns .customPreviousBtn:hover {
    background: #fff
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .btns .customPreviousBtn:hover:before {
    border-color: #525bfe
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .btns #myDots {
    display: inline-block;
    margin-top: 14px
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .btns .customNextBtn {
    border: 1px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    float: right;
    height: 40px;
    margin-left: 10px;
    position: relative;
    width: 40px
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .btns .customNextBtn:before {
    webkit-transform: rotate(-45deg);
    border: solid #fff;
    border-width: 0 1px 1px 0;
    content: "";
    display: inline-block;
    left: 12px;
    padding: 5px;
    position: absolute;
    top: 14px;
    transform: rotate(-45deg)
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .btns .customNextBtn:hover {
    background: #fff
}

#contenu_bonuses_new .contenu_bonuses_new_left_bis .btns .customNextBtn:hover:before {
    border-color: #525bfe
}

#contenu_bonuses_new .contenu_bonuses_new_right {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%
}

#contenu_bonuses_new .contenu_bonuses_new_right .owl-stage-outer, #contenu_bonuses_new .contenu_bonuses_new_right .owl-stage-outer .owl-stage, #contenu_bonuses_new .contenu_bonuses_new_right .owl-stage-outer .owl-stage .owl-item {
    height: 100%
}

#contenu_bonuses_new .contenu_bonuses_new_right .owl-stage-outer .owl-stage .owl-item > div {
    background-position: 50%;
    background-size: cover;
    height: 100%
}

#contenu_bonuses {
    margin-bottom: 0;
    margin-top: 25px
}

#contenu_bonuses h2 {
    color: #2a292b;
    font-family: Inter, sans-serif;
    font-size: 28px;
    font-weight: 900;
    line-height: 38px;
    margin-bottom: 35px;
    margin-top: 35px;
    position: relative;
    text-align: left;
    text-transform: none
}

#contenu_bonuses h2:before {
    background: #3cffd9;
    bottom: -15px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 130px
}

#contenu_bonuses h3 {
    color: #3dffda;
    font-size: 20px;
    margin: 20px 0 0
}

#contenu_bonuses h3 + p {
    margin-top: 7px
}

#contenu_bonuses p {
    color: #2a292b;
    font-size: 16px;
    line-height: 26px
}

#contenu_bonuses p a {
    color: #3dffda;
    text-decoration: underline
}

#contenu_bonuses ol {
    list-style-position: inside;
    margin: 0;
    padding: 0
}

#contenu_bonuses ol li {
    color: #fff;
    font-size: 18px;
    line-height: 1.6em;
    margin-bottom: 8px
}

#contenu_bonuses ol li a {
    color: #3dffda;
    text-decoration: underline
}

#contenu_bonuses ol li::marker {
    color: #3dffda
}

#contenu_bonuses ol ul {
    margin: 8px 0
}

#contenu_bonuses ul {
    list-style-position: inside;
    list-style-type: disc;
    margin: 0;
    padding: 0
}

#contenu_bonuses ul li {
    color: #fff;
    font-size: 18px;
    line-height: 1.6em;
    margin-bottom: 8px
}

#contenu_bonuses ul li a {
    color: #3dffda;
    text-decoration: underline
}

#contenu_bonuses ul li::marker {
    color: #fff
}

#how_enjoy_bonus {
    padding-bottom: 40px;
    padding-top: 110px
}

#how_enjoy_bonus h2 {
    text-align: center;
    text-transform: uppercase
}

#how_enjoy_bonus .onglets {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px;
    margin-top: 40px
}

#how_enjoy_bonus .onglets .onglet {
    background: #c9e7f4;
    border-radius: 10px;
    color: #2a292b;
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    margin: 0 15px 0 0;
    padding: 20px 35px;
    text-align: center;
    text-transform: none;
    transition: all .35s ease-in-out;
    width: 235px
}

#how_enjoy_bonus .onglets .onglet.active {
    background: transparent linear-gradient(270deg, #5e5de3, #411cb4) 0 0 no-repeat padding-box;
    color: #fff;
    font-weight: 900
}

#how_enjoy_bonus .onglets .onglet:hover {
    background: #5e5ddc;
    color: #fff
}

#how_enjoy_bonus .bigmargintopbottom {
    margin-top: 20px
}

#how_enjoy_bonus.tournaments {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}

#how_enjoy_bonus.tournaments .onglets .onglet {
    text-transform: uppercase
}

#how_enjoy_bonus.tournaments .contenu_how_enjoy_bonus {
    text-align: center
}

#how_enjoy_bonus.tournaments .contenu_how_enjoy_bonus .steps_bg_dashed {
    background: url(../../images/steps_dashed.svg) no-repeat 50%;
    background-size: 70px 70px;
    color: #2a292b;
    display: inline-block;
    font-size: 20px;
    font-weight: 900;
    height: 70px;
    line-height: 70px;
    margin-bottom: 25px;
    text-align: center;
    vertical-align: middle;
    width: 70px
}

#how_enjoy_bonus.tournaments .contenu_how_enjoy_bonus a {
    background: #3dffda;
    border-radius: 50px;
    box-shadow: none;
    color: #411cb4;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-right: 20px;
    margin-top: 15px;
    min-width: 200px;
    padding: 14px 0 13px;
    text-align: center;
    text-transform: none;
    transition: all .5s ease
}

#how_enjoy_bonus.tournaments .contenu_how_enjoy_bonus a:hover {
    background: #5e5ddc;
    color: #fff
}

#how_enjoy_bonus.tournaments .contenu_how_enjoy_bonus a:last-child {
    margin-right: 0
}

#how_enjoy_bonus.tournaments .contenu_how_enjoy_bonus a + a {
    background: transparent;
    border: 1px solid #2a292b;
    border-radius: 50px;
    color: #2a292b;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-top: 15px;
    min-width: 200px;
    padding: 14px 0 13px;
    text-align: center;
    text-transform: none;
    transition: all .5s ease
}

#how_enjoy_bonus.tournaments .contenu_how_enjoy_bonus a + a:hover {
    background: #2a292b;
    color: #fff
}

#how_enjoy_bonus.tournaments .contenu_how_enjoy_bonus h3 {
    text-transform: uppercase
}

#how_enjoy_bonus .contenu_how_enjoy_bonus {
    margin: 0 auto;
    min-height: 155px;
    width: 66.66%
}

#how_enjoy_bonus .contenu_how_enjoy_bonus > div {
    display: none;
    opacity: 0;
    transition: opacity 2s, display 2s
}

#how_enjoy_bonus .contenu_how_enjoy_bonus > div.active {
    display: block;
    opacity: 1
}

#how_enjoy_bonus .contenu_how_enjoy_bonus p {
    line-height: 1.44
}

#faq_casino_bonuses {
    margin-bottom: 100px;
    margin-top: 70px
}

#faq_casino_bonuses .aligncenter {
    margin-bottom: 25px;
    text-align: center
}

#faq_casino_bonuses .aligncenter > p {
    margin: 0 auto;
    width: 80%
}

#faq_casino_bonuses h2 {
    text-transform: uppercase
}

#faq_casino_bonuses h2 span {
    font-weight: 900 !important
}

@media screen and (max-width: 1305px) and (min-width: 1000px) {
    #introSlots.casinoBonuses .col6.pub_exclusivity_stake {
        padding: 40px 60px 10px
    }
}

@media screen and (max-width: 1170px) and (min-width: 1000px) {
    #introSlots.casinoBonuses .col6.pub_exclusivity_stake .boutons {
        text-align: center
    }

    #introSlots.casinoBonuses .col6.pub_exclusivity_stake .boutons a {
        float: none !important
    }

    #introSlots.casinoBonuses .col6.pub_exclusivity_stake .logo_conditions .conditions p {
        font-size: 19px
    }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    #introSlots.casinoBonuses .col6.pub_exclusivity_stake {
        padding: 40px 20px 10px
    }

    #introSlots.casinoBonuses .col6.pub_exclusivity_stake .boutons {
        text-align: center
    }

    #introSlots.casinoBonuses .col6.pub_exclusivity_stake .boutons a {
        float: none !important
    }
}

@media screen and (min-width: 920px) and (max-width: 1099px) {
    #casinoBonuses .flip-card {
        clear: none;
        width: 30.3%
    }

    #casinoBonuses .flip-card:nth-of-type(4n+5) {
        clear: none
    }

    #casinoBonuses .flip-card:nth-of-type(3n+4) {
        clear: left
    }
}

@media screen and (min-width: 600px) and (max-width: 919px) {
    #casinoBonuses .flip-card {
        clear: none;
        width: 47%
    }

    #casinoBonuses .flip-card:nth-of-type(4n+5) {
        clear: none
    }

    #casinoBonuses .flip-card:nth-of-type(3n+4) {
        clear: none
    }

    #casinoBonuses .flip-card:nth-of-type(2n+3) {
        clear: left
    }

    #casinoBonuses .bonus .line .exclu {
        font-size: 15px;
        left: -40px;
        padding: 22px 6px 10px 0;
        top: -9px;
        width: 65px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    #wrapperOnlineCasinoRecommended.home #onlineCasinoRecommended .bonus .bonus-card .boutons a:not(.more_info) {
        min-width: 149px
    }
}

@media screen and (max-width: 768px) {
    body.page-template-template-aviscasino #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 {
        width: calc(100% - 106px)
    }

    #introSlots.casinoBonuses .col6.banner_offre_boostee, #introSlots.casinoBonuses .col6.pub_exclusivity_stake {
        background-image: var(--backgroundMobilePubExclu) !important;
        box-shadow: -8px 8px 10px 0 rgba(0, 0, 0, .1);
        margin-top: 30px;
        min-height: 240px;
        padding: 40px 30px 20px
    }

    #introSlots.casinoBonuses .col6.banner_offre_boostee p, #introSlots.casinoBonuses .col6.pub_exclusivity_stake p {
        text-align: center
    }

    #introSlots.casinoBonuses .col6.banner_offre_boostee .logo_conditions .logo, #introSlots.casinoBonuses .col6.pub_exclusivity_stake .logo_conditions .logo {
        border: none;
        margin-bottom: 15px;
        padding-right: 0;
        text-align: center;
        width: 100%
    }

    #introSlots.casinoBonuses .col6.banner_offre_boostee .logo_conditions .logo img, #introSlots.casinoBonuses .col6.pub_exclusivity_stake .logo_conditions .logo img {
        max-width: 220px
    }

    #introSlots.casinoBonuses .col6.banner_offre_boostee .logo_conditions .conditions, #introSlots.casinoBonuses .col6.pub_exclusivity_stake .logo_conditions .conditions {
        padding: 15px 25px 14px;
        text-align: center;
        width: auto
    }

    #introSlots.casinoBonuses .col6.banner_offre_boostee .logo_conditions .conditions p, #introSlots.casinoBonuses .col6.pub_exclusivity_stake .logo_conditions .conditions p {
        font-size: 19px;
        text-align: center
    }

    #introSlots.casinoBonuses .col6.banner_offre_boostee .logo_conditions .conditions p.bold, #introSlots.casinoBonuses .col6.pub_exclusivity_stake .logo_conditions .conditions p.bold {
        font-size: 26px
    }

    #introSlots.casinoBonuses .col6.banner_offre_boostee .boutons, #introSlots.casinoBonuses .col6.pub_exclusivity_stake .boutons {
        text-align: center
    }

    #introSlots.casinoBonuses .col6.banner_offre_boostee .boutons .bouton_primaire, #introSlots.casinoBonuses .col6.pub_exclusivity_stake .boutons .bouton_primaire {
        float: none;
        margin-bottom: 10px;
        margin-right: 0
    }

    #introSlots.casinoBonuses .col6.banner_offre_boostee .boutons .bouton_secondaire, #introSlots.casinoBonuses .col6.pub_exclusivity_stake .boutons .bouton_secondaire {
        float: none;
        margin-top: 10px
    }

    #filtre_home_bonus_casino {
        background: transparent;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        padding: 0
    }

    #filtre_home_bonus_casino #inner_filtre_home_bonus_casino {
        order: 1
    }

    #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 {
        background: transparent;
        margin-bottom: 25px;
        overflow-x: scroll;
        padding-bottom: 12px;
        white-space: nowrap;
        width: 105%
    }

    #filtre_home_bonus_casino #wrapper_select_filtre_home_bonus_casino_v2 li {
        float: none;
        margin-bottom: 0
    }

    #filtre_home_bonus_casino #form_search_casinos_bonuses {
        margin: 0;
        margin-bottom: 25px !important;
        margin-right: 0 !important;
        order: 0;
        width: 100%
    }

    #filtre_home_bonus_casino #form_search_casinos_bonuses input[type=submit] {
        float: right
    }

    #filtre_home_bonus_casino #filter_slots_by_provider {
        margin: 0 0 15px;
        width: 100%
    }

    #filtre_home_bonus_casino #filter_tutorials_by_categories {
        background: transparent
    }

    #casinoBonuses {
        margin-bottom: 40px
    }

    #casinoBonuses .bonus .bonus-card .wrapper-logo {
        height: 65px
    }

    #casinoBonuses .bonus .bonus-card .wrapper-logo a {
        align-items: center;
        display: flex;
        height: 65px;
        justify-content: center
    }

    #casinoBonuses .bonus .bonus-card .wrapper-logo a img {
        height: auto;
        margin: 0;
        max-height: 45px;
        max-width: 60%;
        width: auto
    }

    .bonus-card-lightbox {
        width: 90%
    }

    .bonus-card-lightbox .row {
        display: block
    }

    .bonus-card-lightbox .row .col8 {
        padding: 20px 30px;
        width: 100%
    }

    .bonus-card-lightbox .row .col8 .scroll_details {
        height: 30vh
    }

    .bonus-card-lightbox .row .col8 .logo_titre strong {
        margin-top: 5px
    }

    .bonus-card-lightbox .row .col8 .logo_titre p {
        clear: both;
        display: block;
        float: left
    }

    .bonus-card-lightbox .row .col4 {
        padding: 10px 30px 0;
        width: 100%
    }

    .bonus-card-lightbox .row .col4 h3 {
        margin-bottom: 8px
    }

    .bonus-card-lightbox .row .col4 .boutons {
        margin-bottom: 15px;
        margin-top: 30px
    }

    #explications_bonuses_new {
        height: auto !important;
        margin-top: 50px
    }

    #explications_bonuses_new .col9 {
        position: relative;
        width: 100% !important
    }

    #explications_bonuses_new .col9 .owl-carousel .owl-dots {
        width: 100%
    }

    #wrapperOnlineCasinoRecommended.home h2 {
        font-weight: 400;
        margin-bottom: 0
    }

    #wrapperOnlineCasinoRecommended.home h2 strong {
        display: block;
        font-weight: 900
    }

    #wrapperOnlineCasinoRecommended.home h2 br {
        display: none
    }

    #how_enjoy_bonus {
        padding-top: 80px
    }

    #how_enjoy_bonus .onglets {
        display: block;
        justify-content: left;
        margin-bottom: 40px;
        margin-top: 40px;
        overflow-x: scroll;
        padding-bottom: 12px;
        white-space: nowrap;
        width: 100%
    }

    #how_enjoy_bonus .onglets .onglet {
        display: inline-block;
        float: none
    }

    #how_enjoy_bonus.tournaments {
        padding-top: 20px;
        width: 100%
    }

    #how_enjoy_bonus.tournaments .onglets {
        display: block;
        flex-direction: column;
        height: 100px;
        overflow-x: scroll;
        white-space: nowrap;
        width: 100% !important
    }

    #how_enjoy_bonus.tournaments .contenu_how_enjoy_bonus a {
        margin-right: 0
    }

    #how_enjoy_bonus .contenu_how_enjoy_bonus {
        width: 90%
    }

    #faq_casino_bonuses {
        margin-top: 0
    }
}

@media screen and (max-width: 541px) {
    #casinoBonuses .flip-card {
        margin: 0 auto 40px;
        width: 100%
    }
}

#account {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000
}

#account.open {
    display: block
}

#account .close_popup {
    display: block;
    height: 25px;
    position: absolute;
    right: -30px;
    top: -5px;
    width: 25px
}

#account .close_popup:before {
    background: #fff;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 100%
}

#account .close_popup:after {
    background: #fff;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    width: 100%
}

#account .content {
    background: rgba(0, 0, 0, .7);
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: scroll;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

#account.registered .choice, #account.registered .welcome {
    display: none
}

#account.registered .wrapperAccount .successMessage {
    display: block
}

#account.registered #formSignup .fields {
    display: none
}

#account #forCaptchaSignin, #account #forCaptchaSignup {
    text-align: center
}

#account #forCaptchaSignin > div, #account #forCaptchaSignup > div {
    width: auto !important
}

#account .span_remember_me {
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    margin-top: 5px;
    text-align: left
}

#account .span_remember_me label {
    cursor: pointer;
    display: inline-block !important;
    font-size: 16px;
    margin: 0;
    position: relative;
    top: -3px
}

#account .span_remember_me input {
    cursor: pointer;
    float: left;
    margin: 0 5px 0 0
}

#account .lostpassword {
    color: #fff;
    float: right;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 7px;
    text-align: right
}

#account .lostpassword a {
    color: #3dffda;
    font-size: 16px;
    text-decoration: underline
}

#account .lostpassword a:hover {
    text-decoration: none
}

#account .choice {
    color: #fff;
    float: left;
    margin: 10px 0;
    text-align: left;
    width: 100%
}

#account .choice.small {
    font-size: 14px
}

#account .choice.small a {
    color: #3dffda;
    text-decoration: underline
}

#account .choice.small a:hover {
    text-decoration: none
}

#account .choice button {
    border: none;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 19px;
    height: 40px;
    line-height: 1.2;
    margin-top: 0;
    outline: none;
    text-align: center;
    text-transform: none
}

#account .choice button[data-form=signin] {
    background: #3dffda;
    border-radius: 50px;
    color: #411cb4;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-top: 15px;
    min-width: 200px;
    padding: 14px 0 13px;
    text-align: center;
    text-transform: none;
    transition: all .5s ease
}

#account .choice button[data-form=signin]:hover {
    background: #5e5ddc;
    background: #fff;
    color: #fff;
    color: #5e5ddc
}

#account .choice button[data-form=signup] {
    background: transparent;
    border: 2px solid #ffa532;
    border-radius: 50px !important;
    color: #fff;
    display: inline-block;
    font-size: .875rem;
    font-size: 17px;
    font-weight: 400;
    padding: .3125rem .625rem;
    padding: .3125rem .9375rem !important;
    text-align: center;
    text-decoration: none;
    text-transform: none
}

#account .choice button[data-form=signup]:hover {
    background: #ffa532;
    color: #000
}

#account .choice button[data-form=signup]:after, #account .choice button[data-form=signup]:before {
    display: none !important
}

#account .choice button[data-form=signup]:hover {
    font-weight: 700
}

#account .choice button span {
    padding: 0 25px;
    position: relative
}

#account .choice button span i {
    background: 50%/20px 20px no-repeat url(../../images/connexion-loader.gif) transparent;
    display: none;
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

#account .choice.milieu {
    font-size: 17px;
    margin: 25px 0 0
}

#account .wrapperAccount {
    background-image: linear-gradient(180deg, #5e5de3, #411cb4);
    border-radius: 15px;
    float: left;
    height: auto;
    left: 50%;
    min-width: 400px;
    padding: 45px 60px;
    position: absolute;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 580px;
    z-index: 1
}

#account .wrapperAccount h1, #account .wrapperAccount h2 {
    color: #fff;
    font-family: Inter, sans-serif;
    font-weight: 900;
    margin: 0;
    padding: 0
}

#account .wrapperAccount h1 {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 15px
}

#account .wrapperAccount h2 {
    font-size: 20px;
    font-weight: 400
}

#account .wrapperAccount .welcome img {
    height: auto;
    width: 70px
}

#account .wrapperAccount p.titre {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 900;
    font-weight: 400;
    margin: 0 0 15px;
    padding: 0;
    text-align: left
}

#account .wrapperAccount p.titre span {
    color: #3dffda;
    font-weight: 900
}

#account .wrapperAccount p.sous_titre {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 900;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-align: left
}

#account .wrapperAccount .successMessage {
    background: url(../../images/ico-validsignup2.png) bottom no-repeat;
    display: none;
    padding-bottom: 80px
}

#account .wrapperAccount .successMessage p {
    color: #fff;
    font-size: 19px
}

#account .wrapperAccount .successMessage p.titre {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 36px;
    font-weight: 900;
    margin: 0 0 15px;
    padding: 0
}

#account .wrapperAccount form:not(.active) {
    display: none
}

#account .wrapperAccount.submittingSignin .choice button[data-form=signin] i, #account .wrapperAccount.submittingSignup .choice button[data-form=signup] i {
    display: block
}

#account .wrapperAccount #resetPasswordButton {
    appearance: none;
    background: transparent;
    border: 1px solid #3dffda;
    border-radius: 20px;
    clear: both;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    overflow: hidden;
    padding: 10px 25px
}

#account .wrapperAccount #resetPasswordButton:hover {
    background: #3dffda;
    color: #000;
    font-weight: 700
}

#account form#formSignup .fields {
    margin-top: 30px
}

#account form#formSignup button {
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 17px;
    height: 40px;
    line-height: 1.2;
    margin-top: 0;
    outline: none;
    text-align: center;
    text-transform: none
}

#account form#formSignup button[data-form=signup] {
    appearance: none;
    background: transparent;
    border: 1px solid #3dffda;
    border-radius: 20px;
    clear: both;
    display: inline-block;
    font-size: 17px;
    height: 42px;
    margin-top: 15px;
    overflow: hidden;
    padding: 11px 35px
}

#account form#formSignup button[data-form=signup]:hover {
    background: #3dffda;
    color: #000;
    font-weight: 700
}

#account form#formSignup button[data-form=signin] {
    background: #3dffda;
    border-radius: 50px;
    color: #411cb4;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-top: 15px;
    min-width: 200px;
    padding: 14px 0 13px;
    text-align: center;
    text-transform: none;
    transition: all .5s ease
}

#account form#formSignup button[data-form=signin]:hover {
    background: #5e5ddc;
    color: #fff
}

#account form#formSignup .onoffswitch {
    margin: 0 auto;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 85px
}

#account form#formSignup .onoffswitch-checkbox {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

#account form#formSignup .onoffswitch-label {
    border: 2px solid #999;
    border-radius: 20px;
    cursor: pointer;
    display: block;
    overflow: hidden
}

#account form#formSignup .onoffswitch-inner {
    display: block;
    margin-left: -100%;
    transition: margin .3s ease-in 0s;
    width: 200%
}

#account form#formSignup .onoffswitch-inner:after, #account form#formSignup .onoffswitch-inner:before {
    box-sizing: border-box;
    color: #fff;
    display: block;
    float: left;
    font-family: Trebuchet, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 34px;
    line-height: 34px;
    padding: 0;
    width: 50%
}

#account form#formSignup .onoffswitch-inner:before {
    background-color: #460f6e;
    color: #fff;
    content: "YES";
    padding-left: 10px;
    text-align: left
}

#account form#formSignup .onoffswitch-inner:after {
    background-color: #eee;
    color: #999;
    content: "NO";
    padding-right: 10px;
    text-align: right
}

#account form#formSignup .onoffswitch-switch {
    background: #fff;
    border: 2px solid #999;
    border-radius: 20px;
    bottom: 0;
    display: block;
    margin: 8px;
    position: absolute;
    right: 47px;
    top: 0;
    transition: all .3s ease-in 0s;
    width: 18px
}

#account form#formSignup .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

#account form#formSignup .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0
}

#account form#formSignin {
    margin: 0 auto
}

#account form#formSignin .fields {
    float: left;
    margin-top: 30px;
    width: 100%
}

#account form#formSignin .fields p, #account form#formSignin p {
    float: left;
    width: 100%
}

#account form#formSignin p.separator {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 35px;
    position: relative;
    text-transform: uppercase
}

#account form#formSignin p.separator span {
    background: transparent;
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    width: 50px;
    z-index: 5
}

#account form#formSignin p.separator:before {
    background: #fff;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 12px;
    width: calc(50% - 30px);
    z-index: 0
}

#account form#formSignin p.separator:after {
    background: #fff;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    top: 12px;
    width: calc(50% - 30px);
    z-index: 0
}

#account form#formSignin .field {
    position: relative
}

#account form#formSignin .field .picto_email {
    background: no-repeat 50% url(../../images/ico-email.svg);
    height: 13px;
    left: 12px;
    position: absolute;
    top: 36px;
    width: 13px;
    z-index: 5
}

#account form#formSignin .field .picto_password, #account form#formSignin .field .picto_password_verification {
    background: no-repeat 50% url(../../images/ico-password.svg);
    height: 13px;
    left: 12px;
    position: absolute;
    top: 36px;
    width: 13px;
    z-index: 5
}

#account form#formSignin .field .picto_speudo {
    background: no-repeat 50% url(../../images/ico-username.svg);
    height: 13px;
    left: 12px;
    position: absolute;
    top: 36px;
    width: 13px;
    z-index: 5
}

#account form#formSignin .field .picto_mobile {
    background: no-repeat 50% url(../../images/ico-mobile.svg);
    height: 16px;
    left: 12px;
    position: absolute;
    top: 36px;
    width: 13px;
    z-index: 5
}

#account form .field.error input {
    box-shadow: 0 5px 5px 0 rgba(255, 0, 0, .5)
}

#account form .field.center {
    text-align: center
}

#account form .field + .field {
    margin-top: 20px
}

#account form .field .error {
    color: red;
    display: block;
    margin-top: 10px
}

#account form .error_msg {
    color: red;
    padding: 5px 0;
    text-align: center
}

#account form .error_msg:not(.active) {
    display: none
}

#account form .error_msg + .field {
    margin-top: 20px
}

#account form label {
    color: #fff;
    float: left;
    font-size: 13px;
    margin-bottom: 7px;
    margin-left: 17px
}

#account form label.forceshow {
    display: inline-block
}

#account form label.forceshow a {
    color: #fff;
    text-decoration: underline
}

#account form label.forceshow a:hover {
    color: #ffa532
}

#account form input[type=email], #account form input[type=password], #account form input[type=text] {
    background: #fefefe;
    border: 0;
    border-radius: 30px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
    color: #2a292b;
    font-size: 15px;
    height: 40px;
    padding: 0 5px 0 35px;
    width: 100%
}

#account form input[type=email]:focus, #account form input[type=password]:focus, #account form input[type=text]:focus {
    outline: none
}

#account form ::placeholder {
    color: #c1c1c1;
    font-size: 15px
}

#account form input:-webkit-autofill, #account form input:-webkit-autofill:active, #account form input:-webkit-autofill:focus {
    -webkit-text-fill-color: hsla(0, 0%, 100%, .5);
    background-color: red !important;
    border: none;
    -webkit-box-shadow: inset 0 0 0 1000px #160926;
    transition: background-color 5000s ease-in-out 0s
}

#account form input:-internal-autofill-selected {
    background-color: transparent !important
}

#account form input[name=email], #account form input[name=passwordVerification], #account form input[name=password], #account form input[name=user_login] {
    background: #ececec
}

#account form input[name=mobile] {
    background: left 13px center/14px 24px no-repeat url(../../images/ico-mobile.png) #fff
}

#account form input[name=speudo] {
    background: left 13px center/20px 21px no-repeat url(../../images/ico-speudo.png) #fff
}

#account form .loginor {
    color: #fff;
    display: block;
    float: left;
    margin-top: 20px;
    text-align: left;
    width: 100%
}

#account form .loginor p {
    font-size: 20px;
    margin: 5px 0 10px
}

#account form .loginor .bouton_primaire.rose:hover {
    background: #fff;
    color: #5e5ddc
}

#account form #loader_signup {
    display: none
}

#account form #loader_signup p {
    clear: both;
    color: #3dffda;
    display: none;
    font-size: 22px;
    margin-bottom: 10px
}

#account form #loader_signup .container {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: center
}

#account form #loader_signup .spinner {
    animation: rotator 1.4s linear infinite;
    height: 90px;
    position: absolute;
    transition: transform .25s ease;
    width: 90px
}

#account form #loader_signup .spinner circle {
    stroke-dasharray: 180;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #f08108;
    animation: dash 1.4s ease-in-out infinite, colors 1.4s linear infinite;
    transform-origin: center
}

#account form #loader_signup .icon {
    align-items: center;
    display: flex;
    height: 36px;
    justify-content: center;
    position: relative;
    width: 36px
}

#account form #loader_signup .icon svg {
    height: 50px;
    transition: transform .3s ease
}

@keyframes rotator {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(260deg)
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 180
    }
    50% {
        stroke-dashoffset: 45;
        transform: rotate(135deg)
    }
    to {
        stroke-dashoffset: 180;
        transform: rotate(450deg)
    }
}

@keyframes colors {
    0% {
        stroke: #3dffda
    }
    50% {
        stroke: #3dffda
    }
    to {
        stroke: #3dffda
    }
}

#account form #loader_signup.active {
    display: block
}

#account form #signinButton {
    display: none
}

#account form .response {
    color: #fff
}

#account form .response.hide {
    display: none
}

#account form .iti.iti--allow-dropdown {
    width: 100%
}

#account form .iti.iti--allow-dropdown .iti__flag-container {
    left: 48px
}

#account form .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
    background: #fff
}

#account form .iti.iti--allow-dropdown input#signupMobile {
    padding-left: 150px !important
}

#account form#formValidatePhone h2 {
    line-height: 1.6
}

#account form#formValidatePhone .fields .field {
    margin: 25px 0 15px
}

#account form#formValidatePhone .fields .field label {
    color: #fff;
    display: block;
    font-size: 14px;
    margin: 10px 0 0;
    text-align: center
}

#account form#formValidatePhone .fields .field input[type=text] {
    background: #160926;
    color: #fff;
    font-size: 21px;
    height: 42px;
    padding: 0;
    text-align: center;
    width: 140px
}

#account form#formValidatePhone .error_msg {
    margin-top: 10px
}

#account form#formValidatePhone ::placeholder {
    color: #d6d6d6;
    font-size: 17px
}

#account form#formValidatePhone input:-webkit-autofill, #account form#formValidatePhone input:-webkit-autofill:focus {
    -webkit-text-fill-color: hsla(0, 0%, 100%, .5);
    background: red !important;
    border: none;
    -webkit-box-shadow: inset -1 0 0 1000px #160926;
    transition: background-color 5000s ease-in-out 0s
}

#account form#formValidatePhone button {
    appearance: none;
    background: #3dffda;
    border: 1px solid #3dffda;
    border-radius: 20px;
    clear: both;
    color: #200f36;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 600;
    height: 34px;
    margin: 40px auto 25px;
    overflow: hidden;
    padding: 3px 0;
    transition: transform .2s
}

#account form#formValidatePhone button:hover {
    transform: scale(1.1)
}

#account form#formValidatePhone button.submitting span i {
    display: block
}

#account form#formValidatePhone button span {
    padding: 0 25px;
    position: relative
}

#account form#formValidatePhone button span i {
    background: 50%/20px 20px no-repeat url(../../images/connexion-loader.gif) transparent;
    display: none;
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

#account form#formValidatePhone #resendSMS {
    color: #3dffda
}

#account form#formValidatePhone #resendSMS:hover {
    text-decoration: underline
}

#account form#formValidatePhone #resendSMS.submitting {
    opacity: .5
}

#account form#lostpasswordform .welcome p {
    color: #fff;
    font-size: 17px;
    margin-bottom: 15px
}

#account form#lostpasswordform .welcome p.titre {
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: 36px;
    font-weight: 900;
    margin: 0 0 15px;
    padding: 0
}

#account form#lostpasswordform #resetPasswordButton {
    margin-top: 15px
}

#account form#lostpasswordform .success {
    color: #fff
}

#account form#lostpasswordform .success p {
    color: #fff;
    font-size: 17px;
    margin-bottom: 10px
}

@media screen and (max-height: 768px) {
    #account {
        overflow-y: scroll
    }

    #account .wrapperAccount {
        height: auto;
        margin-bottom: 50px;
        position: absolute;
        top: 50px;
        transform: translateX(-50%) translateY(0)
    }
}

@media screen and (max-width: 768px) {
    #account .wrapperAccount:before {
        background-position: 20px -20px
    }

    #account .wrapperAccount .welcome h1 {
        font-size: 30px;
        text-align: left
    }

    #account .wrapperAccount .welcome h2 {
        font-size: 18px;
        margin-right: -45px;
        text-align: left
    }

    #account .choice li button {
        font-size: 16px
    }

    #account .choice li button span {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media screen and (max-width: 480px) {
    #account form#formSignin .fields {
        margin-top: 20px
    }

    #account form .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
        padding: 0
    }

    #account form .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag .iti__flag {
        display: none
    }

    #account form .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag .iti__selected-dial-code {
        margin-left: 0
    }

    #account form .iti.iti--allow-dropdown input#signupMobile {
        padding-left: 105px !important
    }

    #account .wrapperAccount {
        max-width: 90%;
        min-width: 200px;
        padding: 25px 30px
    }

    #account .wrapperAccount .welcome h1 {
        text-align: left
    }

    #account .wrapperAccount .welcome h2 {
        font-size: 20px;
        text-align: left
    }

    #account .wrapperAccount:after, #account .wrapperAccount:before {
        display: none
    }

    #account .wrapperAccount .close_popup:after, #account .wrapperAccount .close_popup:before {
        background: #fff
    }

    #account .choice li {
        float: none;
        width: 100%
    }

    #account .choice li button {
        float: none !important;
        margin: 0 auto;
        width: 100%
    }

    #account .choice li + li {
        margin-top: 15px
    }

    #account .close_popup {
        right: 30px;
        top: 25px
    }

    .iti.iti--container {
        z-index: 100000 !important
    }
}