/*
.logo-img{    filter: grayscale(1);}
.site-logo:before {
    content: "NET";
    color: red;
    font-weight: 900;
    position: absolute;
    margin-left: 0;
    margin-top: 106px;
}
*/

.center-block{display: block;margin:auto;}
.flex{display: flex;}
.rounded-pill{border-radius: 2rem;}
.text-success {    color: #198754 !important;}
.text-danger {    color: #dc3545!important;}
.no-scroll {
    overflow: hidden;
    height: 110%;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

body .btn-link-primary{color:#f89406;}
body .btn-outline{background:transparent; }
body .btn-primary {    background: #f89406; border-color: #f89406;    text-transform: uppercase;    font-weight: 700;    color: #fff;      white-space: inherit; }
body .btn-primary.btn-disabled, .btn-disabled {background: #ccc;border-color: #ccc;}

body .border-0{border:none;}
.dashed-btn,.deposit-bonus__info .bonus_block_code:after,.expiring_bonuses>table>tbody>tr>td:nth-child(2)>span:after,.game-item .bonus_block_code:after,.tbl_casino_drlock_code:after,.tbl_casino_dropdown .bonus_block_code:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: repeating-linear-gradient(to right,#c2c2c2 0,#c2c2c2 50%,transparent 50%,transparent 100%),repeating-linear-gradient(to right,#c2c2c2 0,#c2c2c2 50%,transparent 50%,transparent 100%),repeating-linear-gradient(to bottom,#c2c2c2 0,#c2c2c2 50%,transparent 50%,transparent 100%),repeating-linear-gradient(to bottom,#c2c2c2 0,#c2c2c2 50%,transparent 50%,transparent 100%);
    background-position: left top,left bottom,left top,right top;
    background-repeat: repeat-x,repeat-x,repeat-y,repeat-y;
    background-size: 10px 1px,10px 1px,1px 10px,1px 10px
}

/*
@font-face {
    font-family: open sans;
    src: url(/public/fonts/OpenSans.woff2) format("woff2"),url(/public/fonts/OpenSans.woff) format("woff"),url(/public/fonts/OpenSans.svg#OpenSans) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: open sans;
    src: url(/public/fonts/OpenSans-Semibold.woff2) format("woff2"),url(/public/fonts/OpenSans-Semibold.woff) format("woff"),url(/public/fonts/OpenSans-Semibold.svg#OpenSans-Semibold) format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}
*/

@-webkit-keyframes rotating {
    from {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
/*
a,article,aside,audio,b,body,canvas,dd,details,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,img,label,li,mark,menu,nav,ol,p,section,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,u,ul,video {
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0;
    font-size: 100%;
    margin: 0;
    padding: 0
}

a {
    background: 0 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,td img {
    vertical-align: top
}

button,input,select,textarea {
    font-size: 12px;
    font-family: open sans,Arial,Helvetica,sans-serif;
    margin: 0
}

input[type=email],input[type=number],input[type=password],input[type=phone],input[type=text],textarea {
    font: 12px open sans,Arial,Helvetica,sans-serif;
    padding: 0
}

input[type=checkbox] {
    vertical-align: bottom
}

input[type=radio] {
    vertical-align: text-bottom
}

sub {
    vertical-align: sub;
    font-size: smaller
}

sup {
    vertical-align: super;
    font-size: smaller
}

article,aside,details,figcaption,figure,footer,header,menu,nav,section {
    display: block
}

.bonuses_wrap .allow_mobile .frame_img {
    display: none
}

ol,ul {
    list-style: none
}

html {
    overflow-y: scroll;
    overflow-x: auto
}

body,html {
    height: 100%
}

body {
    line-height: 1;
    color: #000;
    text-align: left;
    z-index: 1;
    position: relative
}

input [type=text] {
    padding: 0
}

textarea {
    resize: none;
    overflow: auto
}

button,input[type=button],input[type=submit],label {
    cursor: pointer
}

button,input[type=button],input[type=email],input[type=number],input[type=password],input[type=phone],input[type=reset],input[type=submit],input[type=tel],input[type=text],textarea {
    -webkit-appearance: none
}

a,a:active,a:focus,a:hover,a:visited {
    text-decoration: none
}

button::-moz-focus-inner,input[type=submit]::-moz-focus-inner {
    border: 0;
    padding: 0
}

input:invalid {
    outline: 0;
    -moz-box-shadow: none;
    border: none
}

::-ms-clear {
    display: none
}

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

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

:focus::-webkit-input-placeholder {
    color: transparent
}

:focus::-moz-placeholder {
    color: transparent
}

:focus:-moz-placeholder {
    color: transparent
}

:focus:-ms-input-placeholder {
    color: transparent
}*/

.bonuses_wrap {font: 600 13px/1.2 "Open Sans",sans-serif;}
.bonuses_wrap .svg-icon {
    width: 1em;
    height: 1em;
    display: block;
    fill: currentColor
}

.bonus_partition {
    font: 600 13px/1.2 "Open Sans",sans-serif;
    min-height: 100%;
    min-width: 280px;
    overflow: hidden;
    position: relative;
    font-weight: 600;
}

.bonuses_wrap .disabled {
    pointer-events: none!important
}

.bonuses_wrap .no-scroll {
    overflow: hidden;
    height: 110%;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media(min-width: 768px) {
    label.error {
        font-size:13px;
        margin-top: 6px;
        line-height: 12px
    }

    label.error .svg-icon {
        margin-top: 1px
    }
}

.bonuses_wrap .finger_clicks {
    text-align: center;
    color: #c2c2c2;
    font-size: 12px
}

.bonuses_wrap .finger_clicks .svg-icon {
    font-size: 17px;
    margin: 0 auto;
    display:none;
}
.bonuses_wrap .finger_clicks:before{
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased; 
    content: "\f0c0";
}

.bonuses_wrap .clicks_hand.svg-icon {
    margin: 0 auto;
    font-size: 18px
}

.bonuses_wrap .clicks_hand {
    display: block
}

.bonuses_wrap .wrapper-flag-name-time {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center
}

@media(min-width: 768px) {
    .bonuses_wrap .finger_clicks {
        font-size:13px
    }
}

@media(max-width: 450px) {
    .bonuses_wrap .clicks_hand {
        float:none
    }

    .bonuses_wrap .clicks_item {
        float: none
    }
}

.bonus_partition .site__content-item.site__content-item_contacts {
    border: none
}



.bonus_partition .site__caption_review {
    padding: 0 0 10px
}

.bonus_partition .site__caption {
    text-transform: uppercase;
    font-size: 17px;
    color: #2d3e50;
    text-align: center;
    letter-spacing: -.6px;
    padding: 10px 0;
    position: relative;
    margin-bottom: 5px;
    font-weight: 500
}

.bonus_partition .site__upper_description {
    color: #475c63;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    word-wrap: break-word;
    margin-bottom: 32px
}

.bonus_partition .site__caption_review {
    display: table;
    width: 100%;
    padding: 0 0 10px;
    text-align: left
}

.bonus_partition .site__caption:after {
    top: auto;
    bottom: -1px
}

.bonus_partition .site__caption_blue {
    color: #16a0ff
}

.bonus_partition .site__content-layout {
    position: relative;
    padding: 15px 8px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.bonuses_wrap .empty-content {
    padding: 20px 0;
    font-size: 15px;
    line-height: 1.4;
    color: #475c63
}

.bonus_partition .site__content-head a {
    font-weight: 600;
    color: #16a0ff;
    font-size: 15px
}
.bonus_partition .site__content-head h1 {
    font-weight: 600;
    color: #16a0ff;
    font-size: 18px
}

.bonus_partition .site__content-head h1,.bonus_partition .site__content-head h2 {
    display: table-cell;
    vertical-align: middle;
    white-space: normal;
    font-weight: 600
}
.bonus_partition .site__content-head h1:before,.bonus_partition .site__content-head h2:before {
content:none;
}

@media screen and (max-width: 767px) {
    .bonuses_wrap .empty-content {
        padding:5px 0 50px;
        font-size: 13px;
        margin-left: 5px
    }
}

@media(min-width: 768px) {
    .bonuses_wrap .empty-content {
        margin-left:10px
    }
}

.bonuses_wrap .empty-content-bottom {
    margin: 15px 0 0
}

@media(max-width: 975px) {
    .bonus_partition .site__content {
        margin-top:0
    }
}

.bonus_partition .site__content-head {
    position: relative;
    display: table;
    width: 100%;
    padding: 10px 12px;
    border: none;
    text-shadow: 1px 1px 0 #fff;
    color: #16a0ff;
    text-align: left;
    background-color: #f5f5f5;
    text-transform: none
}

.bonus_partition .site__content-head:after,.site__content-head:before {
    top: 100%;
    left: 0;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #a3a3a3;
    border-width: 2px 0 0 2px
}

.bonus_partition .site__content-head:after {
    left: auto;
    right: 0;
    border-width: 2px 2px 0 0
}

.bonus_partition .site__content-head time .month {
    text-transform: uppercase
}

.bonus_partition .site__content-head>a {
    display: table-cell;
    vertical-align: middle;
    white-space: normal;
    padding-right: 10px
}

.bonus_partition .site__content-layout:after {
    content: "";
    display: block;
    clear: both
}

.bonus_partition  .site__content-item {
    margin-bottom: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
    -ms-flex-order: -2;
    order: -2
}

.bonus_partition  .site__content-item.new {
    opacity: 0
}

.bonus_partition .site__content-head time {
    width: 1%;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding-left: 10px;
    border-left: 1px solid #c2c2c2;
    color: #6a828a;
    text-align: center;
    font-size: 10px;
    z-index: 2;
    line-height: 1.1;

}

.bonus_partition .site__content-head time span {
    display: block
}

.bonus_partition .site__content-head time .month {
    text-transform: uppercase;
    font-size: 11px
}

.bonus_partition .site__content-head time .year {
    font-size: 10px
}

.bonus_partition .site__hot {
    text-align: center;
    text-transform: uppercase;
    position: relative
}

.bonus_partition .site__form input,.site__form textarea {
    width: 100%;
    height: 48px;
    border: 1px solid #eee;
    color: #2d3e50;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    padding: 0 10px
}

.bonus_partition .site__form textarea {
    padding: 15px 10px;
    display: block
}

.bonuses_wrap .btn.btn_review.for-comments {
    cursor: pointer!important
}

.bonus_partition .site__form .btn_review {
    outline: 0;
    display: block;
    width: 100%;
    font-weight: 600;
    border-radius: 25px;
    border: 1px solid #dc2d26;
    background: 0 0;
    font-size: 11px;
    color: #dc2d26;
    height: 48px
}

.bonus_partition .site__form .btn_review:hover {
    background: 0 0
}

@media(min-width: 768px) {
    .bonus_partition .site__content-layout {
        padding:30px 20px 0
    }

    .bonus_partition  .site__content-item {
        margin-bottom: 15px
    }

    .bonus_partition  .site__content-layout .wrapper-game-filters {
        margin-bottom: 20px
    }
}

@media(min-width: 974px) {
    .bonus_partition .site__content-layout {
        padding:7px 7px 0 14px
    }

    .bonus_partition  .site__content-item {
        box-shadow: none;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee
    }

    .bonus_partition .site__content-head a {
        font-size: 18px
    }

    .bonus_partition .site__content-head time {
        padding-left: 20px;
        font-size: 11px;
        border-left: none;
        position: relative
    }

    .bonus_partition .site__content-head time:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 12px;
        width: 1px;
        background-color: #c2c2c2
    }
}

@media(min-width: 975px) {
    .bonus_partition .site__content {
        z-index:1
    }

    .bonus_partition .site__content-layout {
        width: 750px;
        float: right;
        padding-top: 15px;
        padding-bottom: 1px
    }

    .bonus_partition  .site__content-item {
        margin-right: 0;
        margin-bottom: 21px
    }

/*    .bonus_partition .site__aside {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        position: inherit;
        display: block;
        top: 0;
        float: left;
        padding-top: 126px;
        margin-bottom: 25px;
        overflow-y: hidden;
        -webkit-box-shadow: 0 0 7px #ccc;
        box-shadow: 0 0 7px #ccc
    }

    .bonus_partition .site__content .site__aside {
        width: 208px
    }*/

    .bonus_partition .site__caption {
        margin-bottom: 16px;
        padding: 0 5px;
        font-size: 21px
    }

    .bonus_partition .site__caption_game {
        display: block;
        padding-right: 85px
    }

    .bonus_partition .site__caption-btns {
        position: absolute;
        display: block;
        margin-top: 15px;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .bonus_partition .site__caption-btns button {
        width: 40px;
        height: 40px;
        margin: 0 7px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #9eadaf;
        padding: 0;
        border-radius: 50%;
        text-indent: 100%;
        overflow: hidden;
        opacity: 1;
        -webkit-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out
    }

    .bonus_partition .site__caption-btns-refresh .svg-icon,.site__caption-btns-resize .svg-icon {
        font-size: 18px;
        margin: 0 auto
    }

    .bonus_partition .site__caption-btns-refresh,.site__caption-btns-resize {
        background: 0 0
    }

    .bonus_partition .site__content-layout_404 {
        padding-left: 0;
        padding-right: 0
    }

    .bonuses_wrap .game .site__hot {
        font-size: 18px;
        margin-bottom: 30px;
        line-height: 22px
    }

    .bonus_partition .site__content {
        width: 970px;
        margin: 0 auto
    }

    .bonus_partition .site__content-head {
        padding: 10px 20px
    }

    .bonus_partition .site__form input {
        height: 54px
    }

    .bonus_partition .site__form textarea {
        padding: 35px 12px 15px;
        min-height: 65px
    }
}

/*@media(min-width: 639px) {
    .bonus_partition .site__content .site__aside {
        width:40%
    }
}*/

@media(min-width: 768px) {
    .bonus_partition .site__caption {
        font-size:21px;
        padding: 15px 0 0
    }
}

@media screen and (max-width: 767px) {
    .bonuses_wrap .desktop {
        display:none!important
    }

    .bonuses_wrap .mobile {
        position: static
    }

    .bonuses_wrap .page_info {
        font-size: 13px
    }

    .bonuses_wrap .page-info-description {
        font-size: 13px
    }

    .bonus_partition .site__caption {
        padding-top: 16px
    }

    .bonus_partition .site__upper_description {
        line-height: 24px
    }
}

.bonuses_wrap .centering {
    display: table;
    width: 100%
}

.bonuses_wrap .centering>* {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.bonuses_wrap .table {
    color: #475c63;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400
}

.bonuses_wrap .table-row {
    min-height: 62px;
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eee;
    position: relative
}

.bonuses_wrap .table-row-heading {
    padding: 4px 0
}

.bonuses_wrap .mobile {
    position: absolute;
    top: -99999px;
    left: -99999px
}

.bonuses_wrap .placeholder {
    color: #ccc;
    height: 40px;
    padding-top: 5px;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.bonuses_wrap .centering_circle>* {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.bonuses_wrap .scrollbar {
    z-index: 2;
    position: absolute;
    right: 3px;
    width: 4px;
    height: 90px!important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #c2c2c2
}

.bonuses_wrap .page_info {
    font-size: 14px;
    margin-bottom: 16px;
    position: relative
}

.bonuses_wrap .page_info a {
    color: #16a0ff
}

.bonuses_wrap .page-info-description {
    margin-bottom: 5px;
    color: #475c63;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    max-height: 60px;
    overflow: hidden
}

.bonuses_wrap .page-info-description ul {
    list-style: disc;
    margin-left: 25px;
    line-height: 22px
}

.bonuses_wrap .page-info-description ul ol {
    margin-left: 10px
}

.bonuses_wrap .page-info-description ul ol li {
    list-style: decimal
}

.bonuses_wrap .page-info-description ul li {
    list-style: disc
}

.bonuses_wrap .page-info-description p {
    margin-bottom: 10px
}

.bonuses_wrap .page-info-description p:last-child {
    margin-bottom: 0
}

.bonuses_wrap .page-info-description ol {
    margin-left: 15px;
    line-height: 22px
}

.bonuses_wrap .page-info-description ol ul {
    margin-left: 10px
}

.bonuses_wrap .page-info-description ol ul li {
    list-style: disc
}

.bonuses_wrap .page-info-description ol li {
    list-style: decimal
}

.bonuses_wrap .page_info.open .page-info-description {
    height: auto;
    max-height: 100%
}

.bonuses_wrap .page_info.open .read_more_btn .svg-icon {
    transform: rotate(180deg)
}

.bonuses_wrap .affiliate {
    color: #645e62;
    font-size: 11px;
    line-height: 18px;
    display: flex;
    gap: 8px;
    min-height: 42px;
    margin-bottom: 32px
}

.bonuses_wrap .affiliate p {
    font-weight: 400;
    color: #475c63;
    max-width: 680px
}

.bonuses_wrap .affiliate a {
    color: #16a0ff
}

.bonuses_wrap .affiliate__img {
    min-width: 15px
}

.bonuses_wrap .bold {
    font-weight: 700
}

.bonuses_wrap .content_paragraf_full {
    display: none
}

.bonuses_wrap .non-desktop_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bonuses_wrap img[data-src] {
    opacity: 0;
    transition: none
}

.bonuses_wrap img[src] {
    opacity: 1;
    transition: opacity .1s linear
}

.bonuses_wrap .success-text {
    display: none
}

.bonuses_wrap .no-results-msg {
    color: #475c63;
    margin-left: 10px
}

@media(max-width: 1000px) {
    .bonuses_wrap .no-results-msg {
        margin-left:20px
    }
}

.bonuses_wrap .casino_link {
    font-size: 13px
}

@media(min-width: 975px) {
    .bonuses_wrap .casino_link {
        width:122px;
        display: inline-block
    }

    .bonuses_wrap .wrapper-btn-bonus-list+.site__caption_game {
        margin-bottom: 5px
    }
}

@media(max-width: 768px) {
    .bonus_partition .site__content-layout {
        padding-top:0
    }

    .bonuses_wrap .affiliate {
        margin-bottom: 16px;
        margin-top: -1px
    }

    .bonuses_wrap .custom-margin {
        margin-top: 10px
    }
}

.bonus_partition .site__form input {
    padding: 12px 12px 0
}

.bonus_partition .site__header_sticky {
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%
}

.bonus_partition .site__content_sticky {
    margin-top: 45px
}

.bonus_partition .site__header-layout.active-btn .menu__btn {
    background-color: #4a5867;
    top: -5px;
    height: 59px;
    padding-top: 10px
}

.bonus_partition .site__header-layout.active-btn .menu__btn span {
    display: none
}

.bonus_partition .site__header-layout.active-btn .menu__btn svg {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.bonus_partition .site__header-layout .menu__btn svg {
    display: none;
    font-size: 14px;
    margin: 0 auto;
    color: #fff
}

#site__no-result {
    padding: 0 5px;
    color: #475c63;
    font-size: 13px;
    line-height: 20px;
    text-align: left
}

#site-result__reset {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 13px;
    width: 122px;
    height: 34px;
    border: 1px solid #16a0ff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #16a0ff;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase
}

.bonus_partition .site__header {
    position: relative;
    width: 100%;
    height: 50px;
    padding-top: 5px;
    background-color: #2d3e50;
    z-index: 100
}

.bonus_partition .site__header-layout {
    position: relative;
    max-width: 970px;
    height: inherit;
    margin: 0 auto
}

@media(min-width: 768px) {
    .bonus_partition .site__header {
        height:58px
    }
}

@media(min-width: 975px) {
    .bonus_partition .site__header {
        position:relative;
        height: 66px;
        border-bottom-width: 3px;
        border-bottom: 3px solid #16a0ff
    }

    .bonus_partition .site__header_sticky .logo {
        display: none
    }

    .bonus_partition .site__header_sticky .logo:before {
        background: url(/public/img/mama-sticky-header_desktop.png) no-repeat;
        width: 207px;
        height: 55px;
        top: -14px
    }

    .bonus_partition .site__header_sticky .logo img:first-child {
        display: block
    }

    .bonus_partition .site__content_sticky {
        margin-top: 61px
    }

    .bonus_partition .site__header_sticky {
        position: fixed!important
    }
}

@media(max-width: 975px) {
    .bonus_partition .site__header {
        height:54px;
        padding-top: 0
    }
}

@media screen and (min-device-width: 970px) and (max-device-width:975px) {
    .bonus_partition .site__header-layout {
        max-width:974px
    }
}

.bonuses_wrap .switch_viewport {
    width: 100%;
    height: 29px!important;
    font-size: 15px;
    padding-top: 9px!important;
    padding-left: 16px;
    cursor: pointer;
    display: none!important
}

.bonuses_wrap .switch_viewport:after {
    content: "";
    border-top: 0!important;
    border-bottom: 0!important
}

.bonuses_wrap .switch_viewport:hover {
    background: #16a0ff;
    color: #fff
}

.bonuses_wrap .switch_viewport:hover>.switch_viewport_img {
    background: url(/public/img/desktop_switch_white.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 18px;
    height: 20px
}

.bonuses_wrap .switch_viewport>span {
    display: table-cell;
    vertical-align: middle
}

.bonuses_wrap .switch_viewport>span:nth-child(2) {
    padding-left: 5px;
    padding-top: 4px;
    font-size: 14px
}

.bonuses_wrap .switch_viewport_img {
    background: url(/public/img/menu_sprite.png) no-repeat;
    background-position: -5px -114px;
    width: 20px;
    height: 20px
}

@media(min-width: 975px) {
    .bonuses_wrap .switch_viewport {
        height:37px!important;
        border-top: 2px dotted #dcdee5;
        border-bottom: 2px dotted #dcdee5;
        color: #475c63;
        margin-bottom: 10px;
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .bonuses_wrap .switch_viewport>span:nth-child(2) {
        padding-top: 0
    }

    .bonuses_wrap .switch_viewport:hover {
        background: #16a0ff;
        color: #fff
    }

    .bonuses_wrap .switch_viewport:hover>.switch_viewport_img {
        background: url(/public/img/menu_sprite.png) no-repeat;
        background-position: -6px 0;
        width: 17px;
        height: 26px
    }

    .bonuses_wrap .switch_viewport_img {
        background: url(/public/img/menu_sprite.png) no-repeat;
        background-position: -6px -32px;
        width: 17px;
        height: 26px
    }

    .bonuses_wrap .non-desktop_block {
        display: none
    }

    .bonuses_wrap .non-desktop_block>.switch_viewport {
        display: block
    }

    .bonuses_wrap .switch_desktop {
        display: none!important
    }
}

.bonuses_wrap .top-block-13 {
    display: flex;
    flex-direction: column-reverse
}

.bonus_partition .site .site__footer {
    background-color: #f8f8f8;
    text-align: center
}

.bonuses_wrap .copyright {
    color: #2d3e50;
    font-weight: 400;
    padding: 10px;
    font-size: 13px!important;
    background-color: #eee
}

.bonus_partition .site__footer-layout {
    padding: 25px 10px 15px;
    max-width: 970px;
    margin: 0 auto;
    text-align: center
}

.bonus_partition .site__footer-layout ul {
    border-bottom: 1px solid #eee;
    padding: 10px 0
}

.bonus_partition .site__footer-layout ul a {
    text-align: center;
    color: #2d3e50;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    height: 100%
}

.bonus_partition .site__footer-layout .footer-social-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: none;
    padding: 15px 0 0
}

.bonus_partition .site__footer-layout img {
    margin-bottom: 24px
}

.bonuses_wrap .logo-black-mobile {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 17px 0;
    cursor: pointer
}

.bonuses_wrap .footer-social-list li {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative
}

.bonuses_wrap .footer-social-list a {
    display: block
}

.bonuses_wrap .footer-social-list a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 12px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.bonuses_wrap .footer-social-list .pinterest {
    border: 1px solid #bd081c
}

.bonuses_wrap .footer-social-list .twitter {
    border: 1px solid #000
}

#important-footer-notice {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -1000px;
    background-color: #fff;
    z-index: 9999;
    border-top: #d0011b 4px solid;
    height: 200px;
    line-height: 20px;
    font-size: 14px;
    color: #4f4f4f;
    text-align: center
}

#important-footer-notice>div {
    width: 880px;
    text-align: left;
    margin: 22px auto auto
}

#important-footer-notice.visible {
    bottom: 0
}

#important-footer-notice-warn {
    float: left;
    margin-right: 25px;
    width: 83px;
    height: 83px
}

#important-footer-notice-wrap-body {
    float: left;
    width: 762px
}

#important-footer-notice-title {
    color: #d0011b;
    font-size: 17px
}

#important-footer-notice-close {
    float: right;
    cursor: pointer;
    margin-top: 6px;
    margin-right: 6px
}

#important-footer-notice-text {
    margin-top: 16px
}

#yes-i-understand {
    padding: 12px 22px;
    text-align: center;
    color: #fff;
    background-color: #9f1515;
    top: 4px;
    position: relative;
    cursor: pointer
}

.bonuses_wrap .disclaimer-container {
    border-top: 1px solid #eee;
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px
}

.bonuses_wrap .disclaimer-container p {
    font-weight: 400;
    line-height: 1.5;
    max-width: 732px;
    color: #475c63;
    font-size: 12px
}

.bonuses_wrap .disclaimer-container .bold {
    font-weight: 700;
    color: #2d3e50
}

.bonuses_wrap .related-links-container {
    display: flex;
    justify-content: center;
    padding-bottom: 24px
}

.bonuses_wrap .related-links-container .related-links {
    font-weight: 700
}

.bonuses_wrap .related-links-container li {
    display: inline-block
}

.bonuses_wrap .related-links-container li:not(:last-child) {
    margin-right: 48px
}

.bonuses_wrap .responsible-gambling-container {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    gap: 8px
}

#stodlinjen {
    margin-left: 24px;
    cursor: pointer
}

#stodlinjen img {
    margin-bottom: 0;
    margin-top: 5px
}

@media(min-width: 768px) {
    .bonuses_wrap .wrapper-footer-nav {
        border-top:1px solid #eee;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-align: end;
        margin: 0 -10px;
        padding: 24px 0
    }

    .bonus_partition .site__footer .site__footer-layout ul {
        border-bottom: none;
        padding: 0;
        gap: 16px
    }

    .bonuses_wrap .wrapper-logo-social-list {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 24px 0;
        border-top: 1px solid #eee
    }

    .bonus_partition .site__footer-layout {
        padding: 24px 0 0;
        margin: 0 18px;
        overflow: hidden
    }

    .bonus_partition .site__footer-layout .logo-black-mobile {
        border: none;
        padding: 0
    }

    .bonus_partition .site__footer-menu {
        padding: 0 10px
    }

    .bonus_partition .site__footer-menu ul {
        text-align: left
    }

    .bonus_partition .site__footer-popular {
        padding: 0 10px
    }

    .bonus_partition .site__footer-popular ul {
        text-align: left
    }

    .bonus_partition .site__footer-super {
        padding: 0 10px
    }

    .bonus_partition .site__footer-super ul {
        text-align: left
    }

    .bonuses_wrap .social {
        border-top: 1px solid #eee;
        padding: 24px 0 32px
    }

    .bonuses_wrap .responsible-gambling-link {
        width: 100%
    }

    .bonus_partition .site__footer-terms {
        padding: 0 10px
    }

    .bonus_partition .site__footer-terms ul {
        text-align: left
    }
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    .bonuses_wrap .disclaimer-container {
        padding:16px 0 24px
    }

    .bonuses_wrap .related-links-container {
        padding-bottom: 16px
    }

    .bonus_partition .site__footer-layout {
        margin: 0 20px
    }
}

@media(min-width: 975px) {
    .bonus_partition .site__footer {
        clear:both
    }

    .bonus_partition .site__footer .site__footer-layout {
        padding-bottom: 0
    }

    .bonus_partition .site__footer-layout {
        margin: 0 auto
    }

    .bonus_partition .site__footer-layout .footer_logo {
        margin-bottom: 24px
    }

    .bonuses_wrap .wrapper-footer-logo {
        border-bottom: 1px solid #eee;
        margin-bottom: 20px
    }
}

@media(max-width: 767px) {
    #important-footer-notice-warn {
        width:51px;
        height: 51px;
        margin-left: 10px;
        margin-right: 10px
    }

    #important-footer-notice {
        height: 370px
    }

    #important-footer-notice>div {
        width: -webkit-calc(100% - 26px);
        width: calc(100% - 26px);
        margin-top: 14px
    }

    #important-footer-notice-close {
        width: 14px;
        height: 14px
    }

    #important-footer-notice-title {
        font-size: 16px
    }

    #important-footer-notice-text {
        font-size: 13px;
        line-height: 21px;
        margin-top: 10px
    }

    #important-footer-notice-wrap-body {
        width: -webkit-calc(100% - 72px);
        width: calc(100% - 72px)
    }

    .bonuses_wrap .disclaimer-container {
        text-align: left;
        padding: 16px 0;
        border-bottom: 1px solid #eee
    }

    .bonus_partition .site__footer-layout {
        margin: 0 8px;
        padding: 0
    }

    .bonus_partition .site__footer-layout ul {
        padding: 16px 0;
        gap: 16px
    }

    .bonus_partition .site__footer-layout img {
        margin-bottom: 0;
        margin-top: 24px
    }

    .bonuses_wrap .logo-black-mobile {
        padding: 16px 0
    }

    .bonuses_wrap .related-links-container {
        padding-bottom: 0;
        border-bottom: 1px solid #eee
    }

    .bonuses_wrap .related-links-container li:not(:last-child) {
        margin-right: 0
    }

    .bonuses_wrap .related-links-container ul {
        display: flex;
        flex-direction: column
    }

    .bonuses_wrap .footer-social-list {
        padding: 16px 0
    }

    .bonus_partition .site__footer-layout .footer-social-list {
        padding: 16px 0
    }

    #stodlinjen {
        margin-left: 0
    }

    #stodlinjen img {
        margin-bottom: 16px;
        margin-top: 0
    }
}

.bonuses_wrap .all_casinos_inner {
    max-height: 980px!important
}

.bonuses_wrap .wrapper_aside_span_location {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.bonuses_wrap .wrapper_aside_span_location img {
    margin-right: 8px
}

#sidebar-menu-country-bonuses-wrap>a>span.side_label.country_label {
    padding-top: 2px;
    padding-right: 4px
}

.bonuses_wrap .aside_span_location {
    display: inline-block;
    float: left;
    padding: 0 0 0 3px
}

.bonuses_wrap .top_rated_inner a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bonuses_wrap .all_casinos_inner_wrapper {
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
    overflow: hidden
}

.bonuses_wrap .aside-title {
    padding: 12px 15px;
    font-size: 13px;
    color: #2d3e50;
    background-color: #f2f2f2;
    text-transform: uppercase;
    font-weight: 700
}

.bonuses_wrap .aside_dt {
    padding: 12px 15px;
    font-size: 13px;
    color: #2d3e50;
    background-color: #f2f2f2;
    text-transform: uppercase;
    font-weight: 700
}

.bonuses_wrap .subtitle_home {
    font-size: 13px;
    font-weight: 400;
    color: #06b505;
    display: block;
    text-align: center;
    padding-top: 5px;
    text-transform: capitalize
}

.bonuses_wrap .casino_label {
    position: relative;
    right: 0;
    color: #06b505;
    padding-right: 6px;
    font-size: 12px;
    text-align: right;
    width: -webkit-calc(100% - 165px);
    width: calc(100% - 165px);
    display: inline-block;
    float: right;
    flex-shrink: 0
}

.bonuses_wrap .amount_green {
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    color: #06b505;
    text-align: center;
    padding-top: 3px;
    padding-right: 4px;
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px)
}

.bonuses_wrap .top_bar_link div:first-child {
    color: #16a0ff;
    font-size: 12px;
    text-align: left
}

.bonuses_wrap .side_link {
    max-width: 165px;
    font-size: 13px;
    display: inline-block
}

.bonuses_wrap .side_label {
    font-size: 12px;
    color: #06b505;
    text-align: right;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(min-width: 975px) {
    #sidebar-menu-country-bonuses-wrap {
        height:auto
    }

    #sidebar-menu-country-bonuses-wrap>a>span.aside_span_location.side_link {
        float: none;
        word-wrap: break-word;
        white-space: normal
    }

    #sidebar-menu-country-bonuses-wrap>a>span.side_label.country_label {
        text-align: right;
        padding-right: 0
    }

    .bonuses_wrap .side_label {
        font-size: 12px;
        color: #06b505;
        display: inline-block;
        text-align: right
    }

    .bonuses_wrap .country_label {
        padding-top: 6px;
        font-size: 12px;
        color: #06b505;
        display: inline-block;
        text-align: right
    }

    .bonuses_wrap .amount_green {
        float: none;
        font-size: 13px;
        padding-right: 0;
        text-align: center;
        width: inherit
    }

    .bonuses_wrap .subtitle_home {
        font-size: 14px
    }

    .bonuses_wrap .casino_label {
        color: #06b505;
        font-size: 12px;
        text-align: right;
        width: inherit;
        padding-right: 16px
    }

    .bonuses_wrap .search__frame {
        padding: 11px 0 9px 53px
    }

    .bonuses_wrap .top_bar_link div:first-child {
        font-size: 14px;
        text-transform: uppercase;
        color: #16a0ff;
        width: inherit
    }
}

.bonuses_wrap .menu__aside {
    padding: 0
}

.bonuses_wrap .menu__aside .top_bar_link {
    position: relative;
    padding: 8px 5px;
    height: 47px;
    width: 33.33%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-bottom: 2px solid transparent
}

.bonuses_wrap .menu__aside .top_bar_link .amount_green {
    width: auto;
    font-size: 12px;
    float: none;
    text-align: center;
    padding-right: 0;
    white-space: nowrap
}

.bonuses_wrap .menu__aside .top_bar_link .nav_column {
    text-align: center;
    padding-right: 0
}

.bonuses_wrap .menu__aside .top_bar_link:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    background: 0 0
}

.bonuses_wrap .menu__aside .top_bar_link:first-child {
    border-left: none
}

.bonuses_wrap .menu__aside .top_bar_link:last-child {
    border-right: none
}

.bonuses_wrap .menu__aside .top_bar_link.active {
    background: #fff
}

.bonuses_wrap .menu__aside .top_bar_link.active:after {
    background: #16a0ff
}

.bonuses_wrap .menu__aside a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 10px 15px;
    font-size: 13px;
    color: #475c63;
    color: #16a0ff;
    border-bottom: 1px solid #eee
}

.bonuses_wrap .menu__aside dd>a {
    font-size: 14px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: end;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bonuses_wrap .menu__aside dl dt+dd a:after {
    display: none
}

.bonuses_wrap .menu__aside dl dd>a:hover {
    color: #000;
    background-color: #e9e8e8
}

.bonuses_wrap .menu__aside dl dd.active>a {
    color: #000;
    background-color: #e9e8e8
}

.bonuses_wrap .menu__aside dl ul {
    display: none;
    position: relative;
    top: -2px;
    overflow: hidden
}

.bonuses_wrap .menu__aside .top_bar {
    padding: 12px 15px;
    font-size: 12px;
    color: #2d3e50;
    background-color: #f2f2f2;
    text-transform: uppercase
}

.bonuses_wrap .menu__aside .top_bar a {
    color: #16a0ff
}

.bonuses_wrap .menu__aside ul:after {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    top: 0;
    border-bottom: 2px dotted #dcdee5;
    z-index: 2
}

.bonuses_wrap .menu__aside li a {
    padding-left: 23px;
    font-size: 10px;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transition: color .3s ease
}

.bonuses_wrap .menu__aside li a:hover {
    color: #16a0ff
}

.bonuses_wrap .menu__aside li a:after {
    display: none
}

.bonuses_wrap .menu__aside .nano>.nano-pane>.nano-slider {
    background: #475c63;
    width: 4px;
    margin: 0
}

.bonuses_wrap .menu__aside::-webkit-scrollbar {
    display: none
}

.bonuses_wrap .menu {
    position: absolute;
    top: 0;
    left: 0;
    height: 45px
}

.bonuses_wrap .menu__wrap {
    position: absolute;
    top: 100%;
    width: 204px;
    height: 400px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    display: none;
    z-index: 999;
    -o-transition: display .3s ease,visibility .3s ease;
    transition: display .3s ease,visibility .3s ease;
    -webkit-transition: display .3s ease,visibility .3s ease;
    -webkit-box-shadow: 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px #ccc
}

.bonuses_wrap .menu__wrap a {
    font-size: 16px;
    text-transform: uppercase;
    float: left;
    color: #16a0ff;
    font-size: 16px;
    text-transform: uppercase;
    float: left;
    color: #16a0ff;
    color: #16a0ff;
    border-bottom: 1px solid #eee
}

.bonuses_wrap .menu__wrap>a {
    color: #16a0ff
}

.bonuses_wrap .menu__wrap ul {
    padding: 5px 0
}

.bonuses_wrap .menu__wrap ul:after {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    top: 0;
    border-bottom: 2px dotted #dcdee5;
    z-index: 2
}

.bonuses_wrap .menu__wrap dd a {
    font-size: 14px
}

.bonuses_wrap .menu__wrap li a {
    padding-left: 23px;
    font-size: 10px;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transition: color .3s ease
}

.bonuses_wrap .menu__wrap li a:hover {
    color: #16a0ff
}

.bonuses_wrap .menu__wrap li a:after {
    display: none
}

.bonuses_wrap .menu__btn {
    position: absolute;
    top: 4px;
    left: 0;
    width: 44px;
    height: 100%;
    padding: 4px 10px 6px;
    border: none;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    background: 0 0
}

.bonuses_wrap .menu__btn>span {
    position: relative;
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.bonuses_wrap .menu__btn>span:before {
    position: relative;
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    content: "";
    position: absolute;
    left: 0;
    top: -7px
}

.bonuses_wrap .menu__btn>span:after {
    position: relative;
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px
}

.bonuses_wrap .menu.active .menu__wrap a.btn_aside {
    padding-left: 0;
    margin-top: 15px
}

.bonuses_wrap .menu.active .menu__wrap a.btn_aside:after {
    display: none
}

.bonuses_wrap .menu.active .menu__wrap dl dd:first-child a:after {
    display: none
}

.bonuses_wrap .menu__aside-fixed {
    background: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    padding: 0;
    z-index: 100;
    box-shadow: 2px -9px 14px 0 #000;
    border-bottom: 1px solid #eee
}

.bonuses_wrap .top_rated_inner:first-child {
    margin: 9px 0 0
}

@media screen and (min-width: 976px) {
    .bonuses_wrap .menu__aside-scroll.nano {
        height:auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .bonuses_wrap .menu__aside-scroll.nano>.nano-content {
        right: 0!important;
        position: static;
        overflow: visible
    }
}

@media screen and (max-width: 975px) {
    .bonuses_wrap .menu__aside-scroll {
        height:calc(100vh - 160px);
        overflow: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .bonus_partition .site[data-page=casinos] .menu__aside-scroll {
        height: calc(100vh - 180px)
    }

    .bonuses_wrap .ios .site[data-page=casinos] .menu__aside-scroll {
        height: calc(100vh - 200px);
        overflow: auto
    }

    .bonuses_wrap .menu__aside {
        padding: 48px 0 0
    }

    .bonuses_wrap .top_rated_inner a.active {
        background: #f5f5f5
    }

    .bonuses_wrap .menu__aside-fixed {
        box-shadow: -2px 0 6px -4px #000
    }
}

@media(min-width: 975px) {
    .bonuses_wrap .top_bar {
        display:none
    }

    .bonuses_wrap .wrapper_aside_span_location {
        max-width: 140px
    }

    .bonuses_wrap .menu__btn {
        display: none
    }

    .bonuses_wrap .menu__wrap {
        display: inline-block;
        overflow: visible;
        vertical-align: top;
        position: static;
        width: auto;
        height: 52px;
        padding-top: 0;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        visibility: visible
    }

    .bonuses_wrap .menu__wrap>a {
        display: inline-block;
        height: auto;
        padding-top: 13px;
        padding-left: 0;
        text-transform: uppercase;
        font-size: 16px;
        margin-left: 65px;
        font-size: 16px;
        text-transform: uppercase;
        float: left;
        color: #16a0ff
    }

    .bonuses_wrap .menu__wrap>a:after {
        display: none
    }

    .bonuses_wrap .menu__wrap a {
        border-bottom: none;
        color: #475c63
    }

    .bonuses_wrap .menu__wrap a:hover {
        color: #f8f3f1
    }

    .bonuses_wrap .menu__wrap .menu__aside {
        display: none
    }

    .bonuses_wrap .menu__wrap dd a {
        font-size: 14px
    }

    .bonuses_wrap .menu__wrap li a {
        height: 27px;
        font-size: 13px;
        padding-left: 33px
    }

    .bonuses_wrap .aside-title {
        padding: 10px;
        text-align: center
    }

    .bonuses_wrap .aside_dt {
        padding: 10px;
        text-align: center;
        margin-top: 6px
    }

    .bonuses_wrap .menu__aside dd>a {
        font-size: 14px
    }

    .bonuses_wrap .menu__aside ul {
        padding: 5px 0
    }

    .bonuses_wrap .menu__aside li a {
        height: 27px;
        font-size: 13px;
        padding-left: 33px
    }

    .bonuses_wrap .menu__aside .btn_aside {
        height: 33px;
        margin-top: 15px;
        padding-top: 9px;
        padding-left: 0;
        font-size: 15px
    }

    .bonuses_wrap .menu__aside .btn_aside:after {
        display: none
    }

    .bonuses_wrap .menu__aside a {
        border-bottom: none;
        color: #475c63;
        padding: 10px
    }

    .bonuses_wrap .menu__aside .sidebar-link {
        padding-bottom: 16px
    }

    .bonuses_wrap .menu__aside .aside-link {
        padding-top: 16px
    }

    .bonuses_wrap .menu__home {
        position: static;
        display: inline-block;
        width: 61px;
        height: 53px;
        -webkit-background-size: auto auto;
        background-size: auto;
        vertical-align: middle
    }

    .bonuses_wrap .menu {
        margin-top: 0;
        margin-left: 160px;
        z-index: 2
    }
}

@media(max-width: 975px) {
    .bonuses_wrap .top_bar_link .amount_green {
        font-weight:600;
        width: inherit
    }

    .bonuses_wrap .menu__aside a {
        padding: 11px 20px
    }

    .bonuses_wrap .menu__aside .top_bar {
        padding: 12px 20px;
        background-color: #fff
    }

    .bonuses_wrap .all_casinos_inner a {
        display: flex!important;
        padding: 10px 20px;
        width: 100%
    }

    .bonuses_wrap .aside-title {
        padding: 12px 20px;
        background-color: #fff
    }

    .bonuses_wrap .aside_dt {
        padding: 12px 20px;
        background-color: #fff
    }
}

@media(min-width: 639px) {
    .bonus_partition .site__content .site__aside {
        width:40%
    }
}

.bonus_partition .site__aside {
    position: relative;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 100%;
    min-height: 300px;
    position: fixed;
    top: 54px;
    left: 0;
    background: #fff;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 11
}

.bonus_partition .site__aside .show_less_btn .svg-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bonus_partition .site__aside .show_more_manufactures {
    text-transform: capitalize;
    background: 0 0;
    border: none;
    padding: 0;
    display: none;
    vertical-align: middle;
    font: 400 13px/1.2 "Open Sans",sans-serif;
    outline: 0;
    display: inline-block;
    color: #475c63;
    font-size: 13px;
    padding: 9px 20px;
    font-weight: 600;
    width: 100%;
    text-align: left
}

.bonus_partition .site__aside .show_more_manufactures .svg-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    -o-transition: transform .3s;
    transition: transform .3s;
    -webkit-transition: transform .3s;
    font-size: 9px
}

.bonus_partition .site__aside.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    height: 100%
}

.bonuses_wrap .page_info .read_more_btn {
    text-transform: capitalize;
    margin-top: 3px;
    background: 0 0;
    border: none;
    padding: 0;
    display: none;
    vertical-align: middle;
    font: 400 13px/1.2 "Open Sans",sans-serif;
    color: #16a0ff;
    outline: 0
}

.bonuses_wrap .page_info .read_more_btn .svg-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    -o-transition: transform .3s;
    transition: transform .3s;
    -webkit-transition: transform .3s;
    font-size: 9px
}

@media(min-width: 768px) {
    .bonus_partition .site__aside {
        top:58px
    }
}

@media(min-width: 975px) {
    .bonus_partition .site__aside {
        -webkit-transform:translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        position: inherit;
        display: block;
        top: 0;
        float: left;
        padding-top: 126px;
        margin-bottom: 25px;
        overflow-y: hidden;
        -webkit-box-shadow: 0 0 7px #ccc;
        box-shadow: 0 0 7px #ccc
    }

    .bonus_partition .site__content .site__aside {
        width: 208px
    }
}

@media screen and (min-width: 975px) {
    .bonus_partition .site__aside .show_more_manufactures {
        text-align:left;
        padding: 10px 10px 16px
    }

    .bonuses_wrap .nav_column {
        float: none
    }
}

@media(min-width: 768px) {
    .bonuses_wrap .menu__btn {
        height:46px
    }
}

@media(max-width: 767px) {
    .bonus_partition .site__aside .show_more_manufactures {
        color:#16a0ff
    }
}

#search {
    position: absolute;
    top: 0;
    right: 0;
    height: inherit;
    z-index: 2
}

.bonuses_wrap .h1_search {
    font-size: 18px
}

.bonuses_wrap .h1_search span {
    color: #1b92af
}

.bonuses_wrap .search_res_list {
    margin-top: 20px
}

.bonuses_wrap .search_res_item {
    display: table;
    width: 100%;
    margin: 10px 0;
    border-bottom: 2px solid #c9d0e0
}

.bonuses_wrap .search_res_item img {
    margin-right: 15px
}

.bonuses_wrap .search_res_item a {
    display: block;
    margin-bottom: 4px;
    color: #004873;
    font-size: 16px;
    color: #16a0ff
}

.bonuses_wrap .search_res_item a:hover {
    text-decoration: underline
}

#search__btn-open {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 50px;
    height: 100%;
    padding: 0;
    border: none;
    background-color: transparent
}

#search__btn-open img,#search__btn-open svg {
    width: 16px;
    height: 16px;
    fill: #fff
}

#search__form {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    width: 0;
    right: 0;
    padding: 8px 0 11px 10px;
    overflow: hidden;
    background-color: #2d3e50;
    display: none
}

#search__form input {
    width: -webkit-calc(100% - 49px);
    width: calc(100% - 49px);
    height: 35px;
    padding: 0 10px 0 29px;
    color: #2d3e50;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    background-color: #fff;
    border: none;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

#search__form.show {
    z-index: 2;
    position: fixed
}

#search__btn-find {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 11px;
    width: 11px;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: default
}

#search__btn-find img,#search__btn-find svg {
    width: 12px;
    height: 12px;
    fill: #9eadaf
}

#search__btn-cancel {
    display: block;
    position: relative;
    width: 35px;
    height: 35px;
    margin-left: 6px;
    padding: 0;
    border: none;
    background-color: transparent
}

#search__btn-cancel:before {
    position: absolute;
    left: 12px;
    width: 19px;
    height: 2px;
    background-color: #16a0ff;
    content: "";
    top: 16px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

#search__btn-cancel:after {
    position: absolute;
    left: 12px;
    width: 19px;
    height: 2px;
    background-color: #16a0ff;
    content: "";
    bottom: 17px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

#search__popup {
    position: fixed;
    left: 0;
    top: 40px;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    font-size: 13px;
    line-height: 20px;
    opacity: 0;
    visibility: hidden
}

.bonuses_wrap .ios_search {
    height: -webkit-calc(100vh + 10px)!important;
    height: calc(100vh + 10px)!important;
    overflow-y: auto
}

#search__popup.show {
    opacity: 1;
    visibility: visible
}

.bonuses_wrap .search__popup-holder {
    overflow: auto;
    padding: 18px 15px;
    height: calc(100vh - 100px)
}

.bonuses_wrap .search_res_ios_sys {
    height: -webkit-calc(100vh)!important;
    height: 100vh!important
}

.bonuses_wrap .search__frame_sidebar {
    padding: 10px;
    position: relative
}

.bonuses_wrap .search__frame_sidebar input {
    height: 40px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #dcdfe8;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px
}

.bonuses_wrap .search__frame_sidebar .svg-icon {
    display: none
}

.bonuses_wrap .search_sidebar:hover .search__frame_sidebar {
    opacity: 1;
    visibility: visible
}

.bonuses_wrap .search__frame input {
    height: 29px;
    width: 100%;
    padding: 0 30px;
    border: 1px solid #dcdfe8;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.bonuses_wrap .search_text_img {
    position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: middle
}

.bonuses_wrap .search_text_img:before {
    content: "";
    position: absolute;
    left: -8px;
    top: 20%;
    height: 50px;
    width: 2px;
    background: #dee6f9
}

.bonuses_wrap .search_text {
    position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: middle
}

.bonuses_wrap .search_descr {
    margin-top: 5px;
    color: #869aa7
}

.bonuses_wrap .search__btn {
    position: relative;
    top: -16px;
    width: 100%;
    height: 17px;
    display: none
}

@media(min-width: 975px) {
    #search__btn-cancel {
        position:absolute;
        top: 4px;
        right: 9px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .1s ease,visibility .1s ease;
        -o-transition: opacity .1s ease,visibility .1s ease;
        transition: opacity .1s ease,visibility .1s ease
    }

    #search.increase {
        left: 225px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    #search.increase #search__btn-cancel {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s ease,visibility .3s ease;
        -o-transition: opacity .3s ease,visibility .3s ease;
        transition: opacity .3s ease,visibility .3s ease
    }

    #search {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        right: -5px;
        min-width: 220px;
        padding-bottom: 12px
    }

    #search #search__btn-cancel:before {
        left: 16px;
        width: 18px;
        height: 2px;
        left: 16px
    }

    #search #search__btn-cancel:after {
        left: 16px;
        width: 18px;
        height: 2px
    }

    #search__form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        width: 100%;
        padding: 0;
        visibility: visible;
        opacity: 1;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    #search__form input {
        width: 100%!important;
        height: 40px;
        padding: 0 40px 0 26px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    #search__btn-find {
        left: 9px;
        height: 14px;
        width: 14px
    }

    #search__btn-open {
        display: none
    }
}

@media(max-width: 975px) {
    .bonuses_wrap .search__frame_sidebar {
        padding:0 20px
    }

    #search__popup {
        top: 54px
    }
}

.bonuses_wrap .btn_play.listed {
    background-color: #222
}

.bonuses_wrap .casinos__item-review .btn_play.listed {
    background-color: #222
}

.bonuses_wrap .casinos__item-review .btn_play.restricted {
    background-color: #c2c2c2
}

.bonuses_wrap .btn_play.restricted {
    background-color: #c2c2c2
}

.bonuses_wrap .btn.btn-default {
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    background: #b5b9c7;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    width: 120px;
    display: inline-block;
    vertical-align: top;
    height: 34px;
    line-height: 34px;
    text-align: center;
    -webkit-transition: background .3s ease,color .3s ease;
    -o-transition: background .3s ease,color .3s ease;
    transition: background .3s ease,color .3s ease
}

.bonuses_wrap .btn-outline {
    text-transform: uppercase;
    font-size: 12px;
    height: 40px;
    padding: 5px 15px;
    font-weight: 600;
    border: 1px solid #dc2d26;
    color: #dc2d26;
    background: #fff;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bonus_partition .btn_play {
    position: relative;
    background: #dc2d26;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color:#fff;
}

.bonuses_wrap .btn_alt {
    position: relative;
    background: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #16a0ff;
    color: #16a0ff
}

.bonuses_wrap .button {
    background: #fff;
    border: 1px solid #16a0ff;
    color: #16a0ff;
    padding: 10px 20px;
    font-size: 12px;
    display: inline-block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.bonuses_wrap .button:hover {
    background: #16a0ff;
    color: #fff
}

.bonuses_wrap .js-copy-to-clip {
    cursor: pointer
}

.bonuses_wrap .wrap-loader {
    display: block;
    width: 80%;
    margin: 100px auto;
    text-align: center
}

.bonuses_wrap .loader {
    display: inline-block;
    width: 2em;
    height: 2em;
    pointer-events: none;
    border: 1px solid #2d3e50;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: 1s loader linear infinite;
    animation: 1s loader linear infinite;
    position: relative
}

.bonuses_wrap .loader:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -.3em;
    left: 50%;
    border: .3em solid #16a0ff;
    -webkit-border-radius: 50%;
    border-radius: 50%
}
/* 
.bonuses_wrap .logo {
    position: absolute;
    top: 0;
    left: 51%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (max-width: 974px) {
    .bonuses_wrap .logo img {
        height:53px
    }
}

@media(min-width: 975px) {
    .bonuses_wrap .logo {
        position:absolute;
        top: 34px;
        left: 23px;
        width: 164px;
        height: 149px;
        margin: 0;
        padding: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    .bonuses_wrap .logo:after {
        display: none
    }

    .bonuses_wrap .mobile_logo {
        display: none
    }
}

@media(max-width: 1024px) {
    .bonuses_wrap .logo img {
        width:auto
    }
}

@media(max-width: 975px) {
    .bonuses_wrap .logo {
        top:1px
    }
} */

.filter.bonus_filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    color: #9eadaf;
    font-size: 11px;
    line-height: 12px
}

.filter.bonus_filter label {
    color: #475c63;
    font-size: 12px;
    line-height: 17px
}

.filter.bonus_filter .filter__topic {
    font-weight: 400;
    text-transform: uppercase;
    color: #9eadaf;
    font-size: 11px;
    min-width: 50px;
    height: 15px;
    margin-bottom: 6px
}

.filter.bonus_filter .filter__checkbox{
    cursor: pointer;
}

.filter.bonus_filter .filter__checkbox input {
    display: none
}

.filter.bonus_filter .filter__checkbox input:checked+span {
    padding-right: 43px;
    background: #f9f9f9
}

.filter.bonus_filter .filter__checkbox input:checked+span svg {
    opacity: 1;
    z-index: 0;
    display:none;
}

.filter.bonus_filter .filter__checkbox input:checked+span:after {
    position: absolute;
    right: 15px;
    top: 50%;
    /* transform: translateY(-50%); */
    padding: 0px;
    width: 18px;
    height: 18px;
    background: #b2b2b2 0 0 no-repeat padding-box;
    color: #fff;
    border-radius: 9px;
    content: "\f00d";
    color: #333;
    /* display: inline-block; */
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: flex;
    align-items: center;
    justify-content: center;
    left: unset;
    margin-top: -9px;
}

.filter.bonus_filter .filter__checkbox input+span {
    font-weight: 400;
    font-size: 13px;
    position: relative;
    padding: 12px 15px;
    border-radius: 20px;
    box-shadow: 0 0 4px rgba(0,0,0,.16);
    white-space: nowrap;
    letter-spacing: .3px;
    color: #475c63;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    line-height: 16px
}

.filter.bonus_filter .filter__checkbox input+span svg {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    padding: 4px;
    width: 18px;
    height: 18px;
    background: #b2b2b2 0 0 no-repeat padding-box;
    color: #fff;
    border-radius: 9px;
    opacity: 0;
    z-index: -1
}

.filter.bonus_filter .filter_ajax_online_casinos input+span {
    box-shadow: none;
    padding: 0;
    padding-left: 23px;
    color: #6a828a
}

.filter.bonus_filter .filter_ajax_online_casinos input+span:after {
    position: absolute;
    content: "";
    position: absolute;
    top: 4px;
    left: 6px;
    width: 3px;
    height: 7px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.filter.bonus_filter .filter_ajax_online_casinos input+span:before {
    position: absolute;
    content: "";
    top: 2px;
    left: 1px;
    width: 9px;
    height: 9px;
    border: 2px solid #c2c2c2;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: border-color .3s ease,background-color .3s ease;
    -o-transition: border-color .3s ease,background-color .3s ease;
    transition: border-color .3s ease,background-color .3s ease
}



.filter.bonus_filter .filter_ajax_online_casinos input:checked+span {
    background: 0 0;
    padding-right: 0
}

.filter.bonus_filter .filter_ajax_online_casinos input:checked+span:before {
    border-color: #16a0ff;
    background-color: #16a0ff
}

.filter.bonus_filter .filter_ajax_online_casinos input:checked+span:after {
    opacity: 1
}


.filter.bonus_filter .wrapper-filter__checkbox {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 7px 2px 12px
}

.filter.bonus_filter .wrapper-filter__checkbox .filter__checkbox input+span {
    margin: 0 3px
}

.filter.bonus_filter .wrapper-filter__checkbox img {
    margin-right: 5px
}

.filter.bonus_filter .filter_by_free_bonus_label {
    margin-left: 26px
}

.filter.bonus_filter .filter__radio input {
    display: none
}

.filter.bonus_filter .filter__radio input+span {
    letter-spacing: .9px;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    font-size: 13px;
    font-weight: 400
}

.filter.bonus_filter .filter__radio input+span:after {
    position: relative;
    margin: 0 10px 0 11px;
    width: 1px;
    height: 10px;
    background-color: #475c63;
    display: inline-block;
    content: ""
}

.filter.bonus_filter .filter__radio input:checked+span {
    color: #16a0ff
}

.filter.bonus_filter .filter__radio:last-child input+span:after {
    display: none
}

.filter.bonus_filter .filter__checkbox:not(:last-child) {
    padding-right: 10px
}

.filter.bonus_filter .filter__layout {
    width: 100%
}

.filter.bonus_filter .wrapper-filter__checkbox_casinos {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 5px 2px;
    margin: 0 0 10px
}

.filter.bonus_filter .js-filter-slider {
    overflow: scroll;
    scrollbar-width: none
}

.filter.bonus_filter .js-filter-slider::-webkit-scrollbar {
    display: none
}

.filter.bonus_filter .js-filter-slider.fixed {
    position: fixed;
    z-index: 55;
    top: 54px;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,.16)
}

.filter.bonus_filter .js-filter-slider.fixed .wrapper-filter__checkbox_casinos {
    padding: 10px 8px
}

@media(min-width: 599px) {
    .filter.bonus_filter .filter__checkbox input+span:after {
        top:3px;
        left: 7px
    }

    .filter.bonus_filter .filter__checkbox input+span:before {
        width: 12px;
        height: 12px;
        top: 0
    }
}

@media(min-width: 974px) {
    .filter.bonus_filter .filter__checkbox input+span {
        font-size:14px
    }

    .filter.bonus_filter .filter__checkbox input+span:after {
        top: 4px;
        left: 7px
    }

    .filter.bonus_filter .filter__radio input+span {
        font-size: 14px
    }
}

@media(min-width: 768px) {
    .filter.bonus_filter .filter__topic {
        margin-bottom:7px
    }

    .filter.bonus_filter .wrapper-filter__checkbox {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0
    }

    .filter.bonus_filter .wrapper-filter__checkbox .filter__checkbox input+span {
        margin-right: 40px
    }

    .filter.bonus_filter .wrapper-filter__checkbox_casinos {
        margin: -3px 0 10px
    }
}

@media(min-width: 1024px) {
    .filter.bonus_filter .filter__topic {
        letter-spacing:-.1px
    }

    .filter.bonus_filter .filter__checkbox input+span {
        letter-spacing: 0
    }

    .filter.bonus_filter .filter__radio input+span {
        letter-spacing: 0
    }

    .filter.bonus_filter .filter__radio input+span:after {
        margin: 0 12px 0 14px
    }
}

@media(min-width: 530px) {
    .filter.bonus_filter .games-dropdown .filter-checkbox-row {
        margin:0
    }

    .filter.bonus_filter .games-filter-title .games-dropdown {
        margin-top: 3px
    }

    .filter.bonus_filter .filter-checkbox-row:first-child {
        border-radius: 0!important
    }

    .filter.bonus_filter .col-filter.open .games-filter-title {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        box-shadow: 0 2px 6px 2px rgba(0,0,0,.16)
    }

    .filter.bonus_filter .filter_by_free_bonus_label {
        margin-left: 20px
    }

    .filter.bonus_filter .wrapper-filter__checkbox_casinos {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media(max-width: 340px) {
    .filter.bonus_filter .filter_by_free_bonus_label {
        margin-left:16px
    }

    .filter.bonus_filter .filter__checkbox input+span svg {
        right: 9px
    }

    .filter.bonus_filter .filter__checkbox input:checked+span {
        padding-right: 32px
    }

    .filter.bonus_filter .filter_ajax_online_casinos input+span {
        padding: 0 0 0 23px
    }

    .filter.bonus_filter .filter_ajax_online_casinos input:checked+span {
        padding-right: 0
    }

    .filter.bonus_filter .wrapper-filter__checkbox_casinos {
        overflow: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .filter.bonus_filter .wrapper-filter__checkbox_casinos::-webkit-scrollbar {
        display: none
    }
}

.filter.bonus_filter .active_filter {
    border: 1px solid #16a0ff
}

.filter.bonus_filter .filter_ajax_games_by_software.filter__checkbox input+span:after {
    position: absolute;
    content: "";
    position: absolute;
    top: 4px;
    left: 6px;
    width: 3px;
    height: 7px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.filter.bonus_filter .filter_ajax_games_by_software.filter__checkbox input+span:before {
    position: absolute;
    content: "";
    top: 2px;
    left: 1px;
    width: 9px;
    height: 9px;
    border: 2px solid #c2c2c2;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: border-color .3s ease,background-color .3s ease;
    -o-transition: border-color .3s ease,background-color .3s ease;
    transition: border-color .3s ease,background-color .3s ease
}

.filter.bonus_filter .filter_ajax_games_by_software.filter__checkbox input:checked+span:before {
    border-color: #16a0ff;
    background-color: #16a0ff
}

.filter.bonus_filter .filter_ajax_games_by_software.filter__checkbox input:checked+span:after {
    opacity: 1
}

.filter.bonus_filter .filter_ajax_games.filter__checkbox input+span:after {
    position: absolute;
    content: "";
    position: absolute;
    top: 4px;
    left: 6px;
    width: 3px;
    height: 7px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.filter.bonus_filter .filter_ajax_games.filter__checkbox input+span:before {
    position: absolute;
    content: "";
    top: 2px;
    left: 1px;
    width: 9px;
    height: 9px;
    border: 2px solid #c2c2c2;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: border-color .3s ease,background-color .3s ease;
    -o-transition: border-color .3s ease,background-color .3s ease;
    transition: border-color .3s ease,background-color .3s ease
}

.filter.bonus_filter .filter_ajax_games.filter__checkbox input:checked+span:before {
    border-color: #16a0ff;
    background-color: #16a0ff
}

.filter.bonus_filter .filter_ajax_games.filter__checkbox input:checked+span:after {
    opacity: 1
}

.filter.bonus_filter .filter_ajax_games_by_software input+span.filter-checkbox-title {
    box-shadow: none;
    padding: 0 0 0 26px
}

.filter.bonus_filter .filter_ajax_games_by_software input:checked+span.filter-checkbox-title {
    background: 0 0
}

.filter.bonus_filter .filter_ajax_games input+span.filter-checkbox-title {
    box-shadow: none;
    padding: 0 0 0 26px
}

.filter.bonus_filter .filter_ajax_games input:checked+span.filter-checkbox-title {
    background: 0 0
}

@media(min-width: 599px) {
    .filter.bonus_filter .filter_ajax_games_by_software.filter__checkbox input+span:before {
        width:12px;
        height: 12px;
        top: 0
    }

    .filter.bonus_filter .filter_ajax_games_by_software.filter__checkbox input+span:after {
        top: 3px;
        left: 7px;
        top: 4px;
        left: 7px
    }

    .filter.bonus_filter .filter_ajax_games.filter__checkbox input+span:before {
        width: 12px;
        height: 12px;
        top: 0
    }

    .filter.bonus_filter .filter_ajax_games.filter__checkbox input+span:after {
        top: 3px;
        left: 7px;
        top: 4px;
        left: 7px
    }
}

@media(max-width: 767px) {
    .filter.bonus_filter .games-filter-title .games-dropdown {
        margin-top:3px
    }
}

.bonuses_wrap .deposit-bonus__info .bonus_block_code,.game-item .bonus_block_code {
    text-transform: uppercase
}

@media(max-width: 530px) {
    .bonus_partition .bonus_block_code.desc_item {
        font-size:11px
    }
}

.bonus_partition .bonus_block_code_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0
}

.bonus_partition .game-item {
    position: relative;
    padding: 18px 0 0
}

.bonus_partition .game-item .description_row {
    margin-bottom: 6px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    line-height: 18px
}

.bonus_partition .description_row {
    color: #475c63;
    font-weight: 400;
}

.bonus_partition .game-item .desc_label {
    font-size: 13px;
    font-weight: bold;
}

.bonus_partition .game-item .desc_item {
    font-size: 13px;
    color: #475c63;
    font-size: 13px;
    text-align: center
}

.bonus_partition .game-item .list_label {
    width: 131px;
    flex-shrink: 0;
    color: #000;
    font-weight: 600
}

.bonus_partition .game-item .list_item {
    display: inline-block
}

.bonus_partition .game-item .display_clicks {
    color: #c2c2c2
}

.bonus_partition .game-item .code_label {
    display: block;
    text-align: center
}

.bonus_partition .game-item .bonus_block_code {
    display: inline-block;
    padding: 7px 7px 6px;
    margin-right: 5px;
    color: #333;
    min-height: 30px;
    min-width: 128px;
    max-width: 245px;
    font-size: 11px;
    word-break: break-all;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    --border-color: #C2C2C2;
    position: relative
}

.bonus_partition .game-item .count_expired {
    width: auto;
    margin-left: 0
}

.bonuses_wrap .deposit-bonus__info .description_row {
    margin-bottom: 6px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    line-height: 18px
}

.bonuses_wrap .deposit-bonus__info .desc_label {
    font-size: 13px
}

.bonuses_wrap .deposit-bonus__info .desc_item {
    font-size: 13px;
    color: #475c63
}

.bonuses_wrap .deposit-bonus__info .list_label {
    width: 131px;
    color: #000;
    font-weight: 600
}

.bonuses_wrap .deposit-bonus__info .list_item {
    display: inline-block
}

.bonuses_wrap .deposit-bonus__info .code_label {
    display: block;
    text-align: center
}

.bonuses_wrap .deposit-bonus__info .bonus_block_code {
    display: inline-block;
    padding: 7px 7px 6px;
    margin-right: 5px;
    color: #333;
    min-height: 30px;
    min-width: 128px;
    max-width: 245px;
    font-size: 11px;
    word-break: break-all;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    --border-color: #C2C2C2;
    position: relative
}


.bonus_partition .finger_clicks {
    text-align: center;
    color: #c2c2c2;
    font-size: 12px
}

.bonus_partition .finger_clicks:before {
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f0c0";
}

.bonus_partition .bonus_block_description {
    padding: 0 12px
}

.bonus_partition .bonus_block_description .description_row .exp_green {
    font-size: 13px
}

.bonus_partition .bonus_block_description .description_row .desc_item {
    font-weight: 400;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: baseline;
    align-items: baseline
    white-space:nowrap;
}

.bonuses_wrap .exp_green {
    color: #06b505!important;
    font-weight: 600!important
}

.bonuses_wrap .exp_red {
    color: red!important;
    font-weight: 600!important
}

.bonuses_wrap .exp_green .count_letter {
    margin-left: 3px
}

.bonuses_wrap .desc_item.exp_green {
    margin: 0 -3px;
    white-space:nowrap;
}

.bonuses_wrap .count_letter {
    margin-right: 3px
}

.bonuses_wrap .count_days {
    margin-left: 3px;
    font-weight: 700
}

.bonuses_wrap .count_hours {
    margin-left: 3px;
    font-weight: 700
}

.bonuses_wrap .count_minutes {
    margin-left: 3px;
    font-weight: 700
}

.bonuses_wrap .count_seconds {
    margin-left: 3px;
    font-weight: 700
}

.bonuses_wrap .deposit-bonus__controls .desc_item {
    color: #475c63
}

.bonuses_wrap .btn.btn_review.for-comments {
    cursor: pointer!important
}

.bonus_partition .game-item__review>.btn_review.rev_add-comment {
    display: none
}

.bonus_partition .game-item__review>.btn_review.rev_add-comment:hover>.icons_small {
    background-position: -128px -35px
}

.bonus_partition .game-item__review .btn.btn_review {
    width: inherit;
    height: inherit;
    background: 0 0
}

.bonus_partition .game-item__review .btn_review:hover>.icon_comm_blue_small {
    background-position: -27px -76px
}

.bonus_partition .game-item__review .btn_review.rev_add-comment:hover>.icon_add_blue_small {
    background-position: -79px -76px
}

.bonus_partition .game-item__status {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    color: #475c63;
    font-size: 13px
}

.bonus_partition .game-item__button .btn_review.rev_add-comment {
    float: right
}

.bonuses_wrap .description_row {
    color: #475c63;
    font-weight: 400
}

.bonuses_wrap .tbl_casino_drlock_code {
    display: inline-block;
    padding: 7px 7px 6px;
    margin-right: 5px;
    color: #333;
    min-height: 30px;
    min-width: 128px;
    max-width: 245px;
    font-size: 11px;
    word-break: break-all;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    --border-color: #C2C2C2;
    position: relative
}

.bonuses_wrap .tbl_casino_dropdown .bonus_block_code {
    --border-color: #C2C2C2;
    position: relative
}

.bonuses_wrap .deposit-bonus__wrap .clicks_hand {
    float: none
}

.bonuses_wrap .desc_item .svg-icon {
    font-size: 18px
}

.bonuses_wrap .time_label {
    padding-top: 2px
}

.bonus_partition .bonus_block_flag {
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    height: 16px
}

.bonus_partition .location_label {
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    width: 105px;
    font-weight: 600;
    color: #000
}

.bonus_partition .location_item {
    display: inline-block;
    margin-right: 5px;
    width: 16px
}

.bonuses_wrap .countdown {
    font-size: 14px;
    opacity: 0
}

@media(min-width: 974px) {
    .bonuses_wrap .countdown {    font-size: 15px; }
}

time .count_days {
    font-size: 11px
}

time .count_hours {
    font-size: 11px
}

time .count_minutes {
    font-size: 11px
}

time .count_seconds {
    font-size: 11px
}

time .count_expired {
    margin-left: 0;
    width: 100%
}

.bonuses_wrap .count_expired {
    display: block;
    text-align: center;
    width: 60px;
    margin-left: 152px
}

.bonuses_wrap .exp_red {
    font-weight: 600!important;
    color: red!important
}

.bonus_partition .game-item__image {
    margin: 0 50px 10px 12px;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.bonus_partition .game-item__note {
    color: #475c63;
    background-color: #f8f8f8;
    font-weight: 400;
    padding: 10px 12px;
    word-spacing: .7px;
    margin: 10px 12px;
    line-height: 20px
}

.bonus_partition .game-item__valid {
    width: 100%
}

.bonus_partition .game-item__valid>span {
    font-size: 13px;
    display: inline-block
}

.bonus_partition .game-item__valid:first-child .valid_list_title {
    height: 40px
}

.bonuses_wrap .valid_list_row {
    font-size: 0;
    margin-bottom: 15px;
    padding: 0 12px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0;
    margin-bottom: 15px;
    padding: 0 12px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bonuses_wrap .valid_list_row>span {
    line-height: 18px;
    font-size: 13px;
    line-height: 18px;
    font-size: 13px
}

.bonuses_wrap .valid_list_row .valid_list_title {
    margin-bottom: 14px;
    font-size: 13px
}

.bonuses_wrap .valid_for_casinos_title {
    padding: 10px 12px;
    color: #333;
    font-size: 13px;
    padding: 10px 12px;
    color: #333;
    font-size: 13px
}

.bonuses_wrap .valid_list_title {
    display: block
}

.bonuses_wrap .estimate {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bonuses_wrap .estimate button {
    position: relative;
    border: none;
    height: 26px;
    width: 26px;
    padding: 0;
    background-color: #fff;
    z-index: 0
}

.bonuses_wrap .success_text_wrap {
    display: none;
    width: 100%;
    height: 27px;
    overflow: initial;
    text-align: center;
    padding-top: 2px
}

.bonuses_wrap .success_val {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #16a0ff;
    display: none
}

.bonus_partition .bonus_success_votes {
    display: block;
    font-size: 12px;
    color: #475c63;
    display: none
}

.bonuses_wrap .wrapper-comments-value {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 22px
}

.bonuses_wrap .comments-value {
    font-size: 13px;
    color: #c2c2c2
}
/*
button.estimate__like {
    background-color: rgba(6,181,5,.7);
    margin-right: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 6px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    border: none;    

    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
button.estimate__like:before {
    content: "\f164";
    color:#fff;
}

button.estimate__like:hover {
    background: #06b505
}

button.estimate__like .svg-icon {
    font-size: 13px
}

button.estimate__dislike {
    margin-left: -5px;
    background-color: rgba(220,45,38,.7);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 6px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    border: none; 

    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;       
}

button.estimate__dislike:before {
    content: "\f165";
    color:#fff;
}

button.estimate__dislike:hover {
    background: #dc2d26
}

button.estimate__dislike .svg-icon {
    font-size: 13px
}*/


.btn.btn-vote {
    display: flex;
    gap: 0.5em;
    border-radius: 2em;
    justify-content: center;
    align-items: center;
    background: #f9fafa;
    border: 1px solid #ccc;
}
.btn.btn-vote.btn-like[aria-expanded="true"]:hover, .btn-like.selected[aria-expanded="true"] {border-color: #198754 !important;outline:none;}
.btn.btn-vote.btn-dislike[aria-expanded="true"]:hover, .btn-dislike.selected[aria-expanded="true"] {border-color: #dc3545!important;outline:none;}

.btn-like.selected[aria-expanded="true"] {    border-color: #198754 !important;    outline: none;    background: #198754 !important;    color: #fff;}
.btn-like.selected[aria-expanded="true"] i {color:#fff !important;}
.btn-dislike.selected[aria-expanded="true"] {border-color: #dc3545!important;outline:none; background: #dc3545 !important;    color: #fff;}
.btn-dislike.selected[aria-expanded="true"] i {color:#fff !important;}

body .btn-vote:focus{outline: none;}


.bonus_partition .bonus-form__user-feedback{height:10em;width: 100%; margin-bottom: 2rem;}

.bonus_partition .bonus-form__user-name{max-width:320px}

.bonus_partition .bonus-form__join {    display: flex; gap: 1rem;}

body .btn-link-primary{color:#f89406;}
body .btn-outline{background:transparent; }
.btn-primary {    background: #f89406; border-color: #f89406;    text-transform: uppercase;    font-weight: 700;    color: #fff;      white-space: inherit; }

.bonuses_wrap .button {
    background: #fff;
    border: 1px solid #16a0ff;
    color: #16a0ff;
    padding: 10px 20px;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.bonuses_wrap .button:hover {
    background: #16a0ff;
    color: #fff
}

.bonuses_wrap .accordion {
    margin: 7px 0;
    position: relative
}

.bonuses_wrap .accordion .opened {
    position: absolute;
    display: none;
    background: #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    width: 100%;
    z-index: 1
}

.bonuses_wrap .name-accordion {
    padding: 10px 15px;
    font-size: 11px;
    color: #06b505;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    border: 1px solid #eee;
    font-weight: 600;
    letter-spacing: .5px
}

.bonuses_wrap .name-accordion .svg-icon {
    position: absolute;
    top: 12px;
    right: 15px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transition: transform .3s;
    color: #2d3e50
}

.bonuses_wrap .accordion-title-link {
    position: relative
}

.bonuses_wrap .accordion-title-link .svg-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    font-size: 11px
}

.bonuses_wrap .accordion-title-link a {
    color: #16a0ff;
    font-size: 13px;
    padding: 14px 32px 14px 15px;
    display: block
}

.bonuses_wrap .opened .accordion-title-link {
    border-top: 1px solid #eee
}

.bonus_partition .bonus_block_description.active .name-accordion {
    background-color: #f5f5f5
}

.bonus_partition .bonus_block_description.active .name-accordion .svg-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bonus_partition .bonus_block_flag.flag-bw {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5
}

.bonuses_wrap .btn_blue {
    background: #32abfc!important;
    color: #fff!important
}

.bonuses_wrap .btn_blue:hover {
    background: #1fa3fc!important
}

.bonuses_wrap .btn_aside {
    background: #32abfc!important;
    color: #fff!important
}

.bonuses_wrap .btn_aside:hover {
    background: #1fa3fc!important
}

.bonus_partition .bonus_footer_wrap {
/*    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: end;
    margin: 10px 0 0;
    border-top: 1px solid #eee;
    padding: 10px 20px 10px 12px;
    width: 100%;
    display: block;
}

.bonuses_wrap .icons_small {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.bonuses_wrap .icons_small .svg-icon {
    font-size: 18px
}

.bonuses_wrap .display_clicks {
    font-size: 11px
}

.bonus_partition .bonus_game_types {
    max-width: 320px
}

.bonuses_wrap .comments_amount {
    font-size: 12px;
    line-height: 22px;
    color: #c2c2c2;
    margin-left: 5px
}

.bonuses_wrap .outer_latest-bonuses__item {
    margin-bottom: 20px
}

.bonuses_wrap .bonus-info-nr-bonues-of-casinos {
    margin-left: 5px
}

@media(min-width: 974px) {
    .bonus_partition .game-item .desc_label {
        font-size:14px
    }

    .bonus_partition .game-item .desc_item {
        font-size: 14px
    }

    .bonuses_wrap .deposit-bonus__info .desc_label {
        font-size: 14px
    }

    .bonuses_wrap .deposit-bonus__info .desc_item {
        font-size: 14px
    }

    .bonuses_wrap .valid_list_row {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media(min-width: 599px) {
    .bonus_partition .bonus_footer_wrap {
        padding:10px 24px 10px 20px
    }
}

@media(min-width: 975px) {
    .bonuses_wrap .valid_list_row {
        padding:0 20px
    }

    .bonus_partition .game-item__valid>span {
        padding-top: 7px
    }

    .bonus_partition .bonus_block_description {
        padding-right: 20px;
        padding-right: 20px
    }

    .bonus_partition .game-item {
        padding: 15px 0 0
    }

    .bonus_partition .game-item__note {
        margin-left: 20px;
        margin-right: 20px;
        line-height: 20px
    }

    .bonuses_wrap .valid_for_casinos_title {
        padding: 10px 20px
    }

    .bonus_partition .game-item__status {
        width: 33.33%
    }

    .bonus_partition .bonus_footer_wrap {
        margin: 20px 20px 0;
        padding: 14px 0
    }
}

@media(min-width: 768px) {
    .bonus_partition .game-item__note {
        font-size:14px
    }

    .bonus_partition .game-item .bonus_block_code {
        width: 245px;
        font-size: 14px;
        margin-right: 16px
    }

    .bonus_partition .game-item .bonus_block_code .deposit-bonus__info .bonus_block_code {
        min-height: 35px
    }

    .bonuses_wrap .tbl_casino_drlock_code {
        min-height: 35px
    }

    .bonuses_wrap .valid_list_row .valid_list_title {
        text-transform: uppercase
    }

    .bonus_partition .bonus_block_flag {
        width: 16px;
        height: 16px
    }

    .bonus_partition .site__header-layout.active-btn .menu__btn {
        height: 59px
    }

    .bonus_partition .game-item__image {
        margin: 0 70px 10px 50px
    }

    .bonuses_wrap .deposit-bonus__info .bonus_block_code {
        width: 245px;
        font-size: 14px;
        margin-right: 16px
    }
}

@media(min-width: 481px) {
    .bonus_partition .game-item {
        display:-webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bonus_partition .game-item .description_row {
        margin-bottom: 10px;
        font-size:13px;
    }

    .bonus_partition .game-item .bonus_block_code {
        margin-right: 10px
    }

    .bonus_partition .game-item__note {
        margin: 15px 12px;
        width: 100%
    }

    .bonuses_wrap .deposit-bonus__info .description_row {
        margin-bottom: 10px
    }

    .bonuses_wrap .deposit-bonus__info .bonus_block_code {
        margin-right: 10px
    }
}

@media(max-width: 530px) {
    .bonus_partition .game-item__image {
        width:80px;
        height: 53px;
        float: left
    }

    .bonus_partition .bonus_block_code.desc_item {
        font-size: 11px
    }

    .bonus_partition .bonus_game_types {
        max-width: 180px
    }
}

#bonus_game_iframe {
    display: none
}

#bonus_game_iframe #game_review_url {
    position: fixed!important;
    z-index: 999
}

@media screen and (min-width: 767px) {
    #bonus_game_iframe #game_review_url {
        font-size:14px!important;
        color: #16a0ff;
        background: #fff;
        border: 1px solid #fff;
        border-radius: 25px;
        height: 50px!important;
        width: 144px!important;
        padding: 17px;
        margin: 0 -60px;
        position: absolute;
        bottom: 70px
    }

    #bonus_game_iframe .player-controls {
        min-width: 200px
    }

    #bonus_game_iframe .player-controls-btn {
        margin: 0 auto!important;
        margin-top: 50px!important
    }
}

@media screen and (max-width: 1024px) {
    #bonus_game_iframe #gameplay_iframe {
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0
    }

    #bonus_game_iframe #game_review_url {
        font-size: 14px!important;
        color: #16a0ff;
        background: #fff;
        border: 1px solid #fff;
        height: 50px!important;
        width: 144px!important;
        border-radius: 25px;
        padding: 17px;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        bottom: 5%;
        margin: 0
    }

    #bonus_game_iframe .player-controls-btn {
        width: 60px!important;
        height: 60px!important
    }

    #bonus_game_iframe .player-controls-btn .svg-icon {
        width: 24px!important;
        height: 24px!important
    }
}

@media screen and (max-width: 600px) and (orientation:landscape) {
    #bonus_game_iframe .player-wrap .player-controls.left-player-controler span#play-replay {
        transform:translateY(47%)!important
    }
}

@media screen and (max-width: 800px) and (orientation:landscape) {
    #bonus_game_iframe #gameplay_iframe {
        width:calc(100% - 135px)!important;
        left: 50%!important;
        right: unset!important;
        transform: translate(-50%,-50%)!important;
        height: 100%!important;
        top: 50%!important
    }

    #bonus_game_iframe #game_review_url {
        width: 122px!important;
        font-size: 13px!important;
        padding: 16px!important
    }

    #bonus_game_iframe .player-controls.left-player-controler span#play-replay {
        transform: translateY(40%)!important
    }

    #bonus_game_iframe .player-controls.left-player-controler span.play-fullscreen {
        transform: translateY(-190%)!important
    }

    #bonus_game_iframe .player-controls.left-player-controler span.player-controls-btn {
        margin: 0 45px!important
    }
}

@media screen and (min-width: 700px) and (max-width:800px) and (orientation:landscape) {
    #bonus_game_iframe .player-controls.left-player-controler span.play-fullscreen {
        transform:translateY(100%)!important
    }
}

@media screen and (min-width: 1024px) and (orientation:landscape) {
    #bonus_game_iframe #gameplay_iframe {
        width:calc(100% - 235px)!important;
        left: 50%!important;
        right: unset!important;
        height: 100vh!important;
        top: 50%;
        transform: translate(-50%,-50%)
    }
}

@media screen and (max-width: 1024px) and (min-width:800px) and (orientation:landscape) {
    #bonus_game_iframe #gameplay_iframe {
        width:calc(100% - 135px)!important;
        height: 100vh!important;
        left: 50%!important;
        right: unset!important;
        height: 100vh!important;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    #bonus_game_iframe .player-controls.left-player-controler {
        display: block
    }
}

@media(min-width: 1000px) {
    #bonus_game_iframe .player-controls {
        display:flex;
        width: auto;
        min-width: 11.6%;
        flex-direction: column;
        max-width: 11.6%;
        margin-left: auto
    }

    #bonus_game_iframe #game_review_url {
        bottom: 70px;
        width: calc(11.6% - 20px)!important;
        max-width: calc(11.6% - 20px)!important;
        margin: auto!important;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 10px
    }

    #bonus_game_iframe #gameplay_iframe {
        width: 76.6%!important
    }
}

.bonus_partition .game-item__note .bonus_game {
    color: #16a0ff;
    cursor: pointer
}

.bonuses_wrap .bonus-info span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px
}

@media screen and (max-width: 767px) {
    .bonuses_wrap .bonus-info span {
        font-size:13px;
        width: 170px
    }
}

@media(min-width: 975px) {
    .bonuses_wrap .count_days,.count_hours,.count_minutes,.count_seconds {
        font-size:14px;
        font-weight: 700
    }

    .bonus_partition .game-item .count_expired {
        display: inline-block;
        margin-left: 0
    }
}

.bonuses_wrap .comments_amount {
    font-size: 12px;
    line-height: 22px;
    color: #c2c2c2;
    margin-left: 5px
}

.bonuses_wrap .outer_latest-bonuses__item {
    margin-bottom: 20px
}

#software_casinos_btn>a {
    color: #475c63;
    border: 1px solid #eee;
    margin-bottom: 20px;
    padding: 14px 20px;
    border-radius: 2px;
    display: block;
    position: relative;
    height: 46px
}

#software_casinos_btn>a:before {
    content: "";
    position: absolute;
    top: 16px;
    right: 20px;
    height: 7px;
    width: 2px;
    background: #16a0ff;
    transform: rotate(-45deg)
}

#software_casinos_btn>a:after {
    content: "";
    position: absolute;
    top: 16px;
    right: 20px;
    height: 7px;
    width: 2px;
    background: #16a0ff;
    transform: rotate(-45deg);
    top: 20px;
    transform: rotate(45deg)
}

@media screen and (min-width: 975px) {
    #software_casinos_btn>a {
        margin-bottom:30px
    }
}

@media screen and (max-width: 975px) {
    #software_casinos_btn>a {
        height:40px
    }
}

@media(max-width: 374px) {
    .bonuses_wrap .tooltipster-base.copy-tooltipster {
        left:68%!important
    }
}

.bonuses_wrap .expiring_bonuses {
    font-size: 14px;
    display: table-cell;
    width: 77%
}

.bonuses_wrap .expiring_bonuses .hot_title-wrap svg {
    font-size: 18px;
    display: none;

}
.bonuses_wrap .expiring_bonuses .hot_title-wrap:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;        

    content: "\f017";
    font-size: 2em;
}
.bonuses_wrap .most_liked_bonuses .expiring_bonuses .hot_title-wrap:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f164";
    font-size: 2em;
}

.bonuses_wrap .expiring_bonuses>div {
    font-size: 12px;
    padding: 10px 12px;
    background-color: #f8f8f8;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.bonuses_wrap .expiring_bonuses>table {
    width: 100%;
    position: relative
}

.bonuses_wrap .expiring_bonuses>table:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 10px;
    background-color: #fff;
    left: 1px
}

.bonuses_wrap .expiring_bonuses>table:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 10px;
    background-color: #fff;
    right: 1px
}

.bonuses_wrap .expiring_bonuses>table>tbody>tr {
    border-bottom: 1px solid #eee;
    height: 31px
}

.bonuses_wrap .expiring_bonuses>table>tbody>tr:nth-child(1) {
    border-top: none;
    height: 31px
}

.bonuses_wrap .expiring_bonuses>table>tbody>tr:nth-child(3) {
    height: 31px
}

.bonuses_wrap .expiring_bonuses>table>tbody>tr>td:nth-child(1) {
    padding: 10px;
    vertical-align: middle;
    width: 50%
}

.bonuses_wrap .expiring_bonuses>table>tbody>tr>td:nth-child(1)>a {
    color: #16a0ff;
    font-weight: 600
}

.bonuses_wrap .expiring_bonuses>table>tbody>tr>td:nth-child(2) {
    padding: 10px 0;
    vertical-align: middle;
    width: 40%
}

.bonuses_wrap .expiring_bonuses>table>tbody>tr>td:nth-child(2)>span {
    padding: 6px;
    min-height: 34px;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    min-width: 110px;
    max-width: 196px;
    font-size: 11px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    --border-color: #C2C2C2;
    --border-weight: 1px;
    --dash-size: 4px;
    --gap-size: 4px;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.bonuses_wrap .expiring_bonuses>table>tbody>tr>td:nth-child(3) {
    width: 7%;
    padding: 10px 10px 10px 5px;
    vertical-align: middle
}

.bonuses_wrap .expiring_bonuses>table a {
    font-size: 13px
}

.bonuses_wrap .expiring_bonuses .expiring_bonuses_btn {
    display: inline-block;
    color: #475c63;
    font-size: 13px;
    padding: 9px 20px;
    font-weight: 600;
    width: 100%;
    text-align: left;
    margin-left: 20px;
    line-height: 31px
}

.bonuses_wrap .expiring_bonuses .expiring_bonuses_btn .svg-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    -o-transition: transform .3s;
    transition: transform .3s;
    -webkit-transition: transform .3s;
    font-size: 9px
}

.bonuses_wrap .expiring_bonuses .expiring_bonus_btn_content {
    margin-left: -18px
}

.bonuses_wrap .expiring_bonuses .show_less_btn .svg-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bonuses_wrap .expiring_bonuses-inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: end;
    -ms-align-items: center;
    align-items: center
}

.bonuses_wrap .hot_title-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.bonuses_wrap .visit-number {
    text-align: center;
    color: #c2c2c2;
    font-size: 12px;
    margin-top: 2px
}

.bonuses_wrap .expiring_bonus_timer_desktop {
    display: table-cell;
    background-color: #fafafa;
    width: 33%;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #16a0ff;
    vertical-align: middle;
    display: none
}

.bonuses_wrap .expiring_bonus_timer_desktop>.timer {
    color: #2cba2b;
    background-color: #fff;
    padding: 4px;
    margin-top: -10px;
    -webkit-box-shadow: 3px 3px 2px #ddd;
    box-shadow: 3px 3px 2px #ddd
}

.bonuses_wrap .exp_24 {
    padding-left: 12px
}

.bonuses_wrap .expiring_bonus_timer_mobile {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.bonuses_wrap .expiring_bonus_timer_mobile>span {
    display: none
}

.bonuses_wrap .expiring_bonus_timer_mobile>.timer {
    color: #2cba2b;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.bonuses_wrap .expiring_bonus_container {
    width: 100%;
    margin-bottom: 15px;
    display: table;
    -webkit-box-shadow: 0 0 4px #c3c5c8;
    box-shadow: 0 0 4px #c3c5c8;
    -webkit-border-radius: 3px;
    border-radius: 3px
}


.bonuses_wrap .expiring_bonuses_container {
    width: 100%;
    margin-bottom: 15px;
    display: table;
    -webkit-box-shadow: 0 0 4px #c3c5c8;
    box-shadow: 0 0 4px #c3c5c8;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.bonuses_wrap .hot_title {
    margin-left: 5px;
    line-height: 17px
}

.bonuses_wrap .expiring_bonuses_btn {
    text-transform: capitalize;
    margin-top: 3px;
    background: 0 0;
    border: none;
    padding: 0;
    display: none;
    vertical-align: middle;
    font: 400 13px/1.2 "Open Sans",sans-serif;
    color: #16a0ff;
    outline: 0
}

@media(min-width: 768px) {
    .bonuses_wrap .expiring_bonuses>table a {
        font-size:14px
    }
}

@media(min-width: 975px) {
    .bonuses_wrap .expiring_bonuses>div {
        padding:15px 12px
    }

    .bonuses_wrap .expiring_bonuses div img {
        width: 21px
    }

    .bonuses_wrap .expiring_bonuses>table:before {
        width: 18px
    }

    .bonuses_wrap .expiring_bonuses>table:after {
        width: 18px
    }

    .bonuses_wrap .expiring_bonuses>table>tbody>tr>td:nth-child(1) {
        padding-left: 20px;
        padding-right: 20px
    }

    .bonuses_wrap .expiring_bonuses>table>tbody>tr>td:nth-child(2)>span {
        font-size: 14px
    }

    .bonuses_wrap .hot_title {
        font-size: 14px
    }

    .bonuses_wrap .hot_item {
        font-weight: 700
    }
}

@media(min-width: 481px) {
    .bonuses_wrap .expiring_bonuses>table>tbody>tr>td:nth-child(2)>span {
        margin-left:auto;
        margin-right: 0
    }
}

@media(max-width: 800px) {
    .bonuses_wrap .expiring_bonuses .expiring_bonuses_btn {
        width:100%;
        margin-left: 10px;
        text-align: center
    }

    .bonuses_wrap .expiring_bonuses .expiring_bonus_btn_content {
        margin-left: 0
    }
}

@media(max-width: 850px) {
    .bonus_partition .site.fullscreen:after {
        content:"";
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #222;
        z-index: 4
    }

    .bonus_partition .site.fullscreen .game__main {
        position: fixed;
        width: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .bonus_partition .site.fullscreen .btn-iframe-game {
        z-index: -1
    }

    .bonus_partition .site.fullscreen .fullscr_btn_wrap {
        position: fixed;
        right: 20px;
        top: 20px;
        display: -webkit-flex!important;
        display: -moz-flex!important;
        display: -ms-flex!important;
        display: -o-flex!important;
        display: flex!important
    }

    .bonus_partition .site.fullscreen .fullscr_btn_wrap .refresh_game {
        width: 40px;
        height: 40px;
        margin: 0 6px;
        border: 1px solid #9eadaf;
        border-radius: 50%
    }

    .bonus_partition .site.fullscreen .fullscr_btn_wrap .close_game {
        width: 40px;
        height: 40px;
        margin: 0 6px;
        border: 1px solid #9eadaf;
        border-radius: 50%
    }

    .bonus_partition .site.fullscreen .refresh_game {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-align-items: center;
        align-items: center
    }

    .bonus_partition .site.fullscreen .refresh_game svg {
        font-size: 18px
    }

    .bonus_partition .site.fullscreen .close_game {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-align-items: center;
        align-items: center
    }

    .bonus_partition .site.fullscreen .close_game svg {
        font-size: 18px
    }

    .bonuses_wrap .btn-iframe-game {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9
    }

    .bonuses_wrap .game .game__main {
        padding-bottom: unset
    }

    .bonuses_wrap .game .allow_mobile {
        padding-bottom: 75%
    }
}

@media(min-width: 639px) {
    .bonus_partition .site.fullscreen .game__main {
        display:-webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.bonuses_wrap .game__mobile-support {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 13px;
    color: #2d3e50;
    background: #fee3e2;
    padding: 9px 6px 10px;
    margin-bottom: 10px;
    letter-spacing: -.4px
}

.bonuses_wrap .game__mobile-support:after {
    top: auto;
    bottom: 0
}

.bonuses_wrap .game__main {
    margin: 0 -7px 30px;
    padding: 0;
    position: relative;
    padding-bottom: 76%
}

.bonuses_wrap .game__main img {
    width: 100%
}

.filter.bonus_filter .col-filter.open .games-dropdown {
    display: block;
    box-shadow: none
}

.filter.bonus_filter .col-filter.open .btn-filter .svg-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.filter.bonus_filter .filter-checkbox-row {
    padding: 10px;
    border-bottom: 1px solid #eee
}

.filter.bonus_filter .filter-checkbox-row:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.filter.bonus_filter .filter-checkbox-row:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom: none
}

.filter.bonus_filter .wrapper-game-filters {
    margin-bottom: 15px
}

.filter.bonus_filter .reset-filter {
    cursor: pointer;
    position: relative;
    -ms-align-items: center;
    align-items: center;
    padding: 0 5px;
    margin-bottom: 5px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: none
}

.filter.bonus_filter .reset-filter .svg-icon {
    margin-right: 5px
}

.filter.bonus_filter .reset-filter input {
    padding: 0;
    margin: 0;
    background: 0 0;
    outline: 0;
    border: none;
    color: #16a0ff;
    display: block;
    cursor: pointer
}

.filter.bonus_filter .game-filters.active-reset .reset-filter {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: absolute;
    left: unset;
    top: 12px
}

.filter.bonus_filter .game-filters.hide .reset-filter {
    display: none
}

.filter.bonus_filter .btn-filter {
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 2px;
    display: block;
    position: relative;
    cursor: pointer
}

.filter.bonus_filter .btn-filter .svg-icon {
    position: absolute;
    top: 20px;
    right: 12px;
    font-size: 9px;
    margin-left: 7px;
    -o-transition: transform .3s;
    transition: transform .3s;
    -webkit-transition: transform .3s
}

.bonuses_wrap .games-dropdown {
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    margin-top: 0;
    z-index: 2;
    background: #fff;
    display: none;
    padding: 0 6px
}

.bonuses_wrap .games-dropdown-inner {
    box-shadow: 0 2px 6px 2px rgba(0,0,0,.16)
}

.filter.bonus_filter .col-filter {
    padding: 0;
    width: 50%
}

.filter.bonus_filter .games-filter-title {
    border: 1px solid transparent
}

.filter.bonus_filter .active_filter {
    border: 1px solid #16a0ff;
    border-radius: 2px
}

.filter.bonus_filter .game-filters {
    position: relative;
    color: #475c63;
    font-weight: 400;
    margin: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bonuses_wrap .game-text.open .game-description {
    height: 100%
}

.bonuses_wrap .game-text.open .btn-game-text:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bonuses_wrap .frame {
    display: none;
    width: 100%;
    height: 100%!important;
    overflow: hidden
}

.bonuses_wrap .game .frame {
    border: none;
    position: absolute;
    width: 100%!important
}

.bonuses_wrap .game__list h2 {
    color: #2d3e50;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 16px;
    font-weight: 600
}

.bonuses_wrap .game__list ul:after {
    content: "";
    display: inline-block;
    width: 100%
}

.bonuses_wrap .play_bonuses_h2 {
    color: #2d3e50;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 16px;
    font-weight: 600
}

.bonuses_wrap .game-info-wrapper h2 {
    color: #2d3e50;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 16px;
    font-weight: 600
}

.bonuses_wrap .game-info-description {
    background-color: #f8f8f8;
    padding: 15px 12px;
    border-radius: 2px;
    margin-bottom: 30px
}

.bonuses_wrap .game-info-description .row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 10px
}

.bonuses_wrap .game-info-description .row:last-child {
    margin-bottom: 0
}

.bonuses_wrap .game-info-description .col-name {
    width: 124px;
    color: #2d3e50
}

.bonuses_wrap .game-info-description .col-value {
    color: #475c63;
    font-weight: 400;
    text-transform: capitalize
}

.bonuses_wrap .bonus-info span {
    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px
}

.bonuses_wrap .ajax_img {
    opacity: 0
}

#game_play_button {
    position: absolute;
    left: 45%;
    top: 45%;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 1.25em;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: .75em;
    padding-right: 1.5em;
    padding-bottom: .8125em;
    padding-left: 1.5em;
    font-size: 1em;
    background-color: #ff333a;
    border-color: #ff0009;
    color: #fff;
    border-radius: 25px
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00f;
    opacity: .5
}

.bonuses_wrap .innner_iframe {
    border: none;
    overflow: hidden
}

.bonuses_wrap .shield {
    position: fixed!important;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%!important;
    height: 100%!important;
    z-index: 1001;
    background-color: #323232
}

.bonuses_wrap .fullscr_btn_wrap {
    display: none
}

#hidden_filter_game {
    display: none
}

.bonuses_wrap .hidden_types_case {
    left: 50%
}

iframe .game_play_body {
    width: 100%;
    overflow: hidden
}

iframe .game_play_body #canvas {
    width: 100%
}

.bonuses_wrap .fullscreenGameplay {
    overflow: hidden;
    overflow: hidden
}

.bonuses_wrap .fullscreenGameplay .player-holder {
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.bonuses_wrap .fullscreenGameplay .site__content--games {
    z-index: 9;
    z-index: 9
}

.bonuses_wrap .fullscreenGameplay #gameplay-section-head-controls {
    position: absolute;
    z-index: 10;
    display: block!important;
    position: absolute;
    z-index: 10;
    display: block!important
}

.bonuses_wrap .fullscreenGameplay .right-player-controler {
    display: inline-block!important;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    box-sizing: border-box
}

.bonuses_wrap .fullscreenGameplay .right-player-controler span {
    float: none!important;
    display: block;
    margin: 0 30px 25px!important;
    float: none!important;
    display: block;
    margin: 0 30px 25px!important
}

.bonuses_wrap .fullscreenGameplay .right-player-controler #freakIcon {
    display: block;
    display: block
}

.bonuses_wrap .fullscreenGameplay .left-player-controler span {
    float: none!important;
    float: none!important
}

.bonuses_wrap .fullscreenGameplay .game-player-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    height: 100%;
    width: 100%;
    background: #000;
    max-width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    height: 100%;
    width: 100%;
    background: #000;
    max-width: 100%
}

.bonuses_wrap .fullscreenGameplay #game-player {
    overflow: auto;
    margin: auto;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: table;
    width: 100%;
    overflow: auto;
    margin: auto;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: table;
    width: 100%
}

.bonuses_wrap .fullscreenGameplay #gameplay-section-popup:after {
    background: url(../files/img/play-controls.png)
}

.bonuses_wrap .fullscreenGameplay #gameplay-section-popup .expand {
    display: none;
    display: none
}

.bonuses_wrap .fullscreenGameplay #gameplay-section-popup .contract {
    display: block;
    display: block
}

.bonuses_wrap .fullscreenGameplay .player {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    height: 100%;
    width: 100%;
    background: #000
}

.bonuses_wrap .fullscreenGameplay .player-controls .right-player-controler {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    box-sizing: border-box;
    padding: 60px 90px 0 0
}

.bonuses_wrap .fullscreenGameplay .site__header {
    z-index: 1
}

.bonuses_wrap .fullscreenGameplay .menu {
    z-index: unset
}

.bonuses_wrap .fullscreenGameplay #search {
    z-index: unset
}

.bonuses_wrap .fullscreenGameplay .player-controls-btn .svg-icon {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0
}

.bonuses_wrap .fullscreenGameplay #play-fullscreen {
    display: none!important
}

.bonuses_wrap .fullscreenGameplay .minimize_icon {
    display: inline-block
}

#game-player {
    font-size: 0;
    text-align: center;
    width: 100%;
    font-size: 0;
    text-align: center;
    width: 100%
}

#game-player.fullscreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9
}

.bonuses_wrap .gameplay-section-head-controls span {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    display: inline-block;
    background: #e8eaf3;
    color: #60686a;
    border-radius: 50%;
    font-size: 18px;
    margin: 0 0 0 15px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    display: inline-block;
    background: #e8eaf3;
    color: #60686a;
    border-radius: 50%;
    font-size: 18px;
    margin: 0 0 0 15px
}

.bonuses_wrap .top-player-controler {
    display: block;
    padding: 20px;
    top: 0;
    display: block;
    padding: 20px;
    top: 0;
    left: 50%
}

.bonuses_wrap .top-player-controler #gameplay-section-refresh {
    float: left;
    margin-left: 0;
    float: left;
    margin-left: 0
}

.bonuses_wrap .top-player-controler span {
    float: right;
    float: right
}

.bonuses_wrap .left-player-controler {
    display: inline-block;
    position: absolute;
    left: 0;
    height: auto;
    vertical-align: middle;
    top: 50vh;
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    left: 0;
    height: auto;
    vertical-align: middle;
    top: 50vh;
    box-sizing: border-box
}

.bonuses_wrap .left-player-controler span {
    display: block;
    margin: 0 30px!important;
    display: block;
    margin: 0 30px!important
}

.bonuses_wrap .left-player-controler #gameplay-section-popup {
    margin-bottom: 20px!important;
    margin-bottom: 20px!important
}

.bonuses_wrap .left-player-controler .fulscreen_icon {
    display: none!important
}

#gameplay-section-popup .contract {
    display: none;
    display: none
}

.bonuses_wrap .player-controls.top-player-controler {
    left: 0;
    display: block;
    padding: 20px
}

.bonuses_wrap .player-controls.top-player-controler span:first-child {
    float: left
}

.bonuses_wrap .player-holder {
    padding-bottom: 63%;
    font-size: 0;
    text-align: center;
    overflow: hidden;
    position: relative
}

.bonuses_wrap .player-holder.fullscreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999
}

.bonuses_wrap .player-wrap {
    position: relative
}

.bonuses_wrap .player-controls {
    display: block;
    text-align: center;
    padding: 20px 0;
    font-size: 0;
    overflow: auto
}

.bonuses_wrap .player-controls-btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 7px;
    position: relative;
    border: 1px solid #9eadaf;
    padding: 0;
    border-radius: 50%;
    text-indent: 100%;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    cursor: pointer
}

.bonuses_wrap .player-controls-btn .svg-icon {
    margin: 0 auto;
    font-size: 18px;
    position: relative;
    top: 10px
}

#gameplay_iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important
}

#gameplay_iframe body {
    overflow: hidden
}

.bonuses_wrap .player-controls.top-player-controler-normal {
    display: flex;
    justify-content: flex-end;
    padding: 20px;
    opacity: 1;
    z-index: 999999;
    position: absolute
}

.bonuses_wrap .minimize_icon {
    display: none
}

.bonuses_wrap .player-controls.left-player-controler {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    box-sizing: border-box
}

.bonuses_wrap .player-controls.left-player-controler span {
    display: block;
    margin: 0 10px;
    margin-top: 31px!important
}

.bonuses_wrap .player-controls.left-player-controler span:first-child {
    position: initial;
    margin-top: -15px
}

@media(max-width: 550px) {
    .bonuses_wrap .games-dropdown {
        width:205%!important;
        padding: 0 3px!important
    }

    .filter.bonus_filter .col-filter.game-software .games-dropdown {
        left: 0!important
    }

    .filter.bonus_filter .col-filter.game-type .games-dropdown {
        left: -105%!important
    }
}

@media(max-width: 700px) {
    .filter.bonus_filter .games-filter-title {
        position:relative;
        width: unset;
        height: 40px
    }

    .filter.bonus_filter .games-filter-title .btn-filter {
        width: unset!important
    }

    .filter.bonus_filter .game-filters.active-reset .reset-filter {
        top: -25px
    }
}

@media(min-width: 701px) {
    .filter.bonus_filter .games-filter-title {
        position:relative;
        width: 170px;
        height: 50px
    }

    .filter.bonus_filter .games-filter-title .btn-filter {
        width: 170px
    }
}

@media screen and (max-width: 767px) {
    .filter.bonus_filter .btn-filter .svg-icon {
        top:13px
    }

    .bonuses_wrap .bonus-info span {
        font-size: 13px;
        width: 170px
    }

    .filter.bonus_filter .game-filters {
        margin: 8px -6px 0
    }

    .filter.bonus_filter .game-filters .col-filter {
        padding: 0 5px
    }

    .filter.bonus_filter .game-filters.active-reset .reset-filter {
        right: 0;
        left: unset
    }

    .bonuses_wrap .game-info-wrapper h2 {
        margin-top: 15px
    }
}

@media(min-width: 530px) {
    .bonuses_wrap .games-dropdown {
        padding:0
    }

    .filter.bonus_filter .col-filter.open .btn-filter {
        border: none
    }

    .bonuses_wrap .game__list.second ul {
        margin: 0 -7px
    }
}

@media(min-width: 600px) {
    .bonuses_wrap .game-info-description {
        display:-webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-align: end
    }

    .bonuses_wrap .game-info-description .col-name {
        width: inherit;
        margin-right: 20px
    }

    .bonuses_wrap .game-info-description .row {
        margin-bottom: 0;
        padding: 0 5px
    }
}

@media(min-width: 768px) {
    .bonuses_wrap .game__list.second ul {
        margin:0 0 0 -12px
    }

    .bonuses_wrap .game__mobile-support {
        font-size: 13px;
        padding: 18px 6px 18px 25px;
        margin: 18px -17px 31px;
        letter-spacing: .1px
    }

    .bonuses_wrap .game__list h2 {
        letter-spacing: -.2px;
        font-size: 18px;
        margin-bottom: 30px
    }

    .bonuses_wrap .game__list ul:after {
        content: "";
        display: inline-block;
        width: 100%
    }

    .bonuses_wrap .play_bonuses_h2 {
        letter-spacing: -.2px;
        font-size: 18px;
        margin-bottom: 30px
    }

    .bonuses_wrap .game-info-wrapper h2 {
        font-size: 18px;
        margin-bottom: 30px
    }

    .filter.bonus_filter .col-filter {
        width: inherit
    }

    .filter.bonus_filter .game-filters {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .filter.bonus_filter .reset-filter {
        width: 112px;
        padding: 0 10px;
        position: absolute;
        right: -10px;
        left: unset;
        top: 12px;
        margin-bottom: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .filter.bonus_filter .reset-filter .svg-icon {
        margin-right: 7px
    }

    .filter.bonus_filter .reset-filter input {
        font-size: 13px
    }
}

@media(min-width: 975px) {
    .bonuses_wrap .game-info-description {
        padding:20px 35px;
        font-size: 14px;
        margin-bottom: 50px
    }

    .bonuses_wrap .game__list.second {
        margin-bottom: 26px
    }

    .bonuses_wrap .game__mobile-support {
        display: none
    }

    .bonuses_wrap .frame {
        display: block;
        border: 0;
        overflow: auto;
        -ms-overflow-style: none
    }

    .bonuses_wrap .game__list h2 {
        margin-bottom: 30px
    }

    .bonuses_wrap .play_bonuses_h2 {
        margin-bottom: 30px
    }

    .bonuses_wrap .game__main {
        margin-bottom: 85px;
        position: relative;
        height: 0;
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (orientation: landscape) {
    .bonus_partition .site.fullscreen .game .frame {
        position:fixed;
        top: 0;
        bottom: 0;
        width: 84%!important
    }

    .bonus_partition .site.fullscreen .fullscr_btn_wrap {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        right: 7px
    }

    .bonus_partition .site.fullscreen .fullscr_btn_wrap .refresh_game {
        margin: 6px 0
    }

    .bonus_partition .site.fullscreen .fullscr_btn_wrap .close_game {
        margin: 6px 0
    }
}

@media screen and (min-width: 1200px) {
    .bonuses_wrap .fullscreenGameplay .right-player-controler span {
        width:60px!important;
        height: 60px!important;
        width: 60px!important;
        height: 60px!important
    }

    .bonuses_wrap .fullscreenGameplay .right-player-controler .svg-icon {
        width: 22px;
        height: 22px;
        width: 22px;
        height: 22px
    }

    .bonuses_wrap .fullscreenGameplay .left-player-controler {
        margin-top: -64px;
        margin-top: -64px
    }

    .bonuses_wrap .fullscreenGameplay .left-player-controler span {
        width: 60px!important;
        height: 60px!important;
        width: 60px!important;
        height: 60px!important
    }

    .bonuses_wrap .fullscreenGameplay .left-player-controler .svg-icon {
        width: 22px;
        height: 22px;
        width: 22px;
        height: 22px
    }

    .bonuses_wrap .fullscreenGameplay .top-player-controler span {
        width: 60px!important;
        height: 60px!important;
        width: 60px!important;
        height: 60px!important
    }

    .bonuses_wrap .fullscreenGameplay .top-player-controler .svg-icon {
        width: 22px;
        height: 22px;
        width: 22px;
        height: 22px
    }

    .bonuses_wrap .fullscreenGameplay .top-player-controler #gameplay-section-popup {
        margin-left: 20px;
        margin-left: 20px
    }
}

@media only screen and (max-width: 1200px) and (min-width:690px) {
    .bonuses_wrap .fullscreenGameplay .right-player-controler span {
        width:54px!important;
        height: 54px!important;
        width: 54px!important;
        height: 54px!important
    }

    .bonuses_wrap .fullscreenGameplay .right-player-controler .svg-icon {
        width: 24px;
        height: 24px;
        width: 24px;
        height: 24px
    }

    .bonuses_wrap .fullscreenGameplay .left-player-controler span {
        width: 54px!important;
        height: 54px!important;
        width: 54px!important;
        height: 54px!important
    }

    .bonuses_wrap .fullscreenGameplay .left-player-controler .svg-icon {
        width: 24px;
        height: 24px;
        width: 24px;
        height: 24px
    }

    .bonuses_wrap .fullscreenGameplay .top-player-controler span {
        width: 54px!important;
        height: 54px!important;
        width: 54px!important;
        height: 54px!important
    }

    .bonuses_wrap .fullscreenGameplay .top-player-controler .svg-icon {
        width: 24px;
        height: 24px;
        width: 24px;
        height: 24px
    }

    .bonuses_wrap .fullscreenGameplay .top-player-controler #gameplay-section-popup {
        margin-left: 20px;
        margin-left: 20px
    }
}

@media screen and (max-width: 690px) {
    .bonuses_wrap .fullscreenGameplay .right-player-controler span {
        width:40px!important;
        height: 40px!important;
        width: 40px!important;
        height: 40px!important
    }

    .bonuses_wrap .fullscreenGameplay .right-player-controler .svg-icon {
        width: 15px;
        height: 15px
    }

    .bonuses_wrap .fullscreenGameplay .left-player-controler span {
        width: 40px!important;
        height: 40px!important;
        margin: 0 10px!important;
        width: 40px!important;
        height: 40px!important
    }

    .bonuses_wrap .fullscreenGameplay .left-player-controler .svg-icon {
        width: 15px;
        height: 15px;
        width: 15px;
        height: 15px
    }

    .bonuses_wrap .fullscreenGameplay .top-player-controler span {
        width: 40px!important;
        height: 40px!important;
        width: 40px!important;
        height: 40px!important
    }

    .bonuses_wrap .fullscreenGameplay .top-player-controler .svg-icon {
        width: 15px;
        height: 15px;
        width: 15px;
        height: 15px
    }

    .bonuses_wrap .fullscreenGameplay .top-player-controler #gameplay-section-popup {
        margin-left: 10px;
        margin-left: 10px
    }

    .bonuses_wrap .fullscreenGameplay .player-controls {
        display: block;
        position: relative
    }

    .bonuses_wrap .player-controls-btn .fullscreenGameplay .right-player-controler .svg-icon {
        width: 15px;
        height: 15px
    }

    .bonuses_wrap .player-controls.left-player-controler span {
        position: absolute;
        bottom: 20px;
        margin-top: 0!important
    }
}

@media(max-width: 767px) and (orientation:portrait) {
    .bonuses_wrap .fullscreenGameplay #gameplay_iframe {
        top:50%;
        left: 50%;
        width: 100vw!important;
        height: 100vh!important;
        transform: translate(-50%,-50%)
    }

    .bonuses_wrap .fullscreenGameplay .player-holder {
        width: inherit;
        height: inherit
    }

    .bonuses_wrap .fullscreenGameplay .player {
        height: 100vh;
        width: 100vw
    }
}

@media(max-width: 900px) and (orientation:landscape) {
    .bonuses_wrap .fullscreenGameplay #gameplay_iframe {
        top:50%;
        left: 50%;
        width: 100vw!important;
        height: 100vh!important;
        transform: translate(-50%,-50%)
    }

    .bonuses_wrap .fullscreenGameplay .player-holder {
        width: inherit;
        height: inherit
    }

    .bonuses_wrap .fullscreenGameplay .player {
        height: 100vh;
        width: 100vw
    }
}

@media(max-width: 690px) and (orientation:landscape) {
    .bonuses_wrap .fullscreenGameplay #gameplay_iframe {
        width:calc(100vw - 132px)!important
    }

    .bonuses_wrap .fullscreenGameplay .player-controls {
        padding: 15px 0;
        position: absolute
    }

    .bonuses_wrap .fullscreenGameplay .right-player-controler span {
        margin: 0 12px 12px!important
    }
}

.bonuses_wrap .block-title {
    font-size: 18px;
    line-height: 26px;
    padding: 0 0 15px;
    color: #2d3e50;
    border-bottom: 1px solid #eee
}

.bonuses_wrap .block-title .svg-icon {
    display: none;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bonuses_wrap .rest_link {
    text-align: center
}

.bonuses_wrap .cb_note {
    margin-top: 10px;
    width: 100%;
    display: flex;
    color: #f99237
}

.bonuses_wrap .cb_note span {
    display: inline-block;
    padding-left: 5.12px
}

.bonuses_wrap .cb_note .svg-icon {
    margin: -1px;
    font-size: 14px;
    width: 10%;
    margin-top: 3px
}

.bonuses_wrap .def-block {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 40px
}

.bonuses_wrap .def-block .block-title {
    margin: 0 0 15px
}

.bonuses_wrap .def-block a {
    color: #16a0ff
}

.bonuses_wrap .def-block a:hover {
    text-decoration: underline
}

.bonuses_wrap .def-block-item {
    margin: 16px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.bonuses_wrap .def-block-item:first-child {
    margin: 0
}

.bonuses_wrap .def-block-key {
    width: 185px;
    color: #2d3e50;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: normal normal 600 14px/20px Open Sans
}

.bonuses_wrap .def-block-key img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    margin: 0 10px 0 0
}

.bonuses_wrap .def-block-val {
    color: #777a75;
    font-weight: 400
}

.bonuses_wrap .def-block-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bonuses_wrap .def-block-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 200px
}

.bonuses_wrap .def-block-img img {
    width: 100%;
    height: auto
}

.bonuses_wrap .table-block {
    margin: 0 0 40px
}

.bonuses_wrap .cb_note_row {
    flex-wrap: wrap;
    position: relative
}

.bonuses_wrap .table-row-heading {
    min-height: 47px
}

.bonuses_wrap .table-mobile-label {
    display: none
}

.bonuses_wrap .table-th {
    padding: 0 5px 0 0;
    font-weight: 600;
    color: #2d3e50
}

.bonuses_wrap .table-td {
    padding: 0 5px 0 0
}

.bonuses_wrap .table-td.code-bonus-copy {
    padding: 0;
    text-transform: uppercase
}

.bonuses_wrap .package .table-th {
    width: calc((100% - 155px)/5);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 0
}

.bonuses_wrap .package .table-th:nth-child(4) {
    width: 96px
}

.bonuses_wrap .package .table-th:last-child {
    width: 155px;
    text-align: center
}

.bonuses_wrap .package .table-td {
    width: calc((100% - 155px)/5);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 0
}

.bonuses_wrap .package .table-td.td-wagering {
    width: 96px
}

.bonuses_wrap .package .table-td.td-wagering .svg-icon {
    display: none
}

.bonuses_wrap .package .table-td.code-bonus-copy {
    width: 155px
}

.bonuses_wrap .dashed-btn {
    position: relative!important;
    font-size: 11px;
    font-weight: 600;
    color: #2d3e50;
    padding: 8px 5px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bonuses_wrap .icon-check {
    position: relative;
    width: 17px;
    height: 13px;
    display: inline-block
}

.bonuses_wrap .icon-check:after {
    position: absolute;
    top: -4px;
    left: 4px;
    content: "";
    border: 2px solid #029c3e;
    border-width: 0 2px 2px 0;
    width: 7px;
    height: 13px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bonuses_wrap .icon-cross {
    position: relative;
    width: 17px;
    height: 13px;
    display: inline-block
}

.bonuses_wrap .icon-cross:before {
    position: absolute;
    top: 0;
    left: 4px;
    background: #b50505;
    content: "";
    width: 2px;
    height: 16px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bonuses_wrap .icon-cross:after {
    position: absolute;
    top: 0;
    left: 4px;
    background: #b50505;
    content: "";
    width: 2px;
    height: 16px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.bonuses_wrap .review-intro {
    margin: 15px 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bonuses_wrap .review-intro-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.bonuses_wrap .rest_btn {
    width: 50%
}

.bonuses_wrap .restricted-casino-wrapper {
    margin-top: 5%
}

.bonuses_wrap .small-title {
    text-transform: inherit
}

.bonuses_wrap .review-intro-logo {
    width: 232px;
    height: 106px;
    border: 1px solid #eee;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bonuses_wrap .review-intro-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 21px;
    line-height: 28px;
    color: #2d3e50;
    margin: 0 0 5px
}

.bonuses_wrap .review-intro-subtitle {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #777a75;
    margin: 0 0 16px
}

.bonuses_wrap .review-intro-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center
}

.bonuses_wrap .review-intro-button {
    width: 180px;
    height: 40px;
    font-size: 12px;
    line-height: 39px;
    margin: 0 0 0 20px;
    border-radius: 20px;
    text-align: center
}

.bonuses_wrap .review-intro-button a {
    width: 100%;
    display: block
}

.bonuses_wrap .review-intro-button .single_link {
    margin: 3px 0 0
}

.bonuses_wrap .review-intro-button:first-child {
    margin: 0
}

.bonuses_wrap .single_link {
    color: #9bb9c4!important;
    font-size: 11px;
    line-height: 1.4
}

.bonuses_wrap .table-list.full-list li {
    display: block
}

.bonuses_wrap .table-list-extra {
    color: #16a0ff;
    cursor: pointer
}

.bonuses_wrap .tabs {
    margin-bottom: 10px;
    border-top: 1px solid #b5b9c7;
    border-bottom: 1px solid #b5b9c7;
    white-space: nowrap;
    text-align: center;
    position: relative
}

.bonuses_wrap .tabs .swiper-button-prev {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA10lEQVQ4T6WTSw6CMBCG/+kRPFnbnfEUYuITjC904RFcuDEumd7ME8CYJkIQFarOsp3/mzfhT6M/9egCkDFmVRRFpJSKmPnUDNgGIGttKiKzh+jGzL1QgI+8BzCtCcbMfAwBePEBwKR0FpG5c86/vVizhK/EnvYEMMYMAFxCIpc+TwCtdZ+IrtUn0SLLMt+Lj/auhC2ARU0RM3P6ifBujH58GxGJa6UkzrldSBOr7LXWayJKuvrRukh+CwEsf1mkKltrbZLn+UgpNWTmc8gifXVfXcfUCbsDOPBXEeo4trYAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 13px 13px;
    background-size: 13px;
    background-color: #fff;
    margin: 0
}

.bonuses_wrap .tabs .swiper-button-next {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA10lEQVQ4T6WTSw6CMBCG/+kRPFnbnfEUYuITjC904RFcuDEumd7ME8CYJkIQFarOsp3/mzfhT6M/9egCkDFmVRRFpJSKmPnUDNgGIGttKiKzh+jGzL1QgI+8BzCtCcbMfAwBePEBwKR0FpG5c86/vVizhK/EnvYEMMYMAFxCIpc+TwCtdZ+IrtUn0SLLMt+Lj/auhC2ARU0RM3P6ifBujH58GxGJa6UkzrldSBOr7LXWayJKuvrRukh+CwEsf1mkKltrbZLn+UgpNWTmc8gifXVfXcfUCbsDOPBXEeo4trYAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 13px 13px;
    background-size: 13px;
    background-color: #fff;
    margin: 0;
    left: auto;
    right: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA0UlEQVQ4T6WTUW7CQAxEPQdozxYb9Qb94Aj9gQSoVCp6lMr21doDZFCQiFCU3YDY//d2PeOFPHnwJC+zAlVdA/jp+/6YmZ+1S0qCPxF5HUAAO3fvSpKS4ENEvm6gfUS0c5JiBma2Ibm/QiQPmbmdSqohquoA7GqSxRaapmkBjBkAeHP336t0UWBmHcnb+VcR4XcJpjDJLjPHkS4tleqZubmNiDHU6gumDQDYuvvh7hpV9V9EXgaA5Ka2jbMjmNk7yZOIfEfE8eFVfuSDLda4JDsD3FNdEckTC0YAAAAASUVORK5CYII=)
}

.bonuses_wrap .tabs a {
    display: inline-block;
    position: relative;
    width: auto;
    margin: 0 11px;
    padding: 10px 0 8px;
    font-size: 12px;
    color: #475c63;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    -webkit-transition: color .3s ease
}

.bonuses_wrap .tabs a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    border-bottom: 3px solid transparent;
    -o-transition: border-bottom-color .3s ease;
    transition: border-bottom-color .3s ease;
    -webkit-transition: border-bottom-color .3s ease
}

.bonuses_wrap .tabs a:hover {
    color: #dc2d26
}

.bonuses_wrap .tabs a:hover:after {
    border-bottom-color: #dc2d26
}

.bonuses_wrap .tabs .active {
    color: #dc2d26
}

.bonuses_wrap .tabs .active:after {
    border-bottom-color: #dc2d26
}

.bonuses_wrap .tabs-wrap {
    margin: 0 20px;
    overflow: hidden
}

.bonuses_wrap .tabs-block.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0 10px;
    z-index: 2
}

.bonuses_wrap .tabs-block.sticky .tabs-block-tab {
    padding: 14px 0
}

.bonuses_wrap .tabs-block-tab {
    color: #000!important;
    text-decoration: none!important;
    font-size: 14px;
    line-height: 19px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    padding: 0 0 14px;
    border-bottom: 2px solid transparent;
    margin: 0 0 -1px
}

.bonuses_wrap .tabs-block-tab.active {
    border-bottom: 2px solid #16a0ff
}

.bonuses_wrap .tabs-block {
    background: #fff;
    border-bottom: 1px solid #eee;
    margin: 0 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bonuses_wrap .welcome-packege-nwb {
    font-size: 14px;
    padding-top: 10px
}

.bonuses_wrap .casino_special_note {
    text-align: left
}

#casino-special-note {
    letter-spacing: .2px;
    line-height: 20px;
    font-size: 13px;
    color: #475c63;
    font-weight: 400
}

#casino-special-note-separator {
    height: 0;
    border-bottom: 1px solid #eee;
    border-top: none;
    -webkit-box-shadow: 1px 1px 1px 1px #f9f9f9;
    box-shadow: 1px 1px 1px 1px #f9f9f9
}

@media screen and (max-width: 767px) {
    .bonuses_wrap .block-title {
        font-size:16px
    }

    .bonuses_wrap .block-title .svg-icon {
        display: block
    }

    .bonuses_wrap .block-title.collapsed {
        margin-bottom: 0!important
    }

    .bonuses_wrap .block-title.collapsed .svg-icon {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    .bonuses_wrap .def-block {
        margin: 0 0 20px
    }

    .bonuses_wrap .def-block .block-title {
        font-size: 13px;
        line-height: 20px;
        height: 45px;
        margin: 0 -8px 15px;
        padding: 5px 8px;
        background: #f8f8f8;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .bonuses_wrap .table-block {
        margin: 0 0 30px
    }

    .bonuses_wrap .table-block .block-title {
        font-size: 13px;
        line-height: 20px;
        height: 45px;
        margin: 0 -8px 15px;
        padding: 5px 8px;
        background: #f8f8f8;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .bonuses_wrap .def-block-list-twocolumn .def-block-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .bonuses_wrap .def-block-list-twocolumn .def-block-key {
        width: 100px;
        margin: 0 16px 0 0
    }

    .bonuses_wrap .def-block-item {
        display: block;
        font-size: 13px;
        line-height: 20px
    }

    .bonuses_wrap .def-block-key {
        width: 100%;
        font: normal normal bold 13px/20px Open Sans
    }

    .bonuses_wrap .def-block-holder {
        display: block
    }

    .bonuses_wrap .def-block-img {
        margin: 15px 0 0
    }

    .bonuses_wrap .table-row {
        min-height: 45px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bonuses_wrap .package .table-row.expanded {
        padding: 13px 0
    }

    .bonuses_wrap .package .table-row.expanded .table-td.td-games {
        display: block!important
    }

    .bonuses_wrap .package .table-row.expanded .table-td.code-bonus-copy {
        display: block!important
    }

    .bonuses_wrap .package .table-row.expanded .table-td.td-wagering .svg-icon {
        -webkit-transform: translate(100%,-50%) rotate(180deg);
        -moz-transform: translate(100%,-50%) rotate(180deg);
        -ms-transform: translate(100%,-50%) rotate(180deg);
        -o-transform: translate(100%,-50%) rotate(180deg);
        transform: translate(100%,-50%) rotate(180deg)
    }

    .bonuses_wrap .package .table-th span {
        display: none
    }

    .bonuses_wrap .package .table-th:nth-child(1) {
        width: 29%
    }

    .bonuses_wrap .package .table-th:nth-child(2) {
        width: 22%
    }

    .bonuses_wrap .package .table-th:nth-child(3) {
        width: 22%
    }

    .bonuses_wrap .package .table-th:nth-child(4) {
        width: 22%;
        margin: 0 10px 0 0;
        position: relative
    }

    .bonuses_wrap .package .table-td.td-title {
        width: 29%
    }

    .bonuses_wrap .package .table-td.td-acronym {
        width: 22%
    }

    .bonuses_wrap .package .table-td.td-min {
        width: 22%
    }

    .bonuses_wrap .package .table-td.td-wagering {
        width: 22%;
        margin: 0 10px 0 0;
        position: relative
    }

    .bonuses_wrap .package .table-td.td-wagering .svg-icon {
        position: absolute;
        top: 50%;
        right: 0;
        font-size: 10px;
        display: block;
        -webkit-transform: translate(100%,-50%);
        -moz-transform: translate(100%,-50%);
        -ms-transform: translate(100%,-50%);
        -o-transform: translate(100%,-50%);
        transform: translate(100%,-50%)
    }

    .bonuses_wrap .package .table-td.td-wagering .svg-icon.rotate {
        transform: translate(-100%,50%);
        rotate: 180deg
    }

    .bonuses_wrap .package .table-td.td-games {
        width: 100%;
        margin: 10px 0 0
    }

    .bonuses_wrap .package .table-td.code-bonus-copy {
        width: 100%;
        margin: 10px 0 0
    }

    .bonuses_wrap .package .cb_note_row.expanded .table-td.td-title {
        order: 1
    }

    .bonuses_wrap .package .cb_note_row.expanded .table-td.td-acronym {
        order: 2
    }

    .bonuses_wrap .package .cb_note_row.expanded .table-td.td-min {
        order: 3
    }

    .bonuses_wrap .package .cb_note_row.expanded .table-td.td-wagering {
        order: 4
    }

    .bonuses_wrap .package .cb_note_row.expanded .cb_note {
        order: 5
    }

    .bonuses_wrap .package .cb_note_row.expanded .td-games {
        order: 6
    }

    .bonuses_wrap .package .cb_note_row.expanded .code-bonus-copy {
        order: 7
    }

    .bonuses_wrap .table-row-heading {
        min-height: 0;
        border: none
    }

    .bonuses_wrap .table-mobile-label {
        font-weight: 600;
        color: #2d3e50;
        display: inline-block;
        float: left;
        margin: 0 5px 0 0
    }

    .bonuses_wrap .review-intro {
        margin: 0 0 30px;
        display: block;
        text-align: center
    }

    .bonuses_wrap .review-intro-logo {
        width: 100%;
        height: 96px
    }

    .bonuses_wrap .review-intro-title {
        font-size: 17px;
        line-height: 23px;
        margin: 0 0 4px
    }

    .bonuses_wrap .review-intro-subtitle {
        font-size: 13px;
        margin: 0 0 15px
    }

    .bonuses_wrap .review-intro-buttons {
        font-size: 0;
        line-height: 0;
        margin: 0 0 20px
    }

    .bonuses_wrap .review-intro-button {
        margin: 0 0 0 10px;
        width: 48%
    }

    .bonuses_wrap .table-list {
        overflow: hidden
    }

    .bonuses_wrap .rest_btn {
        width: 100%
    }

    .bonuses_wrap .table-list-extra {
        display: none!important
    }

    .bonuses_wrap .mobile {
        position: static
    }

    .bonuses_wrap .cb_note .svg-icon {
        width: 25%
    }
}

@media screen and (max-width: 375px) {
    .bonuses_wrap .def-block-img {
        width:100%
    }
}

@media(max-width: 767px) and (orientation:portrait) {
    .bonuses_wrap .review-intro-button:first-child {
        margin:0 auto!important
    }
}

@media screen and (min-width: 767px) {
    .bonuses_wrap .code-bonus-copy {
        right:0
    }
}

@media(min-width: 768px) {
    #casino-special-note {
        font-size:14px
    }

    .bonuses_wrap .warning.casino-special-note-title {
        margin-bottom: 30px
    }

    .bonuses_wrap .warning.casino-special-note-title+.site__caption {
        font-size: 21px
    }
}




.valid_for_casinos_title {
    padding: 10px 12px;
    color: #333;
    font-size: 13px;
    padding: 10px 12px;
    color: #333;
    font-size: 13px;
}
@media (min-width: 975px) {
    .valid_for_casinos_title {
        padding: 10px 20px;
    }
}


.game-item__note {
    color: #475c63;
    background-color: #f8f8f8;
    font-weight: 400;
    padding: 10px 12px;
    word-spacing: .7px;
    margin: 10px 12px;
    line-height: 20px;
}
@media (min-width: 481px) {
    .game-item__note {
        margin: 15px 12px;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .game-item__note {
        font-size: 14px;
    }
}
@media (min-width: 975px) {
    .game-item__note {
        margin-left: 20px;
        margin-right: 20px;
        line-height: 20px;
    }
}


.bonus_block_description {
    padding: 0 12px;
}
@media (min-width: 975px) {
    .bonus_block_description {
        padding-right: 20px;
        padding-right: 20px;
    }
}



.valid_for_casinos_title {
    padding: 10px 12px;
    color: #333;
    font-size: 13px;
    padding: 10px 12px;
    color: #333;
    font-size: 13px;
}
@media (min-width: 975px) {
    .valid_for_casinos_title {
        padding: 10px 20px;
    }
}


.valid_list_row {
    font-size: 0;
    margin-bottom: 15px;
    padding: 0 12px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0;
    margin-bottom: 15px;
    padding: 0 12px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 975px) {
    .valid_list_row {
        padding: 0 20px;
    }
}

@media (min-width: 974px) {
    .valid_list_row {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}


.bonus_footer_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: end;
    margin: 10px 0 0;
    border-top: 1px solid #eee;
    padding: 10px 20px 10px 12px;
    width: 100%;
}

@media (min-width: 975px) {
    .bonus_footer_wrap {
        margin: 20px 20px 0;
        padding: 14px 0;
    }
}

@media (min-width: 599px) {
    .bonus_footer_wrap {
        padding: 10px 24px 10px 20px;
    }
}

.wrapper-comments-value {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 22px;
}

.estimate {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}



.success_text_wrap {
    display: none;
    width: 100%;
    height: 27px;
    overflow: initial;
    text-align: center;
    padding-top: 2px;
}
.success_val {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #16a0ff;
    display: none;
}

.bonus_partition .bonus_success_votes {
    display: block;
    font-size: 12px;
    color: #475c63;
    display: none;
}

.comments-value {
    font-size: 13px;
    color: #c2c2c2;
}


.bonus_partition .bonus_footer_wrap span{
    font-size: 13px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 14px;
    display: flex;
    color: #777;
}


.bonus_partition .exp_green {
    color: #06b505 !important;
    font-weight: 600 !important;
}
.bonus_partition .exp_red {
    color: red!important;
    font-weight: 600!important
}


.bonus_partition .exp_green .count_letter {
    margin-left: 3px;
}
.bonus_partition .count_letter {
    margin-right: 3px;
}

.bonus_partition blockquote{margin:0;}

.bonus_partition .bonus-comments {
    grid-column: span 2;
    padding: 0;
}


 
.bonus_partition .comment-new { padding: 16px 0 8px; display: grid; grid-template-columns: 50px 1fr; align-items: flex-start; gap: 0px 16px; border-bottom: 1px solid rgb(238, 238, 238); }  
body .bonus_partition .comment-new__img { grid-row: span 2; width: 50px; height: 50px; padding: 13px; display: flex; justify-content: center; align-items: center; border-radius: 50%; /*border: 1px solid #353535;*/     background: #198754 !important; border: none; color:#fff; font-size: 32px;}   
body .bonus_partition .comment-new__img.dislike {background: #dc3545 !important;}
.bonus_partition .comment-new__user { margin: 0 0 4px; color: inherit; /*font-family: "Roboto Condensed";*/ font-size: 18px; line-height: 27px; }   
.bonus_partition .comment-new__date { color: inherit; font-size: 13px; line-height: 18px; text-transform: uppercase; }   
.bonus_partition .comment-new__text { color: inherit; font-size: 16px; line-height: 28px; font-weight: 500;}   
@media screen and (max-width: 767px) {  
    .bonus_partition .comment-new { grid-template-columns: 40px 1fr; align-items: center; gap: 0 16px;}   
    body .bonus_partition .comment-new__img { grid-row: auto; width: 40px; height: 40px; padding: 10px;         margin-bottom: 0;}   
    .bonus_partition .comment-new__img    img { width: 16px; height: 16px; }   
    .bonus_partition .comment-new__user { margin-bottom: 2px; font-size: 16px; line-height: 20px; }   
    .bonus_partition .comment-new__date { font-size: 12px; line-height: 16px; }   
    .bonus_partition .comment-new__text { grid-column: span 2; font-size: 15px; line-height: 24px; }  
}




/*CARDS*/
.bonus_partition.bonus_partition_cards{
    display: grid;
    gap: 16px;
    grid-auto-rows: auto;
}

.bonus_partition.bonus_partition_cards .game-item__status {
    width: 50%;
    text-align: center;
}


.bonus_partition.bonus_partition_cards .game-item .list_label {width: 130px;}

@media (min-width: 768px) {
    .bonus_partition.bonus_partition_cards .game-item .list_label{width:110px;}
    .bonus_partition.bonus_partition_cards{
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        grid-auto-rows: unset;
    }    
    .bonus_partition.bonus_partition_cards .site__content-item {
        max-width: 100%;
    }

    .bonus_partition.bonus_partition_cards .game-item .bonus_block_code {
        width: 100%;
        font-size: 14px;
        margin-right: 0px;
    }

    .bonus_partition.bonus_partition_cards .game-item__image {
        margin: 0 10px 10px 12px;
        -webkit-background-size: contain;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }    


    .bonus_partition.bonus_partition_cards .valid_list_row {
        flex-wrap: wrap;
    }
    .bonus_partition.bonus_partition_cards .valid_list_row .btn-primary{
        width: 100%;
        margin-top: 10px;
    }

    .bonus_partition.bonus_partition_cards .game-item .desc_label {
        font-size: 13px;
    }
    .bonus_partition.bonus_partition_cards .location_label {
        width: 85px;
    }

}


/*CASINO_BONUSES*/


.bonuses_wrap .casino_bonuses {     font-size: 14px;     display: table-cell;     width: 77% }  
/*.bonuses_wrap .casino_bonuses .hot_title-wrap svg {     font-size: 18px;     display: none;  }  */
.bonuses_wrap .casino_bonuses .casino_bonuses_hot_title-wrap {display: flex; align-items: center;}
/*.bonuses_wrap .casino_bonuses .hot_title-wrap:before {     display: inline-block;     font-family: FontAwesome;     font-style: normal;     font-weight: 400;     line-height: 1;     -webkit-font-smoothing: antialiased;      content: "\f017";     font-size: 2em; }  */
.bonuses_wrap .casino_bonuses>div {     font-size: 12px;     padding: 10px 12px;     background-color: #f8f8f8;     -webkit-border-top-right-radius: 3px;     border-top-right-radius: 3px;     -webkit-border-top-left-radius: 3px;     border-top-left-radius: 3px;     display: -webkit-flex;     display: -moz-flex;     display: -ms-flex;     display: -o-flex;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-align-items: center;     -webkit-box-align: center;     -webkit-align-items: center;     -ms-flex-align: center;     align-items: center }  
.bonuses_wrap .casino_bonuses>table {     width: 100%;     position: relative }  
.bonuses_wrap .casino_bonuses>table:before {     content: "";     position: absolute;     top: 0;     height: 100%;     width: 10px;     background-color: #fff;     left: 1px }  
.bonuses_wrap .casino_bonuses>table:after {     content: "";     position: absolute;     top: 0;     height: 100%;     width: 10px;     background-color: #fff;     right: 1px }  
.bonuses_wrap .casino_bonuses>table>tbody>tr {     border-bottom: 1px solid #eee;     height: 31px }  
.bonuses_wrap .casino_bonuses>table>tbody>tr:nth-child(1) {     border-top: none;     height: 31px }  
.bonuses_wrap .casino_bonuses>table>tbody>tr:nth-child(3) {     height: 31px }  
.bonuses_wrap .casino_bonuses>table>tbody>tr>td:nth-child(1) {     padding: 10px;     vertical-align: middle;     width: 50% }  
.bonuses_wrap .casino_bonuses>table>tbody>tr>td:nth-child(1)>a {     color: #16a0ff;     font-weight: 600 }  
.bonuses_wrap .casino_bonuses>table>tbody>tr>td:nth-child(2) {     padding: 10px 0;     vertical-align: middle;     width: 40% }  
.bonuses_wrap .casino_bonuses>table>tbody>tr>td>span[data-field="BonusCode"] {     padding: 6px;     min-height: 34px;     text-align: center;     text-transform: uppercase;     color: #333;     min-width: 110px;     max-width: 196px;     font-size: 11px;     display: -webkit-flex;     display: -moz-flex;     display: -ms-flex;     display: -o-flex;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     position: relative;     --border-color: #C2C2C2;     --border-weight: 1px;     --dash-size: 4px;     --gap-size: 4px;     -ms-align-items: center;     -webkit-box-align: center;     -webkit-align-items: center;     -ms-flex-align: center;     align-items: center;     -ms-flex-pack: center;     -moz-justify-content: center;     -webkit-box-pack: center;     -webkit-justify-content: center;     justify-content: center }  
.bonuses_wrap .casino_bonuses>table>tbody>tr>td>span[data-field="BonusCode"]:after {    content: "";    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background-image: repeating-linear-gradient(to right,#c2c2c2 0,#c2c2c2 50%,transparent 50%,transparent 100%),repeating-linear-gradient(to right,#c2c2c2 0,#c2c2c2 50%,transparent 50%,transparent 100%),repeating-linear-gradient(to bottom,#c2c2c2 0,#c2c2c2 50%,transparent 50%,transparent 100%),repeating-linear-gradient(to bottom,#c2c2c2 0,#c2c2c2 50%,transparent 50%,transparent 100%);    background-position: left top,left bottom,left top,right top;    background-repeat: repeat-x,repeat-x,repeat-y,repeat-y;    background-size: 10px 1px,10px 1px,1px 10px,1px 10px;}
.bonuses_wrap .casino_bonuses>table>tbody>tr>td:nth-child(3) {     width: 7%;     padding: 10px 10px 10px 5px;     vertical-align: middle }  
.bonuses_wrap .casino_bonuses>table a {     font-size: 13px }  
.bonuses_wrap .casino_bonuses .casino_bonuses_btn {     display: inline-block;     color: #475c63;     font-size: 13px;     padding: 9px 20px;     font-weight: 600;     width: 100%;     text-align: left;     margin-left: 20px;     line-height: 31px }  
.bonuses_wrap .casino_bonuses .casino_bonuses_btn .svg-icon {     display: inline-block;     vertical-align: middle;     margin-left: 5px;     -o-transition: transform .3s;     transition: transform .3s;     -webkit-transition: transform .3s;     font-size: 9px }  
.bonuses_wrap .casino_bonuses .casino_bonus_btn_content {     margin-left: -18px }  
.bonuses_wrap .casino_bonuses .show_less_btn .svg-icon {     -webkit-transform: rotate(180deg);     -ms-transform: rotate(180deg);     -o-transform: rotate(180deg);     transform: rotate(180deg) }  
.bonuses_wrap .casino_bonuses-inner {     display: -webkit-flex;     display: -moz-flex;     display: -ms-flex;     display: -o-flex;     display: flex;     -ms-flex-pack: justify;     -webkit-box-pack: justify;     -webkit-justify-content: space-between;     justify-content: space-between;     -ms-flex-align: end;     -ms-align-items: center;     align-items: center }   
.bonuses_wrap .casino_bonus_timer_desktop {     display: table-cell;     background-color: #fafafa;     width: 33%;     text-align: center;     font-size: 14px;     font-weight: 700;     color: #16a0ff;     vertical-align: middle;     display: none }  
.bonuses_wrap .casino_bonus_timer_desktop>.timer {     color: #2cba2b;     background-color: #fff;     padding: 4px;     margin-top: -10px;     -webkit-box-shadow: 3px 3px 2px #ddd;     box-shadow: 3px 3px 2px #ddd }    
.bonuses_wrap .casino_bonus_timer_mobile {     display: -webkit-flex;     display: -moz-flex;     display: -ms-flex;     display: -o-flex;     display: flex }  
.bonuses_wrap .casino_bonus_timer_mobile>span {     display: none }  
.bonuses_wrap .casino_bonus_timer_mobile>.timer {     color: #2cba2b;     display: -webkit-flex;     display: -moz-flex;     display: -ms-flex;     display: -o-flex;     display: flex }  
.bonuses_wrap .casino_bonus_container {     width: 100%;     margin-bottom: 15px;     display: table;     -webkit-box-shadow: 0 0 4px #c3c5c8;     box-shadow: 0 0 4px #c3c5c8;     -webkit-border-radius: 3px;     border-radius: 3px }   
.bonuses_wrap .casino_bonuses_container {     width: 100%;     margin-bottom: 15px;     display: table;     -webkit-box-shadow: 0 0 4px #c3c5c8;     box-shadow: 0 0 4px #c3c5c8;     -webkit-border-radius: 3px;     border-radius: 3px }    
.bonuses_wrap .casino_bonuses_btn {     text-transform: capitalize;     margin-top: 3px;     background: 0 0;     border: none;     padding: 0;     display: none;     vertical-align: middle;     font: 400 13px/1.2 "Open Sans", sans-serif;     color: #16a0ff;     outline: 0 }  
@media(min-width: 768px) {     
    .bonuses_wrap .casino_bonuses>table a {         font-size: 14px     } 
}  
@media(min-width: 975px) {     
    .bonuses_wrap .casino_bonuses>div {         padding: 15px 12px     }      
    .bonuses_wrap .casino_bonuses div img {         width: 21px     }      
    .bonuses_wrap .casino_bonuses>table:before {         width: 18px     }      
    .bonuses_wrap .casino_bonuses>table:after {         width: 18px     }      
    .bonuses_wrap .casino_bonuses>table>tbody>tr>td:nth-child(1) {         padding-left: 20px;         padding-right: 20px     }      
    .bonuses_wrap .casino_bonuses>table>tbody>tr>td:nth-child(2)>span {         font-size: 14px     }   
}  
@media(min-width: 481px) {     
    .bonuses_wrap .casino_bonuses>table>tbody>tr>td:nth-child(2)>span {         margin-left: auto;         margin-right: 0     } 
}  
@media(max-width: 800px) {     
    .bonuses_wrap .casino_bonuses .casino_bonuses_btn {         width: 100%;         margin-left: 10px;         text-align: center     }      
    .bonuses_wrap .casino_bonuses .casino_bonus_btn_content {         margin-left: 0     } 
}



/*MODAL*/

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) -(var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
}
.modal {position: fixed;top: 0;left: 0;z-index: 1060;display: none;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;outline: 0;}
.fade {transition: opacity .15s linear;}
.modal-dialog {position: relative;width: auto;margin: .5rem;pointer-events: none;}
.modal.fade .modal-dialog {transition: transform .3s ease-out;transform: translate(0, -50px);}
.modal.show .modal-dialog {transform: none;}
@media (min-width: 576px) {
    .modal-dialog {max-width: 500px;margin: 1.75rem auto;}}
    .modal-content {position: relative;display: flex;flex-direction: column;width: 100%;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, .2);border-radius: .3rem;outline: 0;}
    .modal-header {display: flex;flex-shrink: 0;align-items: center;justify-content: space-between;padding: 1rem 1rem;border-bottom: 1px solid #dee2e6;border-top-left-radius: calc(.3rem - 1px);border-top-right-radius: calc(.3rem - 1px);
}

.modal-title {margin-bottom: 0;line-height: 1.5;}
.modal-header .btn-close {padding: .5rem .5rem;margin: -.5rem -.5rem -.5rem auto;}
.btn-close {box-sizing: content-box;width: 1em;height: 1em;padding: .25em .25em;color: #000;background: transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center / 1em auto no-repeat;border: 0;border-radius: .25rem;opacity: .5;}

.modal-body {position: relative;flex: 1 1 auto;padding: 1rem;}

.modal-footer {display: flex;flex-wrap: wrap;flex-shrink: 0;align-items: center;justify-content: flex-end;padding: .75rem;border-top: 1px solid #dee2e6;border-bottom-right-radius: calc(.3rem - 1px);border-bottom-left-radius: calc(.3rem - 1px);}
.modal-footer>* {margin: .25rem;}

.modal-backdrop {position: fixed;top: 0;left: 0;z-index: 1040;width: 100vw;height: 100vh;background-color: #000;}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop.show {opacity: .5;}

.modal [type=button], .modal [type=reset], .modal [type=submit], .modal button {-webkit-appearance: button;}
.modal [type=button]:not(:disabled), .modal [type=reset]:not(:disabled), .modal [type=submit]:not(:disabled), .modal button:not(:disabled) {cursor: pointer;}
/*.btn-secondary {color: #fff;background-color: #6c757d;border-color: #6c757d;}*/


[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; } 
.modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y)* .5) calc(var(--bs-modal-header-padding-x)* .5); margin: calc(-.5* var(--bs-modal-header-padding-y)) calc(-.5* var(--bs-modal-header-padding-x)) calc(-.5* var(--bs-modal-header-padding-y)) auto; } 
.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {color: var(--bs-btn-close-color);text-decoration: none;opacity: var(--bs-btn-close-hover-opacity);}
/*MODAL*/


.modal-member .modal-body {width: 420px;    padding: 31px 65px 10px;    margin: auto;}
.modal-member .modal-title {display: flex;    justify-content: center;    align-items: center;    flex-direction: column;    margin: auto;    width: 100%;    gap: 1rem;    font-size: 20px;    line-height: 22px;}
.modal-member label{display:none;}
.modal-member .form-check-label{display:initial; font-size: 12px; font-weight: 400;}
.modal-member input#chkTermsAccepted {margin-top: 7px;}
.modal-member input#chkCommunicationOptIn {margin-top: 7px;}
.modal-member .modal-footer {width: 420px;    padding: 31px 65px 10px;    margin: auto;}
.modal-member .modal-footer .btn-primary {width: 100%;}
.modal-member .btn-close {    align-self: flex-start;}









/*RELATED PAGES*/
.latest-bonuses__all .svg-icon {
    width: 1em;
    height: 1em;
    display: block;
    fill: currentColor;
}

.latest-bonuses__all {
    text-align: left;
    text-transform: uppercase;
    font-size: 13px
}

.latest-bonuses__all a {
    text-transform: capitalize;
    position: relative;
    display: block;
    color: #6a828a;
    font-size: 13px;
    padding: 12px 25px 12px 12px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.latest-bonuses__all a .svg-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.latest-bonuses__all a:last-child {
    border-bottom: 1px solid #eee
}

@media(min-width: 768px) {

    .latest-bonuses__all a {
        font-size: 14px;
        padding: 14px 35px 14px 10px
    }

    .latest-bonuses__all a:after {
        width: 10px;
        height: 16px
    }
}




/*BONUS__CARDS*/
 
.bonus__cards { display: flex; margin: -10px 0 30px -10px }  
.bonus__cards-th { width: 25%; padding: 10px 0 0 11px }  
.bonus__cards-item { width: 100%; height: 100%; box-shadow: 0 0 4px rgba(0,0,0,.16078); padding: 20px 10px 10px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; border-radius: 2px; min-height: 248px }  
.bonus__cards-item-link-area { text-align: center; display: block; margin: 0 0 15px }  
.bonus__cards-item-title { color: #292929; font-size: 13px; line-height: 18px; font-weight: 700; margin: 0 0 15px; display: block; text-transform: capitalize }  
.bonus__cards-item-img { display: inline-block; /*max-width: 100px;*/ height: auto; min-width:120px; }  
.bonus__cards-item-text { font-size: 14px; line-height: 17px; color: #96a6ac; margin: 5px 0 0; width: 100%; font-weight:600; }  
.bonus__cards-item-text:first-child { margin: 0 }  
.bonus__cards-item-text.colored { color: #40c63f }  
.bonus__cards-item-button { font-size: 12px; text-align: center; background: #f89406; color: #fff; text-transform: uppercase; display: inline-block; min-width: 92px; padding: 5px 10px; height: 34px; line-height: 25px; border-radius: 20px; margin: 0 0 5px; font-weight: 600; text-decoration: none; }  
.bonus__cards-item-button:active, .bonus__cards-item-button:hover{color:#fff;font-weight: 600; text-decoration: none;}
.bonus__cards-item-button:visited{color:#fff;}
.bonus__cards-item-tc { font-size: 10px; line-height: 14px; color: #899ca3 }  
.bonus__cards-item-tc.hidden { opacity: 0; visibility: hidden; pointer-events: none }  
.bonus__cards .block-title { color: #2d3e50; text-transform: capitalize; margin-bottom: 7px; font-weight: 600; display: flex; align-items: center; font-size: 16px; line-height: 26px; padding: 0 0 7px }  
.bonus__cards .block-title .flag { margin: 0 8px 0 0 }  
.bonus__cards .block-title.upper { text-transform: uppercase }  
.bonus__cards-item-buttons { display: flex; flex-direction: column; align-items: center }  
.bonus__cards-item-options { width: 100%; min-height: 34px; margin: 0 0 15px }  
@media(max-width: 767px) { 
    .bonus__cards { display:block; margin: 0 0 30px }  
    .bonus__cards-th { padding: 0; width: 100%; margin: 10px 0 0 }  
    .bonus__cards-th:first-child { margin: 0 }  
    .bonus__cards-item { flex-direction: row; flex-wrap: wrap; min-height: 0; padding: 12px 10px 15px }  
    .bonus__cards-item-link-area { width: 100%; text-align: left; display: flex; align-items: center; margin: 0 0 12px }  
    .bonus__cards-item-title { font-size: 14px; order: 2; margin: 0 }  
    body .bonus__cards-item-img { order: 1; max-width: 70px; margin: 0 14px 0 0;min-width:70px; height:unset;}  
    .bonus__cards-item-text { font-size: 13px; line-height: 18px; margin: 4px 0 0 }  
    .bonus__cards-item-button { width: 120px }  
    .bonus__cards-item-tc.hidden { display: none }  
    .bonus__cards .block-title { font-size: 14px }  
    .bonus__cards-item-options { min-height: 0; width: auto; flex-shrink: 0; max-width: 63%; margin: 0; margin-left:15px;  } 
}  
@media(max-width: 300px) { 
    .bonus__cards-item-options { max-width:57% } 
} 

.bonus__cards-item-img {
    display: inline-block;
    /* max-width: 100px; */
    height: auto;
    min-width: 120px;
    height: 120px;
    border-radius: 5px;
    object-fit: contain;
    padding: 10px;
}
.bonus__cards-item-button.btn-disabled{background: #ccc; font-size: 9px;}


/*.casino-alert .bonus__cards__simple-item-text{filter: invert(1)}
.casino-alert .bonus__cards__simple-item-button{box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);}
.casino-alert .bonus__cards__simple-item-title{text-shadow: 0px 1px 0px #000;}
*/
/*BONUS__CARDS__SIMPLE*/
.bonus__cards__simple { display: flex; margin: -10px 0 30px -10px }  
.bonus__cards__simple-th { width: 25%; padding: 10px 0 0 11px }  
.bonus__cards__simple-item { width: 100%; height: 100%; box-shadow: 0 0 4px rgba(0,0,0,.16078); padding: 20px 10px 10px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; border-radius: 5px; min-height: 240px }  
.bonus__cards__simple-item:hover {    /* outline: 2px solid #f89406; */    filter: brightness(1.5);}
.bonus__cards__simple-item-link-area { text-align: center; display: block; margin: 0 0 15px; }  
.bonus__cards__simple-item-link-area:hover{text-decoration: none; outline: 2px #f89406; }
.bonus__cards__simple-item-title { /*color: #292929;*/ font-size: 13px; line-height: 18px; font-weight: 700; margin: 0 0 15px; display: block; text-transform: capitalize; color:#f89406; text-shadow: 0px 1px 0px #000; }  
.bonus__cards__simple-item-img { display: inline-block; /*max-width: 100px;*/ height: auto; min-width:180px; }  
.bonus__cards__simple-item-text { font-size: 14px; line-height: 17px; color: #fff; margin: 5px 0 0; width: 100%; font-weight:600; filter: invert(1); }  
.bonus__cards__simple-item-text:first-child { margin: 0 }  
.bonus__cards__simple-item-text.colored { color: #f89406; }  
.bonus__cards__simple-item-button { font-size: 12px; text-align: center; background: #f89406; color: #fff; text-transform: uppercase; display: inline-block; min-width: 92px; padding: 5px 10px; height: 34px; line-height: 25px; border-radius: 20px; margin: 0 0 5px; font-weight: 600; text-decoration: none; box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); }  
.bonus__cards__simple-item-button:active, .bonus__cards__simple-item-button:hover{color:#fff;font-weight: 600; text-decoration: none;}
.bonus__cards__simple-item-button:visited{color:#fff;}
.bonus__cards__simple-item-tc { font-size: 10px; line-height: 14px; color: #899ca3 }  
.bonus__cards__simple-item-tc.hidden { opacity: 0; visibility: hidden; pointer-events: none }  
.bonus__cards__simple .block-title { color: #2d3e50; text-transform: capitalize; margin-bottom: 7px; font-weight: 600; display: flex; align-items: center; font-size: 16px; line-height: 26px; padding: 0 0 7px }  
.bonus__cards__simple .block-title .flag { margin: 0 8px 0 0 }  
.bonus__cards__simple .block-title.upper { text-transform: uppercase }  
.bonus__cards__simple-item-buttons { display: flex; flex-direction: column; align-items: center }  
.bonus__cards__simple-item-options { width: 100%; min-height: 34px; margin: 0 0 15px }  
@media(max-width: 767px) { 
    .bonus__cards__simple { display:block; margin: 0 0 30px }  
    .bonus__cards__simple-th { padding: 0; width: 100%; margin: 10px 0 0 }  
    .bonus__cards__simple-th:first-child { margin: 0 }  
    .bonus__cards__simple-item { flex-direction: column; flex-wrap: wrap; min-height: 0; padding: 12px 10px 15px }  
    .bonus__cards__simple-item-link-area { width: 100%; text-align: left; display: flex; align-items: center; margin: 0 0 12px; flex-direction: column; }  
    .bonus__cards__simple-item-title { font-size: 14px; /*order: 2; margin: 0;*/ margin: 0 0 15px;}  
    .bonus__cards__simple-item-img { /*order: 1;*/ max-width: 70px; margin: 0 14px 0 0;min-width:70px; }  
    .bonus__cards__simple-item-text { font-size: 13px; line-height: 18px; margin: 4px 0 0 }  
    .bonus__cards__simple-item-button { /*width: 74px*/ min-width: 120px; }  
    .bonus__cards__simple-item-tc.hidden { display: none }  
    .bonus__cards__simple .block-title { font-size: 14px }  
    .bonus__cards__simple-item-options { min-height: 0; width: auto; flex-shrink: 0; max-width: 63%; margin: 0 } 
}  
@media(max-width: 300px) { 
    .bonus__cards__simple-item-options { max-width:57% } 
} 

.bonus__cards__simple-item-img {
    display: inline-block;
    /* max-width: 100px; */
    height: auto;
    min-width: 180px;
    height: 120px;
    border-radius: 5px;
    object-fit: contain;
    padding: 10px;
}
.bonus__cards__simple-item-button.btn-disabled{background: #ccc; font-size: 9px;}


/*BONUS BLOG GAME*/
.bonus-blog-game > div {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0;
}


/*BB CUSTOM*/

:root {
  --main-bg-color: #6085c6;
  --box-bg-color: #37507c;
}


/*BONUS BANDITS CUSTOM*/
img[data-casino-color] { object-fit: contain; padding:0px 5px; border-radius: 5px;}
img.game-item__image[data-casino-color] {    padding:10px 30px;    border-radius: 10px;    object-fit: contain;    width: 245px;    height: 120px;}
@media (max-width: 768px) {
    /*img.game-item__image[data-casino-color] {        padding: 30px;        border-radius: 10px;        object-fit: contain;        width: 100%;        height: 120px;        margin-left:0;        margin-right: 0;    }*/
    .bonus_partition .bonus_block_code_wrap{justify-content: center;padding-left: 20px;}
    .bonus_partition .game-item .bonus_block_code{min-width: 245px;}
}


@media (min-width: 975px) {
    .bonus_partition .bonus_block_description {        padding-left: 40px;        padding-right: 20px;        display: flex;        flex-direction: column;        width: 100%;        align-items: center;    }
}

.bonus_partition .game-item .description_row {    margin-bottom: 6px;    display: -webkit-flex;    display: -moz-flex;    display: -ms-flex;    display: -o-flex;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-align-items: center;    align-items: center;    width: 100%;    line-height: 18px;    width: 260px;}

@media (min-width: 768px) {
    body .bonus_partition .game-item__image {
        margin: 0 auto 10px auto;
    }
}

/*added 20250212 - mobile logo centering and spacing*/

@media (max-width: 768px) {
    body .btn-outline {
        font-size: 0.7em;
        min-height: 3em;
        line-height: 1.7em;
    }
}
body .bonus_partition .game-item {display:-webkit-flex;    display: -moz-flex;    display: -ms-flex;    display: -o-flex;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    -o-flex-wrap: wrap;    flex-wrap: wrap;}
@media (max-width: 768px) {    
    body .bonus_partition .game-item__image {margin: 0 auto 10px auto;} 
    .bonus_partition .bonus_block_description { padding-left: 30px; }
}
/*added 20250212 - mobile logo centering and spacing*/

.game-item__pills { width: 100%; display: flex; justify-content: center; gap: 5px; }  
.badge { display: inline-block; padding: .25em .4em; /*font-size: 75%;*/ font-size: 1em; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; } 
.badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem; } 
.badge-danger { color: #fff; background-color: #dc3545; } 
.badge-warning { color: #212529; background-color: #ffc107; } 
.badge-light { color: #212529; background-color: #f8f9fa; } 
.badge-default { color: #212529; background-color: hsl(210 17% 93% / 1); } 
.fa.badge-pill { font-size: 1.2em; width: 1.7em; height: 1.7em; text-align: center; align-items: center; justify-content: center; padding: 0.35em 0; margin-right: 0.25em; margin-left: -0.35em;     vertical-align: middle; }  
.fa.fa-gem:before {   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path  fill='%23ffffff' d='M116.7 33.8c4.5-6.1 11.7-9.8 19.3-9.8l240 0c7.6 0 14.8 3.6 19.3 9.8l112 152c6.8 9.2 6.1 21.9-1.5 30.4l-232 256c-4.5 5-11 7.9-17.8 7.9s-13.2-2.9-17.8-7.9l-232-256c-7.7-8.5-8.3-21.2-1.5-30.4l112-152zm38.5 39.8c-3.3 2.5-4.2 7-2.1 10.5l57.4 95.6L63.3 192c-4.1 .3-7.3 3.8-7.3 8s3.2 7.6 7.3 8l192 16c.4 0 .9 0 1.3 0l192-16c4.1-.3 7.3-3.8 7.3-8s-3.2-7.6-7.3-8L301.5 179.8l57.4-95.6c2.1-3.5 1.2-8.1-2.1-10.5s-7.9-2-10.7 1L256 172.2 165.9 74.6c-2.8-3-7.4-3.4-10.7-1z'/></svg>"); display: block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased;  content: ""; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; color: #fff; }   
.bonus_block_code_pill{ display: flex; flex-direction: column; border-radius: 10px; border: 2px dashed limegreen; color: limegreen !important; padding: 10px 0 0 !important; border-collapse: collapse; background: linear-gradient(0deg, black, transparent); background: rgb(3, 36, 0); background: linear-gradient(0deg, #32cd32 50%, #ffffff 50%); background-position-y: -2px; /* border-bottom: none; */ cursor: pointer; border-bottom: 2px solid limegreen; } 
.bonus_block_code_pill:after { background-image:unset !important; content:unset !important; } 

.bonus_block_code_cta {    display: block;    width: calc(100% + 4px);    background: limegreen;    color: #fff;    padding: 10px;    margin: 10px 0px 0px;    border-radius: 0 0 10px 10px;    margin-bottom: -2px;}
.bonus_block_code_cta:hover {color: #fff;}
.bonus_block_code_title{font-weight: 300;}

.power-v2 {color: #fff;background-size:1500px;position:relative;    background:#37507c;    background-image: url("/img/power-v2-bg.svg?2025");    width: 100%;    margin-bottom: 15px;    display: table;    -webkit-box-shadow: 0 0 4px #c3c5c8;    box-shadow: 0 0 4px #c3c5c8;    -webkit-border-radius: 3px;    border-radius: 3px;        background-size: cover;    background-position: center;    background-blend-mode: soft-light;}
body .subscribe-strip {background: #042c4f url(/img/power-v2-bg.svg?2025) no-repeat center center / cover;    padding: 40px 20px;    text-align: center;    background-color: #37507c;    background-blend-mode: soft-light;}



.bs-popover-top .popover-content, .popover-body { padding: 9px 14px  }
span.btn-close {    float: right; }

body .tip-box-desc {    border: none !important; border-left: 8px solid #f89406 !important;    margin: 32px 0;    padding: 10px 0 30px 0;    background-color: #fff !important;}    
body .tip-box-desc>* {    padding: 0 30px;    margin: 0;    color: initial;}    
body .tip-box-desc>:first-child {    background: 0 0;    font-size: 20px;    color: #404040;    margin: 16px 0;    padding: 0 30px;    font-weight: 600;}
body .tip-box-desc p:last-child {    margin-bottom: 0 !important;}
body .tip-box-desc:before {content: unset;}
body .tip-box-desc a{color:  #2396F7;}




/*CASINO NEW*/
.casino-alert{border: 2px solid #f89406;  border-radius: 5px;}
.casino-alert .hdr{padding: 10px 12px; background: #f89406; color: #fff;}
.casino-alert .body{padding: 10px 12px;}
.casino-alert .bonus__cards{margin-bottom:0px;}

.casino-nav{    border-radius: 5px;display: flex;box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.15); margin: 0 -25px; justify-content: start; padding-left: 25px; padding-bottom: 20px;}
.casino-nav.nav-pills>li .nav-link { border-radius: 4px;color: #111;font-weight: 600; font-size: 0.8em; text-align: center;}

.casino-nav.nav-pills .nav-link.active{    color: #f89406;    background-color: hsl(30deg 100% 66% / 30%);    font-weight: 600;}

.casino-nav.nav-pills  input {position: absolute; z-index: -1;opacity: 0}
.casino-nav.nav-pills label{    height: 100%;    display: flex;    justify-content: center;    align-content: center;    align-items: center; }

.casino-nav.nav-pills >li .nav-link {padding:10px 15px;}
.casino-nav.nav-pills >li .nav-link:hover, .casino-nav.nav-pills >li a:focus {    text-decoration: none; background-color: #eee;}

/*.casino-nav.nav-pills :checked + label a {color: #f89406;    background-color: hsl(30deg 100% 66% / 30%);    font-weight: 600;}*/
.casino-nav.nav-pills .nav-link:focus {color: #f89406;    background-color: hsl(30deg 100% 66% / 30%);    font-weight: 600; outline: none;}
    
.casino-nav[data-active="1"] li a[tabindex="1"] 
,.casino-nav[data-active="2"] li a[tabindex="2"]
,.casino-nav[data-active="3"] li a[tabindex="3"]
,.casino-nav[data-active="4"] li a[tabindex="4"]
    {color: #f89406;    background-color: hsl(30deg 100% 66% / 30%);    font-weight: 600; outline: none;}

/*CASINO NEW*/