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

body::after{
content: '';
width: 100%;
height: 820px;
z-index: -1;
position: absolute;
bottom: 0;
left: 0;
background: url(/assets/media/bg-bottom.png);
display: block;
background-size: cover;
}
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: #000906;
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: #01564b;
  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: #fdfdfd;
height: 70px;
border-bottom: 3px solid #f6b92a;
}
main {
max-width: 1200px;
width: 100%;
margin: 0 auto 50px;
display: table;
background: rgba(242, 248, 239, 0.6);
}
main > article {
width: calc(100% - 300px);
float: left;
padding: 0 17px 40px;
}
main > article.no-sidebar{
width: 100%;
}
article > .white-box:first-child{
border-top-right-radius: 50px;
color: #001b39;
}
article > .white-box{
background: #f1f6f1;
padding: 25px;
padding-top: 30px;
margin-bottom: 20px;
filter: drop-shadow(-8px 0px 6px rgba(26,65,47,0.1));
}
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;
}
article p > a:hover{
text-decoration: none;
}

.navbar{
max-width: 1200px;
display: flex;
justify-content: space-between;
margin: 0 auto 15px;
align-items: center;
}
footer .navbar{
padding: 0 20px;
background: #fdfdfd;
}

.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: #0d281f;
  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(2);
}
}
header .navbar nav ul li.active > a{
background: #b9d0b6;
color: #fff;
}
footer .navbar nav ul li a{
padding: 30px 10px;
}
footer .navbar{
align-items: center;
}

.navbar nav ul li:hover a{
background: #b9d0b6;
color: #fff;
transition: background 0.3s ease;
}


.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: #b9d0b6 !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;
}

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: rgba(255, 255, 255, 0.5);
}

.footer-bottom{
display: flex;
align-items: center;
}

.sub-form form > div{
display: flex;
padding: 30px 20px;
align-items: center;
}
.sub-info{
margin-right: 20px;
}
.sub-info strong{
display: block;
color: #0d281f;
margin-bottom: 15px;
margin-top: 15px;
font-size: 18px;
}
.sub-info span{
font-size: 14px;
color: #0d281f;
}

.subscribe-form__consent{
display: block;
padding-left: 30px;
margin-top: 20px;
font-size: 12px;
color: rgba(3, 19, 40, 0.5);
}
.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;
}
.subscribe-form__submit{
width: 160px;
padding: 0 10px;
border: none;
color: #fff;
background: #f5b929;
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: #eef6eb;
padding: 20px;
border: 1px solid #c1e1b1;
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 > div:nth-child(1){
border-right: 1px solid #c1e1b1;
}
.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);
}

@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{
  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: #0d281f;
border-radius: 10px;
transition: all 500ms ease-in-out;
}
.q-nav ,
.hamburger {
position: relative;
width: 50px;
height: 5px;
background: #0d281f;
border-radius: 10px;
transition: all 500ms ease-out;
}
.q-nav-btn::before{
content: '';
display: block;
opacity: 1;
position: absolute;
background: #fdfdfd;
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 #01564b;
margin: 5px auto;
}
.company-120[class*="bg-"] span{
text-indent: -99999px;
}

[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%;
}

.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/back-to-top.svg);
vertical-align: sub;
margin-right: 10px;
}
.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: #fbfcfa;
color: #4e8350;
cursor: pointer;
transition: all 0.3s ease;
}
.back-to-top:hover::before{
filter: brightness(100);
}
.back-to-top:hover {
transition: all 0.3s ease;
background: #4e8350;
color: #fbfcfa;
}
aside{
filter: drop-shadow(-8px 0px 6px rgba(26,65,47,0.1));
}
aside .banner{
background: #fbfcfa;
padding: 6px;
margin: 6px auto;
}
aside .banner img{
width: 100%;
height: auto;
border-radius: 10px;
}
aside .qnav{
background: #fbfcfa;
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: #0d281f;
}
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: #4e8350;
display: inline-block;
width: 19px;
height: 26px;
text-align: center;
line-height: 20px;
left: -8px;
top: 50%;
transform: translateY(-50%);
background-image: url(/assets/media/icons/qnav-pin.png), radial-gradient(closest-side at 51% 38%, white 73%, transparent 88%);
}
aside .qnav li:hover::before{
background-image: url(/assets/media/icons/qnav-pin.png), radial-gradient(closest-side at 51% 38%, #f6b92a 73%, transparent 88%);
}
aside .qnav li a{
display: inline-block;
padding: 10px 10px 10px 20px;
color: #001b39;
text-decoration: none;
}
aside .qnav li a:hover{
color: #4e8350;
}

.visit{
display: block;
width: 100%;
height: 36px;
line-height: 34px;
border-radius: 5px;
background-image: linear-gradient(0deg, #e79112 0%, #ffe9a0 100%);
border: 1px solid #f6b92a;
color: #fff;
text-align: center;
text-decoration: none;
}
.visit:hover{
background-image: linear-gradient(0deg, #ffe9a0 0%, #e79112 100%);
color: #fff;
}

.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: #7eb36a;
text-decoration: none;
width: 100%;
display: block;
text-align: center;
line-height: 28px;
border: 1px solid #7eb36a;
transition: all 0.3s ease;  
}
.stay:not(.no-review):hover{
background: #7eb36a;
color: #fff;
transition: all 0.3s ease;
}
.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;
}


.disclaimer .tac{
margin-top: 10px;
}

/*--------------------------------------------------------------
# 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: #f3f8f1 url(/assets/media/top-bg-small.png) no-repeat;
}
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: 10px;
}

header nav {
  display: none;
  background: #e5e8ea;
  opacity: 0;
  justify-content: start;
  flex-direction: column;
  height: calc(100vh - 70px);
  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 -35px rgba(0,0,0,0.5);
  box-shadow: 0px 22px 23px -35px rgba(0,0,0,0.5);
}
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: 120px;
}
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;
}
.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: 60px;
}
}
@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;
}
}

@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: #f3f8f1 url(/assets/media/top-bg.png) no-repeat;
}
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;
}
}



/* SVG LOGOS */


.svg-esportiva-bet{
  background: url(/assets/media/svgs/esportiva-bet.svg);
}
.svg-bateubet{
  background: url(/assets/media/svgs/bateubet.svg);
}
.svg-betano{
  background: url(/assets/media/svgs/betano.svg);
}
.svg-esportes-da-sorte{
  background: url(/assets/media/svgs/esportes-da-sorte.svg);
}
.svg-onabet{
  background: url(/assets/media/svgs/onabet.svg);
}
.svg-stake{
  background: url(/assets/media/svgs/stake.svg);
}
.svg-22bet{
background: url(/assets/media/svgs/22bet.svg);
}
.svg-20bet{
background: url(/assets/media/svgs/20bet.svg);
}
.svg-bumbet{
background: url(/assets/media/svgs/bumbet.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-rivalo{
background: url(/assets/media/svgs/rivalo.svg);
}
.svg-1xbet{
background: url(/assets/media/svgs/1xbet.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-betonline{
background: url(/assets/media/svgs/betonline.svg);
}
.svg-sapphirebet{
background: url(/assets/media/svgs/sapphirebet.svg);
}
.svg-parimatch{
background: url(/assets/media/svgs/parimatch.svg);
}
.svg-rabona{
background: url(/assets/media/svgs/rabona.svg);
}
.svg-ivibet{
background: url(/assets/media/svgs/ivibet.svg);
}
.svg-ibet{
background: url(/assets/media/svgs/ibet.svg);
}

div.company-sports span.svg-bet365{background-size: 60%;}
/* logos BG color */

.bg-esportiva-bet{
  background: #323637;
}
.bg-bateubet{
  background: #25100F;
}
.bg-betano{
  background: #ff6600;
}
.bg-esportes-da-sorte{
  background: #3511a2;
}
.bg-onabet{
  background: #201925;
}
.bg-stake{
  background: #1A2C38;
}
.bg-ibet{
background: #000;
}
.bg-ivibet{
background: #EDEFF2;
}
.bg-rabona{
background: #CC0034;
}
.bg-parimatch{
background: #000;
}
.bg-22bet{
background: #eceff6;
}
.bg-20bet{
background: #0D1D34;
}
.bg-bet365{
background: #027b5b;
}
.bg-sportingbet{
background: #0988d1;
}
.bg-betmotion{
background: #eee;
}
.bg-betboo{
background: #ca3b1b;
}
.bg-melbet{
background: #222222;
}
.bg-betway{
background: #111;
}
.bg-rivalo{
background: #003366;
}
.bg-1xbet{
background: #1a5684;
}
.bg-bodog{
background: #fff;
}
.bg-bumbet{
background: #fff;
}
.bg-kto{
background: #000;
}
.bg-betwarrior{
background: #f26940;
}
.bg-betfair{
background: #f5b942;
}
.bg-betonline{
background: #2D2E2C;
}
.bg-sapphirebet{
background: #333467;
}


/* MAIN Table */

.table-icons {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
color: #031328;
font-size: 12px;
margin-bottom: 15px;
}
.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/brazil.svg);
width: 30px;
height: 21px;
}
.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;
}
.terms{
font-size: 12px;
color: #4e8350;
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: #0d281f;
border: 1px solid #0d281f;
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: white;
box-shadow: 0 0 30px 0 rgb(0 27 58 / 34%);
background-color: #0d281f;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.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;
}



/* 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: #7fb36a;
border-bottom: 2px solid #0d281f;
display: table;
}
.sitemap ul{
margin: 0 auto;
display: table;
list-style-type: none;
margin-bottom: 30px;
min-width: 200px;
}
.sitemap ul li{
margin-bottom: 10px;
}
.sitemap ul li:hover a{
color: #7fb36a;
}
.sitemap ul li a{
font-size: 15px;
color: #0d281f;
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: #7fb36a;
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: -10px;
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: rgb(88, 88, 88);
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: #000;
  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: #fbfcfa;
}
p.accordion.alive{
margin-bottom: 0px;
transition: all 0.3s ease;
}
p.accordion {
  color: #1e0c0a;
  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: #f3e8e7;
  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('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATBAMAAACNYFu4AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADBQTFRFAAAA/28A/28A/28A/28A/28A/28A/28A/28A/28A/28A/28A/28A/28A/28A/28Akyl4HwAAABB0Uk5TAGDv31Aw/0AQ8I+/wOCQIFBNChsAAABoSURBVHicY2AAAkZlBwYYCEtLhLPL0tIEYOzONIQE6zQkiUhkibS0pAAGhq7dIKCWlqbKwHAsDQqAEmlwcAEhnhnA0HcGBICGToWawwIWhoCgtLQUmPFqCHubkKxFduc3JPcz3gX7CwBytCzkohjTegAAAABJRU5ErkJggg==');
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: 10px 2px;
}
.table-brand .rank::before{
content: "";
display: block;
position: absolute;
width: 50px;
height: 50px;
transform: rotate(45deg);
top: -25px;
left: -25px;
background: #7eb36a;
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: 100%; */
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: 124px;
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,
.bonus-code > 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: #dfefd7;
}
.brand-bonus > span{
font-size: 14px;
}
.brand-bonus strong{
font-size: 14px;
width: 100%;
text-align: center;
line-height: 25px;
}
.brand-bonus strong span{
font-size: 21px;
vertical-align: bottom;
}
.brand-payout, .bonus-code{
display: flex;
height: 36px;
padding: 8px;
justify-content: flex-start;
align-items: center;
font-size: 14px;
}
.brand-payout > span{
width: 85px;
text-align: left;
}
:is(.brand-payout, .bonus-code) strong{
width: 100%;
font-size: 18px;
}
.brand-mobile-live{
font-size: 14px;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.brand-mobile-live > div{
display: flex;
width: 48%;
height: 36px;
padding: 8px;
justify-content: space-between;
align-items: center;
background: #dfefd7;
}
.brand-mobile-live .yes{
width: 21px;
height: 20px;
}
.brand-mobile-live .no{
width: 20px;
height: 20px;
}
.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-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: 110px;
}
.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;
}
}
@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.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: linear-gradient(-90deg, #c1e1b1 0%, #fdfdfd 100%);
border: 1px solid #b9d0b7;
}
.mini-qnav a{
display: flex;
align-items: center;
padding: 10px 40px 10px 100px;
text-decoration: none;
font-size: 18px;
line-height: 24px;
color: #4e8350;
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%) rotate(90deg);
background: url(/assets/media/icons/back-to-top.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/bonus-icon.svg);
width: 73px;
height: 74px;
}
.mini-qnav li.best-bonuses::before{
background: url(/assets/media/icons/bonus.svg);
width: 74px;
height: 74px;
}
.mini-qnav li.best-payments::before{
background: url(/assets/media/icons/wallet.svg);
width: 74px;
height: 74px;
}
.mini-qnav li.faq-icon::before{
background: url(/assets/media/icons/faq.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 1fr 120px 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: #fdfdfd;
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: #4e8350;
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;
}
.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;
}
.gibraltar{
display: inline-block;
background: url(/assets/media/svgs/gibraltar.svg) no-repeat;
width: 112px;
height: 22px;
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: #eef6eb;
}
.review-el .grid-bonus{
background-color: #c1e1b1;
padding: 10px;
font-size: 14px;
}
.review-el .grid-bonus > span{
font-size: 21px;
text-align: center;
display: block;
margin-bottom: 20px;
}
.review-el .grid-bonus > span span{
font-size: 35px;
}
.review-el .grid-bonus div span:last-child{
font-size: 25px;
display: block;
text-align: center;
width: 100%;
}
.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: #eef5ea;
}
.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: 140px;
}
.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: #eff6eb;
}

.payments-wrap{
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border: 1px solid #7eb36a;
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: 125px auto 50px auto;
}
.compare-brands .vs{
width: 200px;
max-width: 200px;
height: 40px;
background-image: linear-gradient(90deg, #f3f8f0 19%, #d4e7ca 49%, #f3f8f0 81%);
text-align: center;
font-size: 24px;
line-height: 40px;
color: #4e8350;
margin-bottom: 10px;
}
.compare-brands .vs-brand{
position: relative;
padding: 10px;
background-color: #e7eee3;
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;
}

.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 #f6b92a;
margin-bottom: 10px;
border-radius: 10px;
text-align: center;
font-size: 20px;
width: 70px;
}
.bar-rating > div:first-child::after{
content: '%';
}

.rating-bar{
margin: 0 auto;
background: url(/assets/media/icons/bar-rating-yellow.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: 142px;
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: 280px;
border: 1px solid #6c9b69;
background: #fffdf9;
border-collapse: separate;
}
.brand-info-table td{
padding: 8px 10px;
font-size: 14px;
}
.brand-info-table tr:nth-child(odd) {
background: #c1e1b121;
}
.brand-info-table th {
padding: 10px;
text-align: center;
color: #fff;
background: #6c9b69;
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;
}
.white-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;
}