:root {
    --primary-color: #EF233C;
    --primary-color-hover: #c1913b;
    --accent-color: #E8E288;
    --btn-txt: #fff;
    --tb-txt: #F6F4D2;
    --tb-accent: #E8E288;
    --tb-bg: #313638;
    --body: #1E2122;
    --footer: #0b0b10;
    --footer-border: #434D54;
    --table-border: #D3DADF;
    --table-terms: #AEB1BE;
    --disclaimer: #949FA8;
    --body-txt: #FBFFF1;
    --heading-color: #C14A24;
    --star-color: #E1A841;
    --transition: all .15s ease-in-out;
    --font-family: "Exo 2", sans-serif;
}

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%);}
.bg-dark-gray{background: var(--footer);}
.mod{font-size: 12px;}
/* Main css */
body.img {background: url(/images/body-bg.svg) no-repeat; background-position: fixed; background-size: cover;}
body {overflow-x: hidden;color: var(--body-txt);font-size: 1rem;line-height: 1.4;font-family: "Exo 2", 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%;}
section {padding: 2.75rem 0;}
section h3 {margin-top: 2.5rem; text-align: center;}
h1, h2, h3, h4, h5, h6 {clear: both;font-family: "Exo 2", sans-serif;}
h1 {font-size: 2.1rem;color: var(--body-txt);text-align: center;font-weight: 700;margin: 20px 0;}
h1 span {color: var(--accent-color); display: inline;}
h2 {font-size: 1.75rem; font-weight: 700; margin: 20px 0; color: var(--heading-color);}
h3 {color: var(--heading-color);}
#footer {background-color: var(--footer);margin-top: 1.5em;padding: 0 20px;}
#footer .title {color: var(--tb-accent); font-size: 1rem;}
#footer .disclaimer {color: var(--disclaimer); font-size: 12px;}
#footer .links {border-bottom: 1px solid var(--footer-border);}
#footer a {color: var(--tb-bg); line-height: 1.5; font-size: 13px;}
#footer .copyright {font-size: 12px;}
#footer a:hover {color: var(--disclaimer);}
.company-130[class*="bg-"] {width: 130px;height: 80px;}
.company-180[class*="bg-"] {width: 180px;height: 80px; max-width: 100%;}
[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!important;    background-size: 70% !important;    background-position: center center !important;}
.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(--star-color);}
.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(--tb-txt); font-size: 0.8rem;}
.brand-table .bonus-text {font-weight: bold; text-transform: uppercase;}
.brand-table .bonus {color: var(--tb-accent); 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(--tb-bg); color: var(--tb-txt); 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(--primary-color);color: var(--btn-txt);display: block;width: 70%;margin: 0 auto;padding: 10px 0;border-radius: 6px;text-align: center;font-weight: bold;transition: var(--transition);text-transform: uppercase;}
.go-btn:hover {background-color: color-mix(in srgb,var(--primary-color) 80%,transparent);color: var(--btn-txt);}
.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;}
.pros-cons{display: flex;justify-content: space-around;}
@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){
    .pros-cons{flex-direction: column;align-items: center;}
	.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: 1200px){
    body::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::before {width: 525px;left: 20px;top: 0;background: url(/images/bg-left.webp);}
    body.img::after {width: 358px;left: 72%;}
}
@media screen and (min-width: 576px) and (max-width: 991px){.go-btn {margin: unset;}}
.faq {padding: 2.75rem 0;}
.faq .h2-heading {margin-bottom: 2.5rem;text-align: center;}
.faq .card{margin-bottom:1.5rem;border:none;background:transparent}
.faq .card-header{padding:.75rem;border-bottom:2px solid #fff;border-left:2px solid #fff;background-color:transparent}
.faq .card-header:has(+ div.show){border-color:var(--primary-color);transition:var(--transition)}
.accordion>.card>.card-header{border-radius:10px;margin-bottom:0}
.faq .card .btn{padding:0;color:var(--primary-color)!important;font-weight:600;font-size:1.125rem;line-height:1.75rem;text-decoration:none}
.faq .card .btn:not(.collapsed){color:var(--primary-color);transition:var(--transition)}
.faq .card .btn:hover{text-decoration:none;color:var(--primary-color)!important}
.faq .card .btn:before{float:left;margin-right:.625rem;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f078";transition:all .2s}
.faq .card .btn.collapsed:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.faq .card-body{padding:.75rem 1.5rem .5rem}
.op-box{margin:3.25rem 0 1.75rem}
.op-box .row{border-bottom:1px solid var(--body-txt)}
.op-box h3{text-align:start;margin-bottom:10px}
.op-box p:last-of-type{margin-bottom:0}
.text-b{font-weight:700}
.text-i{font-style:italic}
.text-bi{font-weight:700;font-style:italic}
.company-180.brand-slotocash{background-size:50%}
.how-to-choose h3{text-align:center;margin-top:2.75rem}
.img-styled{border-radius:5px}
@media screen and (max-width: 767px) {
section,.faq{padding:1.5rem 0}
.op-box{margin-bottom:1rem}
.op-box .row{border-bottom:none}
.op-box h3{text-align:center}
.op-box .intro{font-style:normal}
}
.company-130.brand-spinfinity-casino{background-size:100%}