@charset "UTF-8";
button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}


@font-face {
    font-family: 'Glyphicons Halflings';
    font-display: swap;
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-stats:before {
    content: "\e185"
}

a:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    /*
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
	*/
}

.form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #777;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #777
}

.form-control::-webkit-input-placeholder {
    color: #777
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

.form-group {
    margin-bottom: 15px
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}


.fade {
    /* opacity: 0; */
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
/* 
.fade.in, .fade.show {
    opacity: 1; 
} */
.fade:not(.show) {
    opacity: 0
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s;
    -o-transition: height .35s;
    transition: height .35s
}

.alert-success {
    color: var(--main-bg-color);
    background-color: var(--section-bg-color);
    border-color: var(--section-bg-color)
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title>a {
    color: inherit
}

.hide {
    display: none !important
}

.show {
    display: block !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

@-ms-viewport {
    width: device-width
}

.grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.review-verdict {
	padding-bottom: 30px;
	margin-bottom: 25px;
	border: 2px solid #fff;
	border-radius: 6px;
	box-shadow: 0 2px 36px 2px rgba(26,23,22,.08);
	display: flex;
	flex-flow: row wrap;
	background: #fff;
	margin-top: 10px;
}
.review-verdict_author {
	position: relative;
	padding: 25px;
	border-radius: 6px;
	background: var(--main-anchor-color);
	z-index: 1;
}

.review-verdict_author:before {
	content: '';
	position: absolute;
	width: 100px;
	height: 100px;
	top:50%;
	right:-50px;
	transform:translatey(-50%) scalex(-1);
	background: var(--main-bg-dark-color) url(/img/ndr-mason-jones_200.png) no-repeat 0 0 / 100% 100%;
	border-radius:50%;
	border:solid #fff 2px;
}

.review-verdict_name {
	position: relative;
	max-width: 180px;
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.21;
	color: #fff;
	z-index: 1;
	word-spacing: 50px;
}

.review-verdict_position {
	position: relative;
	font-size: 14px;
	font-weight: 600;
	font-style: italic;
	color: #cbd4dc;
	text-shadow: 1px 1px 1px rgba(9,23,35,.81);
	z-index: 1;
}

.review-verdict_content {
	position: relative;
	padding: 50px 20px 53px;
	margin-top: -6px;
	font-size: 16px;
	line-height: 1.38;
	font-style: italic;
	color: #606060;
	text-align: center;
	/* background: linear-gradient(170deg,transparent 88%,#fff 88%,#fff 100%),linear-gradient(-170deg,transparent 88%,#fff 88%,#fff 100%),#f2f2f2; */
}

.review-verdict_bonus {
	display:flex;
	flex-direction:column;
	align-self:stretch;
	justify-content:space-between;
	background-image: linear-gradient(120deg,#021942,#0d234b,#08214c,#1d3259,#041d40,#011945);
	border-radius: 0 6px 6px 0;
	padding:20px 15px;
	min-height:250px;
}

.review-verdict .card-casino-gameon, .review-verdict .card-casino-code, .review-verdict .card-casino-code-no {text-align:center;}
.review-verdict .card-casino-title, .review-verdict .card-casino-gametitle, .review-verdict .card-casino-code-yes {color: #fff;text-align:center;}
.card-casino-code-yes {word-break:break-all;}
.review-verdict .card-casino-code-yes {color: #31708f !important;}



.expert-advice {display:flex;background: var(--main-bg-color);color: #fff;position:relative;padding:40px 20px 30px 20px;margin:50px 0 30px 0;border-radius:10px;}
.expert-advice_header {
	display: block;
	font-size: 1.1em;
	margin: 0;
	border-radius: 5px;
	position: absolute;
	top: -18px;
	left: 40px;
	font-weight: 700;
	border: 1px solid var(--main-bg-color);
	text-align: center;
	padding: 6px 6px 6px 10px;
	letter-spacing: .15em;
	background: #fff;
	color: var(--main-bg-color);
	min-width: 200px;
}
.expert-advice_author {display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0 40px;flex-basis:100px;flex-grow:0;flex-shrink:0;}
.expert-advice_author img {width:80px;height:80px;border-radius:50%;border:solid 3px #fff;background:#fff;}
.expert-advice_name {color:#fff;font-size:14px;font-weight:bold;text-align:center;}
.expert-advice_content {display:flex;flex-grow:1;justify-content:center;flex-direction:column;}
.expert-advice_title {color:#fff;font-weight:bold;margin-bottom:10px;}
.expert-advice_content p {font-style:italic;margin-bottom:8px;}
.expert-advice_content p:last-child {margin-bottom:0;}
.expert-advice_content a {color:#fff;}

.mt-10 {margin-top:10px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.mt-50 {margin-top:50px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-30 {margin-bottom:30px !important;}
.pb-20 {padding-bottom:20px !important;}
.pb-30 {padding-bottom:30px !important;}

section.overview li, section.overview li a, .expert-advice ul.pl li, .expert-advice ul.pl li a, .expert-advice ol.pl li, .expert-advice ol.pl li a {color:#fff !important;}
section.overview ol.pl > li::before, .expert-advice ol.pl > li::before {background: #fff !important; color:var(--main-bg-color) !important;}

section.alt .container > ul.icon-box > li {background:#fff !important;border: solid 1px var(--main-bg-color)}

section.overview ul.icon-box li, section.overview ul.icon-box li a {color:var(--main-text-color) !important;}

section.overview ul.pl > li::before {color:#fff !important;}
section.overview p > a {font-weight:bold !important;text-decoration:underline !important; color:#fff !important;}

@media (min-width:768px) {
	.review-verdict {
		display: flex;
		flex-flow: row wrap;
	}

	.review-verdict_author {
		flex: 0 0 40%;
		border-radius: 6px 0 0 6px;
	}

	.review-verdict_content {
		flex: 0 0 60%;
		margin: 0;
		border-radius: 0 6px 6px 0;
		background: #f2f2f2;
	}
}

@media (min-width:1024px) {
	.review-verdict {
	flex-wrap: nowrap;
	align-items: stretch;
	padding-bottom: 0;
	margin-top: 35px;
	}

	.review-verdict_author {
		/* min-height: 255px; */
		flex: 0 0 280px;
		padding: 50px 20px 45px 50px;
	}	

	.review-verdict_author:before {
		content: '';
		position: absolute;
		width: 100px;
		height: 100px;
		top:50%;
		right:-50px;
		transform:translatey(-50%) scalex(-1);
		background: var(--main-bg-dark-color) url(/img/ndr-mason-jones_200.png) no-repeat 0 0 / 100% 100%;
		border-radius:50%;
		border:solid #fff 2px;
	}

	.review-verdict_name {
		margin-bottom: 28px;
		font-size: 27px;
		line-height: 1.07;
		word-spacing: 20px;
	}	

	.review-verdict_position {
		font-size: 13px;
	}

	.review-verdict_content {
		display: flex;
		flex: 0 1 100%;
		align-self: stretch;
		align-items: center;
		padding: 20px 80px 20px 90px;
		font-size: 12px;
		text-align: left;
		z-index: auto;
		/* background: linear-gradient(57deg,transparent 87%,#fff 87%,#fff 100%),linear-gradient(123deg,transparent 87%,#fff 87%,#fff 100%),#f2f2f2; */
	}
	
	.review-verdict_content_inner {display:flex;align-self:center;flex-direction:column;}
}

@media (max-width:767px) {
	.review-verdict {padding-bottom:0;}

	.review-verdict_author {
		width:100%;
	}
	.review-verdict_author:before {
		top: 50%;
		right: 20px;
		transform: translatey(-50%);
	}

	.review-verdict_content {padding-bottom:0}
	.review-verdict_bonus {width: 100%;border-radius:0 0 6px 6px;}


	.expert-advice {flex-direction:column;}
	.expert-advice_author {margin:0 0 20px 0;}
}



@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}


@font-face {
    font-family: FontAwesome;
    font-display: swap;
    src: url(../fonts/fontawesome-webfont.eot?v=4.1.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'), url(../fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'), url(../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-2x {
    font-size: 2em
}

.fa-arrow-right:before {
    content: "\f061"
}
.fa-chevron:before {
    content: "\f054"
}

.fa-btc:before {
    content: "\f15a"
}
.fa-chevron-right:before {content: "\f054";}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}


.fa-check:before {
    content: "\f00c"
}
.fa-check-circle:before {
    content: "\f058"
}
.fa-code:before {
    content: "\f121"
}


.fa-expiry-date:before {
    content: "\f1da"
}
.fa-tick-box:before {
    content: "\f046"
}
.fa-file-text:before {
    content: "\f0f6"
}
.fa-user:before {
    content: "\f007"
}
.fa-gift:before {
    content: "\f06b"
}
.fa-bolt:before {
    content: "\f0e7"
}
.fa-eye:before {
    content: "\f06e"
}
.fa-clone:before {
    content: "\f24d"
}
.fa-copy:before {
    content: "\f0c5"
}
.fa-fire:before {
    content: "\f06d"
}
.fa-refresh:before {
    content: "\f021"
}
.fa-users:before {
    content: "\f0c0"
}

.fa-ticket:before {
    content: "\f145"
}
.fa-certificate:before {content:"\f0a3";}
.fa-money:before {content:"\f0d6";}
.fa-times:before {
    content: "\f00d"
}

.fa-trophy:before {
    content: "\f091"
}


.fa-pencil:before {
    content: "\f040";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-star:before {
    content: "\f005"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-phone:before {
    content: "\f095"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-info:before {
    content: "\f129"
}
.fa-info-circle:before {
    content: "\f05a"
}
.fa-gavel:before {
    content: "\f0e3"
}
.fa-lightbulb-o:before {
    content: "\f0eb"
}
.fa-arrow-circle-o-down:before {
    content: "\f01a"
}
.fa-lock:before {
    content: "\f023"
}

.fa.fa-check.green {color:#1a9d1a;}
.fa.fa-times.red {color:#f00;}

.flip {
  transform: rotate(-180deg);
}
.flip90neg {
  transform: rotate(-90deg) !important;
}

@font-face {
    font-family: Icons;
    font-display: swap;
    src: url(../fonts/customicon/Icons.eot);
    src: url(../fonts/customicon/Icons.eot?#iefix) format('embedded-opentype'), url(../fonts/customicon/Icons.woff) format('woff'), url(../fonts/customicon/Icons.ttf) format('truetype'), url(../fonts/customicon/Icons.svg#Icons) format('svg');
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    font-family: Icons;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

[class*=" font-"]:before,
[class^=font-]:before {
    font-family: Icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased
}

[class*=" font-"],
[class^=font-] {
    display: inline-block;
    line-height: 1em
}

.tab-content>.tab-pane {
    padding: 20px;
    border: 1px solid #ddd;
    border-top-color: transparent
}
.tab-content>.active {
    display: block;
}
.header_bonusbox .tab-content>.active {
    display: block;
}



a:focus,
a:hover {
    text-decoration: underline;
    color: var(--main-anchor-hover-color);
}

.form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

a:active {
    outline: 0
}

.cta-btn {
    float: right;
    padding: 20px;
    margin-top: 10px
}

.box {
    width: 100%
}

.box h4 {
    font-weight: 300
}

.box .icon {
    margin-bottom: 20px
}

ul.general {
    list-style: none;
    margin-left: 0
}

h2.error {
    font-size: 40px
}

article {
    margin-bottom: 50px;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px
}

.post-image img:hover,
img.box {
    -webkit-box-shadow: 0 0 2px #979797;
    -moz-box-shadow: 0 0 2px #979797;
    box-shadow: 0 0 2px #979797;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    background: #fff
}

.widget ul.tags {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.widget ul.tags li {
    margin: 0 5px 15px 0;
    display: inline-block
}

.widget ul.tags li a {
    background: #e6e6e6;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #888
}

.widget ul.tags li a:hover {
    text-decoration: none;
    color: #fff
}

.item .text {
    margin-left: 140px;
    margin-bottom: 20px
}

footer {
    background: #f2f2f2;
    padding: 50px 0 0
}

#sub-footer {
    border-top: 1px solid #ddd;
    background: #f7f7f7;
    text-shadow: none;
    padding: 30px 0 0;
    margin: 20px 0 0
}

footer a,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: #666
}

footer a:hover {
    color: #444
}

footer address {
    line-height: 1.6em
}

footer a:hover,
footer h5 a:hover {
    text-decoration: none
}

#sub-footer p {
    margin: 0;
    padding: 0
}

.copyright {
    text-align: left;
    font-size: 12px
}

#sub-footer ul.social-network {
    float: right
}

.scrollup {
    position: fixed;
    width: 32px;
    height: 32px;
    bottom: 0;
    right: 20px;
    background: #222;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

a.scrollup {
    outline: 0;
    text-align: center
}

a.scrollup:active,
a.scrollup:focus,
a.scrollup:hover {
    opacity: 1;
    text-decoration: none
}

a.scrollup i {
    margin-top: 10px;
    color: #fff
}

a.scrollup i:hover {
    text-decoration: none
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.align-right,
img.pull-right {
    float: right;
    margin: 0 0 15px 15px
}

article .align-left,
article img.pull-left {
    float: left;
    margin: 5px 15px 15px 0
}

@media (min-width:768px) and (max-width:979px) {
    a.detail {
        background: 0 0;
        width: 100%
    }
    footer .widget form .input-append .btn {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 10px
    }
}

@media (max-width:767px) {
    .navbar-nav {
        border-top: none;
        padding-top: 30px;
        float: none;
        width: 100%
    }
    header .navbar-nav>li {
        padding-bottom: 0;
        padding-top: 0
    }
    header .nav li .dropdown-menu {
        margin-top: 0
    }
    .stats>div {
        margin-bottom: 30px
    }
    .dropdown-menu {
        position: absolute;
        top: 0;
        left: 40px;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 13px;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 0;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
    }
    .box {
        padding: 20px 0;
        margin-bottom: 20px
    }
    .right-sidebar {
        margin-top: 50px;
        border-left: none;
        padding: 0
    }
    footer .col-lg-1,
    footer .col-lg-10,
    footer .col-lg-11,
    footer .col-lg-12,
    footer .col-lg-2,
    footer .col-lg-3,
    footer .col-lg-4,
    footer .col-lg-5,
    footer .col-lg-6,
    footer .col-lg-7,
    footer .col-lg-8,
    footer .col-lg-9 {
        margin-bottom: 20px
    }
    #sub-footer ul.social-network {
        float: left
    }
    [class*=span] {
        margin-bottom: 20px
    }
}

@media (max-width:480px) {
    .search {
        float: left
    }
    .cta-btn {
        float: none;
        text-align: center
    }
}

a.btn.btn-box {
    border-radius: 0;
    background: #fff;
    font-weight: 600;
    color: #666;
    border: 1px solid #ddd
}

p.q {
    border-left: 5px solid #6b94cb;
    padding-left: 20px;
    font-weight: 700;
    text-transform: uppercase;
    background: #eee
}

.row article .post-image {
    margin-bottom: 0
}

.row.abstract {
    margin-bottom: 10px
}

.abstract img.box {
    background: #fcf9b0;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px 0
}

.featured {
    border-right: 56px solid transparent;
    border-top: 56px solid #f89406;
    display: block;
    height: 0;
    line-height: 22px;
    position: absolute;
    transform: translateZ(0);
    width: 0;
    z-index: 1
}

.featured::before {
    color: #fff;
    content: "featured";
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin: -50px 0 0 5px;
    position: absolute;
    text-transform: uppercase;
    transform: rotate(315deg)
}

.featured.no1 {
    border-top: 56px solid #738d00;
    top: 0;
    left: 0
}

.featured.no1::before {
    content: "#1"
}

.featured.no2 {
    border-top: 56px solid #c10841;
    top: 0;
    left: 0
}

.featured.no2::before {
    content: "#2"
}

.featured.no3 {
    border-top: 56px solid #0098ca;
    top: 0;
    left: 0
}

.featured.no3::before {
    content: "#3"
}

.featured.no4 {
    border-top: 56px solid;
    top: 0;
    left: 0
}

.featured.no4::before {
    content: "#4"
}

.featured.no5 {
    border-top: 56px solid #ff6302;
    top: 0;
    left: 0
}

.featured.no5:before {
    content: "#5"
}

.featured.no6 {
    border-top: 56px solid #0098ca;
    top: 0;
    left: 0
}

.featured.no6:before {
    content: "#6"
}

.featured.no7 {
    border-top: 56px solid #c10841;
    top: 0;
    left: 0
}

.featured.no7:before {
    content: "#7"
}

.featured.no8 {
    border-top: 56px solid #738d00;
    top: 0;
    left: 0
}

.featured.no8:before {
    content: "#8"
}

.alert.alert-info .row.abstract {
    margin-bottom: 0
}

.row.features>div {
    text-align: center
}

.row.features a.txt {
    color: #474747;
    font-weight: 700;
    margin-bottom: 15px;
    display: block;
    min-height: 58px;
    background: #f2f2f2;
    padding: 5px
}

.row.review-intro {
    background: var(--main-bg-color);
    color: #fff;
    margin: 0;
    font-weight: 600;
    padding-top: 10px;
    border-radius: 5px
}

@media (max-width:360px) {
    .row.review-intro,
    h2.bonus-header {
        text-align: center
    }
}

.table-bonus .ctr {
    text-align: center
}

.table-bonus span.alert {
    display: inline;
    padding: 0 5px;
    margin: 0
}

.table-bonus span.alert.alert-new {
    margin-right: 5px
}

.table-bonus__read-review {
    font-size: 12px;
}

.alert-new {
    color: #fff;
    background-color: #1F6600;
    border-color: #360
}

.alert-exclusive {
    color: #fff;
    background-color: #c00;
    border-color: #900
}

.recommended {
    margin-bottom: 25px
}

.recommended-title {
    color: #fff;
    font: bold 18px Arial, sans-serif;
    padding: 10px 20px;
    background-color: var(--main-bg-color)
}

.listing {
    position: relative;
    text-align: center;
    border: 5px solid #bebebe;
    border-radius: 5px
}

.casino {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    overflow: hidden;
    border-bottom: 1px solid #bebebe;
    position: relative
}

img.casino {
    padding: 0px;
}

.casino:last-child {
    border-bottom: 0
}

.casino-col {
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 15px 0
}

.casino-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 20%;
    min-height: 100%
}

.casino-logo img {
    max-width: 75%;
    max-height: 70px
}

.casino-play {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
    min-height: 100%
}

.casino-bonus {
    color: #585858;
    font: 12px/100% Arial, sans-serif
}

.casino-bonus .casino-nr {
    color: #060;
    font-size: 22px;
    line-height: 100%
}

.casino-score {
    color: #134695;
    font: 700 12px/100% Arial, sans-serif
}

.casino-nr {
    display: block;
    font-weight: 700
}

.casino-rating {
    margin-bottom: 5px
}

.casino-review {
    color: var(--main-bg-color);
    font: bold 12px/100% Arial, sans-serif
}

.casino-review:hover {
    text-decoration: underline
}

.rating-stars {
    display: inline-block;
    position: relative
}

.rating-stars .stars {
    font-size: 20px;
    display: flex
}

.rating-stars .stars.off {
    color: #dedede
}

.rating-stars .stars.on {
    color: #ffc435;
    position: absolute;
    top: 0;
    overflow: hidden
}

.rating-stars .stars i {
    margin: 0 1px
}

@media screen and (max-width:640px) {
    .recommended-title {
        font-size: 27px;
        font-weight: 400
    }
    .casino-col {
        width: 33.33%;
        margin: 15px 0
    }
    .casino-col-4 {
        width: 33.33%
    }
    .casino-col-5 {
        width: 66.66%
    }
    .listing img {
        max-width: 100%
    }
    .casino-logo {
        width: 33.33%;
        min-height: 80px
    }
    .casino-logo img {
        width: 100%
    }
    .casino-play {
        width: 66.66%;
        top: 40px
    }
    .casino-bonus,
    .casino-score {
        font-size: 18px
    }
    .casino-bonus .casino-nr,
    .casino-score .casino-nr {
        font-size: 27px
    }
    .casino-rating {
        margin-bottom: 2px
    }
    .rating-stars .stars {
        font-size: 24px
    }
    .casino-review {
        font-size: 21px;
        font-weight: 400;
        text-decoration: underline
    }
    .casino-review:hover {
        text-decoration: none
    }
    .featured:before {
        font-size: 14px;
        margin: -36px 0 0 2px
    }
    .featured {
        border-right-width: 36px;
        line-height: 24px
    }
    .featured.no1,
    .featured.no2,
    .featured.no3 {
        border-top-width: 36px
    }
}

@media screen and (max-width:375px) {
    .listing img {
        max-height: 45px;
        max-width: 100%
    }
    .recommended-title {
        font-size: 18px;
        padding: 10px
    }
    .casino-col {
        margin: 10px 0
    }
    .casino-logo {
        min-height: 70px
    }
    .casino-play {
        top: 25px
    }
    .casino-bonus,
    .casino-score {
        font-size: 12px
    }
    .casino-bonus .casino-nr,
    .casino-score .casino-nr {
        font-size: 18px
    }
    .casino-review {
        font-size: 14px
    }
    .rating-stars .stars {
        font-size: 16px
    }
}

@media screen and (max-width:359px) {
    .casino-play {
        top: 30px
    }
    .listing img {
        height: auto;
        max-width: 90%
    }
}

span.step {
    background: #013955;
    border-radius: .8em;
    -moz-border-radius: .8em;
    -webkit-border-radius: .8em;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em;
    font-size: 20px
}

.ndr-box.safe ul {
    margin-bottom: 0;
    padding-left: 0
}

.ndr-box .num2 {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.ndr-box .num1 img,
.ndr-box .num2 img,
.ndr-box .num3 img {
    float: left;
    padding-right: 10px
}

.ndr-box .num1 h3 {
    color: #ff6302
}

.ndr-box .num2 h3 {
    color: #ff008e
}

.ndr-box .num3 h3 {
    color: #a206a7
}

.ndr-box.ndr-green {
    background: #8de597;
    color: #444
}

.ndr-box.ndr-green .hdr {
    background: #08a413;
    color: #fff;
    margin: -10px -10px 10px;
    padding: 10px;
    font-weight: 700
}

.ndr-box.ndr-green .hdr h2 {
    color: #fff
}

.ndr-box.ndr-green strong {
    font-size: 1.2em
}

.ndr-box.ndr-grey {
    background: #f8f8f8;
    color: var(--main-text-color)
}

.ndr-box.ndr-grey .hdr {
    background: #3b81f3;
    color: #fff;
    margin: -10px -10px 10px;
    padding: 10px;
    font-weight: 700
}

.ndr-box.ndr-grey .hdr h2 {
    color: #fff
}

.ndr-box.ndr-grey strong {
    font-size: 1.2em
}

.ndr-box.ndr-grey span.step {
    background: #3b81f3
}

.ndr-box.ndr-grey .row {
    margin-bottom: 15px
}

.ndr-box.ndr-grey .row:last-child {
    margin-bottom: 0
}

.ndr-box.ndr-blue {
    background: #f8f8f8;
    color: var(--main-text-color)
}

.ndr-box.ndr-blue .hdr {
    background: #3b81f3;
    color: #fff;
    margin: -10px -10px 10px;
    padding: 10px;
    font-weight: 700
}

.ndr-box.ndr-blue .hdr h2 {
    color: #fff
}

.ndr-box.ndr-yellow {
    background: #fff;
    color: var(--main-text-color)
}

.ndr-box.ndr-yellow .hdr {
    background: #fffd75;
    margin: -10px -10px 0;
    padding: 10px;
    font-weight: 700;
    border-bottom: 1px solid #ddd
}

.ndr-box.ndr-yellow .hdr h2 {
    margin: 0
}

.ndr-box.ndr-yellow p {
    padding-top: 10px
}

.ndr-box.ndr-tip2 {
    background: #fff;
    color: var(--main-text-color)
}

.ndr-box.ndr-tip2 .hdr {
    background: #b7f28f;
    margin: -10px -10px 0;
    padding: 10px;
    font-weight: 700;
    border-bottom: 1px solid #ddd
}

.ndr-box.ndr-tip2 .hdr h2 {
    margin: 0
}

.ndr-box.ndr-tip2 p {
    padding-top: 10px
}

.ndr-box.ndr-pink {
    background: #f8f8f8;
    color: var(--main-text-color)
}

.ndr-box.ndr-pink .hdr {
    background: #fc028a;
    color: #fff;
    margin: -10px -10px 10px;
    padding: 10px;
    font-weight: 700;
    border-bottom: 1px solid #ddd
}

.ndr-box.ndr-pink .hdr h2 {
    color: #fff
}

.ndr-box_header {display:flex;}
.ndr-box_header img {margin-right:10px;}

.ndr-box_logo {position: absolute;right: 15px;bottom: 15px;width: 80px;height: 80px;}

.ndr-box > .double-column:last-child, .ndr-box > .triple-column:last-child {margin-bottom:0;}

@media screen and (max-width:414px) {
	.ndr-box_header img {margin-right:10px;margin-top:9px;}

	.ndr-box_logo {position: relative;margin: 15px auto 0 auto;display: block;}

    .ndr-box .num1 {
        border-top: 1px solid #ddd;
        padding: 10px 0
    }
    .ndr-box .num2 {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-left: 0;
        border-right: 0;
        padding: 10px 0
    }
    .ndr-box .num3 {
        padding: 10px 0
    }
    .ndr-box .num1 img,
    .ndr-box .num2 img,
    .ndr-box .num3 img {
        width: 80px
    }
}

.panel-heading [data-toggle=collapse]:after {
    font-family: FontAwesome;
    content: "\f056";
    float: right;
    color: #367230;
    font-size: 18px;
    line-height: 22px
}

.panel-heading [data-toggle=collapse].collapsed:after {
    font-family: FontAwesome;
    content: "\f055";
    float: right;
    color: #367230;
    font-size: 18px;
    line-height: 22px
}

.valign {
    display: flex;
    align-items: center
}

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

.row.valign div.valigncenter p {
    margin: 0
}

.latest-bonuses article {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0
}

.latest-bonuses .abstract img.box {
    border-bottom: 0;
    border-radius: 10px 10px 0 0
}

.latest-bonuses .bonus-text {
    border: 1px solid #ccc;
    background: green;
    text-align: center;
    padding: 5px;
    color: #fff;
    font-weight: 700;
    -webkit-box-shadow: 0 0 2px #979797;
    -moz-box-shadow: 0 0 2px #979797;
    box-shadow: 0 0 2px #979797;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    border-radius: 0 0 10px 10px
}

.latest-bonuses .bonus-text a {
    color: #fff
}

.author-pic img {
    border-radius: 10px
}

.author-text {
    font-family: 'Shadows Into Light Two';
    font-size: 2.7em;
    line-height: 1.1em
}

.author-text p {
    margin-bottom: 30px
}

.social span {
    margin-bottom: 10px
}

.social .fa-facebook {
    color: #3b5998
}

.social .fa-pinterest {
    color: #cb2027;
    margin-left: 20px
}

.social .fa-twitter {
    color: #00aced;
    margin-left: 20px
}

.ndr-box>div[class$="-hor"] {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px
}

.ndr-box>div[class$="-hor"] p:last-child {
    margin-bottom: 10px
}

.ndr-box>div[class$="-hor"]:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.ndr-box>div[class$="-hor"]:last-child p:last-child {
    margin-bottom: 0
}

.ndr-box .num1-hor h3 {
    color: #ff6302
}

.ndr-box .num2-hor h3 {
    color: #ff008e
}

.ndr-box .num3-hor h3 {
    color: #a206a7
}

.ndr-box .num4-hor h3 {
    color: #15c4a5
}

.ndr-box .num5-hor h3 {
    color: #86c634
}

.ndr-box .num6-hor h3 {
    color: #0097cc
}

.pagination ul>li.active>a,
.pagination ul>li.active>span,
a.thumbnail:hover,
input[type=text].search-form:focus {
    border: 1px solid var(--main-bg-color)
}

.form-control:focus,
.uneditable-input:focus,
input:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    border-color: var(--main-bg-color)
}

.cbp-l-filters-dropdownWrap,
.widget ul.tags li a:hover {
    background: var(--main-bg-color)
}

[class*=" icon-"].active,
[class^=icon-].active {
    background-color: var(--main-bg-color)
}

.careers-intro {
    border: 4px solid #2b4a21;
    background: url(/img/now-hiring.png) center right 15px/200px no-repeat;
    padding-right: 200px
}

.review-intro a {
    color: #fffd75;
    text-decoration: underline
}

.ndr-box.ndr-country {
    background: #fff;
    color: var(--main-text-color)
}

.ndr-box.ndr-country .hdr {
    background: #e2e2e2;
    margin: -10px -10px 0;
    padding: 10px;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    text-align: center
}

.ndr-box.ndr-country .hdr a {
    margin: 0;
    font-family: Lato, sans-serif;
    font-weight: 700;
    line-height: 1.1em;
    color: #666;
    text-transform: uppercase
}

.ndr-box.ndr-country p {
    padding-top: 10px
}

.ndr-box ul.double-column,
.ndr-box ul.triple-column {
    margin-bottom: 20px;
    width: 100%
}

ul.double-column,
ul.triple-column:after {
    display: table;
    content: "";
    clear: both
}

ul.double-column li {
    float: left;
    width: 50%
}

ul.triple-column li {
    float: left;
    width: 33.3%
}

@media (max-width:414px) {
    ul.double-column li,
    ul.triple-column li {
        float: none;
        width: 100%
    }
    .table-bonus__read-review {
        font-size: 14px;
		display:inline-block;
		margin-top:10px;
    }
}

.related-content {
    position: relative;
    border: 5px solid #bebebe;
    border-radius: 5px;
    padding: 5px;
	margin-bottom:20px;
}

.related-content .nav-tabs {
    border-bottom: 0
}

.related-content .nav-tabs>li>a,
.related-content .nav-tabs>li>a:focus,
.related-content .nav-tabs>li>a:hover,
.related-content .nav-tabs>li>a:visited {
    margin: 0;
    border: 0;
    border-radius: 0
}

.related-content .nav-tabs>li.active>a {
    border-bottom: 1px solid red
}

.related-content .tab-content>.tab-pane {
    border: 0
}

.related-content .tab-pane .row {
    margin-bottom: 0
}

.related-content .casino-attribs {
    margin: 10px 0
}

.related-content .tab-pane .row.casino-attribs {
    margin-bottom: 10px
}

.related-content .tab-pane .row.casino-attribs>div {
    padding: 0
}

.related-content .casino-attribs span {
    font-weight: 700;
    text-transform: uppercase
}

.related-content .actions a.btn.btn-theme.visit-link {
    margin-left: 20px
}

@media (max-width:375px) {
    .related-content {
        text-align: center
    }
    .related-content ul li {
        float: none
    }
    .related-content .img-responsive {
        display: inline-block
    }
    .related-content .actions {
        text-align: center
    }
    .related-content .actions a {
        display: block;
        margin-bottom: 10px
    }
    .related-content .actions a.btn.btn-theme.visit-link {
        margin-left: 0
    }
}

.pricing-content ul li {
    border-bottom: 1px solid #e9e9e9;
    list-style: none;
    padding: 15px 0 15px 40px;
    margin: 0;
    color: #595959;
    position: relative
}

.pricing-content ul li:before {
    content: url(/img/bullet-blog.png);
    position: absolute;
    left: 0;
    top: 12px
}

.ndr-box h2:first-child {
    margin-top: 0;
    margin-bottom: 0
}

.progress-bar-warning {
    background-color: #46bc36
}

.review-bonus-rank,
.review-bonus-score {
    border-top: 1px solid #fff
}

.alert-similar {
/*
    background-color: #65b25d;
    border-color: #e4d031;
    color: #1d1d1d;
    font-family: arial
*/
}

div.links {
    padding: 10px 0 5px;
    border-top: 1px solid #fff;
    font-size: .9em
}

div.links a {
    background: #dedede;
    padding: 2px 5px;
    border-radius: 3px;
    color: #444;
    margin-bottom: 5px;
    white-space: nowrap;
    display: inline-block
}

#content .tandcs a {
    font-size: 12px;
    color: #e4e4e4;
    text-decoration: none
}

.sig p,
.sig strong {
    display: block;
    line-height: 1em;
    font-size: .8em
}

img.flag {
    border: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.bcodex.cta {
    background: #fcf9b0;
    border: 1px solid #ccc;
    color: #31708f;
    text-transform: uppercase
}

.cta-desc {
    margin-bottom: 20px
}

ul.border {
    list-style: none;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 0
}

ul.border li {
    padding-left: 35px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    font-weight: 400
}

ul.border img {
    max-height: 25px;
    margin-left: -35px;
    margin-top: -3px;
    margin-right: 10px
}

ul.stars {
    list-style: none;
    padding: 10px;
    margin-bottom: 0
}

ul.stars li {
    padding-left: 35px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-weight: 400
}

ul.stars img {
    max-height: 25px;
    margin-left: -35px;
    margin-top: -3px;
    margin-right: 10px
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666666666666%
}

.col-xs-pull-10 {
    right: 83.33333333333334%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666666666666%
}

.col-xs-pull-7 {
    right: 58.333333333333336%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666666666667%
}

.col-xs-pull-4 {
    right: 33.33333333333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.666666666666664%
}

.col-xs-pull-1 {
    right: 8.333333333333332%
}

.col-xs-pull-0 {
    right: 0
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666666666666%
}

.col-xs-push-10 {
    left: 83.33333333333334%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666666666666%
}

.col-xs-push-7 {
    left: 58.333333333333336%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666666666667%
}

.col-xs-push-4 {
    left: 33.33333333333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.666666666666664%
}

.col-xs-push-1 {
    left: 8.333333333333332%
}

.col-xs-push-0 {
    left: 0
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666666666666%
}

.col-xs-offset-10 {
    margin-left: 83.33333333333334%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666666666666%
}

.col-xs-offset-7 {
    margin-left: 58.333333333333336%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666666666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.666666666666664%
}

.col-xs-offset-1 {
    margin-left: 8.333333333333332%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666666666666%
    }
    .col-sm-pull-10 {
        right: 83.33333333333334%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666666666666%
    }
    .col-sm-pull-7 {
        right: 58.333333333333336%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666666666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.666666666666664%
    }
    .col-sm-pull-1 {
        right: 8.333333333333332%
    }
    .col-sm-pull-0 {
        right: 0
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666666666666%
    }
    .col-sm-push-10 {
        left: 83.33333333333334%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666666666666%
    }
    .col-sm-push-7 {
        left: 58.333333333333336%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666666666667%
    }
    .col-sm-push-4 {
        left: 33.33333333333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.666666666666664%
    }
    .col-sm-push-1 {
        left: 8.333333333333332%
    }
    .col-sm-push-0 {
        left: 0
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666666666666%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333333334%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666666666666%
    }
    .col-sm-offset-7 {
        margin-left: 58.333333333333336%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666666666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.666666666666664%
    }
    .col-sm-offset-1 {
        margin-left: 8.333333333333332%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666666666666%
    }
    .col-md-pull-10 {
        right: 83.33333333333334%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666666666666%
    }
    .col-md-pull-7 {
        right: 58.333333333333336%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666666666667%
    }
    .col-md-pull-4 {
        right: 33.33333333333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.666666666666664%
    }
    .col-md-pull-1 {
        right: 8.333333333333332%
    }
    .col-md-pull-0 {
        right: 0
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666666666666%
    }
    .col-md-push-10 {
        left: 83.33333333333334%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666666666666%
    }
    .col-md-push-7 {
        left: 58.333333333333336%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666666666667%
    }
    .col-md-push-4 {
        left: 33.33333333333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.666666666666664%
    }
    .col-md-push-1 {
        left: 8.333333333333332%
    }
    .col-md-push-0 {
        left: 0
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666666666666%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333333334%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666666666666%
    }
    .col-md-offset-7 {
        margin-left: 58.333333333333336%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666666666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.666666666666664%
    }
    .col-md-offset-1 {
        margin-left: 8.333333333333332%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-pull-11 {
        right: 91.66666666666666%
    }
    .col-lg-pull-10 {
        right: 83.33333333333334%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-8 {
        right: 66.66666666666666%
    }
    .col-lg-pull-7 {
        right: 58.333333333333336%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-5 {
        right: 41.66666666666667%
    }
    .col-lg-pull-4 {
        right: 33.33333333333333%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-2 {
        right: 16.666666666666664%
    }
    .col-lg-pull-1 {
        right: 8.333333333333332%
    }
    .col-lg-pull-0 {
        right: 0
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-push-11 {
        left: 91.66666666666666%
    }
    .col-lg-push-10 {
        left: 83.33333333333334%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-8 {
        left: 66.66666666666666%
    }
    .col-lg-push-7 {
        left: 58.333333333333336%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-5 {
        left: 41.66666666666667%
    }
    .col-lg-push-4 {
        left: 33.33333333333333%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-2 {
        left: 16.666666666666664%
    }
    .col-lg-push-1 {
        left: 8.333333333333332%
    }
    .col-lg-push-0 {
        left: 0
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666666666666%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333333334%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666666666666%
    }
    .col-lg-offset-7 {
        margin-left: 58.333333333333336%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666666666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.666666666666664%
    }
    .col-lg-offset-1 {
        margin-left: 8.333333333333332%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }

	.card-list .casino-bonus .casino-nr {min-height:36px;}
}

p.q {
    border-left: 5px solid var(--main-bg-color);
    padding-left: 20px;
    font-weight: 700;
    text-transform: uppercase;
    background: #eee
}

.sec-hilite-p {
    font-weight: 600
}

.cblock-ndr-ndw-container .cblock-ndr-ndw-content {
    display: block;
    position: relative;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding: 20px 20px 15px 40px !important;
    margin: 10px 0 10px 20px !important;
    border-radius: 2px;
    border: 1px solid #ddd;
    min-height: 60px;
	border-radius: 10px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 9%);	
	background:#fff;
}

.cblock-ndr-ndw-container .cblock-ndr-ndw-content .cblock-ndr-ndw-image {
    position: absolute;
    color: #42be4c;
    background: #fff;
    border: 3px solid #2f9e51;
    border-radius: 50%;
    height: 45px;
    width: 45px !important;
    top: 10px !important;
    left: -23px !important
}

.cblock-ndr-ndw-content .cblock-ndr-ndw-image img {
    color: #2f9e51;
    position: absolute;
    display: inline-block;
    width: 23px;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.cblock-ndr-ndw-content .cblock-ndr-ndw-image i.fa {
	color: #fff;
	font-size: 30px;
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}


.terms-block .cblock-ndr-ndw-content {
    /* background-color: #e4ffe1; */
    border: 1px solid var(--main-bg-color)
}

.terms-block .cblock-ndr-ndw-content .cblock-ndr-ndw-image {
    background: var(--main-bg-color);
    border: 3px solid #fff
}

@media (max-width:767px) {
    .cblock-ndr-ndw-container .cblock-ndr-ndw-content {
        padding: 30px 20px 0 40px !important;
        margin: 28px 0 10px 0 !important
    }
    .cblock-ndr-ndw-container .cblock-ndr-ndw-content .cblock-ndr-ndw-image {
        top: -22px !important;
        left: 50% !important;
        transform: translate(-50%, 0)
    }
}

ol.steps-container {
    margin-bottom: 20px;
    padding: 15px 0 0 0;
    list-style: none;
    margin-block-start: 0;
    padding-inline-start: 0
}

ol.steps-container li {
    position: relative;
    counter-increment: item;
    padding-left: 45px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    padding-top: 3px;
    /*
	border-bottom: solid 1px var(--main-bg-color);
    color: var(--main-bg-color);
	*/
    font-weight: 400;
    margin-left: 0
}

ol.steps-container li:before {
    position: absolute;
    content: counter(item) '';
    height: 32px;
    width: 32px;
    top: -2px;
    left: 0;
    z-index: 5;
    border-style: solid;
    border-color: var(--main-bg-color);
    border-width: 2px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-weight: 600;
    line-height: 28px;
    background-color: var(--main-bg-color)
}

.block-ndr-container {
    position: relative;
    padding: 20px;
    border: 1px solid var(--main-bg-color);
    border-radius: 2px
}

.block-ndr-container .block-ndr-h2 {
    position: relative
}

.block-ndr-container img.block-ndr-ico {
    position: absolute;
    height: 50px;
    color: #2f9e51;
    top: 50%;
    left: -15px;
    transform: translate(0, -50%)
}

.block-ndr-container h2 {
    color: var(--main-bg-color);
    padding-left: 38px;
    margin-bottom: 20px;
    position: relative;
    top: 50%;
    left: 0 transform: translate(0, -50%)
}

.block-ndr-container .block-ndr-sub {
    background: var(--main-bg-color);
    color: #fff;
    padding: 20px 20px 15px 20px;
    margin-bottom: 15px
}

.block-ndr-container .block-ndr-sub h3 {
    color: #fff;
    font-family: Lato, sans-serif
}

.bonus-types-ndr-container {
    margin: 20px 0
}

.bonus-types-ndr-container .bonus-types-ndr-section {
    border: 1px solid var(--main-bg-color);
    border-radius: 10px;
    margin-bottom: 20px
}

.bonus-types-ndr-container .bonus-types-ndr-section .bonus-types-ndr-header {
    position: relative;
    border-bottom: 1px solid var(--main-bg-color);
    padding: 20px 15px 0 55px;
    background-color: var(--main-bg-color);
	border-radius:8px 8px 0 0;
}

.bonus-types-ndr-container .bonus-types-ndr-section .bonus-types-ndr-header img {
    position: absolute;
    height: 30px;
    left: 10px;
    top: 13px
}

.bonus-types-ndr-container .bonus-types-ndr-section .bonus-types-ndr-header h3 {
    color: #fff;
    font-family: Lato, sans-serif
}

.bonus-types-ndr-container .bonus-types-ndr-section .bonus-types-ndr-text {
    padding: 15px 15px 0 15px
}

.bonus-types-ndr-container .bonus-types-ndr-section {
    border: 1px solid var(--main-bg-color);
    border-radius: 10px;
    margin-bottom: 20px
}

.bonus-types-ndr-container .bonus-types-ndr-section:last-child {
    margin-bottom: 0
}

.alt-content-block .cblock-ndr-ndw-content .cblock-ndr-ndw-image {
    position: absolute;
    color: #42be4c;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 50%;
    height: 45px;
    width: 45px !important;
    top: 8px !important;
    left: -23px !important
}

.alt-content-block .cblock-ndr-ndw-image img {
    color: #2f9e51;
    position: absolute;
    display: inline-block;
    width: 28px;
    text-align: center;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.alt-content-block {
    margin-bottom: 20px
}

@media (max-width:767px) {
    .alt-content-block .cblock-ndr-ndw-content .cblock-ndr-ndw-image {
        top: 6px !important;
        left: 0 !important
    }
    .alt-content-block .cblock-ndr-ndw-content {
        padding: 20px 20px 0 40px !important;
        margin: 10px 0 10px 25px !important
    }
}

.lfm1 {
    margin: 20px 0;
    text-align: center;
    border: none;
    background: #276327;
    color: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(42, 44, 46, .2), 0 1px 1px rgba(42, 44, 46, .14), 0 1px 5px rgba(42, 44, 46, .08);
    display: flex;
    flex-direction: column;
    min-height: 200px;
    justify-content: space-evenly
}

.lfm1 .a {
    margin: 0;
    color: #fff;
    font-family: Lato, sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 1em;
    padding-bottom: 8px
}

.lfm1 .b {
    color: #fff;
    line-height: 1.4em;
    margin-bottom: 10px
}

.lfm1 .c a {
    min-width: 120px;
    display: inline-block;
    background: #fff;
    color: #276327;
    padding: 6px 10px;
    border-radius: 3px;
    margin-right: 40px;
    text-decoration: none;
    box-shadow: 0 2px 3px rgba(42, 44, 46, .2), 0 1px 1px rgba(42, 44, 46, .14), 0 1px 5px rgba(42, 44, 46, .08)
}

.lfm1 .c a:last-child {
    margin-right: 0
}

.lfm2 {
    margin: 20px 0;
    text-align: center;
    border-top: solid 1px #f8f8f8;
    background: #fff;
    color: #276327;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(42, 44, 46, .2), 0 1px 1px rgba(42, 44, 46, .14), 0 1px 5px rgba(42, 44, 46, .08);
    display: flex;
    flex-direction: column;
    min-height: 200px;
    justify-content: space-evenly
}

.lfm2 .a {
    margin: 0;
    color: #276327;
    font-family: Lato, sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 1em;
    padding-bottom: 8px
}

.lfm2 .b {
    color: #276327;
    line-height: 1.4em;
    margin-bottom: 10px
}

.lfm2 .c a {
    min-width: 120px;
    display: inline-block;
    background: #276327;
    color: #fff;
    padding: 6px 10px;
    border-radius: 3px;
    margin-right: 40px;
    text-decoration: none;
    box-shadow: 0 2px 3px rgba(42, 44, 46, .2), 0 1px 1px rgba(42, 44, 46, .14), 0 1px 5px rgba(42, 44, 46, .08)
}

.lfm2 .c a:last-child {
    margin-right: 0
}

.lfm3 {
    margin: 20px 0;
    text-align: center;
    border: none;
    background: #276327 url(/img/lfm-bg3.jpg) no-repeat center center/cover;
    color: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(42, 44, 46, .2), 0 1px 1px rgba(42, 44, 46, .14), 0 1px 5px rgba(42, 44, 46, .08);
    display: flex;
    flex-direction: column;
    min-height: 200px;
    justify-content: space-evenly
}

.lfm3 .a {
    margin: 0;
    color: #fff;
    font-family: Lato, sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 1em;
    padding-bottom: 8px
}

.lfm3 .b {
    color: #fff;
    line-height: 1.4em;
    margin-bottom: 10px
}

.lfm3 .c a {
    min-width: 120px;
    display: inline-block;
    background: #fff;
    color: #276327;
    padding: 6px 10px;
    border-radius: 3px;
    margin-right: 40px;
    text-decoration: none;
    box-shadow: 0 2px 3px rgba(42, 44, 46, .2), 0 1px 1px rgba(42, 44, 46, .14), 0 1px 5px rgba(42, 44, 46, .08)
}

.lfm3 .c a:last-child {
    margin-right: 0
}

@font-face {
    font-family: icomoon;
    font-display: swap;
    src: url(/fonts/icomoon.eot);
    src: url(/fonts/icomoon.eot#iefix) format("embedded-opentype"), url(/fonts/icomoon.ttf) format("truetype"), url(/fonts/icomoon.woff) format("woff"), url(/fonts/icomoon.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

.emoticon {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 37px;
    margin-right: 40px;
    cursor: pointer
}

.happy_mood::before {
    content: "\e90f";
    color: #049804
}

.regular_mood::before {
    content: "\e912";
    color: #c8a517
}

.sad_mood::before {
    content: "\e914";
    color: #f63c42
}

.sad_mood {
    margin: 0
}

.emoticon:hover {
    opacity: 1
}

.sad_mood_chosen {
    display: inline-block
}

.happy_mood_selected,
.regular_mood_selected,
.sad_mood_selected {
    transform: scale(1.2)
}

.mood {
    padding-left: 10px
}

.choose_mood {
    float: left;
    text-align: center;
    margin-top: 8px;
    padding-right: 10px
}

.mood_control {
    display: inline-block;
    text-align: center;
    padding-top: 10px;
    padding-left: 95px
}

.happy_mood_chosen,
.regular_mood_chosen,
.sad_mood_chosen {
    background: 0 0 !important
}

.about-casino__flag,
.single-bonus .about-casino__flag {
    width: 23px;
    height: 18px
}

.comments_wrap_div {
    margin-bottom: 14px;
    margin-top: 40px
}

.comments_wrap_div:last-child {
    margin-bottom: 0
}

.comments_wrap_div ul {
    list-style: none;
    padding: 0
}

.comments_wrap_div ul li {
    list-style-type: none
}

.comments__title {
    position: relative;
    color: #fff;
    font-family: Lato, sans-serif;
    font-size: 18px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.comments__title span {
    color: #bfbfbf;
    font-size: 14px;
    text-transform: none;
    font-family: Lato, sans-serif
}

.comments__review>ul>li {
    background: #193d15;
    padding: 10px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .72);
    padding: 23px 30px
}

.about-casino__comments-holder .comments__review>ul>li {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

@media screen and (max-width:767px) {
    .about-casino__comments-holder .comments__review>ul>li {
        padding: 10px 15px
    }
    .show-less-button-holder,
    .show-more-button-holder {
        margin-top: 20px;
        margin-left: 15px;
        margin-bottom: 20px
    }
}

.comments__review-title {
    font-size: 16px;
    font-family: Lato, sans-serif;
    color: #fff;
    padding-left: 40px;
    position: relative;
    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
}

@media screen and (max-width:767px) {
    .comments__review-title {
        display: block
    }
    .about-casino__comments-holder .comments__review-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.comment-children .comments__review-title {
    padding: 0
}

@media screen and (max-width:767px) {
    .comment-children .comments__review-title {
        padding: 0 0 0 45px
    }
}

.comments__review-title time {
    display: block;
    color: #7a7a7a;
    font-size: 12px;
    margin-top: 0;
    font-family: Lato, sans-serif
}

.comments__avatar {
    display: none;
    position: absolute;
    top: 0;
    left: -47px;
    margin: 0
}

@media screen and (max-width:767px) {
    .comments__avatar {
        left: 0
    }
}

.comment-children .comments__review-title.happy_mood_chosen:before {
    display: none
}

.comments__review-title:before {
    content: "";
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
    margin-right: 15px;
    position: absolute;
    left: 0;
    top: -4px;
    z-index: 1
}

@media screen and (max-width:767px) {
    .comments__review-title:before {
        top: 0
    }
    .about-casino__comments-holder .comments__review-title:before {
        top: -4px
    }
}

.comments__review-title.happy_mood_chosen:before {
    content: "\e90f";
    color: #049804
}

.comments__review-title.no_mood_choses:before,
.comments__review-title.regular_mood_chosen:before {
    content: "\e912";
    color: #c8a517
}

.comments__review-title.sad_mood_chosen:before {
    content: "\e914";
    color: #f63c42
}

.comments__review-comment p {
    color: #bfbfbf;
    font-size: 14px;
    line-height: 1.5
}

.comments__review-comment p:not(:last-child) {
    padding-bottom: 10px
}

.comments__new-post {
    margin-top: 50px;
    position: relative
}

.about-casino__comments-form .comments__new-post {
    margin-top: 0
}

.comments__new-post .title {
    border-bottom: none
}

.add-comment__info-btn {
    cursor: pointer;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease
}

.comments__new-post>div {
    background-color: #193d15;
    padding: 10px;
    overflow: hidden;
    border-radius: 4px
}

.about-casino__comments-form .comments__new-post>div {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.comments__review .comment-children .comments__new-post>div {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.comments__new-post .add-comment__info-popup {
    border: 1px solid rgba(255, 255, 255, .08)
}

.comments__new-post h3 {
    color: #666;
    font-size: 16px;
    font-family: Lato, sans-serif;
    margin-bottom: 20px;
    font-weight: 400
}

.about-casino__comments-form {
    margin: 25px 0 0
}

@media screen and (max-width:1023px) {
    .about-casino__comments-form {
        margin: 20px 0 0
    }
    .bonuses .about-casino__comments-form .comments__new-post>div {
        padding: 20px 15px
    }
}

@media screen and (max-width:767px) {
    .about-casino__comments-form {
        margin: 0
    }
    .bonuses .about-casino__comments-form .comments__new-post>div {
        padding: 0 15px 15px
    }
}

.about-casino__comments-form .comments__new-post h3 {
    font-size: 16px;
    text-indent: 20px;
    margin: 0
}

@media screen and (max-width:1023px) {
    .about-casino__comments-form .comments__new-post h3 {
        text-indent: 15px
    }
}

.add-comment_textfield,
fieldset {
    display: block;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: .35em;
    -webkit-padding-start: .75em;
    -webkit-padding-end: .75em;
    -webkit-padding-after: .625em;
    min-width: -webkit-min-content;
    border: 0
}

.comments__new-post .com_email,
.comments__new-post .com_name,
.comments__new-post .content,
.input {
    width: 100%;
    padding: 0 15px;
    height: 50px;
    background-color: #efefef;
    color: var(--main-text-color);
    font-size: 14px;
    font-family: Lato, Lato, sans-serif;
    font-weight: 400;
    border: 0;
    box-shadow: none;
    border-radius: 2px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .72)
}

.comm_input.content,
textarea.input {
    width: 100%;
    height: 150px;
    min-height: auto;
    padding: 20px 15px;
    overflow-y: auto;
    resize: none;
    line-height: 1.5
}

.about-casino__comments-form .comm_input.content,
.about-casino__comments-form textarea.input {
    height: 100px
}

@media screen and (max-width:767px) {
    .about-casino__comments-form .comm_input.content,
    .about-casino__comments-form textarea.input {
        height: 93px
    }
}

.comments_type_span {
    display: inline-block;
    width: 67px;
    font-weight: 700;
    font-size: 13px
}

.com_title {
    margin-left: 10px;
    font-size: 16px
}

.com_span {
    margin-left: 20px;
    font-weight: 700;
    font-size: 13px;
    width: 70px;
    float: left
}

.comments_wrap_div .btn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 11px;
    line-height: 1;
    text-align: center;
    color: #fff;
    background-color: #a3a3a3;
    padding: 9px;
    min-width: 65px;
    text-transform: uppercase;
    transition: background-color .3s;
    border: 0;
    border-radius: 4px
}

.comments_wrap_div .btn.reset {
    background-color: #4a4a4a
}

.comments_wrap_div form .btn.reset {
    margin: 0 20px 0 0
}

.comments_wrap_div .btn span {
    position: relative;
    z-index: 1;
    color: #fff;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.comments_wrap_div .btn:hover {
    background-color: #afafaf
}

.comments_wrap_div .btn:hover,
.comments_wrap_div .btn:hover span {
    color: #fff
}

.reply-form-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse
}

.reply-form-buttons .btn {
    margin: 0;
    min-width: 40%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.reply-form-buttons .btn.reset {
    margin: 0 10px 0 0
}

@media(min-width:768px) {
    .reply-form-buttons {
        display: block;
        overflow: hidden
    }
    .reply-form-buttons .btn {
        margin: 0;
        min-width: 150px
    }
}

@media screen and (min-width:1024px) {
    .comments__new-post h3 {
        font-size: 18px
    }
}

.comments__new-post .add-comment_textfield,
.comments__new-post fieldset {
    padding: 0;
    margin: 0 0 10px
}

.comments__new-post br {
    display: none
}

.comments__new-post label {
    display: inline-block;
    font-size: 13px;
    color: #bfbfbf;
    line-height: 1;
    margin-bottom: 10px
}

.comments__new-post label.nr_charcters_left {
    float: right;
    font-size: 12px
}

.comments-add form>div>label.nr_chararcters_pop_up_review {
    text-align: right;
    font-size: 12px
}

.comments__new-post input {
    width: 100%
}

.comments__new-post .btn {
    padding: 14px 10px;
    width: 194px;
    margin: 25px auto 0;
    display: block
}

@media screen and (max-width:767px) {
    .bonuses .about-casino__comments-form .comments__new-post .btn {
        width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 18px 10px;
        font-size: 12px
    }
}

@media(min-width:768px) {
    .comments__new-post .btn {
        float: right;
        width: auto;
        margin: 0
    }
    .comments__new-post>div {
        padding: 30px
    }
    .bonuses .comments__new-post>div {
        padding: 30px 15px
    }
}

.comments__type {
    display: flex;
    margin-top: 7px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.comments__type .choose_mood {
    color: #bfbfbf;
    font-size: 13px;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 20px
}

.comments__type ul {
    float: right;
    width: 86px;
    text-align: right;
    white-space: nowrap;
    margin: -4px 0 0
}

.comments__type ul li {
    display: inline-block;
    vertical-align: top;
    margin-left: 8px
}

.comments__type ul li:first-child {
    margin-left: 0
}

.comments__type ul li a {
    position: relative;
    top: 0;
    text-indent: 10000px;
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-transition: top .3s ease;
    transition: top .3s ease
}

.comments__type ul li a:hover {
    top: -2px
}

.comments__type ul li a.happy-face {
    background: url(/files/img/comments-face.png) 0 no-repeat
}

.comments__type ul li a.poker-face {
    background: url(/files/img/comments-face.png) -33px 0 no-repeat
}

.comments__type ul li a.angry-face {
    background: url(/files/img/comments-face.png) 100% 0 no-repeat
}

.mood_control {
    padding: 0 !important
}

.comments-add,
.comments-stats {
    display: block;
    margin-bottom: 15px;
    padding: 20px 0 0;
    font-family: Lato, sans-serif
}

.comments-add {
    margin-bottom: 54px
}

.comments-stats .title {
    color: #666;
    font-size: 18px;
    overflow: hidden;
    border: 0;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comments-add .title {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    overflow: hidden;
    border: 0;
    margin-bottom: 20px;
    text-transform: lowercase
}

.comments-add .title:first-letter {
    text-transform: uppercase
}

.comments-stats .title {
    margin: 0 0 20px
}

.comments-add form {
    background: #1a1a1a;
    border: 1px solid #272727;
    padding: 0 15px 10px
}

.comments-stats .title a {
    display: block;
    float: right;
    width: 150px;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    padding: 0;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    background: #3a3a3a;
    position: relative;
    z-index: 3;
    cursor: pointer;
    font-family: Lato, Helvetica, sans-serif;
    border-radius: 4px
}

.comments-stats .title a:hover:before {
    opacity: 1
}

.comments-stats .stats {
    padding: 17px 15px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    background: #193d15;
    font-family: Lato, sans-serif;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .72)
}

.comments-stats .stats>div {
    font-size: 13px;
    line-height: 19px;
    color: #bfbfbf
}

.comments-stats .stats>div:first-child {
    font-size: 16px;
    color: #a8a8a8;
    display: none
}

.comments-stats .stats>div>strong {
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 9px
}

.comments-stats .stats>div>i {
    width: 23px;
    height: 18px;
    display: inline-block;
    position: relative
}

.comments-stats .stats>div>i.icon-comments {
    margin: 0 5px -4px 0
}

.comments-stats .stats>div>i.icon-comments:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    content: "\e908";
    margin: 0
}

.comments-stats .stats>div>i.icon-happy {
    margin: 0 5px -4px 0
}

.comments-stats .stats>div>i.icon-happy:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    color: #049804;
    content: "\e90f";
    margin: 0
}

.comments-stats .stats>div>i.icon-regular {
    margin: 0 5px -4px 0
}

.comments-stats .stats>div>i.icon-regular:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    color: #c8a517;
    content: "\e912";
    margin: 0
}

.comments-stats .stats>div>i.icon-sad {
    margin: 0 5px -4px 0
}

.comments-stats .stats>div>i.icon-sad:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    content: "\e914";
    margin: 0;
    color: #db3939
}

.comments-add .title i,
.comments__new-post .title i {
    display: block;
    position: relative;
    float: right;
    width: 20px;
    height: 20px;
    margin: 0
}

.comments-add .title i:before,
.comments__new-post .title i:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    content: "\e910";
    margin: 0;
    color: #666
}

.comments-add form>div {
    overflow: hidden;
    margin-bottom: 15px
}

.comment form>div.message>div,
.comments-add form>div.message>div {
    margin: 5px 0;
    padding: 10px
}

.comment form>div.message>.success,
.comments-add form>div.message>.success {
    border: 1px solid #0c5e01;
    color: #00a500
}

.comment form>div.message>.error,
.comments-add form>div.message>.error {
    border: 1px solid #9f1515;
    color: #ba0101
}

.comments-add form>div>label {
    display: block;
    width: 100%;
    font-size: 13px;
    color: #bfbfbf;
    margin-bottom: 10px
}

.comments-add form>div>.comm_input,
.comments-add form>div>input,
.comments-add form>div>textarea {
    background: #272727;
    font-size: 13px;
    line-height: 20px;
    border: 0;
    width: 100%;
    display: block;
    padding: 15px 10px;
    color: #bfbfbf;
    float: right
}

.comments-add form>div>.comm_input {
    height: 147px;
    overflow-y: auto;
    padding: 5px
}

.comments-add form>div:last-child {
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.comments-add form>div>.error {
    clear: both;
    padding-top: 10px;
    font-family: Lato, Helvetica, sans-serif
}

.comments-add .moods .active {
    transform: scale(1.2)
}

.comments-add form>div:last-child>div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 5px 0 0
}

.comments-add form>div:last-child>div>label {
    color: #bfbfbf;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    display: block
}

.comments-add form>div:last-child>div>i {
    width: 26px;
    height: 26px;
    display: inline-block;
    cursor: pointer;
    position: relative
}

.comments-add form>div:last-child>div>i.icon-regular {
    margin-right: 15px
}

.comments-add form>div:last-child>div>i.icon-regular:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 37px;
    color: #c8a517;
    content: "\e912";
    margin: 0
}

.comments-add form>div:last-child>div>i.icon-sad:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 37px;
    content: "\e914";
    color: #db3939;
    margin: 0
}

.comments-add form>div:last-child>div>i.icon-happy {
    margin-right: 15px
}

.comments-add form>div:last-child>div>i.icon-happy:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 37px;
    color: #049804;
    content: "\e90f";
    margin: 0
}

.comments-add form>div:last-child>div>i>input {
    display: none
}

.comment {
    display: block;
    padding: 15px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #e4e4e4;
    background: #193d15;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .72)
}

.comment-children .comment {
    border: none;
    padding-top: 0;
    padding-bottom: 0
}

.comment .comment-title {
    font-size: 16px;
    color: #fff;
    line-height: 18px;
    display: block;
    position: relative;
    margin: 0 0 9px;
    padding: 0 0 0 40px
}

.comment-content p {
    word-wrap: break-word;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

.comment-content {
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

.comment-content span {
    -ms-word-break: break-word;
    word-break: break-word
}

.comment .comment-title .icon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 3px;
    left: 0
}

.comment .comment-title .happy:before {
    top: 0;
    left: 0;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
    color: #049804;
    content: "\e90f";
    margin: 0
}

.comment .comment-title .sad:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
    content: "\e914";
    color: #db3939;
    margin: 0
}

.comment .comment-title .regular:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
    color: #c8a517;
    content: "\e912";
    margin: 0;
    border: none
}

.comment .comment .comment-title .regular:before {
    display: none
}

.comment .comment .comment-title .icon,
.comment-children .comments__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 3px solid #e4e4e4;
    color: #e4e4e4;
    font-size: 16px;
    text-transform: uppercase;
    text-indent: 0;
    background: 0 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;
    top: -6px
}

@media screen and (max-width:767px) {
    .comment .comment .comment-title .icon,
    .comment-children .comments__avatar {
        top: 0
    }
}

.comment .comment-title .icon em,
.comment-children .comments__avatar em {
    font-style: normal;
    display: none
}

.comment .comment .comment-title .icon em,
.comment-children .comments__avatar em {
    display: block
}

.comment .comment-title .icon.sad {
    background-position: -65px 0
}

.comment .comment-title .icon.admin {
    background: url(/files/images/comments/admin_avatar.png) 0 no-repeat;
    background-size: cover;
    margin: 0
}

.comment .comment-title .comment-date {
    display: block;
    color: #7a7a7a;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.comment>a,
.comment__action {
    display: inline-block;
    color: #7a7a7a;
    font-size: 13px;
    clear: both;
    text-transform: uppercase
}

.comment_content_reply {
    margin: 0
}

.comment__action {
    margin: 5px 0 0 45px
}

.comment>form {
    margin: 20px 0 20px 20px
}

.comment>.reply-form {
    margin: 20px 0
}

@media screen and (min-width:768px) {
    .comment>.reply-form {
        margin: 20px 0 20px 48px
    }
    .comment-children .comment>.reply-form {
        margin: 20px 0
    }
    .comments__type {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .emoticon {
        font-size: 26px;
        margin-right: 15px
    }
    .comments__type .choose_mood {
        margin-right: 20px;
        width: auto;
        margin-bottom: 0
    }
}

.reply-form-twocolumn {
    border: none !important;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.comment>form>div:last-child {
    font-size: 0;
    line-height: 0
}

.comment>form>div>button[type=reset] {
    background: #262626;
    transition: background .3s
}

.comment>form>div>button+button {
    margin-right: 10px
}

.comment>form>div {
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0
}

.comment>form>div>.comm_input,
.comment>form>div>input,
.comment>form>div>textarea {
    background: #efefef;
    font-size: 13px;
    line-height: 20px;
    border: 0;
    width: 100%;
    display: block;
    padding: 13px 10px 12px;
    color: var(--main-text-color);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .72)
}

.comment>form>div>.comm_input {
    height: 100px;
    overflow-y: auto;
    padding: 5px
}

.comment>form>div ::placeholder {
    color: #bfbfbf
}

.comment>form>div>button[type=reset]:focus,
.comment>form>div>button[type=reset]:hover {
    background: #262626 !important
}

.comment>form>div>button,
.comments-add form>div>button {
    display: block;
    width: 150px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    padding: 0 10px;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    background: #cc2e34;
    position: relative;
    z-index: 100;
    border: 0
}

.comment>form>div>button {
    width: calc(50% - 5px);
    margin: 0 10px 0 0
}

.comment>form>div>button.reset {
    margin: 0
}

.comment>form>div>button:hover:before,
.comments-add form>div>button:hover:before {
    opacity: 1
}

.reset:hover {
    background: #262626 !important
}

.comment .comment {
    clear: both;
    margin: 20px 0 0 20px;
    border: 0;
    border-bottom: 1px solid #2e2e2e;
    padding: 0 0 20px
}

.comment .comment:last-child {
    border: 0;
    padding-bottom: 0
}

.comment .comment .comment-title {
    background: 0 0;
    margin: 0 0 20px
}

.comment .comment .comment-title .icon.admin,
.comments__avatar.admin {
    color: #f63c42
}

.comment_content_div {
    padding: 10px 0 0;
    -ms-word-break: break-word;
    word-break: break-word
}

.comment_content_div div br {
    display: none
}

.comments__review>ul>li {
    margin-bottom: 10px
}

.comments__review .comment-children {
    position: relative;
    margin-top: -11px;
    border-top: 0;
    border-radius: 4px
}

.comments__review .comment-children:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 15px;
    background: #193d15
}

.comments__review .comment-children .comment {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    border: none;
    padding-top: 0;
    padding-bottom: 25px;
    padding-left: 50px;
    padding-right: 0
}

.reply-form-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse
}

.reply-form-buttons .btn {
    margin: 0;
    min-width: 40%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.reply-form-buttons .btn.reset {
    margin: 0 10px 0 0
}

@media(min-width:768px) {
    .reply-form-buttons {
        display: block;
        overflow: hidden
    }
    .reply-form-buttons .btn {
        margin: 0;
        min-width: 150px
    }
}

.add-comment__info-popup {
    z-index: 999 !important
}

.add-comment label {
    width: 50px;
    padding-top: 3px;
    color: #b7b7b7;
    font-size: 10px;
    font-weight: 600
}

#add-comment__message,
.add-comment input,
.add-comment textarea {
    width: calc(100% - 40px);
    height: 14px;
    padding: 0 5px;
    border: none;
    color: #fff;
    background-color: #323232
}

#add-comment__message,
.add-comment textarea {
    height: 54px;
    padding: 5px
}

.add-comment button {
    height: 20px;
    padding: 0 10px;
    border: none;
    color: #e9e9e9;
    font-size: 10px;
    text-transform: uppercase;
    background: #6f6f6f;
    background: -moz-linear-gradient(top, #6f6f6f 0, #222 28%, #4a4a4a 78%, #414141 100%);
    background: -webkit-linear-gradient(top, #6f6f6f 0, #222 28%, #4a4a4a 78%, #414141 100%);
    background: linear-gradient(to bottom, #6f6f6f 0, #222 28%, #4a4a4a 78%, #414141 100%)
}

.add-comment__btn-wrap {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    padding-left: 39px;
    font-size: 8px
}

.add-comment__info {
    position: relative;
    width: 22px;
    height: 22px
}

.add-comment__info-btn img {
    width: 17px;
    height: 17px
}

.add-comment__info-popup {
    padding: 20px 15px 10px;
    position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: 13px;
    width: 304px;
    background-color: #272727;
    font-size: 8px;
    color: #efefef;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
    -webkit-transition: opacity .3s ease, visibility .3s ease;
    border-radius: 4px
}

.add-comment__info-popup.bottom {
    bottom: auto;
    top: calc(100% + 15px)
}

.popup-show .add-comment__info-popup {
    right: -122px
}

.add-comment__info-popup.shaw {
    opacity: 1;
    visibility: visible
}

.add-comment__info-popup:before {
    top: 100%;
    left: calc(100% - 19px);
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #272727;
    border-width: 9px
}

.add-comment__info-popup.bottom:before {
    top: -18px;
    border-top-color: transparent;
    border-bottom-color: #272727
}

.popup-show .add-comment__info-popup:before {
    left: calc(50% - 21px)
}

.add-comment__info-title {
    position: relative;
    padding-bottom: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    font-size: 14px;
    text-align: left
}

.popup-show .add-comment__info-popup {
    text-align: left;
    width: 305px;
    padding: 20px 15px 15px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .72);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .72);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .72)
}

.popup-show .add-comment__info-popup .bonus_border {
    margin: 0 0 15px;
    padding: 11px 10px;
    height: 40px;
    font-weight: 400
}

.add-comment__info-text dt {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    padding-bottom: 3px;
    font-weight: 700
}

.popup-show .add-comment__info-text dt,
.popup-show .add-comment__info-text.popup_text dd {
    font-size: 14px;
    font-weight: 400
}

.popup-show .add-comment__info-text.popup_text dd {
    color: #fff
}

.add-comment__info-text dd {
    display: inline-block;
    width: 54%;
    padding-bottom: 3px
}

.add-comment__info-text dt:nth-last-child(2) {
    padding-bottom: 0
}

.add-comment__info-text dd:last-child {
    padding: 0
}

.add-comment__info-text {
    line-height: 20px;
    font-size: 0
}

.add-comment__info-text p,
.add-comment__info-text ul {
    font-size: 13px
}

.add-comment__info-close {
    position: absolute;
    bottom: 83%;
    right: -2px;
    width: 14px;
    height: 14px;
    cursor: pointer
}

.add-comment__info-close:before {
    position: absolute;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    margin: 9px -3px;
    color: #bfbfbf;
    content: "\e907"
}

@media screen and (max-width:1023px) {
    .add-comment__info-close:before {
        margin: 9px -3px
    }
}

.add-comment__info-close:after {
    right: 6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.add-comment__mark {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center
}

.add-comment__mark a {
    margin-left: 5px
}

.add-comment__mark img {
    width: 12px
}

@media(min-width:1150px) {
    .comments-add form {
        padding: 10px 30px 30px
    }
    .add-comment__info-popup:before {
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }
    .add-comment__info-popup {
        transform: translateX(50%);
        right: 11px
    }
    .popup-show .add-comment__info-popup {
        right: 50%;
        cursor: default
    }
}

@media screen and (max-width:767px) {
    .comments-add form>div:last-child>div>i.icon-happy,
    .comments-add form>div:last-child>div>i.icon-regular {
        margin: 0 40px 0 0
    }
    .comments-add form>div:last-child>div>i {
        margin: 0;
        width: 37px;
        height: 37px
    }
    .comments-add form>div:last-child>div>label {
        margin-bottom: 20px
    }
    .comments-add .title,
    .comments-stats .title {
        font-size: 16px
    }
    .comments-stats .title a {
        font-size: 11px;
        line-height: 30px
    }
    .comments-stats .stats>div:first-child {
        display: none
    }
    .comments-stats .stats>div>strong {
        font-size: 13px
    }
    .comments-stats .stats>div>i {
        width: 16px;
        height: 17px
    }
    .comments-add form>div>label {
        font-size: 13px
    }
    .comment>form>div>button,
    .comments-add form>div>button {
        font-size: 11px;
        line-height: 45px;
        height: auto;
        width: 284px;
        display: inline-block;
        margin-bottom: 10px
    }
    .comment>form>div>button {
        width: calc(50% - 5px);
        margin: 0 10px 0 0
    }
    .comment>form>div>button.reset {
        margin: 0
    }
    .comments-add form>div>.comm_input,
    .comments-add form>div>input,
    .comments-add form>div>textarea {
        font-size: 12px;
        padding: 13px 5px
    }
    .comments-add form>div>.comm_input {
        height: 130px;
        padding: 5px
    }
    .comments-add form>div:last-child {
        width: 100%;
        float: none;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .comments-add form>div:last-child>div {
        padding-top: 0;
        margin-bottom: 20px;
        width: 100%
    }
    .moods .error {
        padding: 20px 0 0
    }
    .comment>form {
        margin: 10px 0
    }
    .comment>form>div>.comm_input,
    .comment>form>div>input,
    .comment>form>div>textarea {
        font-size: 12px;
        line-height: 20px
    }
}

.error {
    color: #f63c42;
    display: none;
    font-size: 12px;
    line-height: 15px;
    clear: both;
    font-family: Lato, Helvetica, sans-serif;
    padding: 10px 0 0
}

#add_comment p.alert,
li.comment p.alert {
    margin-top: 10px
}

.comment-children ul {
    padding-left: 20px
}

.list-stats,
.table>tbody>tr>td.list-stats {
    padding: 0
}

.list-stats .review-stats {
    box-shadow: none;
    margin: 0;
    padding: 2px 5px;
    background: #fff
}

.table-striped>tbody>tr:nth-child(2n+1)>td,
.table-striped>tbody>tr:nth-child(2n+1)>th {
    background-color: #E8F5FF
}

section.alt .table-striped>tbody>tr:nth-child(2n+1)>td,
section.alt .table-striped>tbody>tr:nth-child(2n+1)>th {
    background-color: #FFF
}

.table-striped>tbody>tr:nth-child(2n)>td,
.table-striped>tbody>tr:nth-child(2n)>th {
    background-color: #DCEEFC
}


.list-stats .review-stats .review-stats__icons {
    padding: 2px 0;
    margin: 0
}

.list-stats .review-stats .review-stats__icon {
    border: none
}

.list-stats .review-stats .review-stats__btn_1,
.list-stats .review-stats .review-stats__btn_2,
.list-stats .review-stats .review-stats__icon-comment {
    background: 0 0;
    color: #959595;
    opacity: 1
}

.list-stats .review-stats .review-stats__icons li {
    flex-direction: row
}

#content .list-stats .review-stats .review-stats__icons a {
    text-decoration: none
}

.list-stats .review-stats .review-stats__icon {
    flex-direction: row;
    justify-content: space-evenly;
    width: 100px;
    height: 25px;
    margin: 0;
    border-radius: 0;
    background: 0 0
}

.list-stats .review-stats .review-stats__icon .svg-icon {
    margin: 0;
    font-size: 20px
}

.list-stats .review-stats__icon,
.review-stats__icon-comment {
    color: var(--main-text-color);
    opacity: 1
}

.list-stats .review-stats__icons span {
    color: var(--main-text-color)
}

.comments__review .comment-children:before,
.comments__review>ul>li {
    background: #f4f4f4
}

.comment,
.comments__new-post label,
.comments__new-post>div,
.comments__review-title {
    color: var(--main-text-color);
    background: #f4f4f4
}

.comment .comment .comment-title .icon,
.comment-children .comments__avatar {
    color: var(--main-text-color);
    border: 3px solid #222
}

.comments__new-post .com_email,
.comments__new-post .com_name,
.comments__new-post .content {
    background-color: #fff;
    color: var(--main-text-color);
    box-shadow: none
}

.comment>form>div>.comm_input,
.comment>form>div>input,
.comment>form>div>textarea {
    background-color: #fff;
    color: var(--main-text-color);
    box-shadow: none
}

span.ndr-bonus {
    font-weight: 700;
    font-size: 1.1em
}

.ndr-bonus-code {
    font-size: 0.9em;
}

.table-bonus span.alert {
    padding: 0
}

.alert-tiny {
    font-size: 13px
}

@media(max-width:413px) {
    span.ndr-bonus {
        font-size: .9em
    }
    .card-list .casino-bonus {
        text-align: center
    }
}

.fav {
    background: #f2f2f2;
    padding: 40px 0 30px 0;
    text-align: center;
}

.fav div.t {
    color: var(--main-text-light-color);
    font-size: 24px;
    font-weight: 700;
    display: inline-block;
    font-family: Lato, sans-serif;
    margin-bottom: 20px
}

.fav .card-list-item {
    width: 25%
}

.newsletter-reg {
    background: var(--main-bg-color);
    padding: 40px 20px;
    text-align: center;
	margin-top:20px;
}

.newsletter-reg.lazy-bg-loaded {
    background: var(--main-bg-color) url(/img/newsletter-reg_2023.jpg) no-repeat center center/cover;
}

.newsletter-reg .container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.newsletter-reg .fields {
    width: 50%
}

.newsletter-reg h3 {
    color: #fde20f;
    font-weight: 700
}

.newsletter-reg p {
    color: #fff
}

#footer {
    padding: 10px 0
}

#footer img.footer-img {
    max-width: 200px;
    margin-bottom: 20px
}

#footer h3 {
    margin-bottom: 10px
}

#footer .row {
    margin-bottom: 0
}

#footer .resp {
    margin: 15px 0 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}

#footer .resp img {
    max-width: none;
    margin-bottom: 10px
}

#footer .resp>div {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around
}

#footer .bottom {
    margin-top: 20px;
    padding: 0
}

#footer .copyright ul {
    padding: 0;
    list-style: none;
    display: flex;
	flex-wrap:wrap;
    justify-content: space-between;
}



#footer .menu {
    margin: 0;
    padding: 0;
    list-style: none
}

#footer .menu a {
    font-size: 14px;
    text-decoration: none;
}

#footer .menu a:hover {
    text-decoration: underline
}

#footer .sbs {
    font-size: 14px
}

#footer .copyright,
#footer p {
    font-size: 14px !important
}

@media(min-width:768px) and (max-width:1199px) {
    .fav .card-list-item {
        width: 50%;
        margin-bottom: 15px
    }
}

@media(max-width:767px) {
    .fav .card-list-item {
        width: 100%;
        margin-bottom: 15px
    }
}

@media(max-width:414px) {
    .newsletter-reg .fields {
        width: 100%
    }
    #footer .menu {
        margin-bottom: 20px
    }
    #footer .resp>div {
        flex-wrap: wrap
    }
	/*
    #footer .resp img {
        max-width: 80%
    }
	*/
	
	#footer .menu a {
		margin:7px 0;
		display:inline-block;
	}
	.cta-container-right a:last-child {margin-top:10px;}

	#footer .copyright ul li {width:50%;}
	#footer .copyright ul li:nth-child(2n) {text-align:right;}

}

.faq-container {margin:30px 0;}
.faq-container .faq-item {
    margin-bottom: 10px;
    padding: 0;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.09);
}

.faq-container .faq-item>button {
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    margin: 0;
    background: 0 0;
    border: 0;
    background-color: #fff;
    color: var(--main-link-color);
    padding: 15px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 4px
}

.faq-container .faq-item>button.collapsed {
    color: var(--main-text-light-color);
    /* background-color: transparent */
}

.faq-container .faq-item .content {
    padding: 10px 15px;
    border-top: 1px solid #e5e5e5;
    background-color: #fff;
    border-radius: 0 0 4px 4px
}

.faq-container .faq-item .content p:last-child {
    margin-bottom: 0
}

.faq-container .faq-item>button:after,
.faq-container .faq-item>button:before {
    position: absolute;
    content: ' ';
    width: 8px;
    height: 2px;
    display: block;
    background: #bdbdbd;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.faq-container .faq-item>button:before {
    right: 20px;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.faq-container .faq-item>button:after {
    right: 15px;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.faq-container .faq-item>button.collapsed:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.faq-container .faq-item>button.collapsed:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.faq-container.home-page {}
.faq-container.home-page .faq-item {margin-bottom:1px;border: 1px solid var(--main-link-color);}
.faq-container.home-page .faq-item>button {background-color: var(--main-link-color);color: #fff;}

.home-trusted {display:flex;align-items:center;}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.pl {
    margin-left: 0;
    list-style: none;
    counter-reset: counter;
	margin-bottom:30px;
}

.try.center .pl {display:inline-block;text-align:left;}

.pl li {
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    margin: .5em 1em .5em -1.5em;
    background: #eeefee;
    color: var(--main-text-color);
    text-decoration: none;
    border-radius: .3em;
    /* transition: all .3s ease-out */
}

.pl>li:before {
    counter-increment: counter;
    content: counter(counter);
    position: absolute;
    top: -1px;
    margin-top: 0;
    background: 0 0;
    color: var(--main-bg-color);
    height: 2.5em;
    left: -1em;
    width: 2.5em;
    line-height: 2em;
    border: .3em solid transparent;
    text-align: center;
    font-weight: 700;
    border-radius: 2em;
    /* transition: all .3s ease-out */
}

ul.pl>li:before {
    content: ""
}

ul.pl.neg>li:before {
    background: red
}

.pl.star>li:before {
    font-family: 'Glyphicons Halflings';
    content: "\e006"
}

.pl.asterisk>li:before {
    font-family: 'Glyphicons Halflings';
    content: "\002a"
}

.pl.yes>li:before {
    font-family: 'Glyphicons Halflings';
    content: "\e013"
}

.pl.no>li:before {
    font-family: 'Glyphicons Halflings';
    content: "\e014";
    color: red
}

.pl.gift>li:before {
    font-family: 'Glyphicons Halflings';
    content: "\e102"
}

.pl.hand>li:before {
    font-family: 'Glyphicons Halflings';
    content: "\e127"
}

.pl.chevron>li:before {
    font-family: 'Glyphicons Halflings';
    content: "\e080"
}

.pl li {
    background: 0 0;
    padding: 0 0 0 1em;
    margin-left: -1.8em
}

.pl li:before {
    margin-top: 0;
    width: 25px;
    height: 25px;
    font-weight: 400;
    left: -1em;
    font-size: 10px
}

ol.pl > li {padding-left:1.5em;}
ol.pl li:before {
    font-weight: 700;
	background: var(--main-bg-color);
	border-radius:50%;
	color:#fff;
}

p.pp {
    font-weight: 700;
    margin-bottom: 20px
}

p.bold {font-weight: 700;}


p.eg {
    font-style: italic;
    margin-bottom: 20px;
    font-size: 1.1em
}

.example-container {
    display: flex;
    margin-bottom: 20px
}

.example-container h2,
.example-container h3,
.example-container h4 {
    background-color: var(--main-bg-color);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px;
    font-size: 20px;
    text-align: center;
    margin: 0;
    color: #fff
}

.example-container img {
    max-width: 120px
}

.example {
    flex: 1;
    border-radius: 10px;
    padding: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    transform: scale(1);
    background-color: #fff;
    border-top: solid 1px #f5f5f5;
    margin: 20px 0
}

.example div {
    background-color: #f8f8f8;
    padding: 10px 15px;
    display: block
}

.example span.inline-bonus-code {
    background: #08670e;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 5px;
    display: inline
}

@media (max-width:768px) {
    .example-container {
        display: block
    }
    .example {
        flex: unset;
        margin: 5px auto
    }
    .example-container h2 br {
        display: none
    }
}

@media (max-width:414px) {
    .faq-container .faq-item {
        margin-bottom: 5px;
    }
    .example {
        margin-bottom: 20px
    }

	.home-trusted {flex-direction:column;}

}

.rounded {
    border-radius: 6px
}

.try {
    position: relative;
    border: solid 1px var(--main-bg-color);
    background: #fff;
    border-radius: 6px;
    margin: 35px 0 30px 0
}

.try.center {
    text-align: center
}

.try>div {
    padding: 0 20px 20px 20px
}
.try>div.cta-container {padding: 0;}
.try .row {
    padding: 35px 25px 20px 25px;
    margin-bottom: 0
}

.try h2,
.try h3 {
    margin-bottom: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.try p.eg {
    font-weight: 400;
    color: var(--main-bg-color)
}

.try .reqs {
    display: inline-block;
    text-align: left;
    font-weight: 400
}

.nobot {
    margin-bottom: 0
}

.exp {
    display: block;
    font-size: 1.1em;
    margin: 0;
    border-radius: 5px;
    position: absolute;
    top: -18px;
    min-width: 150px;
    margin-left: -75px;
    left: 50%;
    background: var(--main-bg-color);
    color: #fff;
    font-weight: 700;
    border: 1px solid var(--main-bg-color);
    text-align: center;
    padding: 6px 6px 6px 10px;
    letter-spacing: .15em
}

.try.alt {
    background: var(--main-bg-color);
    color: #fff
}

.try.alt a, .try.alt > .row h4 {color: #fff}

.try.alt .exp {
    background: #fff;
    color: var(--main-bg-color);
    min-width: 200px;
    margin-left: -100px
}

.cards-container {
    margin: 20px;
    text-align: center
}

.cards-container .card h3 {
    padding: 10px;
    margin-top: 0
}

.row .cards-container .card ul {
    text-align: left
}

.row .cards-container .card ul>li {
    margin: 1px;
    border: none;
    padding: 6px;
    background-image: none
}

.row .cards-container .card ul.pl {
    padding-left: 0
}

.row .cards-container .card ul.pl>li {
    padding-left: 15px
}

.row .cards-container .card ul.pl>li:before {
    margin-top: 6px
}

.cards-container .card li p {
    margin-bottom: 2px
}

.card {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    transform: scale(1);
    background-color: #fff;
    margin-right: 0
}

.col-md-6.card {
    width: 48%;
    margin: 0 1%
}

.col-md-4.card {
    width: 31.3333%;
    margin: 0 1%;
    float: left
}

.col-md-4.card.mh280 {
    min-height: 280px
}

.row .cards-container ul.slick-dots {
    height: 12px;
    padding: 0;
    display: inline-block;
    margin: 0
}

.row .cards-container ul.slick-dots li {
    border: none !important;
    background-image: none;
    font-size: 0;
    float: left;
    padding: 2px 5px
}

.row .cards-container ul.slick-dots li button {
    background-color: #eee;
    border: 1px solid #666;
    border-radius: 7px;
    box-shadow: inset 1px 1px 1px #888;
    height: 14px;
    width: 14px;
	margin:0 5px;
}

.row .cards-container ul.slick-dots li.slick-active button {
    background-color: #234356;
    box-shadow: inset 2px 0 2px -2px #333
}

.country-slider {
    display: flex
}

.country-slider div.country {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    transform: scale(1);
    background-color: #fff;
    text-align: center;
    margin: 20px 5px;
    padding: 10px;
    display: flex;
    justify-content: center
}

.country-slider div.country a {
    display: flex;
    flex-direction: column
}

.country-slider div.country a img {
    margin-bottom: 10px;
    align-self: center
}

.sw-slider {
    display: flex
}

.sw-slider div.sw {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    transform: scale(1);
    background-color: #fff;
    text-align: center;
    margin: 20px 5px;
    padding: 10px;
    display: flex;
    justify-content: center;
    min-height: 132px;
    flex-direction: column
}

.sw-slider div.sw a {
    display: flex;
    flex-direction: column
}

.sw-slider div.sw a img, .sw-slider div.sw img {
    margin-bottom: 10px;
    align-self: center;
	width:80px;
	height:30px;
}

@media only screen and (max-width:767px) {
    .my-slider .card.slick-slide {
        margin: 8px;
        padding: 0 15px;
        border: 1px #f4f4f4 solid
    }
    .my-slider .card>* {
        float: none
    }
}

.latest-bonuses article {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15)
}

.latest-bonuses .abstract img.box {
    border: 0;
    border-radius: 0;
    background: #fff;
    padding: 10px
}

.latest-bonuses .bonus-text {
    border: 0;
    background: #f5f5f5;
    color: var(--main-text-color);
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0 0 2px #0;
    border-radius: 0
}

.latest-bonuses .bonus-text a {
    color: #020202;
    border: 1px solid #ffe638;
    background: #ffe638;
    font-size: 14px;
    padding: 5px 10px;
    line-height: 1.5;
    border-radius: 3px;
    margin-top: 10px;
    display: block
}

.latest-bonuses .bonus-text a.rr {
    color: var(--main-bg-color);
    background: 0 0;
    border: 0;
    font-size: 12px;
    margin-top: 0
}

.date-added {
    font-weight: 700;
    font-size: 12px
}

.game-cta {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    background: #fff;
    display: flex;
    margin-bottom: 20px
}

.game-cta:after {
    display: table;
    content: '';
    clear: both
}

.game-cta .left {
    width: 33.334%
}

.game-cta .right {
    width: 66.666%;
    padding: 15px
}

ul.d-flex {
    display: flex;
    flex-wrap: wrap
}

.d-flex li {
    flex: 0 0 32%;
    margin: 5px
}

ul.pup {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.4em;
    position: relative;
    margin: 40px 0 0 0;
    padding: 0;
    list-style-position: inside
}

ul.pup>li {
    display: block;
    position: relative;
    background-color: #f6f6f6;
    padding: 30px 20px 20px 20px !important;
    border: 1px solid #eee;
    min-height: 60px;
    list-style-type: none;
    margin-bottom: 30px;
	
	border-radius: 10px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.09);
}

ul.pup>li i {
    position: absolute;
    top: 23px;
    left: -10px;
    font-size: 20px;
    display: inline-block;
    width: 35px;
    text-align: center;
    left: 50%;
    top: -21px;
    margin-left: -22px;
    background: var(--main-bg-color);
    color: #fff;
    border: 3px #fff solid;
    min-width: 45px;
    min-height: 45px;
    line-height: 39px;
    border-radius: 50%
}

ul.pup>li > p:last-child {margin-bottom:0;}


ul.icon-box {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.4em;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-position: inside;
	margin-left:18px;
}

ul.icon-box>li {
    display: block;
    position: relative;
    background-color: #f6f6f6;
    padding: 20px 20px 20px 35px !important;
    border: 1px solid #eee;
    min-height: 60px;
    list-style-type: none;
    margin-bottom: 30px;
	
	border-radius: 10px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.09);
}

ul.icon-box>li i {
    position: absolute;
    top: 50%;
    left: -22px;
    font-size: 20px;
    display: inline-block;
    width: 35px;
    text-align: center;
    background: var(--main-bg-color);
    color: #fff;
    border: 3px #fff solid;
    min-width: 45px;
    min-height: 45px;
    line-height: 39px;
    border-radius: 50%;
	transform:translateY(-50%);
}

ul.icon-box>li h3 {margin-bottom:10px;}
ul.icon-box>li p:last-child {margin-bottom:0;}

ul.icon-box.icon-pros>li i {background:green;}
ul.icon-box.icon-cons>li i {background:red;}

@media (max-width:767px) {
    .d-flex li {
        flex: auto !important
    }
}

@media (max-width:414px) {
    .game-cta {
        flex-direction: column
    }
    .game-cta .left {
        width: 100%;
        height: 200px
    }
    .game-cta .right {
        width: 100%
    }


	ul.icon-box {margin-left:0;}
	ul.icon-box>li {padding: 40px 20px 20px 20px !important;margin: 40px 0 30px 0;}
	ul.icon-box>li i {top: 0;left: calc(50% - 22.5px);}
}

@media (min-width:1200px) and (max-width:1280px) {
    .latest-bonuses .bonus-text a {
        min-height: 54px
    }
}

span.flex.items-center svg.c-blue {
    margin-right: 3px
}

#popover-results-filter-top .popover {
    max-width: 100%;
    width: 400px
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.c-text-default {
    color: #4a5b68
}

.my-m {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.flex {
    display: flex
}

.fs-s {
    font-size: 12px;
    line-height: 14px
}

.c-blue {
    color: #0580ff;
    fill: #0580ff
}

@media (max-width:768px) {
    .alert.alert-info strong {
        display: inline-block;
        font-size: 9px
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.review-stats.stats-flex {
    display: flex;
    justify-content: space-evenly;
    padding: 4px 0
}

.review-stats.stats-flex>div {
    width: 20%;
    display: flex;
    justify-content: center;
    color: var(--main-text-color);
    font-size: 13px
}

.review-stats.stats-flex a {
    font-weight: 700;
    text-decoration: none !important;
    color: var(--main-text-color)
}

.review-stats.stats-flex svg {
    margin: 0 10px;
    color: var(--main-text-color)
}

@media (max-width:414px) {
    .review-stats.stats-flex>div {
        flex-direction: column;
        text-align: center;
        font-size: 14px;
        margin: 0 6px
    }
    .review-stats.stats-flex svg {
        margin: 2px 5px 0 0;
        align-self: center
    }
    .dive {
        display: block;
    }
}

.loadmore {
    text-align: center
}

#content .loadmore a {
    background: var(--main-bg-color);
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px
}

.dive {
    border-radius: 5px;
    background: var(--main-bg-color);
    color: #fff;
    font-weight: 700;
    border: 1px solid var(--main-bg-color);
    text-align: center;
    padding: 6px 6px 6px 10px;
    letter-spacing: .05em;

	border-radius: 100px;
	padding: 10px 20px;
	text-decoration: none !important;
	margin-bottom:10px;
}

.dive:hover {
    color: #ffe638
}

.dive > i::before {
	background: var(--section-bg-color);
	padding: 5px;
	color: var(--main-bg-color);
	border-radius: 50%;
	font-size: 16px;
	width: 26px;
	height: 26px;
	text-align: center;
}

.dive.dive-flex {display:inline-flex;align-items:center;}
.dive.dive-flex img {display:inline-flex;}

.dive .dive-flag {
	/* background: url(/img/flag/fr.png) no-repeat center center / 26px 26px; */
	width: 26px;
	height: 26px;
	display: inline-block;
	margin-right: 6px;
}
.dive .dive-flag.dive-ca {background: url(/img/flag/ca.png) no-repeat center center / 26px 26px;}
.dive .dive-flag.dive-in {background: url(/img/flag/in.png) no-repeat center center / 26px 26px;}
.dive .dive-flag.dive-nl {background: url(/img/flag/nl.png) no-repeat center center / 26px 26px;}
.dive .dive-flag.dive-nz {background: url(/img/flag/nz.png) no-repeat center center / 26px 26px;}
.dive .dive-flag.dive-uk {background: url(/img/flag/uk.png) no-repeat center center / 26px 26px;}
.dive .dive-flag.dive-us {background: url(/img/flag/us.png) no-repeat center center / 26px 26px;}
.dive .dive-flag.dive-za {background: url(/img/flag/za.png) no-repeat center center / 26px 26px;}

.dive.dive-flex i::before {margin-top: 3px;margin-left: 6px;}

.glyphicon.yes {
    color: var(--main-bg-color)
}

.glyphicon.no {
    color: red
}

.related-content .nav-tabs {
    list-style: none;
    padding: 0;
    display: none;
}

.try.longer {
    margin-top: 45px
}

.try.longer .row {
    padding-top: 45px;
	position:relative;
}

.try.longer .exp {
	position:absolute;
	top:0;
	transform:translateY(-50%);
    width: 300px;
    margin-left: -150px;
}

.slot-game {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    transform: scale(1);
    background-color: #fff;
    text-align: center;
    margin: 20px 5px;
    padding: 10px;
}

.slot-game__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slot-game__logo {
    max-width: 140px;
    align-self: center;
}

.slot-game__title {
    font-weight: bold;
    margin: 10px;
    padding: 0;
    min-height: 48px
}

.slot-game__spins {
    margin: 0 10px;
    padding: 0;
}

.slot-game__text {
    font-size: 0.8em;
    padding: 0;
    display: inline-block;
    border: solid 1px #444;
    border-radius: 4px;
    background: #eee;
    margin: 10px;
}

@media (max-width:767px) {
    .slot-game__title {
        min-height: 55px
    }
    .slot-game__link {
        min-height: 48px
    }
}

/* .latest-bonuses .post-image a {position:relative;} */

.featured.no1,
.featured.no2,
.featured.no3,
.featured.no4,
.featured.no5,
.featured.no6,
.featured.no7,
.featured.no8,
.featured.no9,
.featured.no10 {
    left: 0;
}

.latest-bonuses .bonus-text a {
    min-height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.latest-bonuses img.flag {
    width: 32px;
    position: absolute;
    right: 20px;
    top: 0;
}

.latest-bonuses img.flag-not-accepted {
    width: 32px;
    position: absolute;
    right: 20px;
    top: 0;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 350px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title, .popover-header {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px;
    max-height: 300px;
    overflow-y: auto;
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    content: "";
    border-width: 10px
}

.popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.popover.right>.arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.popup-bonus__footer-close {
 font-weight:700;
 position:absolute;
 bottom:2px;
 right:2px;
 padding:2px;
 cursor:pointer;
 font-size:12px
}

.pop-terms {
    text-align: center;
    position: relative;
    font-size: 14px;
}

.pop-terms h2 {
    font-size: 16px;
    color: #003100;
    margin-bottom: 15px;
}

.pop-terms p {
    font-size: 12px;
}

.pop-close {
    font-weight: bold;
    position: absolute;
    top: 2px;
    right: 20px;
    padding: 2px;
    cursor: pointer;
    font-size: 14px;
    color: green;
}

.recent-casinos-flex li {
    display: flex;
}

.recent-casinos-flex-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: 100px;
}

.recent-casinos-flex-details p {
    margin: 0;
    text-align: center;
}

.recent-casinos-flex-details span {
    margin: 5px 0;
    text-decoration: underline;
    font-size: 12px;
}

.recent-casinos-flex-details a.tandc {
    color: var(--main-text-color);
    font-size: 12px;
    margin: 5px 0;
}

.cta-container .tandc,
.cta-container .sigterms {
    display: block;
    color: var(--main-text-color);
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

.card-list .recommended_item.recommended_item-flex {
    display: flex;
	justify-content: space-around;
}

.recommended_item-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.recommended_item-details .recommended_item-title {
    top: auto;
}

.recommended_item-details .card_desc-action-buttons {
    bottom: auto;
    position: relative;
    left: auto;
    right: auto;
}

.card-list .recommended_item-details .casino-bonus {
    text-align: center;
}

.recommended_item-details .tandc,
.recommended_item-details .sigterms {
    display: block;
    color: var(--main-text-color);
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 10px;
}

.latest-bonuses span[class*="featured no"] {
    left: 15px;
}

.latest-bonuses .bonus-text .pop-terms a {
    color: var(--main-bg-color);
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
    min-height: auto;
    border: 0;
    padding: 0;
    background: transparent;
    line-height: 1.5;
    margin: 0 0 5px 0;
    font-weight: 400;
}

.latest-bonuses .bonus-text a.tandc,
.latest-bonuses .bonus-text .sigterms {
    display: block;
    color: var(--main-text-color);
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
    min-height: auto;
    border: 0;
    padding: 0;
    background: transparent;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
}

.review-bonus-intro .popover-content .pop-terms p {
    color: var(--main-text-color)
}

#content .row.review-bonus-intro .tandcs .popover-content .pop-terms a {
    color: var(--main-bg-color);
    text-decoration: underline;
}

.review_table .terms-apply {
    display: inline;
    margin: 0 0 0 10px;
}

.latest-bonuses .bonus-code {
    font-size: 12px
}

.bonus-details-block {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

.bonus-details-block h3.bonus-title {
    border: 0;
    margin: 0;
}

.bonus-details-block ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.bonus-details-block li {
    display: flex;
    padding: 10px;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

.bonus-details-block li:last-child {
    border-bottom: 0;
}

.bonus-details-block strong {
    margin-left: 10px;
}

.bonus-details-block p {
    padding-bottom: 10px;
}

.bonus-details-block p a.btn {
    width: 80%
}

.casino-attribute-block {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

.casino-attribute-block h2 {
    border: 0;
    margin: 0;
    background: #eee;
    padding: 10px;
    color: var(--main-bg-color);
    font-size: 20px;
}

.casino-attribute-block ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.casino-attribute-block li {
    display: flex;
    padding: 10px;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

.casino-attribute-block li:last-child {
    border-bottom: 0;
}

.casino-attribute-block strong {
    margin-left: 10px;
}

.casino-attribute-block p {
    padding-bottom: 10px;
}

.lfm {
    display: flex;
    align-items: stretch;
    margin: 30px 0 !important;
}

.lfm>div {
    display: flex;
    align-items: stretch;
}

.lfm-box {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    background: #fff;
    text-align: center;
    flex: 1;
    margin-bottom: 20px;
}

.lfm-text {
    padding: 10px;
    min-height:
}

.lfm-text a {
    display: block;
    margin-bottom: 10px;
}

.lfm img {
    width: 100%;
}

@media (max-width:414px) {
	.recommended_item-details .tandc, .recommended_item-details .sigterms {
		margin: 15px 0 10px 0;
	}
    .review_table .terms-apply {
        display: block;
        margin: 20px 0 0 0;
    }
    .lfm {
        flex-direction: column;
    }

	.card-list .recommended_item.recommended_item-flex {
		display: flex;
		justify-content: space-around;
		flex-direction: column;
		align-items: center;
	}
}

@media(max-width:768px) {
    .site-restricted_outer {
        display: none;
    }
}

@media(min-width:769px) {
    .site-restricted_outer {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 990;
    }
    .site-restricted_outer .site-restricted_cover {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 995;
        background: rgba(0, 0, 0, 0.85);
    }
    .site-restricted_outer .site-restricted_inner {
        z-index: 999;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: 90%;
        overflow: auto;
        background: #fff;
        box-sizing: border-box;
        padding: 20px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
        border-radius: 4px;
        width: 520px;
        padding-left: 220px;
        background: #fff url('/img/players-blocked.png') 20px center no-repeat;
    }
    .site-restricted_outer .site-restricted_inner>h2 {
        font-size: 30px;
        font-weight: 200;
        margin: 20px 0 40px;
        text-align: center;
    }
    .site-restricted_outer .site-restricted_inner>p {
        font-size: 20px;
        font-weight: 200;
        text-align: center;
        line-height: 1.3em;
    }
}

.example_block {
    border: 2px solid #add67e;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.example_head {
    background: #add67e;
    color: #FFF;
    font-size: 20px;
    padding: 15px 40px 15px 40px;
    text-align: center;
}

.example_content {
    background: #fafafa;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 14px;
    padding: 20px 40px 20px 40px;
    width: 100%;
}

.special_tab {
    background: #FFF;
    border: 5px solid #5c8b27;
    border-radius: 10px;
    color: #5c8b27;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px 20px 10px 20px;
    text-align: center;
    width: 80%;
}

.best-casino-wrapper .more-bonuses {
	background-color: #fff;
	box-shadow: 0 0 18px #0000001f;
	border-radius: 10px;
	margin: 0 0 20px;
	padding: 10px;
}

.more-bonuses-header {
 font-weight:700;
 width:auto!important;
 color:#333;
 margin-top:0
}
.more-bonuses-container {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap
}
.more-bonuses-container>div {
 display:flex;
 width:49%;
 border:solid 1px #d8d8d8;
 background:#f8f8f8;
 border-radius:8px;
 padding:2px 6px;
 margin:2px 2px 2px 0;
 align-items:center
}
.more-bonuses a {
 text-decoration:none;
 font-weight:700;
 font-size:14px;
 color:#333!important
}

@media (max-width:767px) {
	.more-bonuses-container > div {width: 100%;}
}