* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body::after {
    content: '';
    width: 100%;
    height: 300px;
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/assets/media/footer-bg.png);
    display: block;
    background-size: cover;
}

body::before {
    content: '';
    width: 100%;
    height: 880px;
    z-index: -1;
    position: absolute;
    top: 50px;
    left: 0;
    background: url(/assets/media/header-bg.png);
    display: block;
    background-size: cover;
    opacity: 0.4;
}

body.subscribe {
    padding-bottom: 0;
}

body.subscribe::after {
    display: none;
}

body {
    position: relative;
    background-size: 100% !important;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 30px;
    color: white;
    min-height: 101vh;
}

.subscribe .navbar {
    justify-content: center;
}

.subscribe header .logo img {
    width: 100% !important;
}

.subscribe article {
    height: calc(100vh - 200px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    margin-bottom: 0;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

button[disabled],
html input[disabled] {
    cursor: default;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    box-sizing: content-box;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
    border-radius: 10px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
    border-radius: 10px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

h1 {
    font-size: clamp(22px, 5vw, 24px);
    margin-bottom: 10px;
}

h2 {
    font-size: clamp(20px, 5vw, 22px);
    margin-bottom: 10px;
    margin-top: 20px;
}

h3 {
    font-size: clamp(18px, 5vw, 20px);
    margin-bottom: 10px;
    margin-top: 20px;
}

p {
    line-height: 24px;
}


/*--------------------------------------------------------------
# Search bar
--------------------------------------------------------------*/

input:focus,
textarea:focus,
select:focus {
    outline: none;
}

.nav-search {
    position: relative;
}

.nav-search div input {
    background: #f5f5f6;
    border-radius: 17px;
    height: 34px;
    border: none;
    width: 240px;
    color: black;
    padding-left: 34px;
    border: 1px solid #cacfd7;
}

.search-submit {
    background: url(/assets/media/search.svg) no-repeat !important;
    background-size: 24px 24px !important;
    border: none !important;
    width: 20px;
    height: 20px;
    padding: 0 !important;
    position: absolute;
    top: 8px;
    left: 8px;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

body>header {
    background: linear-gradient(#002547, transparent);
    height: 70px;
    border-bottom: 1px solid #19E493;
}

@media screen and (max-width: 1000px) {
    body>header {
        background: #002547;
    }
}

main {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 0;
    display: table;
    background: linear-gradient(0deg, #12416c 98%, transparent 100%);
}

main>article {
    width: calc(100% - 300px);
    float: left;
    padding: 0 17px 40px;
}

main>article.no-sidebar {
    width: 100%;
}

article>.white-box:first-child,
article>.dark-box:first-child {
    border-top-right-radius: 50px;
    color: white;
}

article>.white-box {
    padding: 25px;
    padding-top: 30px;
    margin-bottom: 20px;
    filter: drop-shadow(-8px 0px 6px rgba(26, 65, 47, 0.1));
    background-image: linear-gradient(0deg, #12416c 0%, transparent 100%);
}

article>.dark-box {
    padding: 25px;
    padding-top: 30px;
    margin-bottom: 20px;
    filter: drop-shadow(-8px 0px 6px rgba(26, 65, 47, 0.1));
    background-color: #002547;
}

aside {
    overflow: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 1%;
    float: right;
    width: 300px;
}

.disclaimer,
body>footer {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

body>footer,
.disclaimer {
    max-width: 1240px;
    padding: 0 20px;
}

.disclaimer {
    color: #0d281f;
    font-size: 14px;
    padding-top: 20px;
}

header .navbar .logo {
    margin-left: 5px;
}

header .navbar .search {
    margin-right: 5px;
}

article p>a,
article p>strong a,
article li>a,
article li>strong a {
    color: #4e8350;
}

.faq a {
    color: #4e8350;
}

article p>a:hover {
    text-decoration: none;
}

.navbar {
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

footer .navbar {
    padding: 0 20px;
    background: #14334f;
}

.navbar nav ul {
    list-style-type: none;
    display: flex;
}

.navbar nav ul li a:hover {
    color: #4685ff;
}

.navbar nav ul li a {
    display: block;
    font-size: 14px;
    color: white;
    background: transparent;
    text-transform: uppercase;
    padding: 27px 9px 26px;
    text-decoration: none;
    transition: background 0.3s ease;
}


/* .navbar nav ul li{
  margin: 0 5px;
} */

@media only screen and (min-width: 1001px) {
    header .dropdown.active>a::after {
        filter: invert(1) brightness(2);
    }
    header .dropdown:hover>a::after {
        filter: invert(1) brightness(0);
    }
}

header .navbar nav ul li.active>a {
    color: #fff;
}

footer .navbar nav ul li a {
    padding: 30px 10px;
}

footer .navbar {
    align-items: center;
}

.navbar nav ul li:hover a {
    background: #1AE395;
    color: black;
    transition: background 0.3s ease;
}

header .navbar nav ul li.active:hover>a {
    color: black;
}

header .navbar nav ul li.active:hover>a::after {
    filter: none;
}

.icons {
    display: flex;
    justify-content: flex-end;
    margin: 10px 0;
    padding: 0 20px;
}

.icons>* {
    margin-left: 10px;
}

.plus18 {
    display: block;
    background: url(/assets/media/icons/plus18.svg) no-repeat;
    width: 26px;
    height: 26px;
}


/* SUB MENU */

header .navbar nav .sub-menu {
    display: none;
    top: 100%;
    padding: 0;
    line-height: normal;
    margin: 0;
    list-style-type: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    min-width: 100%;
    background: #1AE395 !important;
    padding-top: 0 !important;
}

header .navbar nav .sub-menu li a {
    padding: 10px;
    display: block;
    text-decoration: none !important;
    font-size: 16px;
    border-radius: 5px;
    transition: background 0.3s ease;
}

header .navbar nav>ul>li {
    position: relative;
}

footer .sub-menu {
    display: none !important;
}

.navbar nav .sub-menu li a {
    background: #b9d0b6;
    color: #fff;
    transition: background 0.3s ease;
}

.navbar nav .sub-menu li a:hover {
    background: #fff;
    color: #0d281f;
    transition: background 0.3s ease;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.sitelinks {
    margin-right: 25px;
    min-width: 320px;
}

.sitelinks ul li {
    padding: 10px;
    margin-top: 5px;
}

.sitelinks ul li>span,
.sitelinks ul li>a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.sitelinks>span {
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
}

.sitelinks ul {
    list-style-type: none;
}

.sitelinks ul li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.instagram {
    background: url(/assets/media/icons/instagram.svg);
}

.twitter {
    background: url(/assets/media/icons/twiter.svg);
}

.linkedin {
    background: url(/assets/media/icons/linkedin.svg);
}

.youtube {
    background: url(/assets/media/icons/youtube.svg);
}

.pinterest {
    background: url(/assets/media/icons/pinterest.svg);
}

.social-icons {
    padding: 10px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.social-icons div,
.social-icons a {
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-left: 5px;
}

.sub-form {
    border-radius: 10px;
    background-color: #14334f;
}

.footer-bottom {
    display: flex;
    align-items: center;
    background-color: #12416c;
}

.sub-form form>div {
    display: flex;
    padding: 15px 20px 30px 20px;
    align-items: center;
}

.sub-info {
    margin-right: 20px;
}

.sub-info strong {
    display: block;
    color: white;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 18px;
}

.sub-info span {
    font-size: 14px;
    color: #678fb5;
}

.subscribe-form__consent {
    display: block;
    padding-left: 30px;
    margin-top: 20px;
    font-size: 12px;
    color: #678fb5;
}

.subscribe-form__consent input {
    margin-left: -18px;
    margin-right: 5px;
}

.sub-field {
    display: flex;
}

.subscribe-form__email {
    border: none;
    height: 40px;
    width: 100%;
    padding: 0 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: black;
}

.subscribe-form__submit {
    padding: 0 35px;
    border: none;
    color: black;
    background: #19e395;
    border-radius: 10px;
    margin-left: -10px;
}

.subscribe-form fieldset {
    border: none;
    width: 130%;
}


/* Alignments
--------------------------------------------- */

.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

.pros-cons {
    display: flex;
    flex-wrap: wrap;
    margin: 20px auto;
    background: #002547;
    padding: 20px;
    border: 1px solid #002547;
    border-radius: 10px;
}

.pros-cons strong {
    padding: 0 10px;
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
}

.pros-cons>div {
    width: 50%;
}

.pros-cons ul {
    list-style-type: none;
    padding: 0 10px;
}

.pros-cons.four-el>div:nth-child(1) {
    border-right: 1px solid #002547;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pros-cons.four-el>div:nth-child(2) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.pros-cons li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px;
}

.pros-cons>div li::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
}

.pros-cons>div:nth-child(1) li::before {
    width: 19px;
    height: 18px;
    background: url(/assets/media/icons/yes.svg);
}

.pros-cons>div:nth-child(2) li::before {
    width: 20px;
    height: 20px;
    background: url(/assets/media/icons/no.svg);
}

.pros-cons.four-el .pros li::before {
    width: 19px;
    height: 18px;
    background: url(/assets/media/icons/yes.svg);
}

.pros-cons.four-el .cons li::before {
    width: 20px;
    height: 20px;
    background: url(/assets/media/icons/no.svg);
}

@media only screen and (min-width: 751px) {
    .col-2>div:nth-child(1) {
        width: calc(50% - 10px);
        margin-right: 10px;
    }
}

@media only screen and (max-width: 750px) {
    .col-2 {
        flex-direction: column;
        align-items: center;
    }
    .col-2>div {
        width: fit-content !important;
    }
    .col-2>div:nth-child(1) {
        border-right: none !important;
        margin-bottom: 20px;
    }
    .pros-cons {
        flex-direction: column;
        align-items: center;
    }
    .pros-cons div.flex--no-wrap {
        flex-direction: column;
    }
    .pros-cons div.flex--no-wrap strong {
        text-align: left;
    }
    .pros-cons>div {
        width: 100% !important;
    }
    .pros-cons>div:nth-child(1) {
        border-right: none !important;
        margin-bottom: 20px;
    }
    img.alignleft,
    img.alignright {
        display: block !important;
        float: none !important;
        margin: 10px auto !important;
    }
    .submit {
        background: #001f5b !important;
        color: #fff !important;
    }
}

img.alignleft,
img.alignright,
img.aligncenter {
    height: auto;
    max-width: 100%;
}


/*--------------------------------------------------------------
# Body elements
--------------------------------------------------------------*/

.tac {
    text-align: center;
}

.q-nav::before,
.hamburger::before {
    transform: translateY(-13px);
}

.q-nav::after,
.hamburger::after {
    transform: translateY(13px);
}

.q-nav::before,
.q-nav::after,
.hamburger::before,
.hamburger::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 5px;
    left: 0;
    background: #19e395;
    border-radius: 10px;
    transition: all 500ms ease-in-out;
}

.q-nav,
.hamburger {
    position: relative;
    width: 50px;
    height: 5px;
    background: #19e395;
    border-radius: 10px;
    transition: all 500ms ease-out;
}

.q-nav-btn::before {
    content: '';
    display: block;
    opacity: 1;
    position: absolute;
    background: #002547;
    width: 5px;
    height: 40px;
    left: 7px;
    top: 0;
    z-index: 1;
}

.q-nav-btn.open::before {
    opacity: 0;
}

.q-nav-btn {
    width: 40px;
    height: 40px;
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 80px;
}

.hamburger-btn {
    width: 40px;
    height: 40px;
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}

.q-nav-btn.open .q-nav,
.hamburger-btn.open .hamburger {
    background: transparent;
    box-shadow: none;
}

.q-nav-btn.open .q-nav::before,
.hamburger-btn.open .hamburger::before {
    transform: rotate(45deg);
}

.q-nav-btn.open .q-nav::after,
.hamburger-btn.open .hamburger::after {
    transform: rotate(-45deg);
}

body.menu-active {
    overflow: hidden;
}


/* elements logo */

.company-120[class*="bg-"] {
    width: 120px;
    height: 40px;
    border-top-right-radius: 10px;
    padding: 4px;
    border: 1px solid black;
    margin: 5px auto;
}

.company-120[class*="bg-"] span {
    text-indent: -99999px;
}

.company-120[class*="bg-"] {
    width: 120px;
    height: 40px;
    border-top-right-radius: 10px;
    padding: 4px;
    border: unset;
    margin: 5px auto;
}

.slot-table .company-120[class*="bg-"] {
    width: 100%;
    height: 90px;
    border-top-right-radius: 10px;
    padding: 0px;
    border: unset;
    margin: 0px auto;
}

[class*="svg-"] {
    display: block;
    text-indent: -9999px;
    text-align: left;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 100%;
}

.slot-table [class*="svg-"] {
    display: block;
    text-indent: -9999px;
    text-align: left;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 100%;
    filter: blur(10px);
}

.brazil::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: url(/assets/media/icons/brazil.svg);
    margin-right: 5px;
}


/* Buttons */

.back-to-top::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 25px;
    background: url(/assets/media/icons/green-arrow.svg);
    vertical-align: sub;
    margin-right: 10px;
    filter: drop-shadow(-7.989px 0.419px 6.5px rgba(26, 65, 47, 0.11));
}

.back-to-top-mobile {
    display: none;
    bottom: 10px;
    box-shadow: 0 0 4px 0 #0000003d;
    position: fixed;
    width: 32px;
    height: 32px;
    right: 10px;
    border-radius: 50%;
    background: url(/assets/media/icons/back-to-top-mobile.svg) no-repeat;
}

.back-to-top-mobile.no-sidebar {
    display: block;
}

.back-to-top {
    display: block;
    width: 300px;
    margin: 6px auto;
    height: 56px;
    line-height: 56px;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    background-color: #002547;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
}

.back-to-top:hover {
    transition: all 0.3s ease;
    background: #14334f;
    color: #fbfcfa;
}

aside {
    filter: drop-shadow(-8px 0px 6px rgba(26, 65, 47, 0.1));
}

aside .banner {
    background-color: #002547;
    padding: 6px;
    margin: 6px auto;
}

aside .banner img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

aside .qnav {
    background: #002547;
    color: white;
    padding: 20px 0 20px 30px;
    margin: 0px auto 6px;
    border-top-left-radius: 50px;
}

aside .qnav strong {
    display: block;
    font-size: 18px;
    padding-left: 15px;
    padding-bottom: 10px;
    color: white;
}

aside .qnav ul {
    list-style-type: none;
}

aside .qnav li {
    position: relative;
    counter-increment: row-num;
    border-bottom: 1px solid #4e835030;
}

aside .qnav li::before {
    pointer-events: none;
    position: absolute;
    content: counter(row-num);
    /* font-size: 14px; */
    font-size: 11px;
    color: #18e294;
    display: inline-block;
    width: 19px;
    text-align: center;
    line-height: 21px;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    background: url(/assets/media/icons/blue-star.svg) no-repeat;
}

aside .qnav li:hover::before {
    background: url(/assets/media/icons/green-star.svg) no-repeat;
    color: black;
}

aside .qnav li a {
    display: inline-block;
    padding: 10px 10px 10px 20px;
    color: white;
    text-decoration: none;
    width: 100%;
}

aside .qnav li a:hover {
    color: #16D88F;
}

.visit {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 34px;
    border-radius: 5px;
    background-image: linear-gradient(0deg, #1AE395 0%, #5dffc0 50%, #1AE395 100%);
    font-weight: bold;
    color: black;
    text-align: center;
    text-decoration: none;
    transition: all 0.6s ease;
}

.visit:hover {
    /* background-image: linear-gradient(0deg, #002547 0%, #12416c 50%, #002547 100%); */
    color: #19e395;
    background: transparent;
    border: 1px solid #19e395;
    transition: all 0.6s ease;
}

.visit.not-verified:hover,
.visit.not-verified {
    background-image: linear-gradient(0deg, #8b8b8b 0%, #d5d5d5 100%);
    border: 1px solid #b8b8b8;
    cursor: default;
}

.stay {
    border-radius: 5px;
    color: #19e395;
    text-decoration: none;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 28px;
    border: 1px solid #19e395;
    transition: all 0.3s ease;
}

.stay:not(.no-review):hover {
    background-image: linear-gradient(0deg, #1AE395 0%, #5dffc0 50%, #1AE395 100%);
    color: black;
}

.no-review {
    cursor: default;
}

.top-operator .list ul {
    list-style-type: none;
}

.top-operator .list li.poz::before {
    background: url(/assets/media/icons/yes.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.top-operator .list li.neg::before {
    background: url(/assets/media/icons/no.svg);
}

.top-operator .list li::before {
    margin-right: 5px;
    filter: brightness(0) invert(1);
    vertical-align: text-bottom;
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
}

.top-operator .list li {
    font-size: 18px;
    line-height: 28px;
}

@media only screen and (min-width: 676px) {
    .top-operator .buttons,
    .top-operator .main-operator-element {
        position: relative;
    }
    .top-operator .main-operator-element::after {
        content: '';
        width: 1px;
        height: 90px;
        background: #fff6;
        margin-left: 5px;
        display: block;
        right: -10px;
        bottom: 0;
        position: absolute;
    }
    .top-operator .buttons::before {
        content: '';
        width: 1px;
        height: 90px;
        background: #fff6;
        margin-right: 5px;
        display: block;
        left: -10px;
        bottom: 0;
        position: absolute;
    }
    .bottom-operator .bonus-info .counter span {
        width: 113px;
        text-align: center;
    }
}

.top-operator .list ul,
.top-operator .stay {
    margin-bottom: 5px;
}

.bottom-operator .stay {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.bottom-operator .operator-info span {
    font-size: 14px;
    font-style: italic;
    color: #001f5b;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-width: 180px;
}

.bottom-operator .operator-info>div {
    font-size: 18px;
    font-style: italic;
    color: #001f5b;
}

.bottom-operator .operator-info {
    text-align: center;
    position: relative;
    min-width: 180px;
    padding-bottom: 32px;
}

.bottom-operator .main-operator-element {
    margin: 0 5px;
}

.bottom-operator .bonus-info .title {
    color: #ff7000;
    font-weight: bold;
    font-size: 22px;
}

.bottom-operator .bonus-info .operator-bonus {
    color: #113e85;
    font-size: 29px;
    font-weight: bold;
    margin: 8px 0 5px;
    min-height: 70px;
}

.bottom-operator .bonus-info .counter::before {
    content: "Termina em:";
    color: #ff7000;
    margin-right: 5px;
    font-size: 18px;
    font-weight: bold;
    vertical-align: text-bottom;
}

.bottom-operator .bonus-info .counter span {
    color: #6d8ec5;
    font-size: 18px;
    font-weight: bold;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    display: inline-block;
}

.bottom-operator .bonus-info {
    min-width: 220px;
}

.visit2 {
    width: 82px;
    line-height: normal;
    height: 82px;
    padding: 20px 0;
    display: block;
    border: 1px solid #ff7000;
    border-radius: 10px;
    text-decoration: none;
    color: #ff7000;
    margin-right: 0px;
    margin-left: auto;
    margin-top: 10px;
    transition: all 0.3s ease;
}

.visit2:hover {
    background: #ff7000;
    color: #f9e9d7;
    transition: all 0.3s ease;
}


/*--------------------------------------------------------------
# Media queries
--------------------------------------------------------------*/

@media only screen and (max-width: 1000px) {
    .disclaimer p:first-child {
        text-align: justify;
    }
    .review-el .visit {
        padding: 18px 3px !important;
        font-size: 18px;
    }
    body {
        background-image: linear-gradient(0deg, #001c36 0%, #002547 100%);
    }
    main {
        display: block;
    }
    main .icons {
        display: none;
    }
    main>article {
        width: 100%;
        padding-top: 10px;
    }
    aside.open {
        transform: translateX(-320px);
        transition: transform 0.6s ease;
    }
    aside {
        transform: translateX(0);
        position: fixed;
        top: 63px;
        right: -320px;
        width: 320px;
        z-index: 1;
        transition: transform 0.6s ease;
    }
    aside .qnav {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 50px;
    }
    aside .sticky-side-nav>div:not(.qnav) {
        display: none;
    }
    .back-to-top {
        display: none;
    }
    .back-to-top-mobile {
        display: block;
    }
    footer .navbar nav ul li a {
        padding: 10px;
    }
    footer .navbar {
        padding: 20px;
    }
    .table-row .line.three,
    .live-td {
        display: none;
    }
    .subscribe article {
        height: calc(100vh - 70px);
    }
    body {
        padding-bottom: 20px;
    }
    body>section>article {
        margin-bottom: 20px;
    }
    header .navbar nav,
    header .navbar .search {
        display: none;
    }
    .q-nav-btn,
    .hamburger-btn {
        display: flex;
    }
    header {
        position: sticky;
        top: 0;
        z-index: 50;
        height: 70px;
        background: #fffffe;
        border-bottom: 1px solid rgb(0 27 58 / 0.1);
    }
    header .navbar .logo {
        margin-top: 20px;
    }
    header nav {
        display: none;
        background: #e5e8ea;
        opacity: 0;
        justify-content: start;
        flex-direction: column;
        height: 100vh;
        top: 70px;
        position: absolute;
        width: 100vw;
        z-index: 2;
        overflow: scroll;
        transition: opacity 0.2s ease;
    }
    header nav>ul {
        flex-direction: column;
        text-align: center;
        margin: 0;
        height: 100vh;
        width: 100%;
    }
    header .navbar nav ul li a {
        padding: 30px 15px;
        position: relative;
    }
    header .navbar nav ul li a {
        -webkit-box-shadow: 0px 22px 23px -32px rgba(0, 0, 0);
        box-shadow: 0px 22px 23px -32px rgba(0, 0, 0);
    }
    header .navbar nav ul li a::after {
        content: "";
        position: absolute;
        width: 90%;
        height: 1px;
        background: linear-gradient(to right, transparent, #fffffe, transparent);
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }
    header .sub-menu li a::after {
        width: 50% !important;
    }
    header .logo img {
        width: 170px;
    }
    header .navbar .logo {
        margin-left: 15px;
    }
    /* SUB MENU */
    .dropdown::before {
        content: "";
        width: 60px;
        height: 77px;
        background: url(/assets/media/down-arrow.svg) no-repeat;
        background-size: 30px;
        background-position: center;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        transition: all 0.3s ease;
        transform: rotate(0deg);
        z-index: 2;
    }
    .dropdown.opened::before {
        transform: rotate(180deg);
        transition: all 0.3s ease;
    }
    header nav li:hover .sub-menu {
        position: static;
    }
    footer .navbar {
        flex-direction: column;
    }
    footer .navbar .logo,
    footer .navbar nav {
        margin-bottom: 20px;
    }
    footer .icons {
        justify-content: center;
    }
    footer .icons span:first-child {
        margin-left: 0;
    }
}

div:not(.form-group)>label {
    position: absolute;
    bottom: 35px;
    color: transparent;
}

.jogo {
    display: block;
    background-image: url(/assets/media/icons/jogo.png);
    background-position: center;
    background-size: 100px;
    background-repeat: no-repeat;
    width: 110px;
    height: 26px;
    background-color: #fff;
}

.gambleaware {
    display: block;
    background-image: url(/assets/media/icons/gambleaware.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 126px;
    height: 26px;
}

.gamblingcommission {
    display: block;
    background-image: url(/assets/media/icons/gamblingcommission.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 80px;
    height: 26px;
}

.gamcare {
    display: block;
    background-image: url(/assets/media/icons/gamcare.svg);
    width: 70px;
    height: 26px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #fff;
}

.anao {
    display: block;
    background-image: url(/assets/media/icons/anao.png);
    width: 70px;
    height: 26px;
    background-position: center;
    background-size: 60px 20px;
    background-repeat: no-repeat;
    background-color: #fff;
}

@media only screen and (min-width: 1024px) {
    footer .icons {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 1023px) {
    footer .icons {
        margin-bottom: 20px;
    }
    .footer-bottom {
        flex-direction: column-reverse;
    }
    .sitelinks {
        text-align: center;
    }
    .social-icons div:first-child,
    .social-icons a:first-child {
        margin-left: 0;
    }
    .sitelinks ul li>span,
    .sitelinks ul li>a {
        padding-left: 0;
    }
}

@media only screen and (max-width: 500px) {
    footer .navbar nav>ul {
        flex-direction: column;
        text-align: center;
    }
    .sub-form {
        min-width: 320px;
    }
    .subscribe-form__submit {
        padding: 0 15px;
    }
    .compare-brands .vs-brand:last-child,
    .compare-brands .vs-brand:first-child {
        padding-right: 40px !important;
    }
    .compare-brands .vs-brand:last-child .bar-rating,
    .compare-brands .vs-brand:first-child .bar-rating {
        right: -15px !important;
    }
    .brand-bonus {
        width: 96%;
    }
}

@media only screen and (max-width: 700px) {
    .sub-form form>div {
        flex-direction: column;
    }
    .subscribe-form fieldset {
        width: 100%;
        margin-top: 20px;
    }
    .sub-info strong {
        margin-top: 0;
    }
    .sitelinks {
        margin-right: 0;
    }
    .sitelinks ul {
        max-width: 90vw;
        margin: 0 auto;
    }
    .main-table .row-wrap {
        width: 100% !important;
    }
    .compare-brands {
        flex-direction: column;
        align-items: center !important;
    }
    .compare-brands .vs {
        margin: 20px;
    }
    .compare-brands .vs-brand {
        max-width: 370px;
    }
    .compare-brands .vs-brand:last-child {
        border-top-left-radius: 0px !important;
        padding-left: 0px !important;
        border-top-right-radius: 50px;
        padding-right: 30px;
    }
    .compare-brands .vs-brand:last-child .bar-rating {
        left: auto !important;
        right: -35px;
    }
    .compare-brands .brand-info-text {
        display: -webkit-box !important;
    }
    .compare-brands .vs-brand:last-child .rating-bar {
        transform: rotateY(0deg) !important;
    }
}

@media only screen and (min-width: 1001px) {
    body {
        /* background: #002547 url(/assets/media/header-bg.png) no-repeat; ; */
        background-image: linear-gradient(0deg, #001c36 0%, #002547 100%);
    }
    header .navbar nav {
        display: block !important;
        opacity: 1 !important;
    }
    header .navbar nav .sub-menu {
        position: absolute;
    }
    .sub-form {
        margin-top: 23px;
    }
    header nav li:hover .sub-menu {
        display: block;
        box-shadow: 0px 10px 10px 1px rgba(0, 0, 0, 0.1);
        padding: 0 5px 10px;
        left: 50%;
        transform: translateX(-50%);
        width: max-content;
        background: #fffffe;
        z-index: 1;
    }
    header .dropdown>a::after {
        content: "";
        width: 17px;
        height: 17px;
        background: url(/assets/media/down-arrow.svg) no-repeat;
        background-size: 17px;
        display: inline-block;
        vertical-align: bottom;
        margin-left: 5px;
        filter: invert(1) brightness(2);
    }
}


/* SVG LOGOS */

.svg-22bet {
    background: url(/assets/media/svgs/22bet.svg);
}

.svg-bet365 {
    background: url(/assets/media/svgs/bet365.svg);
}

.svg-sportingbet {
    background: url(/assets/media/svgs/sportingbet.svg);
}

.svg-betmotion {
    background: url(/assets/media/svgs/betmotion.svg);
}

.svg-betboo {
    background: url(/assets/media/svgs/betboo.svg);
}

.svg-melbet {
    background: url(/assets/media/svgs/melbet.svg);
}

.svg-betway {
    background: url(/assets/media/svgs/betway.svg);
}

.svg-777-casino {
    background: url(/assets/media/svgs/777.svg);
}

.svg-888-casino {
    background: url(/assets/media/svgs/888.svg);
}

.svg-rivalo {
    background: url(/assets/media/svgs/rivalo.svg);
}

.svg-1xbet {
    background: url(/assets/media/svgs/1xbet.svg);
}

.svg-leo-vegas {
    background: url(/assets/media/svgs/leovegas.svg);
}

.svg-bodog {
    background: url(/assets/media/svgs/bodog.svg);
}

.svg-kto {
    background: url(/assets/media/svgs/kto.svg);
}

.svg-betwarrior {
    background: url(/assets/media/svgs/betwarrior.svg);
}

.svg-betfair {
    background: url(/assets/media/svgs/betfair.svg);
}

.svg-betsson {
    background: url(/assets/media/svgs/betsson.svg);
}

.svg-mr-green {
    background: url(/assets/media/svgs/mr-green.svg);
}

.svg-mega-moolah {
    background: url(/assets/media/slots/mega-moolah.jpg);
}

.svg-starburst {
    background: url(/assets/media/slots/starburst.jpg);
}

.svg-book-of-dead {
    background: url(/assets/media/slots/book-of-dead.jpg);
}

.svg-age-of-gods-god-of-storms {
    background: url(/assets/media/slots/age-of-gods-god-of-storms.jpg);
}

.svg-valley-of-the-gods {
    background: url(/assets/media/slots/valley-of-the-gods.jpg);
}

.svg-wild-beats {
    background: url(/assets/media/slots/wild-beats.jpg);
}

.svg-vikings-go-berzerk {
    background: url(/assets/media/slots/vikings-go-berzerk.jpg);
}

div.company-sports span.svg-bet365 {
    background-size: 60%;
}

.svg-sombrerospins {
    background: url(/assets/media/svgs/sombrerospins.svg);
}
.svg-nalucasino {
    background: url(/assets/media/svgs/nalucasino.svg);
}
.svg-gxspin {
    background: url(/assets/media/svgs/gxspin.svg);
}
.svg-tiktakbet {
    background: url(/assets/media/svgs/tiktakbet.svg);
}
.svg-basswin {
    background: url(/assets/media/svgs/basswin.svg);
}
.svg-goldenmister {
    background: url(/assets/media/svgs/goldenmister.svg);
}
.svg-luckymister {
    background: url(/assets/media/svgs/luckymister.svg);
}
.svg-bountyreels {
    background: url(/assets/media/svgs/bountyreels.svg);
}
.svg-tropicanza {
    background: url(/assets/media/svgs/tropicanza.svg);
}
.svg-luckycarnival {
    background: url(/assets/media/svgs/luckycarnival.svg);
}
.svg-richyleo {
    background: url(/assets/media/svgs/richyleo.svg);
}

/* logos BG color */

.bg-22bet {
    background: #eceff6;
}

.bg-bet365 {
    background: #027b5b;
}

.bg-sportingbet {
    background: #0988d1;
}

.bg-betmotion {
    background: #eee;
}

.bg-betboo {
    background: #ca3b1b;
}

.bg-betsson {
    background: #f60;
}

.bg-melbet {
    background: #222222;
}

.bg-betway {
    background: #111;
}

.bg-777-casino {
    background: #75ccbb;
}

.bg-888-casino {
    background: black;
}

.bg-rivalo {
    background: #003366;
}

.bg-leo-vegas {
    background: #f47e2b;
}

.bg-1xbet {
    background: #1a5684;
}

.bg-mr-green {
    background: #015536;
}

.bg-bodog {
    background: #fff;
}

.bg-bodog {
    background: #fff;
}

.bg-kto {
    background: #000;
}

.bg-betwarrior {
    background: #f26940;
}

.bg-betfair {
    background: #f5b942;
}

.bg-sombrerospins {
    background: #124A1F;
}
.bg-nalucasino {
    background: #095474;
}
.bg-gxspin {
    background: #141416;
}
.bg-tiktakbet {
    background: #141414;
}
.bg-basswin {
    background: #111827;
}
.bg-goldenmister {
    background: #061B57;
}
.bg-luckymister {
    background: #191A2A;
}
.bg-bountyreels {
    background: #00013A;
}
.bg-tropicanza {
    background: #081826;
}
.bg-luckycarnival {
    background: #00164C;
}

.bg-richyleo {
    background: #0c0c14;
}


/* MAIN Table */

.table-icons {
    display: flex;
    justify-content: flex-end;
    color: white;
    font-size: 12px;
    flex-wrap: wrap;
}

.table-icons * {
    margin: 0 10px 5px;
}

.table-icons *::before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.table-icons .license::before {
    background: url(/assets/media/icons/uk-flag.svg);
    width: 22px;
    height: 21px;
    background-size: contain;
    background-repeat: no-repeat;
}

.table-icons .secure::before {
    background: url(/assets/media/icons/safe.svg);
    width: 20px;
    height: 24px;
}

.table-icons .trusted::before {
    background: url(/assets/media/icons/trust.svg);
    width: 19px;
    height: 21px;
}

i.yes {
    display: block;
    width: 43px;
    height: 38px;
    background: url(/assets/media/icons/yes.svg);
    background-repeat: no-repeat;
    text-indent: -99999px;
}

i.no {
    display: block;
    width: 38px;
    height: 38px;
    background: url(/assets/media/icons/no.svg);
    background-repeat: no-repeat;
    text-indent: -99999px;
}

.brand-info-table i.yes {
    display: block;
    width: 26px;
    height: 26px;
    background: url(/assets/media/icons/yes.svg);
    background-repeat: no-repeat;
    text-indent: -99999px;
}

.brand-info-table i.no {
    display: block;
    width: 26px;
    height: 26px;
    background: url(/assets/media/icons/no.svg);
    background-repeat: no-repeat;
    text-indent: -99999px;
}

.terms {
    font-size: 12px;
    color: #19e395;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0 10px;
}


/* 404 page */

.fundo {
    animation: scales 3s alternate infinite;
    transform-origin: center;
}

.pao-baixo {
    animation: rotatepao 14s cubic-bezier(.1, .49, .41, .97) infinite;
    transform-origin: center;
}

.pao-cima {
    animation: rotatepao 7s 1s cubic-bezier(.1, .49, .41, .97) infinite;
    transform-origin: center;
}

.olhos {
    animation: olhos 2s alternate infinite;
    transform-origin: center;
}

.left-sparks {
    animation: left-sparks 4s alternate infinite;
    transform-origin: 150px 156px;
}

.right-sparks {
    animation: left-sparks 4s alternate infinite;
    transform-origin: 310px 150px;
}

.olhos {
    animation: olhos 2s alternate infinite;
    transform-origin: center;
}

@keyframes scales {
    from {
        transform: scale(0.98)
    }
    to {
        transform: scale(1)
    }
}

@keyframes rotatepao {
    0% {
        transform: rotate(0deg)
    }
    50%,
    60% {
        transform: rotate(-20deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

@keyframes olhos {
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(30deg);
    }
}

@keyframes left-sparks {
    0% {
        opacity: 0;
    }
}

.main404 {
    margin: 0px auto;
    width: auto;
    max-width: 460px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.path {
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
    animation: dash 4s alternate infinite;
}

@keyframes dash {
    0%,
    30% {
        fill: 4B4B62;
        stroke-dashoffset: 0;
    }
    80%,
    100% {
        fill: transparent;
        stroke-dashoffset: -200;
    }
}

.button404 {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 20px;
    display: block;
    margin: 30px auto 0;
    max-width: 300px;
    width: 100%;
    position: relative;
    text-align: center;
    color: white;
    border: 1px solid white;
    border-radius: 5px;
    line-height: 2em;
    padding-left: 2em;
    padding-right: 2em;
    box-shadow: 0 0 0 0 transparent;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.button404:hover {
    color: black;
    box-shadow: 0 0 30px 0 rgb(0 27 58 / 34%);
    background-color: #19e395;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border: 1px solid #19e395;
}

.button404:hover:before {
    -webkit-animation: shine 0.5s 0s linear;
    -moz-animation: shine 0.5s 0s linear;
    animation: shine 0.5s 0s linear;
}

.button404:active {
    box-shadow: 0 0 0 0 transparent;
    -webkit-transition: box-shadow 0.2s ease-in;
    -moz-transition: box-shadow 0.2s ease-in;
    transition: box-shadow 0.2s ease-in;
}

.button404:before {
    content: "";
    display: block;
    width: 0px;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    background: white;
    box-shadow: 0 0 15px 3px white;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
}

@-webkit-keyframes shine {
    from {
        opacity: 0;
        left: 0%;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}

@-moz-keyframes shine {
    from {
        opacity: 0;
        left: 0%;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}

@keyframes shine {
    from {
        opacity: 0;
        left: 0%;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}

.skrill {
    display: block;
    width: 55px;
    min-width: 55px;
    height: 20px;
    background: url(/assets/media/payments/skrill.svg) no-repeat;
    text-indent: -99999px;
}

.neteller {
    display: block;
    width: 119px;
    min-width: 119px;
    height: 20px;
    background: url(/assets/media/payments/neteller.svg) no-repeat;
    text-indent: -99999px;
}

.paysafecard {
    display: block;
    width: 116px;
    min-width: 116px;
    height: 20px;
    background: url(/assets/media/payments/paysafecard.svg) no-repeat;
    text-indent: -99999px;
}

.paypal {
    display: block;
    width: 74px;
    min-width: 74px;
    height: 20px;
    background: url(/assets/media/payments/paypal.svg) no-repeat;
    text-indent: -99999px;
}

.mastercard {
    display: block;
    width: 32px;
    min-width: 32px;
    height: 20px;
    background: url(/assets/media/payments/mastercard.svg) no-repeat;
    text-indent: -99999px;
}

.visa {
    display: block;
    width: 62px;
    min-width: 62px;
    height: 20px;
    background: url(/assets/media/payments/visa.svg) no-repeat;
    text-indent: -99999px;
}

.bitcoin {
    display: block;
    width: 96px;
    min-width: 96px;
    height: 20px;
    background: url(/assets/media/payments/bitcoin.svg) no-repeat;
    text-indent: -99999px;
}

.ecopayz {
    display: block;
    width: 92px;
    min-width: 92px;
    height: 20px;
    background: url(/assets/media/payments/ecopayz.svg) no-repeat;
    text-indent: -99999px;
}

.trustly {
    display: block;
    width: 96px;
    min-width: 96px;
    height: 20px;
    background: url(/assets/media/payments/trustly.svg) no-repeat;
    text-indent: -99999px;
}

.bank-transfer {
    display: block;
    width: 52px;
    min-width: 52px;
    height: 20px;
    background: url(/assets/media/payments/bank-transfer.svg) no-repeat;
    text-indent: -99999px;
}

.astropay {
    display: block;
    width: 96px;
    min-width: 96px;
    height: 20px;
    background: url(/assets/media/payments/astropay.svg) no-repeat;
    text-indent: -99999px;
}

.boleto {
    display: block;
    width: 52px;
    min-width: 52px;
    height: 20px;
    background: url(/assets/media/payments/boleto.svg) no-repeat;
    text-indent: -99999px;
}

.pay4fun {
    display: block;
    width: 92px;
    min-width: 92px;
    height: 20px;
    background: url(/assets/media/payments/pay4fun-orange.svg) no-repeat;
    text-indent: -99999px;
}

.pix {
    display: block;
    width: 56px;
    min-width: 56px;
    height: 20px;
    background: url(/assets/media/payments/pix.svg) no-repeat;
    text-indent: -99999px;
    background-size: contain;
}


/* Providers */

.red-tiger {
    display: block;
    width: 110px;
    min-width: 110px;
    height: 20px;
    background: url(/assets/media/providers/red-tiger.svg) no-repeat;
    text-indent: -99999px;
}

.blueprint-gaming {
    display: block;
    width: 94px;
    min-width: 94px;
    height: 23px;
    background: url(/assets/media/providers/blueprint-gaming.svg) no-repeat;
    text-indent: -99999px;
    background-size: contain;
}


.btg {
    display: block;
    width: 57px;
    min-width: 57px;
    height: 45px;
    background: url(/assets/media/providers/btg.svg) no-repeat;
    text-indent: -99999px;
    background-size: contain;
}

.section-8-studio {
    display: block;
    width: 25px;
    min-width: 25px;
    height: 35px;
    background: url(/assets/media/providers/section-8-studio.svg) no-repeat;
    text-indent: -99999px;
    background-size: contain;
}

.leander {
    display: block;
    width: 100px;
    min-width: 100px;
    height: 32px;
    background: url(/assets/media/providers/leander.svg) no-repeat;
    text-indent: -99999px;
    background-size: contain;
}

.realistic {
    display: block;
    width: 107px;
    min-width: 107px;
    height: 18px;
    background: url(/assets/media/providers/realistic.svg) no-repeat;
    text-indent: -99999px;
    background-size: contain;
}

.microgaming {
    display: block;
    width: 90px;
    min-width: 90px;
    height: 22px;
    background: url(/assets/media/providers/microgaming.svg) no-repeat;
    text-indent: -99999px;
}

.netent {
    display: block;
    width: 57px;
    min-width: 70px;
    height: 20px;
    background: url(/assets/media/providers/netent-green.svg) no-repeat;
    text-indent: -99999px;
}

.play-n-go {
    display: block;
    width: 91px;
    min-width: 91px;
    height: 39px;
    background: url(/assets/media/providers/play-n-go.svg) no-repeat;
    text-indent: -99999px;
}

.elk {
    display: block;
    width: 44px;
    min-width: 44px;
    height: 20px;
    background: url(/assets/media/providers/elk-logo.svg) no-repeat;
    text-indent: -99999px;
    transform: scale(1.5);
}

.playtech {
    display: block;
    width: 110px;
    min-width: 110px;
    height: 20px;
    background: url(/assets/media/providers/playtech.svg) no-repeat;
    text-indent: -99999px;
}


/* Sitemap */

.sitemap {
    margin: 30px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sitemap h2 {
    margin: 2rem auto;
    text-align: center;
    color: white;
    border-bottom: 2px solid white;
    display: table;
}

.sitemap ul {
    margin: 0 auto;
    display: table;
    list-style-type: none;
    margin-bottom: 30px;
    min-width: 200px;
    padding-left: 57px;
}

.sitemap ul li {
    margin-bottom: 10px;
}

.sitemap ul li:hover a {
    color: #19e395;
}

.sitemap ul li a {
    font-size: 15px;
    color: white;
    font-weight: bold;
    position: relative;
    transition: all 200ms linear;
    background-color: transparent;
    text-decoration: none;
}

.sitemap ul li:hover a::after {
    opacity: 1;
}

.sitemap ul li a::after {
    position: absolute;
    bottom: -2px;
    left: 50%;
    height: 2px;
    content: '';
    background-color: #19e395;
    opacity: 0;
    transition: all 200ms linear;
    transform: translateX(-50%);
    width: 100%;
}

.sitemap ul li {
    position: relative;
    padding-left: 5px;
}

ul.arrows li::before {
    width: 10px;
    height: 10px;
    top: 5px;
    left: -12px;
    background: url(/assets/media/icons/arrow.svg) no-repeat;
    position: absolute;
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.sitemap>div {
    width: 100%;
}

@media (max-width: 460px) {
    article>p {
        text-align: justify !important;
    }
}

@media (min-width: 768px) {
    .sitemap>div {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}


/* CONTACT FORM */

.form-group {
    margin-top: 20px;
}

.sucess_message {
    color: green;
    font-weight: bold;
}

.sucess_message,
.error_message {
    text-align: center;
}

.star,
.error_message,
label.error {
    color: red !important;
}

.form-group input,
.form-group textarea {
    font-weight: 500;
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    padding: 0.5rem 0;
    outline: none;
    font-size: 14px;
}

.form-group.mb {
    margin-bottom: 20px !important;
}

input::placeholder,
textarea::placeholder {
    color: white;
    font-weight: 500;
    font-size: 14px;
}

.form-group input,
.form-group textarea,
.form-group label {
    width: 90%;
    max-width: 500px;
    display: block;
    margin: 0 auto;
}

.form-group label {
    color: #19e395;
    text-transform: uppercase;
    font-size: 0.625rem;
    font-weight: 400;
    letter-spacing: 0.1rem;
}

.submit {
    display: block;
    margin: 20px auto 0;
    padding: 10px 20px;
    width: 200px;
    background: rgba(0, 0, 0, 0.02);
    font-weight: bold;
}

.g-recaptcha>div {
    margin: 20px auto;
}

.red-star {
    color: red;
}

.form-group textarea {
    resize: none;
    min-height: 100px;
}

.review-info .visit {
    border: 1px solid #ff7000;
}

.gsc-control-cse {
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

.gsc-adBlock {
    display: none !important;
}

.error-message {
    color: red;
}

.alert-success {
    color: green;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

.success-message {
    color: green;
}


/* faq */

.panel-heading {
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 10px;
    background: #002547;
}

p.accordion.alive {
    margin-bottom: 0px;
    transition: all 0.3s ease;
}

p.accordion {
    color: white;
    cursor: pointer;
    padding: 18px;
    padding: 0;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative;
    padding-right: 20px;
    transition: all 0.3s ease;
}

p.accordion:after {
    content: "\2796";
    filter: invert(1);
    font-size: 13px;
    color: white;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

p.accordion.alive:after {
    content: '\2795';
}

div.panel {
    display: table;
}

article>ol {
    padding-left: 25px;
    margin: 10px 0;
}

article>ol li {
    margin-bottom: 10px;
}

article>ol li::marker {
    font-weight: bold;
    color: #ff6f00;
    font-size: 14px;
}

article>ul {
    list-style-type: none;
    padding: 0;
    margin: 20px 0;
}

article>ul>li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px;
}

article>ul>li::before {
    position: absolute;
    content: '';
    display: block;
    background: url(/assets/media/orange-arrow.png);
    width: 21px;
    height: 19px;
    left: 0;
    transform: scale(0.7);
}


/* MAIN TABLE */

.main-table {
    margin-bottom: 20px;
    filter: drop-shadow(-8px 0px 6px rgba(26, 65, 47, 0.1));
    margin-top: -30px;
}

.table-brand {
    width: 200px;
    border-radius: 10px;
    background-color: #fdfdfd;
    border: 1px solid #7eb36a;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 3px;
    margin: 25px 2px;
}

.table-brand .rank::before {
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    transform: rotate(45deg);
    top: -25px;
    left: -25px;
    background: #19e395;
    z-index: -1;
}

.table-brand .rank {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    font-size: 14px;
    width: 20px;
    line-height: 24px;
    cursor: default;
}

.rating {
    width: 20px;
    height: 17px;
    display: inline-block;
    background: url(/assets/media/icons/star.svg);
    text-indent: -99999px;
    background-position: center left;
    vertical-align: bottom;
}

.brand-rating {
    text-align: left;
    width: 126px;
    margin: 10px auto;
    color: #01564b;
    font-size: 12px;
}

.brand-markets {
    background: #dfefd7;
}

.brand-leagues,
.brand-markets {
    display: flex;
    height: 36px;
    padding: 8px;
    justify-content: flex-start;
    align-items: center;
}

.brand-bonus>span:first-child,
.brand-payout>span:first-child,
.brand-leagues>span:first-child,
.brand-markets>span:first-child {
    max-width: 70px;
    text-align: left;
    width: 100%;
}

.brand-leagues>span,
.brand-markets>span {
    font-size: 14px;
    text-align: left;
}

.brand-leagues span:last-child,
.brand-markets span:last-child {
    width: 100%;
    text-align: center;
    line-height: 25px;
    font-weight: bold;
}

.brand-bonus {
    display: flex;
    height: 36px;
    padding: 8px;
    justify-content: flex-start;
    align-items: center;
    background: #B3EAFF;
    color: black;
}

.brand-bonus.long-bonus {
    height: 80px;
}

.top3.table-brand .brand-bonus.long-bonus strong span {
    font-size: 15px;
}

@media only screen and (min-width: 768px) {
.top3.table-brand .brand-bonus.long-bonus strong span {
    font-size: 17px;
}
}

.other-reviews .table-brand .brand-bonus.long-bonus strong span.long-bonus {
    font-size: 15px;
    line-height: 25px;
}

.brand-bonus>span {
    font-size: 14px;
}

.compare-brands .brand-bonus strong span.long-bonus {
    font-size: 13px;
    font-weight: 800;
}

.compare-brands .brand-bonus.brand-long-bonus strong {
    line-height: 20px;
}

.brand-bonus strong {
    font-size: 14px;
    width: 100%;
    text-align: center;
    line-height: 25px;
}

.brand-bonus strong span {
    font-size: 19px;
    vertical-align: bottom;
}

.brand-payout {
    display: flex;
    height: 36px;
    padding: 8px;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    color: black;
}

.brand-payout>span {
    width: 85px;
    text-align: left;
}

.brand-payout strong {
    width: 100%;
    font-size: 21px;
}

.brand-mobile-live {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    color: black;
}

.brand-mobile-live>div {
    display: flex;
    width: 48%;
    height: 36px;
    padding: 6px;
    justify-content: space-between;
    align-items: center;
    background: #ECECED;
}

.brand-mobile-live .yes {
    width: 21px;
    height: 20px;
}

.brand-mobile-live .no {
    width: 20px;
    height: 20px;
}

.main-table .brand-info-text {
    color: #4e8350;
    font-size: 14px;
    line-height: 16px;
    padding: 0 5px;
    margin: 15px auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.brand-info-text {
    color: white;
    font-size: 14px;
    line-height: 16px;
    padding: 0 5px;
    margin: 15px auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.brand-buttons {
    font-size: 14px;
    padding: 0 5px;
    margin-bottom: 5px;
}

.brand-buttons .visit {
    margin-bottom: 5px;
}

.other-brands {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
}

.other-brands .brand-rating {
    width: 117px;
}

.top3.table-brand {
    width: 260px;
}

.boxes {
    display: table;
    margin-bottom: 15px;
}

.boxes>div {
    display: inline-table;
    padding: 10px;
    margin: 5px;
    width: auto;
    border: 2px solid #7eb36a;
    border-radius: 10px;
    text-align: justify;
    background: #fdfdfd;
    position: relative;
}

.boxes>div:nth-child(odd) {
    background: #f2fbed;
}

.d-fl {
    display: flex !important;
    align-items: center;
}

.boxes div p {
    padding: 10px;
}

.vol {
    display: flex;
    flex-direction: column;
}

.btn-sports {
    display: table;
    height: 45px;
    width: 120px;
    margin: 0 auto;
}

.visit-sport {
    border-radius: 10px;
    font-style: italic;
    font-size: 18px;
    color: #f6b92a;
    text-decoration: none;
    width: 120px;
    display: block;
    text-align: center;
    line-height: 40px;
    border: 1px solid #f6b92a;
    background: transparent;
    margin: 5px 0;
    transition: all 0.3s ease;
}

.visit-sport:hover {
    background: #e79112;
    color: #fff;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 580px) {
    .d-fl {
        flex-direction: column;
    }
    .vol {
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        width: 100%;
    }
}

@media only screen and (max-width: 695px) {
    .brand-info-text {
        display: none;
    }
    .table-brand {
        margin: 5px 2px;
    }
    .table-icons {
        justify-content: center;
    }
    .brand-bonus>strong,
    .brand-payout>strong {
        width: 100%;
        min-width: 110px;
        text-align: right;
    }
}

@media only screen and (min-width: 696px) {
    .top3.table-brand .brand-payout strong {
        font-size: 25px;
    }
    .top3.table-brand .brand-bonus strong {
        font-size: 19px;
        width: 100%;
        min-width: 120px;
    }
    .top3.table-brand .brand-bonus strong span {
        font-size: 24px;
    }
    .top3.table-brand .brand-buttons {
        font-size: 16px;
    }
    .top3.table-brand:nth-child(1) .company-120 {
        margin-top: 30px;
        width: 170px;
        height: 50px;
        margin-bottom: 20px;
    }
    .top3.table-brand:nth-child(1) .brand-rating {
        font-size: 17px;
        width: 165px;
        margin-bottom: 15px;
    }
    .top3.table-brand:nth-child(2) .company-120 {
        margin-top: 25px;
        width: 160px;
        height: 50px;
        margin-bottom: 10px;
    }
    .top3.table-brand:nth-child(2) .brand-rating {
        font-size: 15px;
        width: 155px;
        margin-bottom: 10px;
    }
    .top3.table-brand:nth-child(3) .company-120 {
        margin-top: 12px;
        width: 160px;
        height: 50px;
        margin-bottom: 10px;
    }
    .top3.table-brand:nth-child(3) .brand-rating {
        font-size: 14px;
        width: 155px;
        margin-bottom: 8px;
    }
    .top3.slot-brands.table-brand:nth-child(1) .company-120,
    .top3.slot-brands.table-brand:nth-child(2) .company-120,
    .top3.slot-brands.table-brand:nth-child(3) .company-120 {
        margin-top: 0px;
        width: 100%;
        height: 110px;
        margin-bottom: 0px;
    }
    .top3.slot-brands.table-brand:nth-child(1) .brand-rating,
    .top3.slot-brands.table-brand:nth-child(2) .brand-rating,
    .top3.slot-brands.table-brand:nth-child(3) .brand-rating {
        font-size: 17px;
        width: 165px;
        margin-bottom: 15px;
    }
    .main-table.slot-table {
        margin-top: unset;
    }
    .main-table .slot-brands .p-3 {
        padding: 3px;
    }
    .table-brand.slot-brands {
        padding: unset;
    }
    .slot-brands .company-120 {
        margin: 0;
        padding: 0;
    }
    .slot-brands.table-brand .brand-bonus strong {
        font-size: 19px;
        width: fit-content;
        min-width: 120px;
    }
    .slot-brands .brand-bonus {
        justify-content: space-between;
    }
    .slot-brands .brand-payout {
        justify-content: space-between;
    }
    .slot-brands .brand-payout strong {
        width: fit-content;
    }
}

.top3.table-brand:nth-child(1) {
    border: 2px solid #f6b92a;
}

.top3.table-brand .rank {
    font-size: 30px;
    width: 35px;
    line-height: 35px;
}

.top3.table-brand:nth-child(1) .rank::before {
    background: #f6b92a;
}

.top3.table-brand .rank::before {
    width: 80px;
    height: 80px;
    top: -40px;
    left: -40px;
}

.top3.table-brand:nth-child(2) {
    border: 2px solid #a3a3a3;
}

.top3.table-brand:nth-child(2) .rank::before {
    background: #a3a3a3;
}

.top3.table-brand:nth-child(3) {
    border: 2px solid #e4b480;
}

.top3.table-brand:nth-child(3) .rank::before {
    background: #e4b480;
}

.mini-qnav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
}

.mini-qnav li {
    position: relative;
    display: block;
    width: 45%;
    margin: 10px;
    border-radius: 10px;
    background-image: linear-gradient(-90deg, #19e395 0%, #11416b 96%);
}

.mini-qnav a {
    display: flex;
    align-items: center;
    padding: 10px 40px 10px 100px;
    text-decoration: none;
    font-size: 18px;
    line-height: 24px;
    color: white;
    height: 68px;
}

.mini-qnav a:hover {
    text-decoration: underline;
}

.mini-qnav li::after {
    content: '';
    pointer-events: none;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: url(/assets/media/icons/arrow-right.svg) no-repeat;
    width: 24px;
    height: 24px;
    background-position: center;
}

.mini-qnav li::before {
    content: '';
    pointer-events: none;
    display: block;
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat !important;
}

.mini-qnav li.best-operators::before {
    background: url(/assets/media/icons/slot-machine.svg);
    width: 73px;
    height: 74px;
}

.mini-qnav li.best-bonuses::before {
    background: url(/assets/media/icons/bonuses.svg);
    width: 74px;
    height: 74px;
}

.mini-qnav li.best-payments::before {
    background: url(/assets/media/icons/payments.svg);
    width: 74px;
    height: 74px;
}

.mini-qnav li.faq-icon::before {
    background: url(/assets/media/icons/slot.svg);
    width: 78px;
    height: 78px;
}

.mini-qnav li.slot-icon::before {
    background: url(/assets/media/icons/slot.svg);
    width: 78px;
    height: 78px;
}

.mini-qnav li.futebol::before {
    background: url(/assets/media/icons/football.svg);
    width: 63px;
    height: 63px;
}

.mini-qnav li.basquetebol::before {
    background: url(/assets/media/icons/basketball.svg);
    width: 63px;
    height: 63px;
}

.mini-qnav li.tenis::before {
    background: url(/assets/media/icons/tennis.svg);
    width: 63px;
    height: 63px;
}

.review-el {
    display: grid;
    grid-template-columns: 170px 255px 182px 1fr;
    grid-template-rows: 60px 60px 50px 70px;
    gap: 10px 10px;
    grid-template-areas: "grid-logo grid-bonus grid-mobile grid-button" "grid-logo grid-bonus grid-mobile grid-license" "grid-logo grid-payments grid-payments grid-payments" "grid-logo grid-info-text grid-info-text grid-info-text";
    margin: 10px auto;
    padding: 10px;
    place-content: center;
    background-color: #002547;
    border-top-right-radius: 50px;
}

.grid-logo {
    grid-area: grid-logo;
}

.grid-bonus {
    grid-area: grid-bonus;
}

.grid-mobile {
    grid-area: grid-mobile;
}

.grid-button {
    grid-area: grid-button;
}

.grid-license {
    grid-area: grid-license;
}

.grid-payments {
    grid-area: grid-payments;
}

.grid-info-text {
    grid-area: grid-info-text;
}

.review-el .grid-info-text div {
    color: #97bcdf;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.review-el .grid-payments div {
    display: inline-flex;
    width: 100%;
    overflow-x: auto;
    align-items: center;
}

.review-el .grid-payments div::-webkit-scrollbar {
    height: 6px;
}

.review-el .grid-payments div::-webkit-scrollbar-track {
    background: #4e8350;
    border-radius: 20px;
}

.review-el .grid-payments div::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #4e8350;
}

.review-el .grid-button {
    padding-right: 20px;
}

.review-el .visit {
    height: auto;
    line-height: normal;
    padding: 20px 3px;
}

.review-el .grid-payments {
    display: flex;
    align-items: center;
}

.review-el .grid-payments span {
    width: 280px;
}

.review-el .grid-payments div i {
    margin: 5px;
}

.review-el .grid-license i {
    vertical-align: middle;
    margin: 5px;
}

.plus-18 {
    display: inline-block;
    background: url(/assets/media/icons/plus-18-icon.png) no-repeat;
    width: 27px;
    height: 27px;
    text-indent: -99999px;
}

.mga {
    display: inline-block;
    background: url(/assets/media/icons/mga.png) no-repeat;
    width: 112px;
    height: 22px;
    text-indent: -99999px;
}

.ukgc {
    display: inline-block;
    background-image: url(/assets/media/icons/gamblingcommission.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 80px;
    height: 26px;
    text-indent: -99999px;
}

.curacao {
    display: inline-block;
    background: url(/assets/media/icons/curacao.png) no-repeat;
    width: 24px;
    height: 27px;
    text-indent: -99999px;
}

.review-el .grid-mobile {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.review-el .grid-mobile i {
    transform: scale(0.7);
}

.review-el .grid-mobile div {
    padding: 11px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    background-color: #1A3B5A;
    height: 60px;
}

.review-el .grid-bonus {
    background-color: #1A3B5A;
    padding: 10px;
    font-size: 14px;
}

.review-el .grid-bonus>span {
    font-size: 21px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    color: #19e395;
}

.review-el .grid-bonus>div:nth-of-type(2) span:last-child {
    color: #19e395;
}

.review-el .grid-bonus>span span {
    font-size: 35px;
}

.review-el .grid-bonus>span span.long-bonus {
    font-size: 21px;
}

.review-el .grid-bonus div span:last-child {
    font-size: 25px;
    display: block;
    text-align: center;
    width: 76%;
}

.review-el .grid-bonus>div:nth-of-type(2) {
    display: flex;
    align-items: center;
}

.review-el .grid-logo>div {
    padding: 5px;
    border: 1px solid #7eb36a;
    background: #fdfdfd;
    border-radius: 10px;
    margin-bottom: 10px;
    filter: drop-shadow(-8px 0px 6px rgba(26, 65, 47, 0.1));
}

.review-el .grid-logo .company-120 {
    width: 155px;
    height: 50px;
    padding: 5px;
}

.review-el .grid-logo ul {
    list-style-type: none;
    color: #01564b;
    font-size: 14px;
}

.review-el .grid-logo li {
    padding: 7px 10px;
}

.review-el .grid-logo li:last-child {
    background: #b8f5dd;
}

.review-el.rev-fix .grid-logo li {
    padding: 10px 10px;
}

.review-el li span {
    width: 53px;
    display: inline-block;
}

.payments-table th {
    text-indent: -99999px;
    padding: 10px 3px;
}

.payments-table {
    width: 100%;
    text-align: center;
}

.payments-table td i {
    transform: scale(0.9);
}

.payments-table i {
    margin: 0 auto;
}

.payments-table tr td:first-child {
    padding: 2px 10px;
    width: 190px;
}

.payments-table tr td:first-child div {
    color: #01564b;
}

.payments-table td,
.payments-table th {
    border-bottom: 1px solid #d4e7ca;
    min-width: 100px;
}

.payments-table .visit {
    margin-bottom: 5px;
}

.payments-table tr th:nth-child(3),
.payments-table tr th:nth-child(5),
.payments-table tr td:nth-child(3),
.payments-table tr td:nth-child(5) {
    background-color: #b8f5dd;
}

.payments-wrap {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #19e395;
    border-radius: 10px;
    background: #fdfdfd;
    margin: 20px auto;
}

.payments-wrap::-webkit-scrollbar {
    height: 6px;
}

.payments-wrap::-webkit-scrollbar-track {
    background: #4e8350;
    border-radius: 20px;
}

.payments-wrap::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #4e8350;
}

.payments-table td:first-child,
.payments-table th:first-child {
    position: sticky;
    left: 0;
    background: #fdfdfd;
    z-index: 1;
}

.compare-brands {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 20px auto;
}

.compare-brands .vs {
    width: 200px;
    max-width: 200px;
    height: 40px;
    background-image: linear-gradient(90deg, transparent 19%, #12416c 49%, transparent 81%);
    text-align: center;
    font-size: 24px;
    line-height: 40px;
    color: #19e395;
    margin-bottom: 10px;
}

.compare-brands .vs-brand {
    position: relative;
    padding: 10px;
    background-color: #002547;
    width: 100%;
}

.compare-brands .vs-brand>* {
    padding: 0 10px;
}

.compare-brands .vs-brand:first-child {
    border-top-right-radius: 50px;
    padding-right: 30px;
}

.compare-brands .vs-brand:last-child {
    border-top-left-radius: 50px;
    padding-left: 30px;
}

.compare-brands .company-120 {
    width: 100%;
    max-width: 150px;
    height: 50px;
    margin: 10px 0;
}

.compare-brands .stay {
    width: 100%;
    max-width: 120px;
    min-width: 100px;
    height: 50px;
    line-height: 48px;
    margin-left: 5px;
}

.compare-brands .vs-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
}

.compare-brands .brand-bonus strong {
    font-size: 19px;
    font-weight: normal;
}

.compare-brands .brand-bonus strong span {
    font-size: 30px;
}

.compare-brands .brand-info-text {
    -webkit-line-clamp: 4;
}

.compare-brands .brand-rating {
    margin: 10px 0;
    text-align: left;
    font-size: 14px;
    width: auto;
    color: white;
}

.compare-brands .vs-brand:first-child .bar-rating {
    position: absolute;
    right: -35px;
    padding: 0 !important;
    bottom: 0;
}

.compare-brands .vs-brand:last-child .bar-rating {
    position: absolute;
    left: -35px;
    padding: 0 !important;
    bottom: 0;
}

.bar-rating>div:first-child {
    padding: 10px;
    background: #fff;
    border: 1px solid #19e395;
    margin-bottom: 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 20px;
    width: 70px;
    color: black;
}

.bar-rating>div:first-child::after {
    content: '%';
}

.rating-bar {
    margin: 0 auto;
    background: url(/assets/media/icons/bar-rating-green.png);
    width: 52px;
    height: 234px;
}

.rating-bar div {
    background: url(/assets/media/icons/bar-rating-grey.png);
    width: 52px;
    height: 234px;
}

.compare-brands .vs-brand:last-child .rating-bar {
    transform: rotateY(180deg);
}

.other-reviews {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.other-reviews .stay {
    margin-top: 10px;
}

.stay.rev-btn {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 36px;
    line-height: 34px;
    margin: 0;
}

.compare-brands.on-review .vs-logo {
    justify-content: center;
}

.compare-brands.on-review .brand-rating {
    width: 152px;
    margin: 10px auto;
}

@media only screen and (max-width: 720px) {
    .grid-button {
        padding-right: 0 !important;
    }
    .review-el {
        border-top-right-radius: 0;
        grid-template-columns: 170px 1fr 120px;
        grid-template-rows: auto;
        gap: 10px 10px;
        grid-template-areas: "grid-logo grid-bonus grid-mobile " "grid-logo grid-button grid-button" "grid-logo grid-license grid-license" "grid-payments grid-payments grid-payments" "grid-info-text grid-info-text grid-info-text";
    }
    .review-el .visit {
        max-width: 300px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 530px) {
    .review-el.mobile .grid-logo li:not(:last-child) {
        display: none;
    }
    .review-el {
        width: 100%;
        border-top-right-radius: 0;
        grid-template-columns: 260px;
        grid-template-rows: auto;
        gap: 10px 10px;
        grid-template-areas: "grid-logo" "grid-bonus" "grid-button" "grid-mobile" "grid-license" "grid-payments" "grid-info-text";
    }
    .review-el .grid-info-text div {
        -webkit-line-clamp: unset;
        text-align: justify;
    }
    .review-el .grid-mobile {
        flex-direction: row;
        justify-content: space-evenly;
    }
    .grid-license {
        text-align: center;
    }
    .review-el .grid-payments {
        flex-direction: column;
        text-align: center;
    }
    .review-el .grid-logo li:last-child {
        position: relative;
    }
    .review-el .grid-logo li:last-child::after {
        position: absolute;
        content: '';
        padding: 10px;
        transform: rotate(-45deg) translateY(-50%);
        box-shadow: 1px -1px 0 1px #7eb36a inset;
        -webkit-box-shadow: 2px -2px #7eb36a inset;
        border: solid transparent;
        border-width: 0 0 0 0;
        right: 10px;
        transition: all 0.3s ease;
    }
    .review-el .grid-logo li.open:last-child::after {
        transform: rotate(135deg) translateY(0%) translateX(50%);
        transition: all 0.3s ease;
    }
}

form .button404 {
    background: transparent;
}

.error404-img {
    filter: hue-rotate(-100deg);
}

.d-i {
    display: inline;
}

.brand-info-table {
    margin: 20px auto;
    border-radius: 10px;
    max-width: 327px;
    border: 1px solid #002547;
    border-collapse: separate;
}

.brand-info-table td {
    padding: 8px 10px;
    font-size: 14px;
}

.brand-info-table tr:nth-child(odd) {
    background: #002547;
}

.brand-info-table tr:nth-child(even) {
    background: #12416c;
}

.brand-info-table th {
    padding: 10px;
    text-align: center;
    color: #fff;
    background: #002547;
    font-weight: bold;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.brand-info-table tr:last-child td:last-child {
    border-bottom-right-radius: 9px;
}

.brand-info-table tr:last-child td:first-child {
    border-bottom-left-radius: 9px;
}

.person-row {
    display: flex;
    align-items: top;
}

.person {
    border-radius: 50%;
    margin: 0 20px;
}

article>p,
.person-row p {
    margin-bottom: 20px;
}


article .white-box p:first-of-type{
    margin-bottom: 20px;
}

.white-box,
.dark-box>p {
    margin-bottom: 10px;
}

@media only screen and (max-width: 700px) {
    .person-row {
        flex-direction: column;
        align-items: center;
    }
    .person-row p {
        text-align: justify;
    }
    .person {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 901px) {
    .brand-info-table {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 1151px) {
    .top3.table-brand {
        width: 200px;
    }
}

@media only screen and (max-width: 1150px) and (min-width: 1001px) {
    .top3.table-brand {
        width: 195px;
    }
}

@media only screen and (max-width: 880px) {
    .top3.table-brand {
        width: 200px;
    }
}

@media only screen and (max-width: 1100px) and (min-width: 1001px) {
    .main-table {
        margin-top: 0;
    }
}

@media only screen and (max-width: 800px) {
    .main-table {
        margin-top: 0;
    }
    .mini-qnav {
        flex-direction: column;
        align-items: center;
    }
    .mini-qnav li {
        max-width: 400px;
        width: 100%;
        margin: 10px 0;
    }
    .disclaimer p {
        line-height: 16px;
    }
}

@media only screen and (max-width: 400px) {
    .table-brand {
        width: 100% !important;
        max-width: 280px;
    }
    .mini-qnav a {
        padding: 10px 10px 10px 70px;
    }
    .mini-qnav li::before {
        left: 25px;
    }
    .mini-qnav li::after {
        display: none;
    }
}

.gsc-webResult.gsc-result {
    border: none !important;
}

.table-display {
    clear: left;
}

.disclaimer {
    padding-top: 0;
}

.disclaimer p {
    background: #12416c;
    color: #628ab0;
    padding: 10px;
}

.disclaimer p:not(.tac) {
    padding: 20px 10px 10px 10px;
}

footer .navbar nav ul li:hover a {
    background-color: #002241;
    color: white;
}

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

.flex--no-wrap {
    flex-wrap: nowrap;
}

.flex--evenly {
    justify-content: space-evenly;
}

.flex--around {
    justify-content: space-around;
}

.flex--center {
    justify-content: center;
}

@media screen and (max-width: 700px) {
    ul.flex--evenly {
        flex-direction: column;
    }
}

.flex-el {
    display: flex;
    justify-content: center;
}

.pros-cons h3 {
    text-align: center;
}

.flex strong {
    text-align: center;
}

.four-el>div {
    background-color: #12416c;
}

.visit.payment-go {
    width: 70%;
    height: auto;
    margin: 0 auto;
    padding: 7px 25px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    border: 1px solid #1AE395;
}

.payments-depo-with {
    width: 100%;
    border: 2px solid #002547;
    border-radius: 10px;
}

.payments-depo-with table {
    width: 100%;
}

.payments-depo-with tr {
    text-align: center;
}

.payments-depo-with td i {
    margin: 10px auto;
}

.payments-depo-with thead tr th {
    padding: 10px 0;
}

.payments-depo-with thead {
    background-color: #002547;
}

.payments-depo-with tbody tr:nth-child(even) {
    background-color: #002547;
}

span.bold {
    font-weight: bold;
    font-size: 20px;
}

.mb-0 {
    margin-bottom: 0;
}

@media screen and (max-width: 1000px) {
    header .navbar nav ul li a {
        color: black !important;
    }
}

@media screen and (max-width: 330px) {
    header .navbar .logo {
        margin-left: 5px;
    }
}

@media screen and (max-width: 1115px) and (min-width: 1000px) {
    .review-el {
        grid-template-columns: 170px 155px 129px 1fr;
    }
}

@media screen and (max-width: 829px) and (min-width: 721px) {
    .review-el {
        grid-template-columns: 170px 170px 133px 1fr;
    }
}

@media screen and (max-width: 720px) and (min-width: 531px) {
    .review-el .grid-license div {
        display: inline;
    }
}

.dropdown {
    cursor: pointer;
}

img.ml-0 {
    margin-left: 0;
}

.search-results .gs-bidi-start-align.gs-snippet {
    color: white;
}

.slot-table .brand-bonus .text-right {
    text-align: right;
}

@media only screen and (max-width: 695px) {
    .slot-table .table-brand.slot-brands {
        padding: 0;
    }
    .slot-table .company-120[class*="bg-"] {
        padding: 0;
        width: 100%;
        height: 60px;
        margin: 0 auto;
    }
}

#gs_tti50 input {
    color: black;
}

.dark-color {
    background-color: #2aea9f;
}

.navbar nav ul.sub-menu li a{
    text-transform: none;
}
.mb-0{
    margin-bottom: 0px !important;
}
.mb-6{
    margin-bottom: 60px;
}
.blur{
    filter: blur(10px);
}