:root {
    --yellow: #ffc72c;
    --dark-yellow: #eeb825;
    --dark-blue: #002F6C;
    --red: #FF5643;
    --white: #fff;
    --body: #0c1719;
    --footer: #20282E;
    --footer-border: #434D54;
    --table-border: #D3DADF;
    --table-terms: #AEB1BE;
    --disclaimer: #949FA8;
}

a:hover {text-decoration: none;}

/*Filter color from black*/
.filter-gray {filter: invert(69%) sepia(9%) saturate(342%) hue-rotate(165deg) brightness(89%) contrast(91%);}

/* Main css */
body.img {background: url("../../images/body-bg.png"), var(--body); background-repeat: no-repeat;}
body {overflow-x: hidden;color: #fff;font-size: 1rem;line-height: 1.4;font-family: 'Open Sans', sans-serif;text-align: left;transition: all 200ms linear;position: relative;background-color: var(--body);}
#article {padding: 10px 20px;overflow:hidden;position: relative;}
.container {width: 1200px; max-width: 100%;}
h1, h2, h3, h4, h5, h6 {clear: both;font-family: 'Open Sans', sans-serif;}
h1 {font-size: 2.1rem;color: var(--white);text-align: center;font-weight: 700;margin: 20px 0;}
h1 span {color: var(--yellow); display: inline;}
h2 {font-size: 1.75rem; font-weight: 700; margin: 20px 0; color: var(--red);}
#footer {background-color: var(--footer);margin-top: 1.5em;padding: 0 20px;}
#footer .title {color: var(--red); font-size: 1rem;}
#footer .disclaimer {color: var(--disclaimer); font-size: 12px;}
#footer .links {border-bottom: 1px solid var(--footer-border);}
#footer a {color: var(--white); line-height: 1.5;}
#footer a:hover {color: var(--disclaimer);}
.company-130[class*="bg-"] {width: 130px;height: 80px;}
[class*="company-"][class*="bg-"] {margin: 0 auto;padding: 5px;border-radius: 6px;}
[class*="brand-"] {display: block;text-indent: -9999px;text-align: left;background-repeat: no-repeat;background-size: 70%;background-position: center center;}

.bg-1bet {background-color: #21272a;}
.bg-hotbet, .bg-pribet, .bg-olympusbet {background-color: #000;}
.bg-winstler {background-color: #1f2029;}
.bg-dreambet {background-color: #040c21;}
.bg-bankonbet {background-color: #fff;}
.bg-22bet {background-color: #054146;}
.bg-20bet {background-color: #0d1d34;}
.bg-dachbet, .bg-zodiacbet {background-color: #f5f5f7;}

.brand-1bet {background-image: url("../../images/brands/1bet.svg");}
.brand-hotbet {background-image: url("../../images/brands/hotbet.svg");}
.brand-winstler {background-image: url("../../images/brands/winstler.png");}
.brand-dreambet {background-image: url("../../images/brands/dreambet.svg");}
.brand-bankonbet {background-image: url("../../images/brands/bankonbet.svg");}
.brand-22bet {background-image: url("../../images/brands/22bet.svg");}
.brand-20bet {background-image: url("../../images/brands/20bet.svg");}
.brand-pribet {background-image: url("../../images/brands/pribet.svg");}
.brand-dachbet {background-image: url("../../images/brands/dachbet.svg");}
.brand-olympusbet {background-image: url("../../images/brands/olympusbet.svg");}
.brand-zodiacbet {background-image: url("../../images/brands/zodiacbet.svg");}


.stars {width: 100px;height: 23px;text-align: center;position: relative;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);left: 50px;top: 15px;}
.stars-ghost {width: 0px;position: relative;float: left;overflow: hidden;height: 100%;z-index: 2;}
.stars .star:nth-child(1) {left: 0;}.stars .star:nth-child(2) {left: 20px;}.stars .star:nth-child(3) {left: 40px;}.stars .star:nth-child(4) {left: 60px;}.stars .star:nth-child(5) {left: 80px;}
.stars .star {width: 20px;position: absolute;top: 0;font-size: 16px;color: var(--yellow);}
.rating {position: relative;}
.rating-txt {position: absolute;top: 25px;left: 115px;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);}
.bold {font-weight: bold;}
.brand-table {max-width: 100%; color: var(--dark-blue); font-size: 0.8rem;}
.brand-table .bonus-text {font-weight: bold; text-transform: uppercase;}
.brand-table .bonus {color: var(--red); font-size: 1.75rem; font-weight: bold; line-height: 1.2;}
.brand-table .border-t { border-top: 1px solid var(--table-border);}
.brand-table .row {background: var(--white); color: var(--dark-blue); border-radius: 10px; padding: 10px 0 5px;; margin-bottom: 7px; text-indent: 0;}
.brand-table .rec-rating.top-rev-v {transform: scale(.65);-webkit-transform: scale(.65);margin: 0;left: -6px;position: absolute;}
.go-btn {background: var(--yellow);color: var(--dark-blue);box-shadow: 0px 2px 5px var(--dark-blue);display: block;width: 70%;margin: 0 auto;padding: 10px 0;border-radius: 6px;text-align: center;font-weight: bold;}
.go-btn:hover {background-color: var(--dark-yellow); color: var(--white);}
.terms{text-align: right;margin: .5rem 0;font: .65rem 'Open Sans', sans-serif;color: var(--table-terms);}
.brand-table .terms.sp{margin-bottom: 0;text-align: left;}

@media screen and (max-width: 991px){
	.rating-txt {left: 120px;}
    .brand-table .bonus {font-size: 1.55rem;}
}
@media screen and (max-width: 767px){
	.company-130[class*="bg-"] {width: 110px;height: 65px;}
}
@media screen and (max-width: 575px){
	.brand-table .bkm, .brand-table .rating{ margin-bottom: 1rem;}
    .brand-table .bonus-box {border-top: 1px solid var(--table-border); padding: 1rem;}
	body {font-size: .85rem;}
	h1 {font-size: 1.85rem;}
	h2 {font-size: 1.5rem;}
}
@media screen and (min-width: 992px){
	.brand-table .border-l { border-left: 1px solid var(--table-border);}
    .brand-table .border-r { border-right: 1px solid var(--table-border);}
}
@media screen and (min-width: 1400px){
	body.img::before {background-image: url("../../images/bg-soccer.png");}
    body.img::after {background-image: url("../../images/bg-roulette.png");}
    body.img::before, body.img::after {content: "";background-repeat: no-repeat;background-size: contain;background-position: center center;position: absolute;display: block;max-width: 100%;height: 719px;top: 15px;z-index: -1;}
    body.img::before {width: 505px;left: 0;}
    body.img::after {width: 358px;left: 72%;}
}
@media screen and (min-width: 576px) and (max-width: 991px){
	.go-btn {margin: unset;}
}
/* --- injected clearfix (WaybackScraper) --- */
.clearfix::after{content:"";display:table;clear:both}
.clearfix{display:block}
