html{line-height: 1.15;-webkit-text-size-adjust: 100%;box-sizing: border-box;}
*, *:before, *:after,input[type="checkbox"],input[type="radio"]{box-sizing: inherit;}
img,pre,embed,video,iframe,object,input,select,textarea{max-width: 100%}
body{margin: 0}
main{display: block;}
hr{box-sizing: content-box;height: 0;overflow: visible;}
pre{font-family: monospace, monospace;font-size: 1em;}
a{background-color: transparent;}
abbr[title]{border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b,strong{font-weight: bolder;}
em, i, .itlc{font-style: italic;}
code,kbd,samp{font-family: monospace, monospace;font-size: 1em;}
small{font-size: 80%}
sub,sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub{bottom: -0.25em;}
sup{top: -0.5em;}
img{border-style: none;}
button,input,optgroup,select,textarea{font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button,input{overflow: visible;}
button,select{text-transform: none;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style: none;padding: 0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline: 1px dotted ButtonText;}
fieldset{padding: 0.35em 0.75em 0.625em}
legend{box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress{vertical-align: baseline}
textarea{overflow: auto}[type="checkbox"],[type="radio"]{box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height: auto}[type="search"]{-webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance: none}
::-webkit-file-upload-button{-webkit-appearance: button;font: inherit;}
details{display: block}summary{display: list-item}
template{display: none}
[hidden]{display: none}
/* links - 132d48
yellow - 0b9a0b
orange - d56928
green - 132D48
btn-hover - e05038
*/
/* general ================== */
body{
overflow-x: hidden;
color: #373A36;
font-size: 15px;
line-height: 1.8;
font-family: Arial, sans-serif;
text-align: left;
transition: all 200ms linear;
background: #fff;
}
::selection {
color: #f7f7f7;
background-color: #0b9a0b;
}
::-moz-selection {
color: #f7f7f7;
background-color: #0b9a0b;
}
#page-article.white{
padding: 10px 20px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 767px) {
#page-article.container {
box-shadow: none;
border-top: 5px solid #132D48;
}
}
.row{
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-family: 'Nunito Sans', sans-serif;
}
h1 {
text-align: center;
font-weight: 700;
margin: 20px 0;
font-size: 1.375rem;
}
/* h1 span, .elem-title span{
border-bottom: 2px solid #0b9a0b;
color: rgba(55, 58, 54, .6);
text-transform: uppercase;
} */
h2 {
margin: 2rem 0;
text-align: center;
color: rgba(55, 58, 54, .7);
letter-spacing: 1px;
font-size: 1.188rem;
}
h2:not(#ukk)::first-letter {
font-size: 25px;
border-bottom: 2px solid #0b9a0b;
}
.dark-bg h2::first-letter,
.dark-bg h3 {
color: #fff;
}
@media only screen and (max-width: 575px){
h2::first-letter {
border-bottom: none;
}
}
h3{
font-size: 18px;
display: inline-block;
color: #132D48;
margin: 15px auto;
position: relative;
border-bottom: 1px solid #0b9a0b;
}
.elem-title{
text-align: center;
font-family: 'Nunito Sans', sans-serif;
font-weight: bold;
font-size: 1.188rem;
}
p{
text-align: justify;
font-family: 'Montserrat', sans-serif;
}
a{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
a.text-light:focus, a.text-light:hover {
color: #f7f7f7!important;
}
.modal-backdrop.show {
height: 100%;
opacity: 0.7;
}
.accent-txt{color: #132d48;}
.wide-container{
margin-left: -20px;
margin-right: -20px;
}
.container-full{
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
overflow: hidden;
}
.disp-in{display: inline-block;}
.container-full.bonus-section:before{
position: absolute;
content:'';
background: url('/imgs/bonus-bg.png') no-repeat;
right: 10px;
top: 50%;
transform: translateY(-50%) rotate(-25deg);
-webkit-transform: translateY(-50%) rotate(-25deg);
-moz-transform: translateY(-50%) rotate(-25deg);
width: 300px;
height: 273px;
opacity: .3;
}
.bon-off{background: url('/imgs/icons/giftbox.svg') no-repeat; text-indent: -9999px; display: inline-block;}
.bg-dark{color: #fff; background-color: #132D48;}
.bg-accent{background-color: rgba(211, 78, 61, 0.8); color: #fff;}
.light-color{color: #0b9a0b;}
.white-bg{background: #fff;}
.dark-bg{
background: #132D48;
background:linear-gradient(231deg, rgba(233, 233, 233, 0.01) 0%, rgba(233, 233, 233, 0.01) 25%,rgba(10, 10, 10, 0.01) 25%, rgba(10, 10, 10, 0.01) 50%,rgba(237, 237, 237, 0.01) 50%, rgba(237, 237, 237, 0.01) 75%,rgba(200, 200, 200, 0.01) 75%, rgba(200, 200, 200, 0.01) 100%),linear-gradient(344deg, rgba(2, 2, 2, 0.03) 0%, rgba(2, 2, 2, 0.03) 20%,rgba(10, 10, 10, 0.03) 20%, rgba(10, 10, 10, 0.03) 40%,rgba(100, 100, 100, 0.03) 40%, rgba(100, 100, 100, 0.03) 60%,rgba(60, 60, 60, 0.03) 60%, rgba(60, 60, 60, 0.03) 80%,rgba(135, 135, 135, 0.03) 80%, rgba(135, 135, 135, 0.03) 100%),linear-gradient(148deg, rgba(150, 150, 150, 0.03) 0%, rgba(150, 150, 150, 0.03) 14.286%,rgba(15, 15, 15, 0.03) 14.286%, rgba(15, 15, 15, 0.03) 28.572%,rgba(74, 74, 74, 0.03) 28.572%, rgba(74, 74, 74, 0.03) 42.858%,rgba(175, 175, 175, 0.03) 42.858%, rgba(175, 175, 175, 0.03) 57.144%,rgba(16, 16, 16, 0.03) 57.144%, rgba(16, 16, 16, 0.03) 71.42999999999999%,rgba(83, 83, 83, 0.03) 71.43%, rgba(83, 83, 83, 0.03) 85.71600000000001%,rgba(249, 249, 249, 0.03) 85.716%, rgba(249, 249, 249, 0.03) 100.002%),linear-gradient(122deg, rgba(150, 150, 150, 0.01) 0%, rgba(150, 150, 150, 0.01) 20%,rgba(252, 252, 252, 0.01) 20%, rgba(252, 252, 252, 0.01) 40%,rgba(226, 226, 226, 0.01) 40%, rgba(226, 226, 226, 0.01) 60%,rgba(49, 49, 49, 0.01) 60%, rgba(49, 49, 49, 0.01) 80%,rgba(94, 94, 94, 0.01) 80%, rgba(94, 94, 94, 0.01) 100%),linear-gradient(295deg, rgba(207, 207, 207, 0.02) 0%, rgba(207, 207, 207, 0.02) 25%,rgba(47, 47, 47, 0.02) 25%, rgba(47, 47, 47, 0.02) 50%,rgba(142, 142, 142, 0.02) 50%, rgba(142, 142, 142, 0.02) 75%,rgba(76, 76, 76, 0.02) 75%, rgba(76, 76, 76, 0.02) 100%),linear-gradient(73deg, rgba(81, 81, 81, 0.03) 0%, rgba(81, 81, 81, 0.03) 12.5%,rgba(158, 158, 158, 0.03) 12.5%, rgba(158, 158, 158, 0.03) 25%,rgba(136, 136, 136, 0.03) 25%, rgba(136, 136, 136, 0.03) 37.5%,rgba(209, 209, 209, 0.03) 37.5%, rgba(209, 209, 209, 0.03) 50%,rgba(152, 152, 152, 0.03) 50%, rgba(152, 152, 152, 0.03) 62.5%,rgba(97, 97, 97, 0.03) 62.5%, rgba(97, 97, 97, 0.03) 75%,rgba(167, 167, 167, 0.03) 75%, rgba(167, 167, 167, 0.03) 87.5%,rgba(22, 22, 22, 0.03) 87.5%, rgba(22, 22, 22, 0.03) 100%),linear-gradient(90deg, #132D48,#132D48);
color: #fff;
}
.light-bg{
background: rgb(212, 247, 226);
background: linear-gradient(112.5deg, rgba(232, 232, 232, 0.03) 0%, rgba(232, 232, 232, 0.03) 2%,rgba(231, 231, 231, 0.03) 2%, rgba(231, 231, 231, 0.03) 4%,rgba(231, 231, 231, 0.03) 4%, rgba(231, 231, 231, 0.03) 11%,rgba(2, 2, 2, 0.03) 11%, rgba(2, 2, 2, 0.03) 67%,rgba(231, 231, 231, 0.03) 67%, rgba(231, 231, 231, 0.03) 90%,rgba(111, 111, 111, 0.03) 90%, rgba(111, 111, 111, 0.03) 100%),linear-gradient(157.5deg, rgba(210, 210, 210, 0.03) 0%, rgba(210, 210, 210, 0.03) 17%,rgba(254, 254, 254, 0.03) 17%, rgba(254, 254, 254, 0.03) 18%,rgba(96, 96, 96, 0.03) 18%, rgba(96, 96, 96, 0.03) 44%,rgba(159, 159, 159, 0.03) 44%, rgba(159, 159, 159, 0.03) 70%,rgba(24, 24, 24, 0.03) 70%, rgba(24, 24, 24, 0.03) 82%,rgba(16, 16, 16, 0.03) 82%, rgba(16, 16, 16, 0.03) 100%),linear-gradient(22.5deg, rgba(47, 47, 47, 0.03) 0%, rgba(47, 47, 47, 0.03) 32%,rgba(124, 124, 124, 0.03) 32%, rgba(124, 124, 124, 0.03) 40%,rgba(200, 200, 200, 0.03) 40%, rgba(200, 200, 200, 0.03) 42%,rgba(16, 16, 16, 0.03) 42%, rgba(16, 16, 16, 0.03) 64%,rgba(243, 243, 243, 0.03) 64%, rgba(243, 243, 243, 0.03) 94%,rgba(93, 93, 93, 0.03) 94%, rgba(93, 93, 93, 0.03) 100%),linear-gradient(90deg, #FFF,#FFF);
}
.accent-bg{
background: #CAE4DB;
background: linear-gradient(112.5deg, rgba(232, 232, 232, 0.03) 0%, rgba(232, 232, 232, 0.03) 2%,rgba(231, 231, 231, 0.03) 2%, rgba(231, 231, 231, 0.03) 4%,rgba(231, 231, 231, 0.03) 4%, rgba(231, 231, 231, 0.03) 11%,rgba(2, 2, 2, 0.03) 11%, rgba(2, 2, 2, 0.03) 67%,rgba(231, 231, 231, 0.03) 67%, rgba(231, 231, 231, 0.03) 90%,rgba(111, 111, 111, 0.03) 90%, rgba(111, 111, 111, 0.03) 100%),linear-gradient(157.5deg, rgba(210, 210, 210, 0.03) 0%, rgba(210, 210, 210, 0.03) 17%,rgba(254, 254, 254, 0.03) 17%, rgba(254, 254, 254, 0.03) 18%,rgba(96, 96, 96, 0.03) 18%, rgba(96, 96, 96, 0.03) 44%,rgba(159, 159, 159, 0.03) 44%, rgba(159, 159, 159, 0.03) 70%,rgba(24, 24, 24, 0.03) 70%, rgba(24, 24, 24, 0.03) 82%,rgba(16, 16, 16, 0.03) 82%, rgba(16, 16, 16, 0.03) 100%),linear-gradient(22.5deg, rgba(47, 47, 47, 0.03) 0%, rgba(47, 47, 47, 0.03) 32%,rgba(124, 124, 124, 0.03) 32%, rgba(124, 124, 124, 0.03) 40%,rgba(200, 200, 200, 0.03) 40%, rgba(200, 200, 200, 0.03) 42%,rgba(16, 16, 16, 0.03) 42%, rgba(16, 16, 16, 0.03) 64%,rgba(243, 243, 243, 0.03) 64%, rgba(243, 243, 243, 0.03) 94%,rgba(93, 93, 93, 0.03) 94%, rgba(93, 93, 93, 0.03) 100%),linear-gradient(90deg, #CAE4DB,#7A9D96);
}
hr.separate{
border: 0;
height: 1px;
background: linear-gradient(to right, rgba(204, 204, 204, 0.35), #132D48, rgba(204, 204, 204, 0.35));
margin-top: 2rem;
}
.jalkapallo-bg{background: url('/imgs/icons/football.svg') no-repeat; background-size: cover;}
.koripallo-bg{background: url('/imgs/icons/basketball.svg') no-repeat; background-size: cover;}
.baseball-bg{background: url('/imgs/icons/baseball.svg') no-repeat; background-size: cover;}
.tennis-bg{background: url('/imgs/icons/tennis.svg') no-repeat; background-size: cover;}
.racing-bg{background: url('/imgs/icons/racing.svg') no-repeat; background-size: cover;}
.boxing-bg{background: url('/imgs/icons/boxing.svg') no-repeat; background-size: cover; }
.golf-bg{background: url('/imgs/icons/golf.svg') no-repeat; background-size: cover; }
.jaakiekko-bg{background: url('/imgs/icons/ice-hockey.svg') no-repeat; background-size: cover; }
.rugby-bg{background: url('/imgs/icons/rugby.svg') no-repeat; background-size: cover; }
.snooker-bg{background: url('/imgs/icons/snooker.svg') no-repeat; background-size: cover; }
.lentopallo-bg{background: url('/imgs/icons/volleyball.svg') no-repeat; background-size: cover; }
.esports-bg{background: url('/imgs/icons/e-sports.svg') no-repeat; background-size: cover; }
.horse-racing-bg{background: url('/imgs/icons/horse.svg') no-repeat; background-size: cover; }
.darts-bg{background: url('/imgs/icons/darts.svg') no-repeat; background-size: cover; }
@media only screen and (min-width: 1200px){
.container {
max-width: 1200px;
}
}
@media only screen and (max-width: 1199px){
#page-article.container {
max-width: 100%;
}
}
.badge.circle-custom{
border-radius: 50%;
font-size: 14px;
font-style: italic;
padding: 5px 2px 5px 0;
width: 25px;
height: 25px;
background: #0b9a0b;
color: #373A36;
font-weight: 900;
box-shadow: 0 2px 4px rgba(33,37,41,.1), 0 3px 2px rgba(33,37,41,.1);
}
.shadowed{
box-shadow: 0 0 5px #7F8688;
}
.shadowed-0{
box-shadow: none!important;
}
.border-b{
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 767px){
body.menu-open {
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
body.menu-open:after {
content: '';
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 900;
background: rgba(0,0,0,0.5);
}
}
@media only screen and (max-width: 575px){
#page-article.white {
padding: 10px 15px;
}
h1 {
font-size: 1.15rem;
line-height: 1.5;
}
}
/* ============== */
/* animations ================== */
.slide-in-left.sliding, .slide-in.sliding:before{
-webkit-animation: slide-in-left 1.5s ease-in forwards;
animation: slide-in-left 1.5s ease-in forwards;
}
@-webkit-keyframes slide-in-left {
0%{left: -100%;}
100% { left: 0; }
}
@keyframes slide-in-left {
0%{left: -100%;}
100% { left: 0; }
}
.slide-in-right.sliding:before, .slide-in-right.sliding {
-webkit-animation: slide-in-right 1.5s ease-in forwards;
animation: slide-in-right 1.5s ease-in forwards;
}
@-webkit-keyframes slide-in-right {
0%{right: -100%;}
100% { right: 0; }
}
@keyframes slide-in-right {
0%{right: -100%;}
100% { right: 0; }
}
@-webkit-keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-15px);
transform: translateY(-15px);
}
60% {
-moz-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
60% {
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
.bounce {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
.swing:hover {
-webkit-animation: swing 1s ease;
animation: swing 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@keyframes pulse {
0% {
transform: scale(0);
opacity: 0;
}
33% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@-webkit-keyframes pulse {
0% {
transform: scale(0);
opacity: 0;
}
33% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@keyframes changeBg{
0%{
background-position: 0% 50%;
}
50%{
background-position: 100% 50%;
}
100%{
background-position: 0% 50%;
}
}
@-webkit-keyframes changeBg{
0%{
background-position: 0% 50%;
}
50%{
background-position: 100% 50%;
}
100%{
background-position: 0% 50%;
}
}
@-moz-keyframes changeBg{
0%{
background-position: 0% 50%;
}
50%{
background-position: 100% 50%;
}
100%{
background-position: 0% 50%;
}
}
/* ================== */
/* header ================== */
#page-header {
padding: 5px 10px;
position: relative;
}
#page-header a{
display: block;
position: relative;
z-index: 2;
}
#page-header .row{
max-width: 1200px;
}
#page-header .inline-list {padding-top: 5px; display: table; margin: 0 auto; padding-left: 0;}
#page-header .inline-list li, #page-header .inline-list.regs li{
display: inline-block;
}
#page-header .inline-list.feat li{
padding: 7px 7px 7px 40px;
background: #fff;
border: 1px solid #bdbdbd;
border-radius: 4px;
font-weight: bold;
font-size: 12px;
line-height: 1.4;
position: relative;
margin-right: 5px;
}
#page-header .inline-list.regs{
padding: 10px 3px 0px;
border: 1px solid #bdbdbd;
border-radius: 4px;
position: relative;
margin-top: 5px;
}
#page-header .inline-list.regs li:not(:last-child){
margin-right: 5px;
}
#page-header .inline-list.regs .regulates-1.cimer{
top: -10px;
position: relative;
}
#page-header .inline-list.regs li.gamcare{
background: url('/imgs/regulation/gamcare.svg') no-repeat center center;
background-size: 25px 30px;
display: inline-block;
width: 35px;
height: 30px;
background-color: #fff;
}
#page-header .inline-list.regs li.essa{
background: url('/imgs/regulation/essa.svg') no-repeat center center;
background-size: 60px 60px;
display: inline-block;
width: 70px;
height: 30px;
background-color: #fff;
}
#page-header .inline-list.regs li.gambling-commission{
background: url('/imgs/regulation/gamblingcommission.svg') no-repeat center center;
background-size: 80px 60px;
display: inline-block;
width: 85px;
height: 30px;
background-color: #fff;
}
#page-header .inline-list.regs li.ecogra{
background: url('/imgs/regulation/ecogra.svg') no-repeat center center;
background-size: 70px 60px;
display: inline-block;
width: 75px;
height: 30px;
background-color: #fff;
}
#page-header .inline-list.regs:before{
content: 'Vahvistettu';
position: absolute;
left: 14px;
top: -8px;
padding: 1px 10px;
background: #0b9a0b;
border-radius: 3px;
color: #f7f7f7;
font-weight: bold;
font-size: 10px;
line-height: 1.3;
}
.head-notes:before, .head-cal:before, .head-safe:before{
position: absolute;
content:'';
width: 30px;
height: 30px;
display: inline-block;
top: 7px;
left: 5px;
}
.head-safe:before{
background: url('/imgs/icons/safe.svg') no-repeat center center;
}
.head-notes:before{
background: url('/imgs/icons/notes.svg') no-repeat center center;
}
.head-cal:before{
background: url('/imgs/icons/calendar.svg') no-repeat center center;
}
@media only screen and (max-width: 649px){
#page-header .col-xs-9{
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#page-header .inline-list.regs {
transform: scale(0.9);
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
}
}
/* ============== */
/* Navigation ================== */
@media only screen and (max-width: 767px){
.full-xs{
width: 767px;
max-width: 100%;
}
}
/* ================== */
/* TOC ================== */
.navbar-collapse .goto::before {
content: 'Sisällysluettelo:';
position: absolute;
background: #0b9a0b;
color: #f7f7f7;
font-weight: bold;
font-size: 15px;
line-height: 1.2;
}
@media screen and (max-width:767px) {
#goto{
position: absolute;
width: 100%;
background: #132D48;
left: 0;
padding-top: 35px;
z-index: 1000;
}
.goto{
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 0 1.25rem;
margin: 0 auto;
list-style: none;
width: 90%;
}
#goto li{
border-bottom: 1px solid rgba(220, 175, 29, 0.5);
padding-left: 1.25rem;
}
#goto li a{
color: #f7f7f7 !important;
font-weight: 500;
transition: all 200ms linear;
position: relative;
padding: 5px 0 !important;
display: inline-block;
text-decoration: none;
}
#goto li a:before{
content: '\f0da';
position: absolute;
top: 11px;
left: -12px;
font: 900 14px 'Font Awesome 5 Free';
color: #0b9a0b;
display: inline-block;
}
.goto-toggle{
background: url('/imgs/icons/goto-toggle.svg') no-repeat;
width: 30px;
height: 22px;
display: inline-block;
outline: 0;
border: 0;
position: relative;
right: 0;
vertical-align: top;
}
.goto-toggle[aria-expanded="true"]{
background: transparent;
}
.goto-close-icon{
width: 24px;
height: 17px;
background-image: none;
position: relative;
transition: all 300ms linear;
left: -12px;
}
.goto-close-icon:after,
.goto-close-icon:before {
width: 24px;
height: 2px;
position: absolute;
top: 0;
left: 0;
content: '';
z-index: 2;
transition: all 300ms linear;
display: inline-block;
vertical-align: middle;
background: no-repeat center center;
background-size: 100% 100%;
}
.goto-toggle[aria-expanded="true"] .goto-close-icon{
opacity: 1;
}
.goto-toggle[aria-expanded="true"] .goto-close-icon:after,
.goto-toggle[aria-expanded="true"] .goto-close-icon:before {
background-color: #132d48;
box-shadow: 0 0 3px 1px rgba(255, 255, 255, .7);
}
.goto-toggle[aria-expanded="true"] .goto-close-icon:before {
transform: rotate(-45deg);
}
.goto-toggle[aria-expanded="true"] .goto-close-icon:after {
transform: rotate(45deg);
}
.goto-toggle:focus{
outline: 0;
border: 0;
}
.navbar-collapse .goto::before {
left: 0;
top: 0;
padding: 5px;
text-align: center;
width: 100%;
}
}
@media screen and (min-width:576px) and (max-width: 767px) {
#goto{top: 70px;}
}
@media screen and (max-width: 575px) {
#goto{top: 70px;}
}
@media screen and (min-width:768px) {
.goto-toggle {
display: none;
}
.navbar-collapse .goto::before {
left: 10px;
top: -15px;
padding: 3px 8px;
background: #0b9a0b;
border-radius: 2px;
color: #f7f7f7;
}
.navbar-collapse .goto{
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
padding: 10px;
margin: 20px auto;
padding: 10px 10px 10px 25px;
background: #fff;
border-radius: 4px;
position: relative;
background: #132D48;
background: linear-gradient(144deg, rgba(53, 53, 53, 0.08) 0%, rgba(53, 53, 53, 0.08) 81%,rgba(141, 141, 141, 0.08) 81%, rgba(141, 141, 141, 0.08) 100%),linear-gradient(199deg, rgba(47, 47, 47, 0.06) 0%, rgba(47, 47, 47, 0.06) 30%,rgba(230, 230, 230, 0.06) 30%, rgba(230, 230, 230, 0.06) 100%),linear-gradient(278deg, rgba(108, 108, 108, 0.01) 0%, rgba(108, 108, 108, 0.01) 81%,rgba(196, 196, 196, 0.01) 81%, rgba(196, 196, 196, 0.01) 100%),linear-gradient(97deg, rgba(207, 207, 207, 0.09) 0%, rgba(207, 207, 207, 0.09) 60%,rgba(137, 137, 137, 0.09) 60%, rgba(137, 137, 137, 0.09) 100%),linear-gradient(300deg, rgba(186, 186, 186, 0.05) 0%, rgba(186, 186, 186, 0.05) 25%,rgba(248, 248, 248, 0.05) 25%, rgba(248, 248, 248, 0.05) 100%),linear-gradient(276deg, rgba(200, 200, 200, 0.02) 0%, rgba(200, 200, 200, 0.02) 1%,rgba(135, 135, 135, 0.02) 1%, rgba(135, 135, 135, 0.02) 100%),linear-gradient(101deg, rgba(8, 8, 8, 0.03) 0%, rgba(8, 8, 8, 0.03) 54%,rgba(181, 181, 181, 0.03) 54%, rgba(181, 181, 181, 0.03) 100%),linear-gradient(18deg, rgba(99, 99, 99, 0.08) 0%, rgba(99, 99, 99, 0.08) 76%,rgba(214, 214, 214, 0.08) 76%, rgba(214, 214, 214, 0.08) 100%),linear-gradient(285deg, rgba(34, 34, 34, 0.05) 0%, rgba(34, 34, 34, 0.05) 82%,rgba(251, 251, 251, 0.05) 82%, rgba(251, 251, 251, 0.05) 100%),linear-gradient(90deg, #132D48, #132D48);
}
.navbar-collapse .goto li a:hover,
.navbar-collapse .goto li:hover a{
color: #373A36;
text-decoration: none;
}
.navbar-collapse .goto li{
display: inline-block;
margin: 5px 5px 5px 0;
border-bottom: none;
background: #f7f7f7;
border-radius: 3px;
text-align: center;
transition: all 0.3s ease-in-out;
padding: 0;
position: relative;
}
.goto a{
color: #373A36;
}
.navbar-collapse .goto li a:before {
content: "";
background: none;
border-bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 13px 0 13px 15px;
border-color: transparent transparent transparent #0b9a0b;
left: 0;
top: 0;
position: absolute;
border-radius: 3px 0 0 3px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.navbar-collapse .goto li:hover {
background: #0b9a0b;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
}
.navbar-collapse .goto li:hover a{
color: #f7f7f7;
}
.navbar-collapse .goto li a:hover:before, .navbar-collapse .goto li:hover a:before{
border-color: transparent transparent transparent #f7f7f7;
}
.navbar-collapse .goto a {
text-align: center;
font-weight: 600;
display: block;
}
.goto.sm li{
width: 32.4%;
}
}
@media screen and (min-width:768px) and (max-width: 991px) {
.goto.sm li{
width: 49%;
}
}
@media screen and (min-width:768px) and (max-width: 1023px) {
.goto.lg li{
width: 49%;
}
}
@media screen and (min-width:1024px) {
.goto.lg li{
width: 24.4%;
}
}
/* ============== */
/* sports single icons menu ================== */
.nav-sports {
width: 20px;
height: 20px;
display: inline-block;
}
.nav-sports[class*='icon-']{
border-radius: 3px;
background-color: #70C7BE;
position: relative;
top: 5px;
}
.nav-sports.icon-football {
background-image: url('/imgs/icons/football.svg');
background-size: 15px 15px;
background-repeat: no-repeat;
background-position: center center;
}
/* ================== */
/* payments single icons menu ================== */
.nav-payments {
width: 20px;
height: 20px;
display: inline-block;
}
.nav-payments[class*='icon-']{
border-radius: 3px;
background-color: #fff;
position: relative;
top: 5px;
background-size: 15px 15px;
background-repeat: no-repeat;
background-position: center center;
}
.nav-payments.icon-paypal {
background-image: url('/imgs/payments/paypal-small.svg');
}
.nav-payments.icon-paysafecard {
background-image: url('/imgs/payments/paysafecard-small.svg');
}
/* ================== */
/* tooltip ================== */
.tooltip.show {
opacity: 1;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #343a40;
text-align: center;
background-color: #0b9a0b;
border-radius: .25rem;
font-weight: bold;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
margin-left: -3px;
content: "";
border-width: 5px 5px 0;
border-top-color: #0b9a0b;
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
margin-top: -3px;
content: "";
border-width: 5px 5px 5px 0;
border-right-color: #0b9a0b;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
margin-left: -3px;
content: "";
border-width: 0 5px 5px;
border-bottom-color: #0b9a0b;
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
right: 0;
margin-top: -3px;
content: "";
border-width: 5px 0 5px 5px;
border-left-color: #0b9a0b;
}
/* ================== */
/* links-table ================== */
.heading{
font: 600 1rem 'Arial', sans-serif;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
}
.table.small-main td{
padding: .5rem .25rem;
}
.links-table .arrows a{
position: relative;
transition: all 200ms linear;
}
.links-table .arrows a:hover{
color: #D34E3D;
text-decoration: none;
}
.links-table .arrows a:after{
position: absolute;
bottom: -2px;
left: 50%;
height: 2px;
content: '';
background-color: #D34E3D;
opacity: 0;
transition: all 200ms linear;
transform: translateX(-50%);
width: 100%;
}
.links-table .arrows a:hover:after{
opacity: 1;
}
.links-table .arrows li {
padding: .75rem 1.25rem;
font: 600 1rem 'Nunito', sans-serif;
}
.links-table .arrows li:not(:last-child) {
border: 1px solid rgba(0,0,0,.125);
border-width: 0 0 1px 0;
}
.links-table ul.arrows li:before {
top: .95rem;
left: 7px;
}
@media screen and (min-width: 576px) and (max-width: 991px){
.links-table .arrows li {
display: inline-block;
width: 49%;
}
.links-table .arrows li:nth-child(odd) {
margin-right: .5%;
}
.links-table .arrows li:nth-child(even) {
margin-left: .5%;
}
}
/* tables ================== */
.tandc-visit{
font-size: 10px;
line-height: 1.2;
text-align: right;
margin-bottom: 20px;
}
.table.example [class*="logo-"]{width: 25px; height: 30px;}
table{
margin: 20px auto;
border-bottom: 3px solid #132D48;
box-shadow: 3px 3px 4px 0 #d2d5d7;
table-layout: auto;
border-collapse: collapse;
position: relative;
}
.table td, .table th {
vertical-align: middle;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(242, 203, 188, .2);
}
table tr{
border-style: solid;
border-width: 0 3px 0 3px;
border-color: #132D48;
}
.table th {
padding: .25rem;
}
.table td {
padding: 1rem .25rem;
}
table thead tr{
border-top: 3px solid #132D48;
}
table tbody td{
/* border-right: 1px solid #929D9E; */
text-align: center;
}
table.casino .go-o {width: 10rem;}
table .go-o{
display: block;
width: 70%;
margin: 0 auto 15px;
padding: 5px 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#132d48+5,4b9cd2+74,55b579+88,55b579+88 */
background: #132d48; /* Old browsers */
background: -moz-linear-gradient(45deg, #132d48 5%, #4b9cd2 74%, #55b579 88%, #55b579 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #132d48 5%,#4b9cd2 74%,#55b579 88%,#55b579 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #132d48 5%,#4b9cd2 74%,#55b579 88%,#55b579 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#132d48', endColorstr='#55b579',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #fff;
}
table .go-o:hover{
background: #0b9a0b;
color: #fff;
}
table.not-ver .go-o.grayed{
background: #929D9E;
color: #fff;
}
table.not-ver .go-o.grayed:hover{
background: #7F8688;
color: #fff;
}
table tbody tr:first-child .tab-num,
table tbody tr:hover .tab-num{
background: #0b9a0b;
}
table thead {
background: #132D48;
}
table .terms p{
padding: 5px 10px;
font-size: 10px;
margin: 0;
}
table td.terms {
padding: 0;
}
th{
color: #fff;
text-align: center;
}
.tab-num {
display: inline-block;
width: 30px;
line-height: 30px;
background: #4D9ED3;
border-radius: 50%;
color: #f7f7f7;
font-weight: bold;
text-align: center;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; ;
}
.table .bon-on{
color: #132d48;
font-weight: 900;
font-size: 22px;
}
.table .bon-off{
width: 40px;
height: 40px;
}
.table .bonus-code {
font-size: 12px;
position: relative;
line-height: 1;
}
.table .bonus-code > div {
font: bold 14px 'Nunito', sans-serif;
}
.table .go-i{
display: block;
font: 400 14px 'Nunito Sans', sans-serif;
margin-top: 12px;
text-align: center;
color: #343a40;
}
.table span.go-i{color: #132d48;}
.table .go-i:after{
width: 40%;
}
.table .payout{
font: 400 italic 16px 'Nunito', sans-serif;
}
.table .payout:before{
content: '';
display: inline-block;
vertical-align: middle;
margin-right: 8px;
width: 30px;
height: 40px;
background: url('/imgs/icons/wallet.svg') no-repeat;
}
.table i.fa-check{color: #4E8A62;}
.table i.fa-times{color: #132d48;}
.tab-profile td{width: 25%; padding: 5px;}
.tab-profile th{font: 900 15px 'Nunito', sans-serif; padding: 8px;}
.tab-profile .td-heading{color: #7F8688; font: 900 14px 'Nunito', sans-serif; padding-bottom: 5px;}
.tab-profile {font: 400 12px 'Montserrat', sans-serif;}
.table.bonus .arrows{
display: table;
margin: 0 auto;
width: 90%;
}
.table.sport .rec-rating{
transform: scale(.7);
-webkit-transform: scale(.7);
-moz-transform: scale(.7);
-o-transform: scale(.7);
}
.table.sport .rating, .table.sport .rating span{
-webkit-filter: drop-shadow(.05rem .09rem .05rem #a0a0a0);
filter: drop-shadow(.05rem .09rem .05rem #a0a0a0);
}
.table.sport td {
padding: .5rem;
line-height: 1.6;
}
.table.sport ul.arrows li:before {
top: 6px;
}
.table.sport th:nth-child(4),
.table.sport td:nth-child(4){
width: 7rem;
}
.table.sport th.ufc {
width: 16rem;
}
.table.sport .leagues{
background-size: 35px 35px;
background-position: center center;
}
table.casino .soft-box{width: 100px;}
table.casino .soft-box i{width: 45px; height: 30px;}
table.casino .games-txt{font-weight: bold;}
table.live-bonus .bold-text{font-size: 1rem; font-weight: bold;}
table.live-bonus .odds-txt {font-size: 1.5rem; font-weight: bold;}
table.live-bonus td {border-top: none;}
.table.sport .icon{
width: 35px;
height: 35px;
}
.table.sport .icon i{
position: relative;
vertical-align: middle;
font-size: 20px;
top: .65rem;
color: #343a40;
}
.table.sport .col{
width: 30px;
height: 30px;
}
.table.sport ul.arrows li:before{
left: 0;
}
.table [class*="fab"]{
font-size: 2.5rem;
}
.table .none [class*="fab"]{
opacity: .4;
}
.table .fa-android{
color: #a4c639;
}
.table .fa-apple{
color: #8e8e93;
}
.table.payments .payment{
width: 75px;
height: 25px;
margin: 0 auto 5px;
background: #fff;
padding: 2px 5px;
border-radius: 3px;
box-shadow: 0 0 3px 0px rgba(0, 0, 0, .4);
}
.table.handicap td{
font: 400 .9rem 'Montserrat', sans-serif;
padding: .5rem .25rem;
}
.table.handicap td.double span {
padding: 5px 0;
}
.table.handicap td.double:not(:first-of-type) span:nth-child(1) {
border-bottom: 1px solid rgb(51 68 49 / .3);
position: relative;
}
.table.handicap td:not(:last-child){
border-right: 1px solid rgb(51 68 49 / .3);
}
.table.handicap td.double:nth-child(3) span:nth-child(1):after {
content: 'vs';
position: absolute;
transform: translate(-50%, 100%) rotate(10deg);
-webkit-transform: translate(-50%, 100%) rotate(10deg);
-o-transform: translate(-50%, 100%) rotate(10deg);
-moz-transform: translate(-50%, 100%) rotate(10deg);
font: 900 20px 'Lato', sans-serif;
color: #132d48;
z-index: 1;
bottom: 16px;
left: 50%;
}
@media only screen and (min-width:800px){
.table.main{width: 90%}
}
@media only screen and (max-width:575px){
.table{box-shadow: none; border-bottom: none; }
.table.example td:nth-child(2){color: #f7f7f7;}
.table.example tr {border-width: 3px 3px 0 3px;}
.table tbody tr{display: block; max-width: 95%; margin: 0 auto;}
.table tbody tr:not(:last-child){margin-bottom: 1.5rem;}
.table tbody td:last-child{width: 100%; border-bottom: 3px solid #132D48; border-top: 2px solid #132D48;}
.table tbody td:nth-child(2){border-top: 3px solid #132D48;}
.table.sport tbody td:nth-child(1){border-top: 3px solid #132D48;}
.table tbody td { border-right: none;}
.table:not(.sport) td:nth-child(2){background: #132D48;}
.table.sport td:nth-child(1){background: #132D48;}
.table td:nth-child(3){border-bottom: 2px solid #132D48;}
.table.main td:nth-child(4), table.main td:nth-child(5){width: 49%;}
.table.small-main td:nth-child(4), table.small-main td:nth-child(5){width: 49%;}
.table .company-120[class*="bg-"] {box-shadow: 0 0 10px #e9ebec;}
.table .rec-rating{margin: 10px auto -10px;}
.table .sports-icons{margin: 10px auto;}
.table.sport tbody tr{ border-top: 3px solid #132D48; }
.table.sport .rec-rating{margin: 0 auto;}
.table.sport td:nth-child(4){width: 100%;}
.table.simple tbody td:last-child {width: auto; border-bottom: none; border-top: 1px solid #dee2e6; background:none;}
.table.simple tbody tr:last-child {border-bottom: 3px solid #132D48; }
.table.payments .payment {display: inline-block;margin-right: .5rem; }
table.casino .soft-box{width: 100%;}
.table.handicap td.double:nth-child(3) span:nth-child(1):after {
font-size: 15px;
left: auto;
bottom: 26px;
right: -20px;
}
.table.handicap td.double:not(:first-of-type) span:nth-child(1) {border-bottom: none;}
.table.handicap td.double.handicap, .table.handicap td.double.odds, .table.handicap td.double.win {
position: relative;
padding-top: 10px;
}
.table.handicap td.double.handicap:before, .table.handicap td.double.odds:before, .table.handicap td.double.win:before {
position: absolute;
left: 50%;
top: 0;
font: 900 12px 'Nunito', sans-serif;
transform: translateX(-50%);
}
.table.handicap td.double.handicap:before {content: 'Tasoitus:';}
.table.handicap td.double.win:before {content: 'Voittava veto:';}
.table.handicap td.double.odds:before {content: 'Kertoimet:';}
.table.handicap td.double span { padding: 8px 0 5px;}
}
@media only screen and (min-width:576px){
.table.example td{width: 33.3333%; }
.table .sports-icons{
max-width: 140px;
margin: 0 auto;
}
.table .sports-icons li{width: 20%;}
.table tbody td:last-child, .table th:last-child{border-right: 3px solid #132D48;}
.table.simple{max-width: 75%;}
}
@media only screen and (min-width:576px) and (max-width: 767px){
.table [class*="mobile-"]{
display: inline-block;
width: 25px;
height: 20px;
}
.table.main tbody td.last{
width: 35%;
}
}
@media only screen and (max-width: 767px){
.table.payment-compare{box-shadow: none;}
.table.payment-compare tbody td,
.table.payment-compare.ver-header tbody th{border-right: none;}
}
@media only screen and (min-width:600px){
.table.main tbody td.last{
width: 25%;
}
}
@media only screen and (min-width:576px) and (max-width: 991px){
.table.bonus .arrows{width: 75%;}
.table.bonus td:last-child{
width: 10rem;
}
}
@media only screen and (max-width: 991px){
.table .d-lg-none .rec-rating {
-webkit-filter: drop-shadow(1px 1px 2px #ececec);
filter: drop-shadow(1px 1px 2px #a0a0a0);
transform: scale(0.7);}
}
@media only screen and (max-width: 1199px){
.table .d-xl-none .rec-rating {
-webkit-filter: drop-shadow(1px 1px 2px #ececec);
filter: drop-shadow(1px 1px 2px #a0a0a0);
transform: scale(0.7);
}
.table .go-o, .table .grad-btn{
width: 10rem;
}
}
@media only screen and (min-width: 768px){
.table.sport td {
padding: 0 .25rem;
}
.table.payment-compare td:not(:first-child){width: 45%;}
.table.payment-compare td:nth-child(2){border-right: 1px solid #334433;}
}
@media only screen and (min-width: 992px){
.table.bonus td:last-child{
width: 15rem;
}
.table.sport{ width: 90%; }
.tandc-visit.sport{ width: 95%; }
.table.sport ul.arrows {
width: 300px;
}
}
/* ============== */
/* review element ==============*/
.top-rev-v{
box-shadow: 0 0 4px #d2d5d7;
margin: 20px auto 5px;
border-radius: 4px;
padding: 15px 0 5px;
background: #fff;
border: 1px solid #dee2e6;
}
.top-rev-v .slider img{
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
opacity: .7;
}
.top-rev-v .slider a{
position: relative;
background: #000;
border-radius: 5px;
display: block;
width: 100%;
height: 100%;
background: #000;
border-radius: 5px;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}
.top-rev-v .slider a:hover{
background: transparent;
}
.top-rev-v .slider a:after{
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
opacity: 1;
position: absolute;
content: '\f00e';
font: bold 2.5rem 'Font Awesome 5 Free';
color: #fff;
text-align: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
.top-rev-v .slider a:hover:after{
opacity: 0;
}
.top-rev-v .slider a:hover img{
opacity: 1;
}
.top-rev-v .cta, .top-rev-v .features{
background: #efeded;
border-radius: 4px;
}
.top-rev-v .brand{
text-align: center;
}
.top-rev-v .rating {
margin: 5px auto;
transform: scale(0.9);
}
.top-rev-v .go-o{
background: #132d48;
background: -moz-linear-gradient(45deg, #132d48 5%, #4b9cd2 74%, #55b579 88%, #55b579 88%);
background: -webkit-linear-gradient(45deg, #132d48 5%,#4b9cd2 74%,#55b579 88%,#55b579 88%);
background: linear-gradient(45deg, #132d48 5%,#4b9cd2 74%,#55b579 88%,#55b579 88%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#132d48', endColorstr='#55b579',GradientType=1 );
}
.top-rev-v .go-o:hover{
background:#0b9a0b;
}
.top-rev-v .go-o:hover:before{
animation: none;
}
.top-rev-v .cta-b{
width: 13rem;
margin: 0 auto;
}
.top-rev-v .cta-b {
color: #f7f7f7;
display: block;
text-align: center;
cursor: pointer;
}
.top-rev-v .cta-b span{
position: relative;
left: 8px;
}
.top-rev-v .bon-on{
text-align: center;
margin: 5px auto;
font-style: italic;
font-weight: bold;
vertical-align: middle;
}
.top-rev-v .not-ver{
text-align: center;
margin: 5px auto;
}
.top-rev-v .not-ver span{
position: relative;
font-style: italic;
font-weight: bold;
vertical-align: middle;
font-size: 18px;
color: #132d48;
}
.top-rev-v .bon-on span:nth-child(2){
position: relative;
}
.top-rev-v .bon-on span:nth-child(2):after,
.top-rev-v .not-ver span:after{
content:'';
position: absolute;
right: -20px;
background: url('/imgs/icons/curved-arrow.svg') no-repeat;
width: 30px;
height: 30px;
display: inline-block;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
z-index: 20;
}
.top-rev-v .bon-on span:nth-child(2):after{
top: 15px;
}
.top-rev-v .not-ver span:after{
top: 10px;
}
.top-rev-v .bon-on span:nth-child(2){
color: #132d48;
font: bold italic 26px 'Nunito', sans-serif;
vertical-align: middle;
}
.top-rev-v .features ul{
padding: 0;
margin: 0.5rem auto;
}
.top-rev-v .features ul li{
font: italic 16px 'Montserrat', sans-serif;
margin-bottom: 0.5rem;
}
.top-rev-v .regs ul{
text-align: center;
}
.top-rev-v .regs li{
max-width: 47%;
}
.top-rev-v .regs [class*='reg-']{
width: 70px;
height: 25px;
}
.top-rev-v .reg-eu-lot{
transform: scale(1.5);
}
.top-rev-v .regs .title{
color: #343a40;
text-align: center;
font: bold 15px 'Nunito', sans-serif;
margin: 1rem auto .75rem;
}
.top-rev-v .banking.stay-right ul{
margin: 2.1rem auto 1.5rem;
}
.top-rev-v .banking:not(.stay-right) ul{
margin: 25px auto 9px;
}
.top-rev-v .banking li:first-child{
color: #343a40;
text-align: center;
font: bold 15px 'Nunito', sans-serif;
}
.top-rev-v .banking li:not(:first-child){
background: #ededed;
padding: 2px;
border-radius: 3px;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}
.top-rev-v .banking [class*="pay-"]{
width: 50px;
height: 20px;
text-indent: 0;
vertical-align: middle;
}
.rev-rat-block{
padding: 10px;
background: rgba(237, 237, 237, 0.6);
border-radius: 4px;
box-shadow: 0 0 4px #d2d5d7;
text-align: center;
margin-bottom: 2rem;
border: 1px solid #dee2e6;
}
.rev-rat-block .title-num{
margin-bottom: 3px;
border-bottom: 1px solid #d2d5d7;
}
.rev-rat-block span.name {
text-align: left;
font-style: italic;
color: #343a40;
}
.rev-rat-block span.value {
text-align: right;
color: #929D9E;
}
.rev-rat-block span {
margin-bottom: 6px;
font-weight: bold;
line-height: 1.2;
height: 25px;
}
.rev-rat-block .rating {
transform: scale(0.85);
}
@media screen and (max-width: 575px){
.top-rev-v .banking li:nth-child(1){
display: block;
margin-bottom: 1rem;
}
.top-rev-v .banking li:not(:first-child){
width: 46%;
text-align: center;
margin-bottom: 0.25rem;
}
.rev-rat-block .col-sm-6:not(:last-child){
margin-bottom: 1rem;
}
}
@media screen and (min-width: 576px) and (max-width: 767px){
.top-rev-v .cta-b {
width: 65%;
margin: 0 auto;
}
.rev-rat-block .col-sm-6:nth-child(-n+4){
margin-bottom: 1rem;
}
}
@media screen and (max-width: 767px){
.top-rev-v .cta{
padding-bottom: 1rem;
}
.top-rev-v .regs ul {
margin-bottom: 0;
}
.top-rev-v .banking ul {
margin: 1rem auto 1.5rem;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.top-rev-v .slider .col-md-4:nth-child(1){
padding-left: 10px;
}
.top-rev-v .slider .col-md-4:nth-child(2) {
padding: 0 5px;
}
.top-rev-v .slider .col-md-4:nth-child(3) {
padding-right:10px;
}
.rev-rat-block .col-md-4:nth-child(-n+3){
margin-bottom: 1rem;
}
}
@media screen and (min-width: 992px) and (max-width: 1024px){
.top-rev-v .banking.stay-right ul{
margin: 1.2rem auto .5rem;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
.top-rev-v .banking {
width: 1200px;
max-width: 100%;
}
.top-rev-v .banking:not(.stay-right) {
left: 50%;
transform: translate(-40%, 15%);
margin: 0.25rem auto 0;
}
}
@media screen and (min-width: 1200px){
.rev-rat-block {
margin-bottom: 3rem;
}
.top-rev-v .banking ul{
margin: 2.1rem auto 1.5rem;
}
.top-rev-v .banking.stay-right ul {
margin: 1.5rem auto 1.2rem;
}
}
/*==============*/
/* multiple items slider */
#multiple [class*='carousel-control']{
filter: invert(9%) sepia(23%) saturate(4053%) hue-rotate(344deg) brightness(90%) contrast(90%);
-webkit-filter: invert(9%) sepia(23%) saturate(4053%) hue-rotate(344deg) brightness(90%) contrast(90%);
}
#multiple.regulators .carousel-item img{height: 50px;}
#multiple [class*='carousel-control'] {
bottom: 20px;
width: 15px;
height: 15px;
top: auto;
}
@media screen and (min-width: 768px){
#multiple [class*='carousel-control']{
bottom: auto;
width: 20px;
height: 20px;
top: auto;
}
#multiple.regulators .carousel-item img{height: 75px;}
#multiple .carousel-inner .carousel-item.active,
#multiple .carousel-inner .carousel-item-next,
#multiple .carousel-inner .carousel-item-prev {
display: flex;
}
#multiple .carousel-inner .carousel-item-right.active,
#multiple .carousel-inner .carousel-item-next {
transform: translateX(25%);
}
#multiple .carousel-inner .carousel-item-left.active,
#multiple .carousel-inner .carousel-item-prev {
transform: translateX(-25%);
}
#multiple .carousel-inner .carousel-item-right,
#multiple .carousel-inner .carousel-item-left{
transform: translateX(0);
}
}
/*==============*/
/* brand slider / embed video + img */
#imgGallery .modal-dialog, #embedMedia .modal-dialog {
width: 800px;
max-width: 90%;
}
#imgGallery .modal-content, #embedMedia .modal-content {
background-color: transparent;
background-clip: unset;
border: none;
position: absolute;
top: 2rem;
}
#imgGallery .modal-body, #embedMedia .modal-body {
padding: 0;
}
#imgGallery .modal-header .close, #embedMedia .modal-header .close {
margin: 1rem auto 0;
}
#imgGallery .close, #embedMedia .close {
float: none;
font-size: 2rem;
font-weight: 900;
line-height: 1;
color: #0b9a0b;
text-shadow: none;
opacity: 1;
outline: 0;
}
#imgGallery .carousel-indicators {
bottom: -45px;
}
#imgGallery .carousel-indicators li{
background-color: #0b9a0b;
}
#imgGallery [class*='carousel-control']{
bottom: -35px;
width: 30px;
height: 30px;
top: auto;
}
@media (max-width: 575px){
#imgGallery .modal-dialog, #embedMedia .modal-dialog {
left: 50%;
transform: translateX(-54%);
}
}
@media (max-width: 850px){
#imgGallery .modal-dialog, #embedMedia .modal-dialog {
max-width: 80%;
}
}
/* =============*/
/* single slider */
#simpleSlider .carousel-indicators {
bottom: -40px;
}
#simpleSlider .carousel-indicators li{
background-color: #0b9a0b;
}
#simpleSlider [class*='carousel-control'] {
display: none;
width: 30px;
height: 30px;
top: 50%;
}
#simpleSlider .carousel-control-prev {
left: -30px;
}
#simpleSlider .carousel-control-next {
right: -30px;
}
.no-arrows #simpleSlider [class*='carousel-control'] {
display: none;
}
@media screen and (min-width: 1200px){
#simpleSlider [class*='carousel-control'] {
display: block;
}
}
/* =============*/
/* single modal */
figure.overlay{
background: #000;
position: relative;
}
figure.overlay:after{
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
opacity: 1;
position: absolute;
content: '\f144';
font: bold 3.5rem 'Font Awesome 5 Free';
color: #fff;
text-align: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
figure.overlay picture{
opacity: .7;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
figure.overlay:hover{
cursor: pointer;
}
figure.overlay:hover picture{
opacity: 1;
}
figure.overlay:hover:after{
opacity: 0;
}
/* =============*/
/* team boxes */
.team-box{
position: relative;
transition: all .2s ease-out 0s;
text-align: center;
}
.team-box .box-content {
top: 45%;
opacity: 0;
z-index: 1;
-webkit-transform: translate(10%, -30%);
transform: translate(10%, -30%);
transition: all .2s ease-out 0s;
}
.team-box:after {
content: "";
display: block;
background: #000;
top: 20px;
bottom: 20px;
opacity: 0;
transform: rotate3d(-1, 1, 0, 100deg);
transition: all .4s ease-in-out 0s;
}
.team-box .box-content, .team-box:after {
position: absolute;
left: 20px;
right: 20px;
}
.team-box .title {
display: block;
font-size: 16px;
color: #fff;
margin: 8px 5px;
text-transform: uppercase;
font-weight: 600;
}
.team-box .post {
display: block;
font-size: 13px;
color: #fff;
margin-bottom: 20px;
text-transform: capitalize;
letter-spacing: 1px;
background: rgba(158, 158, 158, 0.8);
padding: 10px 0;
}
.team-box .post [class*="logo-"]{
width: 50px;
}
.team-box:hover:after {
opacity: .7;
transform: rotate3d(0, 0, 0, 0deg);
}
.team-box:hover .box-content {
opacity: 1;
transform: translate(0, -50%);
transition-delay: .2s;
}
.team-box .go-o {
padding: 5px 10px;
color: #f7f7f7;
}
.team-box .go-o:hover {
background: #f7f7f7;
color: #132D48;
}
/* =============*/
/* rating stars */
.rating,
.rating > span {
display: block;
background: url('/imgs/icons/stars.svg') no-repeat;
}
.rating {
margin: 0 auto;
background-position: 0 0;
width: 125px;
}
.rating > span {
width: 0;
background-position: 0 -30px;
text-indent: -9999px;
}
.rec-rating{
padding: 0 !important;
border: none !important;
box-shadow: none !important;
}
table.casino .rec-rating {
transform: scale(.9);
-webkit-transform: scale(.9);
-moz-transform: scale(.9);
-o-transform: scale(.9);
}
.rec-rating.sm {
transform: scale(.7);
-webkit-transform: scale(.7);
-moz-transform: scale(.7);
-o-transform: scale(.7);
}
.rec-rating.sm , .rec-rating.sm .rating span {
-webkit-filter: drop-shadow(.05rem .09rem .05rem #a0a0a0);
filter: drop-shadow(.05rem .09rem .05rem #a0a0a0);
}
/* mobile version */
[class*="mobile-"]{
display: block;
text-indent: -9999px;
text-align: left;
background-repeat: no-repeat!important;
background-size: contain!important;
background-position: center center!important;
width: 40px;
height: 40px;
margin: 0 auto;
}
.mobile-yes{background: url('/imgs/icons/devices-yes.svg');}
.mobile-no{background: url('/imgs/icons/devices-no.svg'); }
/* brands ================== */
/* SVG Brands */
.bg-bet365{ background: #027b5b; }
.bg-bwin,
.bg-betway,
.bg-betstars
{background: #000; }
.bg-william-hill{background: #01143c; }
.bg-betfair{background: #ffbc00; }
.bg-22bet{background: #052e32; }
.bg-1xbet{background: #195685; }
.bg-melbet{background: #363c3f; }
.bg-codere{background: #79c000; }
.bg-nordicbet{background: #006eb4; }
.bg-betsson,
.bg-betfive
{background: #fff; }
.bg-rizk{background: #ef4136; }
.bg-betsafe{background: #222222; }
.bg-mr-green{background:#18723c;}
.bg-guts{background:#fff;}
.bg-coolbet{background:#202024;}
.bg-comeon{background:#373942;}
.bg-fezbet{background: #2d2d32;}
.bg-unibet{ background: #147b45;}
.bg-rabona{background: #CC0034;}
.bg-campobet{background: #1b5232; background: radial-gradient(circle 90px at center,#1b5232 0,#101e26 100%);}
.bg-pinnacle{background: #052a50;}
.bg-mobilebet{background: #000;}
.bg-expekt{background: #ff7000;}
.bg-karamba {background-color: #d4d4d4;}
.bg-bethard {background-color: #1a1a1a;}
.bg-cbet {background-color: #18171d;}
.bg-lvbet,
.bg-888sport {background-color: #FC6200;}
.bg-jetbull {background-color: #000;}
.bg-nopeampi {background-color: #1fb6ff;}
.bg-olybet{background-color: #ef333a;}
.bg-10bet{background-color: #efefef;}
.bg-cherry-casino{background-color: #7D1F30;}
.bg-tonybet{background-color: #4d4d4d;}
.bg-optibet{background-color: #fff;}
.bg-zulabet{background-color: #E53935;}
.bg-leovegas{background-color: #F28427;}
.bg-nomini{background-color: #5FD6EC;}
.bg-wazamba{background-color: #7520B1;}
.bg-lightcasino{background-color: #fff;}
.bg-spinight{background-color: #121d4e;}
.bg-vegazone{background-color: #501300;}
[class*="logo-"]{
display: block;
text-indent: -9999px;
text-align: left;
background-repeat: no-repeat!important;
background-size: contain!important;
background-position: center center!important;
width: 100%;
height: 100%;
}
.logo-bet365{background: url('/imgs/brands/bet365.svg');}
.logo-bwin{background: url('/imgs/brands/bwin.svg'); }
.logo-betway{background: url('/imgs/brands/betway.svg'); }
.logo-william-hill{background: url('/imgs/brands/william-hill.svg'); }
.logo-betstars{background: url('/imgs/brands/betstars.svg'); }
.logo-betfair{background: url('/imgs/brands/betfair.svg'); }
.logo-22bet{background: url('/imgs/brands/22bet.svg'); }
.logo-1xbet{background: url('/imgs/brands/1xbet.svg'); }
.logo-melbet{background: url('/imgs/brands/melbet.svg'); }
.logo-codere{background: url('/imgs/brands/codere.svg'); }
.logo-nordicbet{background: url('/imgs/brands/nordicbet.svg'); }
.logo-betsson{background: url('/imgs/brands/betsson.svg'); }
.logo-rizk{background: url('/imgs/brands/rizk.svg'); }
.logo-betsafe{background: url('/imgs/brands/betsafe.svg'); }
.logo-mr-green{background: url('/imgs/brands/mr-green.svg');}
.logo-guts{background: url('/imgs/brands/guts.svg');}
.logo-coolbet{background: url('/imgs/brands/coolbet.svg');}
.logo-comeon{background: url('/imgs/brands/comeon.svg');}
.logo-tonybet{background: url('/imgs/brands/tonybet.svg');}
.logo-spinight{background: url('/imgs/brands/spinight.svg');}
.logo-unibet{background: url('/imgs/brands/unibet.svg');}
.logo-rabona{background: url('/imgs/brands/rabona.svg');}
.logo-fezbet{background: url('/imgs/brands/fezbet.svg');}
.logo-campobet{background: url('/imgs/brands/campobet.svg');}
.logo-pinnacle{background: url('/imgs/brands/pinnacle.svg');}
.logo-mobilebet{background: url('/imgs/brands/mobilebet.svg');}
.logo-expekt{background: url('/imgs/brands/expekt.svg');}
.logo-karamba{background: url('/imgs/brands/karamba.svg');}
.logo-bethard{background: url('/imgs/brands/bethard.svg');}
.logo-cbet{background: url('/imgs/brands/cbet.svg');}
.logo-lvbet{background: url('/imgs/brands/lvbet.svg');}
.logo-nopeampi{background: url('/imgs/brands/nopeampi.svg');}
.logo-olybet{background: url('/imgs/brands/olybet.svg');}
.logo-10bet{background: url('/imgs/brands/10bet.svg');}
.logo-betfive{background: url('/imgs/brands/betfive.svg');}
.logo-jetbull{background: url('/imgs/brands/jetbull.svg');}
.logo-888sport{background: url('/imgs/brands/888sport.svg');}
.logo-cherry-casino{background: url('/imgs/brands/cherry-casino.svg');}
.logo-optibet{background: url('/imgs/brands/optibet.svg');}
.logo-zulabet{background: url('/imgs/brands/zulabet.svg');}
.logo-leovegas{background: url('/imgs/brands/leovegas.svg');}
.logo-nomini{background: url('/imgs/brands/nomini.svg');}
.logo-vegazone{background: url('/imgs/brands/vegazone.svg');}
.logo-wazamba{background: url('/imgs/brands/wazamba.svg');}
.logo-lightcasino{background: url('/imgs/brands/lightcasino.svg');}
[class*="company-"][class*="bg-"]{
margin: 0 auto;
padding: 5px;
border-radius: 4px;
}
.company-100[class*="bg-"]{
width: 100px;
height: 40px;
}
.company-120[class*="bg-"]{
width: 120px;
height: 50px;
}
.company-140[class*="bg-"]{
width: 140px;
height: 70px;
}
.teams[class*="bg-"]{
width: 140px;
height: 70px;
}
/* ================== */
/* SVG teams */
.teams{
width: 50px;
height: 50px;
}
.logo-liverpool{background: url('/imgs/teams/liverpool.svg');}
.logo-barcelona{background: url('/imgs/teams/barcelona.svg'); }
.logo-tottenham{background: url('/imgs/teams/tottenham.svg'); }
.logo-norwich-city{background: url('/imgs/teams/norwich-city.svg'); }
.logo-stoke-city{background: url('/imgs/teams/stoke-city.svg'); }
.logo-barnsley{background: url('/imgs/teams/barnsley.svg'); }
.logo-charlton-athletic{background: url('/imgs/teams/charlton-athletic.svg'); }
.logo-fulham{background: url('/imgs/teams/fulham.svg'); }
.logo-chelsea{background: url('/imgs/teams/chelsea.svg'); }
.logo-leeds-united{background: url('/imgs/teams/leeds-united.svg'); }
.logo-burnley{background: url('/imgs/teams/burnley.svg'); }
.logo-newcastle-united{background: url('/imgs/teams/newcastle-united.svg'); }
.logo-hull-city{background: url('/imgs/teams/hull-city.svg'); }
.logo-reading{background: url('/imgs/teams/reading.svg'); }
.logo-southampton{background: url('/imgs/teams/southampton.svg'); }
.logo-preston{background: url('/imgs/teams/preston.svg'); }
.logo-west-bromwich-albion{background: url('/imgs/teams/west-bromwich-albion.svg'); }
/* ================== */
/* Payment icons ================== */
[class*="pay-"]{
display: inline-block;
text-indent: -9999px;
text-align: left;
background-repeat: no-repeat!important;
background-size: contain!important;
background-position: center center!important;
width: 100%;
height: 100%;
}
[class*="pay-"].n-a,
.n-a[class*="pay-"]{
/* opacity: .6; */
filter: grayscale(1);
}
.pay-apple-pay{background: url('/imgs/payments/apple-pay.svg');}
.pay-bank-transfer{background: url('/imgs/payments/bank-transfer.svg');}
.pay-bitcoin{background: url('/imgs/payments/bitcoin.svg');}
.pay-credit-card{background: url('/imgs/payments/credit-card.svg');}
.pay-google-pay{background: url('/imgs/payments/google-pay.svg');}
.pay-mastercard{background: url('/imgs/payments/mastercard.svg');}
.pay-neteller{background: url('/imgs/payments/neteller.svg');}
.pay-paypal{background: url('/imgs/payments/paypal.svg');}
.pay-paysafecard{background: url('/imgs/payments/paysafecard.svg');}
.pay-revolut{background: url('/imgs/payments/revolut.svg');}
.pay-skrill{background: url('/imgs/payments/skrill.svg');}
.pay-sporopay{background: url('/imgs/payments/sporopay.svg');}
.pay-visa{background: url('/imgs/payments/visa.svg');}
.pay-ethereum{background: url('/imgs/payments/ethereum.svg');}
.pay-ecopayz{background: url('/imgs/payments/ecopayz.svg');}
.pay-diners-club{background: url('/imgs/payments/diners.svg');}
.pay-maestro{background: url('/imgs/payments/maestro.svg');}
.pay-visa-electron{background: url('/imgs/payments/visa-electron.svg');}
.pay-astropay{background: url('/imgs/payments/astropay.svg');}
.pay-muchbetter{background: url('/imgs/payments/muchbetter.svg');}
.pay-trustly{background: url('/imgs/payments/trustly.svg');}
.pay-klarna{background: url('/imgs/payments/klarna.svg');}
/*================== */
/* Regulators icons ================== */
[class*="reg-"]{
display: inline-block;
text-align: left;
background-repeat: no-repeat!important;
background-size: contain!important;
background-position: center center!important;
width: 100%;
height: 100%;
}
.reg-ee{background: url('/imgs/regulation/reg-ee.svg');}
.reg-egba{background: url('/imgs/regulation/egba.svg');}
.reg-essa{background: url('/imgs/regulation/essa.svg');}
.reg-mga{background: url('/imgs/regulation/mga.svg');}
.reg-ibas{background: url('/imgs/regulation/ibas.svg');}
.reg-eu-lot{background: url('/imgs/regulation/eu-lot.svg');}
.reg-ecogra{background: url('/imgs/regulation/ecogra.svg');}
.reg-gibraltar{background: url('/imgs/regulation/gibraltar.svg');}
.reg-gambling-commission{background: url('/imgs/regulation/gamblingcommission.svg');}
.reg-segob{background: url('/imgs/regulation/segob.svg');}
.reg-curacao{background: url('/imgs/regulation/curacao.svg');}
/*================== */
/* sports sprites ================== */
.sports {background: url('/imgs/icons/sports.svg') no-repeat; width: 30px; height: 30px; display: inline-block; text-indent: -9999px; margin-right: 5px;}
.sports.baseball { background-position: 0 0; }
.sports.koripallo { background-position: 0 -50px; }
.sports.boxing { background-position: 0 -100px; }
.sports.esports { background-position: 0 -150px; }
.sports.jalkapallo { background-position: 0 -200px; }
.sports.golf { background-position: 0 -250px; }
.sports.jaakiekko { background-position: 0 -300px; }
.sports.racing { background-position: 0 -350px; }
.sports.rugby { background-position: 0 -400px; }
.sports.snooker { background-position: 0 -450px; }
.sports.tennis { background-position: 0 -500px; }
.sports.lentopallo { background-position: 0 -550px; }
/*================== */
/* sports leagues ================== */
.leagues.logo-cs-go {background: url('/imgs/championships/cs-go.svg');}
.leagues.logo-fifa {background: url('/imgs/championships/fifa.svg');}
.leagues.logo-lol {background: url('/imgs/championships/lol.svg');}
.leagues.logo-dota {background: url('/imgs/championships/dota.svg');}
.leagues.logo-starcraft {background: url('/imgs/championships/starcraft.svg');}
.leagues.logo-call-of-duty {background: url('/imgs/championships/call-of-duty.svg');}
.leagues.logo-overwatch {background: url('/imgs/championships/overwatch.svg');}
.leagues.logo-rainbow-six {background: url('/imgs/championships/rainbow-six.svg');}
.leagues.logo-atp {background: url('/imgs/championships/atp.svg') no-repeat;}
.leagues.logo-champions-league {background: url('/imgs/championships/champions-league.svg') no-repeat;}
.leagues.logo-premier-league {background: url('/imgs/championships/premier-league.svg') no-repeat;}
.leagues.logo-la-liga {background: url('/imgs/championships/la-liga.svg') no-repeat;}
.leagues.logo-ligue-1 {background: url('/imgs/championships/ligue-1.svg') no-repeat;}
.leagues.logo-serie-a {background: url('/imgs/championships/serie-a.svg') no-repeat;}
.leagues.logo-copa-del-rey {background: url('/imgs/championships/copa-del-rey.svg') no-repeat;}
.leagues.logo-euro-2020 {background: url('/imgs/championships/euro2020.svg') no-repeat;}
.leagues.logo-bundesliga {background: url('/imgs/championships/bundesliga.svg') no-repeat;}
.leagues.logo-fa-cup {background: url('/imgs/championships/fa-cup.svg') no-repeat;}
.leagues.logo-motogp {background: url('/imgs/championships/motogp.svg') no-repeat;}
.leagues.logo-formula1 {background: url('/imgs/championships/formula1.svg') no-repeat;}
.leagues.logo-nba {background: url('/imgs/championships/nba.svg') no-repeat;}
.leagues.logo-wta {background: url('/imgs/championships/wta.svg') no-repeat;}
.leagues.logo-us-open {background: url('/imgs/championships/usopen.svg') no-repeat;}
.leagues.logo-wimbledon {background: url('/imgs/championships/wimbledon.svg') no-repeat;}
.leagues.logo-french-open {background: url('/imgs/championships/french-open.svg') no-repeat;}
.leagues.logo-ift {background: url('/imgs/championships/ift.svg') no-repeat;}
.leagues.logo-fis {background: url('/imgs/championships/fis.svg') no-repeat;}
.leagues.logo-olympics {background: url('/imgs/championships/olympics.svg') no-repeat;}
.leagues.logo-tour-de-ski {background: url('/imgs/championships/tour-de-ski.svg') no-repeat;}
.leagues.logo-euroleague {background: url('/imgs/championships/euroleague-basket.svg') no-repeat;}
.leagues.logo-eurocup {background: url('/imgs/championships/eurocup.svg') no-repeat;}
.leagues.logo-korisliiga {background: url('/imgs/championships/korisliiga.svg') no-repeat;}
.leagues.logo-basketball-champions-laegue {background: url('/imgs/championships/basketball-champions-laegue.svg') no-repeat;}
.leagues.logo-cev-champions-league-volley {background: url('/imgs/championships/cev-champions-league-volley.svg') no-repeat;top:3px;}
.leagues.logo-lentopallon-mestaruusliiga {background: url('/imgs/championships/lentopallon-mestaruusliiga.svg') no-repeat;}
.leagues.logo-cev-eurovolley {background: url('/imgs/championships/cev-eurovolley.svg') no-repeat;}
.leagues.logo-volleyball-nations-league {background: url('/imgs/championships/volleyball-nations-league.svg') no-repeat;}
.leagues.logo-nhl {background: url('/imgs/championships/nhl.svg') no-repeat;}
.leagues.logo-shl {background: url('/imgs/championships/shl.svg') no-repeat;}
.leagues.logo-chl {background: url('/imgs/championships/chl.svg') no-repeat;}
.leagues.logo-liiga {background: url('/imgs/championships/liiga.svg') no-repeat;}
.leagues.logo-khl {background: url('/imgs/championships/khl.svg') no-repeat;}
.leagues.logo-PDC {background: url('/imgs/championships/pdc.svg') no-repeat;}
.leagues.logo-BDO {background: url('/imgs/championships/bdo.svg') no-repeat;}
.leagues.logo-WDF {background: url('/imgs/championships/wdf.svg') no-repeat;}
.leagues.logo-wst {background: url('/imgs/championships/wst.svg') no-repeat;}
.leagues.logo-cls {background: url('/imgs/championships/cls.svg') no-repeat;}
.leagues.logo-masters {background: url('/imgs/championships/masters.svg') no-repeat;}
.leagues.logo-uk-championship {background: url('/imgs/championships/uk-championship.svg') no-repeat;}
.leagues.logo-superpesis {background: url('/imgs/championships/superpesis.svg') no-repeat;}
.leagues.logo-mlb {background: url('/imgs/championships/mlb.svg') no-repeat;}
.leagues.logo-npb {background: url('/imgs/championships/npb.svg') no-repeat;}
.leagues.logo-kbo {background: url('/imgs/championships/kbo.svg') no-repeat;}
.leagues.logo-cpbl {background: url('/imgs/championships/cpbl.svg') no-repeat;}
.leagues.logo-nfl {background: url('/imgs/championships/nfl.svg') no-repeat;}
.leagues.logo-ncaa {background: url('/imgs/championships/ncaa.svg') no-repeat;background-color: #0079c2;}
.leagues.logo-cfl {background: url('/imgs/championships/cfl.svg') no-repeat;}
.leagues.logo-us-masters {background: url('/imgs/championships/us-masters.svg') no-repeat;}
.leagues.logo-USPGA {background: url('/imgs/championships/us-pga-championship.svg') no-repeat;}
.leagues.logo-the-american-express {background: url('/imgs/championships/the-american-express.svg') no-repeat;}
.leagues.logo-us-open {background: url('/imgs/championships/us-open.svg') no-repeat;}
.leagues.logo-pga-tour {background: url('/imgs/championships/pga-tour.svg') no-repeat;}
.leagues.logo-solheim-cup {background: url('/imgs/championships/solheim-cup.svg') no-repeat;}
.leagues.logo-ryder-cup {background: url('/imgs/championships/ryder-cup.svg') no-repeat;}
.leagues.logo-the-open-championship {background: url('/imgs/championships/the-open-championship.svg') no-repeat;}
.leagues.logo-presidents-cup {background: url('/imgs/championships/presidents-cup.svg') no-repeat;}
.leagues.logo-pegasus-world-cup {background: url('/imgs/championships/pegasus-world-cup.svg') no-repeat;}
.leagues.logo-prix-d-amerique {background: url('/imgs/championships/prix-d-amerique.svg') no-repeat;}
.leagues.logo-dubai-world-cup {background: url('/imgs/championships/dubai-world-cup.svg') no-repeat;}
.leagues.logo-the-saudi-cup {background: url('/imgs/championships/the-saudi-cup.svg') no-repeat;}
.leagues.logo-IBF {background: url('/imgs/championships/ibf.svg') no-repeat;}
.leagues.logo-WBA {background: url('/imgs/championships/wba.svg') no-repeat; top: 2px;}
.leagues.logo-WBC {background: url('/imgs/championships/wbc.svg') no-repeat;}
.leagues.logo-WBO {background: url('/imgs/championships/wbo.svg') no-repeat; top: 3px;}
.leagues.logo-ICC-world-cup {background: url('/imgs/championships/icc-world-cup.svg') no-repeat;}
.leagues.logo-indian-premier-league {background: url('/imgs/championships/indian-premier-league.svg') no-repeat;}
.leagues.logo-ashes {background: url('/imgs/championships/ashes.svg') no-repeat;}
.leagues.logo-european-cricket-league {background: url('/imgs/championships/european-cricket-league.svg') no-repeat;}
.leagues.logo-sheffield-shield {background: url('/imgs/championships/sheffield-shield.svg') no-repeat;}
.leagues {
width: 50px;
height: 50px;
display: inline-block;
text-indent: -9999px;
}
.leagues[class*="logo-"]{
display: inline-block;
text-indent: -9999px;
text-align: left;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
width: 100%;
height: 100%;
}
/*================== */
/* buttons / links ================== */
a{color: #5c9cc8;}
a.go-i.light-color:hover{color: #fff !important;}
a.go-i.light-color:hover:after{background-color: #fff !important;}
.dark-bg a{color: #63d2ac;}
.dark-bg a:hover, #page-article .dark-bg p > a:hover{color: #00ffa8; text-decoration: none;}
#page-article .dark-bg p > a:hover:after{opacity: 0;}
.dark-bg a:focus{outline: 0;}
.btn:focus, .btn.focus{box-shadow: none;}
.cta-b a, a.go-o, span.go-o {
border-radius: 4px;
box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.6);
color: #f7f7f7;
font-weight: bold;
text-decoration: none;
}
.grad-btn{
border: none;
outline: 0;
border-radius: 4px;
box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.6);
color: #f7f7f7;
font-weight: bold;
text-decoration: none;
background: linear-gradient(270deg, #132d48, #0b9a0b);
background-size: 200% 200%;
-webkit-animation: changeBg 3s ease infinite;
-moz-animation: changeBg 3s ease infinite;
animation: changeBg 3s ease infinite;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
}
.grad-btn:hover{
color: #f7f7f7;
background: linear-gradient(270deg, #0b9a0b, #0b9a0b);
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
}
.pulse {
position: relative;
}
.pulse:before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle, rgba(255,255,255,.4),rgba(255,255,255,0));
border-radius: 50%;
width: 100%;
height: 45px;
opacity: 0;
margin: auto;
animation: pulse 2s infinite linear;
}
.go-o{
border: none;
outline: none;
color: #f7f7f7;
background: #0b9a0b;
text-shadow: 0.5px 0.5px rgba(0, 0, 0, .5);
transition: all .2s ease;
overflow: hidden;
}
.go-o:hover{
background: #e05038;
transition: all .2s ease;
text-shadow: none;
color: #f7f7f7;
}
.go-i, #page-article p > a, #site-about > li a{
position: relative;
transition: all 200ms linear;
}
.solo.cta-btn{
width: fit-content;
display: table;
}
.cta-btn{
margin: 15px auto;
text-align: center;
}
.cta-btn a{
background: #0b9a0b;
padding: 5px 10px;
display: block;
margin: 0 auto;
color: #f7f7f7;
}
.cta-btn span{
position: relative;
}
.cta-b span:before{
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f101";
top: -5px;
left: -18px;
}
.go-i:after, #page-article p > a:after, #site-about > li:not(.lang) a:after{
position: absolute;
bottom: -2px;
left: 50%;
height: 2px;
content: '';
background-color: #132d48;
opacity: 0;
transition: all 200ms linear;
transform: translateX(-50%);
width: 100%;
}
.go-i:hover, #page-article p > a:hover, #site-about > li a:hover{
color: #132d48;
text-decoration: none;
}
.go-i:hover:after, #page-article p > a:hover:after, #site-about > li a:hover:after{
opacity: 1;
}
span.go-i{
color: #132d48;
}
span.go-i:after{
background-color: transparent;
}
.back-top {
opacity: 0;
padding: 0 15px;
border-radius: 3px;
background: #0b9a0b;
box-shadow: -1px 1px 2px 0 #918204;
-webkit-box-shadow: -1px 1px 2px 0 #918204;
-o-box-shadow: -1px 1px 2px 0 #918204;
text-indent: -9999px;
width: 40px;
height: 40px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.back-top.fixed {
opacity: 1;
right: 10px;
bottom: 5px;
z-index: 10;
position: fixed;
}
.back-top:hover {
cursor: pointer;
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
background: #132d48;
box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
}
.back-top::before {
content: '';
position: absolute;
top: 11px;
left: 12px;
width: 16px;
height: 16px;
background: url('/imgs/icons/arrow.svg') no-repeat;
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(231deg) brightness(104%) contrast(102%);
-webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(231deg) brightness(104%) contrast(102%);
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
opacity: 0;
}
.back-top.fixed::before {
opacity: 1;
}
/*================== */
/* steps/ol list element ================== */
.steps{
color: #fff;
margin-left: -20px;
margin-right: -20px;
padding: 2rem 3rem 1rem;
}
.steps dt,
.steps dd{
padding: 0 1rem ;
}
.steps dd p{
padding: 0;
}
.steps .text-muted{
color: rgba(255, 255, 255, 0.7)!important;
}
/*================== */
/* unordered lists ================== */
ul{
list-style: none;
font-family: 'Montserrat', sans-serif;
}
ul.general li, ul.arrows li{
position: relative;
padding-left: 5px;
}
ul.general li:before, ul.arrows li:before{
position: absolute;
content: '';
display: inline-block;
vertical-align: middle;
margin-right: 6px;
top: 3px;
}
ul.general li:before{
top: 3px;
left: -25px;
width: 25px;
height: 25px;
background: url('/imgs/icons/sp-bullet.svg') no-repeat;
}
ul.arrows.gold li:before{
filter: invert(83%) sepia(24%) saturate(2473%) hue-rotate(350deg) brightness(93%) contrast(85%);
-webkit-filter: invert(83%) sepia(24%) saturate(2473%) hue-rotate(350deg) brightness(93%) contrast(85%);
}
ul.arrows li:before{
width: 10px;
height: 10px;
top: 8px;
left: -10px;
background: url('/imgs/icons/arrow.svg') no-repeat;
}
ul.arrows.dark li:before{
filter: invert(21%) sepia(8%) saturate(699%) hue-rotate(169deg) brightness(95%) contrast(93%);
}
ul.arrows.light li:before{
filter: invert(61%) sepia(3%) saturate(931%) hue-rotate(136deg) brightness(103%) contrast(79%);
}
ul.arrows.accent li:before{
filter: invert(46%) sepia(13%) saturate(2660%) hue-rotate(319deg) brightness(89%) contrast(107%);
}
ul.general li:before{
top: 0;
}
ul.general li{
font: 400 16px 'Nunito', sans-serif;
padding-bottom: 5px;
}
ul.double{
columns: 2;
-webkit-columns: 2;
width: 100%;
}
ul.double li:nth-child(odd){
margin-right: 1rem;
}
.ul-checks li,
.ul-minuses li{
position: relative;
}
.ul-checks li:before,
.ul-minuses li:before {
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
margin-top: -3px;
margin-right: 6px;
font: 900 15px 'Font Awesome 5 Free';
}
.ul-checks li:before {
content: '\f00c';
color: #93bb80;
}
.ul-minuses li:before {
content: '\f00d';
color: #D34E3D;
}
@media only screen and (max-width: 767px){
ul.double{
columns: 1;
-webkit-columns: 1;
}
ul.double li:nth-child(odd){
margin-right: 0;
}
}
/*================== */
/* sitemap ================== */
.sitemap .general{display: table; margin: 0 auto;}
/*================== */
/* list group ================== */
.orgs img{height: 50px;}
.payments{
margin-top: 20px;
margin-bottom: 20px;
}
.payments .list-group-item{
overflow: hidden;
border-radius: 0;
padding: .75rem 1.25rem;
border-right: 2px solid #343a40;
}
.payments .list-group-item span{
text-align: center;
}
.payments .list-group-item:last-child{
border: none;
}
.payments .list-group-item > div:nth-child(1){
font: 900 16px 'Nunito', sans-serif;
text-align: center;
}
.payments .list-group-item [class*="pay-"]{
display: inline-block;
height: 35px;
}
.payments .list-group-item:not(:last-child) [class*="pay-"]{
width: 49%;
}
@media only screen and (max-width: 767px){
.orgs img{height: 30px; padding-right: 10px}
}
@media only screen and (max-width: 991px){
.payments .list-group-item {
border-bottom: 2px solid #132D48;
border-right: 0;
}
}
@media only screen and (min-width: 1200px){
.payments .list-group-item {
padding: .75rem 2.25rem;
}
}
/*================== */
/* long boxes ================== */
.long-boxes .col-12{
margin-bottom: 1rem;
}
.long-boxes .cta-b{opacity: 0;}
.long-boxes .card-content.bg-patt .card-desc{
border: 1px dashed #2a640d;
}
.long-boxes:not(.brands-list) .card-content.dark p{
font-size: 90%;
}
.long-boxes.brands-list .card-content p.terms{
line-height: 18px;
margin-bottom: 0;
position: relative;
bottom: 10px;
}
.long-boxes.brands-list .card-content p.terms small{font-size: 75%;}
.long-boxes.brands-list .company > div{
width: 100%;
padding: 1.5rem 0;
}
.card-content {
border: 4px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
margin: 10px auto;
height: 100%;
width: 100%;
}
.card-content.light-bg .cta{
border-top: 2px solid #373A36;
}
.card-content.dark-bg .cta{
border-top: 2px solid #fff;
}
.card-content.dark-bg {
color: #fff;
}
.card-content .cta-btn{
padding: 4px 8px;
display: block;
border-radius: 3px;
text-decoration:none;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
border: 1px solid transparent;
font: bold 16px 'Nunito', sans-serif;
margin-top: 10px;
}
.card-content .cta-btn a{
background: none;
}
.brands-list .company {
padding: 1.5rem 0;
text-indent: -9999px;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
position: relative;
z-index: 0;
overflow: hidden;
}
.brands-list .company:before {
background-repeat: no-repeat;
width: 100%;
height: 75px;
position: absolute;
z-index: 2;
overflow: hidden;
content: '';
background-size: contain;
right: 0;
}
.brands-list .company:after {
position: absolute;
content: '';
width: 20px;
height: 110px;
z-index: 2;
right: 65%;
top: -12px;
transform: translateX(-50%) rotate(15deg);
display: block;
box-shadow: 5px 0px 5px 3px rgba(0, 0, 0, 0.4);
}
.brands-list .light-bg .company:after {
background: #eaeaea;
}
.brands-list .dark-bg .company:after {
background: #1B3249;
}
.brands-list .company.op-bwin {background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.op-bwin:before {background-image: url('/imgs/brands/bwin.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-bet365 {background: linear-gradient(to right, rgba(87, 129, 118, 0.3), rgba(87, 129, 118, 0.9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.op-bet365:before {background-image: url('/imgs/brands/bet365.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-betway {background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.op-betway:before {background-image: url('/imgs/brands/betway.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-pinnacle {background: linear-gradient(to right, rgba(87, 129, 118, 0.3), rgba(87, 129, 118, 0.9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.op-pinnacle:before {background-image: url('/imgs/brands/pinnacle.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-comeon {background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.op-comeon:before {background-image: url('/imgs/brands/comeon.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-unibet {background: linear-gradient(to right, rgba(87, 129, 118, 0.3), rgba(5 115 89 / 90%)), url(../../imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-unibet:before {background-image: url('/imgs/brands/unibet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-nordicbet {background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(22 92 197 / 90%)), url(/imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-nordicbet:before {background-image: url('/imgs/brands/nordicbet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-10bet {background: linear-gradient(to right, rgba(87, 129, 118, 0.3), rgba(87, 129, 118, 0.9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.op-10bet:before {background-image: url('/imgs/brands/10bet.svg'); background-position: 95% 0; background-size: 65px 50px; top: 12px;}
.brands-list .company.op-lvbet {background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.op-lvbet:before {background-image: url('/imgs/brands/lvbet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-betsafe {background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.op-betsafe:before {background-image: url('/imgs/brands/betsafe.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-expekt {background: linear-gradient(to right, rgb(222 131 78 / 30%), rgb(228 116 1 / 90%)), url(/imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-expekt:before {background-image: url('/imgs/brands/expekt.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-mr-green {background: linear-gradient(to right, rgb(14 142 77 / 30%), rgb(21 123 53 / 90%)), url(/imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-mr-green:before {background-image: url('/imgs/brands/mr-green.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-tonybet {background:linear-gradient(to right, rgb(70 67 67 / 30%), rgb(56 56 56 / 90%)), url(/imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-tonybet:before {background-image: url('/imgs/brands/tonybet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-guts {background: linear-gradient(to right, rgb(255 255 255 / 55%), rgb(255 255 255 / 90%)), url(/imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-guts:before {background-image: url('/imgs/brands/guts.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-betsson {background: linear-gradient(to right, rgb(174 126 16 / 46%), rgb(255 130 1 / 33%)), url(/imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-betsson:before {background-image: url('/imgs/brands/betsson.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-bethard {background: linear-gradient(to right, rgb(12 12 12 / 64%), rgb(0 0 0 / 64%)), url(/imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-bethard:before {background-image: url('/imgs/brands/bethard.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-karamba {background: linear-gradient(to right, rgb(167 154 154 / 64%), rgb(218 218 218 / 64%)), url(/imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-karamba:before {background-image: url('/imgs/brands/karamba.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-nopeampi {background: linear-gradient(to right, rgb(16 155 208 / 59%), rgb(0 196 255 / 82%)), url(/imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-nopeampi:before {background-image: url('/imgs/brands/nopeampi.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-coolbet {background: linear-gradient(to right, rgb(16 15 15 / 59%), rgb(0 0 0 / 77%)), url(/imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-coolbet:before {background-image: url('/imgs/brands/coolbet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-rizk {background: linear-gradient(to right, rgb(178 54 54 / 59%), rgb(244 21 21 / 77%)), url(/imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-rizk:before {background-image: url('/imgs/brands/rizk.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-leovegas {background: linear-gradient(to right, rgb(245 149 11 / 75%), rgb(255 131 3 / 85%)), url(/imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-leovegas:before {background-image: url('/imgs/brands/leovegas.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-zulabet {background: linear-gradient(to right, #e539357d, rgb(229 57 53)), url(/imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-zulabet:before {background-image: url('/imgs/brands/zulabet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-rabona {background: linear-gradient(to right, hsl(345deg 100% 40% / 42%), hsl(345deg 100% 40%)), url(/imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-rabona:before {background-image: url('/imgs/brands/rabona.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.op-fezbet {background: linear-gradient(to right, hsl(345deg 3% 19% / 34%), rgb(14 0 4 / 85%)), url(/imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.op-fezbet:before {background-image: url('/imgs/brands/fezbet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.casino.nordicbet {background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(22 92 197 / 90%)), url('/imgs/sp-patt-casino.jpg') repeat-x;}
.brands-list .company.casino.nordicbet:before {background-image: url('/imgs/brands/nordicbet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.casino.unibet {background: linear-gradient(to right, rgba(87, 129, 118, 0.3), rgba(5 115 89 / 90%)), url('/imgs/sp-patt-casino.jpg') repeat-x;}
.brands-list .company.casino.unibet:before {background-image: url('/imgs/brands/unibet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.casino.betsson {background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgb(104 54 19 / 90%)), url(/imgs/sp-patt-casino.jpg) repeat-x;}
.brands-list .company.casino.betsson:before {background-image: url('/imgs/brands/betsson.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.casino.bet365 {background: linear-gradient(to right, rgba(87, 129, 118, 0.3), rgba(87, 129, 118, 0.9)), url('/imgs/sp-patt-casino.jpg') repeat-x;}
.brands-list .company.casino.bet365:before {background-image: url('/imgs/brands/bet365.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.casino.betsafe {background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9)), url('/imgs/sp-patt-casino.jpg') repeat-x;}
.brands-list .company.casino.betsafe:before {background-image: url('/imgs/brands/betsafe.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.casino.mr-green {background: linear-gradient(to right, rgb(39 92 72 / 56%), rgb(51 120 90 / 90%)), url(/imgs/sp-patt-casino.jpg) repeat-x;}
.brands-list .company.casino.mr-green:before {background-image: url('/imgs/brands/mr-green.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.casino.rizk {background: linear-gradient(to right, #ef413645, rgb(239 65 54)), url(/imgs/sp-patt-casino.jpg) repeat-x;}
.brands-list .company.casino.rizk:before {background-image: url('/imgs/brands/rizk.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.casino.rabona {background: linear-gradient(to right, rgb(172 56 56 / 41%), rgb(244 37 37 / 90%)), url(/imgs/sp-patt-casino.jpg) repeat-x;}
.brands-list .company.casino.rabona:before {background-image: url('/imgs/brands/rabona.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.casino.cbet {background: linear-gradient(to right, rgb(0 0 0 / 45%), rgb(38 27 27 / 90%)), url(/imgs/sp-patt-casino.jpg) repeat-x;}
.brands-list .company.casino.cbet:before {background-image: url('/imgs/brands/cbet.svg'); background-position: 95% 0; background-size: 100px 45px; top: 16px;}
.card-content.light-bg .cta{
border-top: 2px solid #132D48;
}
.card-content.dark-bg .cta{
border-top: 2px solid #fff;
}
.card-content.dark-bg {
color: #fff;
}
.card-content .cta-btn{
padding: 4px 8px;
display: block;
border-radius: 3px;
text-decoration:none;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
border: 1px solid transparent;
font: bold 16px 'Nunito', sans-serif;
margin-top: 10px;
}
.card-content .cta-btn a{
background: none;
}
.card-content .cta-btn:hover{cursor: pointer;}
.card-content.light-bg .cta-btn{background: #132D48; color: #fff;}
.card-content.light-bg .cta-btn:hover{background: transparent; border: 1px solid #132D48;}
.card-content.light-bg .cta-btn:hover a{ color: #132D48; text-decoration: none;}
.card-content.dark-bg .cta-btn{background: #f8f8f8;}
.card-content.dark-bg .cta-btn a{color: #333;}
.card-content.dark-bg .cta-btn:hover{background: transparent; border: 1px solid #fff;}
.card-content.dark-bg .cta-btn:hover a{ color: #fff; text-decoration: none;}
.card-content .cta::before, .card-content .cta::after{border-top: 2px solid #fff;}
.card-content.dark .cta{border-top: 2px solid #fff;}
.card-content.light .cta{border-top: 2px solid #333;}
.card-content .cta-btn:hover{cursor: pointer;}
.card-content .cta-btn a{color: #fff;}
.card-content .cta-btn.bg-unibet:hover{background: transparent; border: 1px solid #147b45;}
.card-content .cta-btn.bg-unibet:hover a{ color: #147b45;}
.card-content .cta-btn.bg-bet365:hover{background: #fff; border: 1px solid #027b5b;}
.card-content .cta-btn.bg-bet365:hover a{ color: #027b5b;}
.card-content .cta-btn.bg-ifortuna:hover{background: #fff; border: 1px solid #ffd906;}
.card-content .cta-btn.bg-ifortuna:hover a{ color: #ffd906;}
.card-content .cta-btn.bg-tipsport:hover{background: #fff; border: 1px solid #1e88e5;}
.card-content .cta-btn.bg-tipsport:hover a{ color: #1e88e5;}
.card-content .cta-btn.bg-bwin:hover{background: #fff; border: 1px solid #000;}
.card-content .cta-btn.bg-bwin:hover a{ color: #000;}
.card-content .cta-btn.bg-1xbet:hover{background: #fff; border: 1px solid #1e88e5;}
.card-content .cta-btn.bg-1xbet:hover a{ color: #1e88e5;}
.card-content .cta-btn.bg-betsafe:hover{background: #fff; border: 1px solid #1e88e5;}
.card-content .cta-btn.bg-betsafe:hover a{ color: #1e88e5;}
.card-content .cta-btn.bg-expekt:hover{background: #fff; border: 1px solid #1e88e5;}
.card-content .cta-btn.bg-expekt:hover a{ color: #1e88e5;}
.card-content .cta-btn.bg-mr-green:hover{background: #fff; border: 1px solid #227f4e;}
.card-content .cta-btn.bg-mr-green:hover a{ color: #227f4e;}
.card-content .cta-btn.bg-synottip:hover{background: #fff; border: 1px solid #d6112c;}
.card-content .cta-btn.bg-synottip:hover a{ color: #d6112c;}
.card-content .cta-btn.bg-betsson:hover{background: #fff; border: 1px solid #FF6600;}
.card-content .cta-btn.bg-betsson:hover a{ color: #FF6600;}
.card-content .cta-btn.bg-rabona:hover{background: #fff; border: 1px solid #cc0033;}
.card-content .cta-btn.bg-rabona:hover a{ color: #cc0033;}
.card-content .cta-btn.bg-zulabet:hover{background: #fff; border: 1px solid #e43835;}
.card-content .cta-btn.bg-zulabet:hover a{ color: #e43835;}
.card-content .cta-btn.bg-rizk:hover{background: #fff; border: 1px solid #be191e;}
.card-content .cta-btn.bg-rizk:hover a{ color: #be191e;}
.card-content .cta-btn.bg-fezbet:hover{background: #fff; border: 1px solid #0e0004d9;}
.card-content .cta-btn.bg-fezbet:hover a{ color: #0e0004d9;}
.card-content .cta::before, .card-content .cta::after{border-top: 2px solid #fff;}
.card-content.dark .cta{border-top: 2px solid #fff;}
.card-content.light .cta{border-top: 2px solid #333;}
.card-content .txt-right{text-align: right; margin-top: 14px;}
.card-content .txt-right .bon-on {font: bold italic 20px 'Nunito', sans-serif; vertical-align: -webkit-baseline-middle;}
.card-content.light .txt-right .bon-on {color: #343a40;}
.card-content.dark .txt-right .bon-on {color: #ededed;}
.card-content .txt-right .bon-on span{font-size: 16px; font-style: italic; position: relative; bottom: 2px; color: #0b9a0b;}
.long-boxes .card-desc {padding: 1.25rem 1.25rem 0; overflow: hidden;}
.card-content h3 { padding: 1.25rem 0 0 1.25rem;}
.card-desc p {
font-size: 15px;
font-weight: 400;
line-height: 1.5;
margin: 0px;
margin-bottom: 20px;
padding: 0;
font-family: 'Montserrat', sans-serif;
}
.dark .card-desc p {color: #acacac;}
.light .card-desc p {color: #747373;}
@media only screen and (max-width: 575px){
.brands-list .card-content .txt-right{text-align: center; margin-top: 0;}
}
@media only screen and (max-width: 330px){
.card-content .txt-right .bon-on span {
display: block;
bottom: -4px;
}
}
/*================== */
/* bonus bar ================== */
.floating-offer{
position: relative;
display:none;
}
.floating-offer .close-btn{
width: 30px;
height: 30px;
display: inline-block;
font-size: 18px;
color: #0b9a0b;
position: relative;
top: 3px;
right: -30px;
}
.offer-container{
display: none;
bottom: 0;
z-index: 10;
left: 50%;
width: 100%;
max-width: 100%;
transform: translate(-50%);
-webkit-transform: translate(-50%);
-o-transform: translate(-50%);
-moz-transform: translate(-50%);
border-top: 4px solid #0b9a0b;
}
.offer-container .links{
margin: 10px 0;
}
.offer-container [class*="bg-"]{
margin: 6px 10px 0 25px;
padding: 8px;
width: 100px;
height: 40px;
border-radius: 3px;
box-shadow: 0 0 5px rgba(255, 255, 255, .7);
}
.offer-container [class*="logo-"]{
background-size: 80px 25px;
top: -2px;
position: relative;
}
.offer-container .logo-betclic{
top: -5px;
}
.offer-container .logo-22bet{
transform: scale(1.3)
}
.offer-container .go-o .bon-on{
font: bold 1.25rem 'Nunito', sans-serif;
color: #f7f7f7;
}
.offer-container .go-o:hover .bon-on{
color: #0b9a0b;
}
.offer-container .go-o:focus,
.offer-container .go-o.focus{
outline: 0;
}
.offer-container .brand-offer .company-120{
display: inline-block;
margin-top: 3px;
transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
-moz-transform: scale(0.9);
}
.offer-container .links .txt{
font: bold italic 1rem 'Nunito', sans-serif;
color: #f8f8f8;
margin-right: 10px;
vertical-align: middle;
position: relative;
}
.offer-container .links .txt .bon-on{
font-size: 1.25rem;
}
.offer-container .links .txt span:nth-child(1){
position: relative;
top: -2px;
}
.offer-container .links .txt i{
font-style: italic;
}
.offer-container .links .txt .bon-on{
color: #0b9a0b;
}
.offer-container .links{
text-align: center;
}
.offer-container .links .go-o{
font-size: 18px;
position: relative;
padding: 6px 10px 6px 40px;
color: #f7f7f7;
}
.offer-container .links .go-o:hover{
color: #132D48;
background: #f7f7f7;
}
.offer-container .links .go-o i{
position: absolute;
left: 0;
border-right: 2px solid #343a40;
height: 100%;
padding: 7px 7px 0;
background: #f7f7f7;
border-radius: 4px 0 0 4px;
transition: all 0.2s ease-in-out;
color: #132D48;
}
.offer-container .links .go-o:hover i{
background: #0b9a0b;
color: #f7f7f7;
}
.offer-container .go-i{
font: bold 16px 'Nunito', sans-serif;
color: #f8f8f8;
padding-top: 13px;
}
.offer-container .go-i i{
top: 1px;
position: relative;
font-size: 15px;
}
.offer-container .go-i:hover{
color: #0b9a0b;
}
.zoom-btn-box {
position:fixed;
display:none;
margin:0 auto;
padding: 15px;
right: -5px;
bottom: 50px;
}
.zoom-btn {
position:relative;
display:block;
background: #0b9a0b;
padding: 0;
line-height:42px;
width: 40px;
height:40px;
border: 0;
border-radius: 3px;
cursor:pointer;
outline:none;
box-shadow: -1px 1px 2px 0 #918204;
-webkit-box-shadow: -1px 1px 2px 0 #918204;
-o-box-shadow: -1px 1px 2px 0 #918204;
}
.zoomies {
color: #fff;
background: #0b9a0b;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
font-size: 18px;
outline: 0;
}
.zoomies:focus {
outline: 0;
}
.zoomies:hover {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
background: #7A9D96;
box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
}
@media only screen and (max-width: 359px){
.offer-container [class*="bg-"] {
padding: 5px;
width: 80px;
height: 40px;
}
}
@media only screen and (max-width: 399px){
.offer-container [class^="col-"]{padding:0;}
.offer-container [class*="bg-"]{margin: 6px 10px 0 10px;}
.offer-container .links .go-o i { padding: 9px 7px 0;}
.floating-offer .close-btn { right: 5px;}
.brands-list .company:after{display: none;}
}
@media only screen and (max-width: 450px){
.offer-container .links {text-align: right;}
}
@media screen and (max-width: 599px) {
.offer-container .txt, .offer-container .go-o span:last-child{display: none;}
.offer-container .links .go-o{
display: inline-block;
padding: 0 10px 0 40px;
text-align: center;
margin-right: 20px;
}
.offer-container .links .go-o:not(.lg){
width: 145px;
}
.offer-container [class*="bg-"] {
margin: 6px 10px;
}
}
@media screen and (max-width: 767px) {
.floating-offer .close-btn {right: 15px; top: 0;}
.offer-container .links .txt{font-size: 1rem;}
.offer-container .links .txt .bon-on{font-size: 1.25rem;}
}
@media only screen and (max-width: 1199px){
.offer-container .brand-offer .txt{width: 100%;padding-top: 5px;}
.zoom-btn-box { padding: 15px 0; right: 10px;}
}
@media screen and (min-width: 600px) {
.offer-container .go-o .bon-on{display: none;}
.offer-container .links .txt{display: inline-block; }
.offer-container .links .go-o{width: 190px; }
.offer-container [class*="bg-"] {margin: 6px 10px 0 0px;}
}
@media screen and (min-width: 768px) and (max-width:1199px) {
.floating-offer .close-btn {right: -20px;}
}
@media screen and (min-width: 1200px) {
.offer-container .brand-offer{text-align: right;}
}
/*================== */
/*icons stacked ================== */
.icon-holder{
display: block;
width:80px;
height:80px;
padding: 12px;
border: solid 5px #0b9a0b;
overflow: hidden;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.light-bg .icon-holder{
color: #132D48;
}
.dark-bg .icon-holder{
color: #f7f7f7;
}
.icon-holder i{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.icon-holder.small {
width: 35px;
height: 35px;
padding: 4px 6px;
transform: rotate(45deg) translate(-5px, -10px);
-webkit-transform: rotate(45deg) translate(-5px, -10px);
-moz-transform: rotate(45deg) translate(-5px, -10px);
}
.icon-holder.small i{
font-size: 1.25em;
}
/*================== */
/*icons inline ================== */
.inline-icon{
display: block;
width:80px;
height:80px;
padding: 12px;
border-radius: 50%;
text-indent: -9999px;
}
.light-bg .inline-icon{
border: 10px solid #0b9a0b;
background-color: #0b9a0b;
}
.dark-bg .inline-icon{
border: 10px solid #7A9D96;
background-color: #7A9D96;
}
.inline-icon.small{
width: 55px;
height: 55px;
padding: 0px;
}
.light-bg .inline-icon.small{
border: 6px solid #0b9a0b;
}
.dark-bg .inline-icon{
border: 6px solid #f2cbbc;
}
/*================== */
/*sports list ================== */
.sports-list li{
width: 100%;
background-color: #132D48;
color: #f7f7f7;
padding: 0;
}
.sports-list li span{
float: right;
text-transform: uppercase;
font: bold 15px 'Nunito', sans-serif;
vertical-align: middle;
padding: 20px 15px;
background: linear-gradient(to right, transparent, #000 );
}
.sports-list a{
color: #f7f7f7;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.sports-list a span{
background: linear-gradient(to right, transparent, #0b9a0b );
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.sports-list a:hover [class$="-bg"]{
opacity: .5;
}
.sports-list li:nth-child(1) [class$="-bg"]{
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
}
.sports-list [class$="-bg"]{
background-position: -35px -30px;
width: 100%;
height: 100%;
background-size: 120px 120px;
}
.sports-list .esports-bg{background-position: -50px -45px;}
.sports-list .racing-bg{background-size: 120px 150px;}
.slots-bg{background: url('/imgs/icons/slots.svg') no-repeat; background-size: cover; }
.roulette-bg{background: url('/imgs/icons/roulette.svg') no-repeat; background-size: cover; }
.blackjack-bg{background: url('/imgs/icons/blackjack.svg') no-repeat; background-size: cover; }
.baccarat-bg{background: url('/imgs/icons/baccarat.svg') no-repeat; background-size: cover; }
.poker-bg{background: url('/imgs/icons/holdem.svg') no-repeat; background-size: cover; }
.games {
width: 30px;
height: 50px;
display: inline-block;
text-indent: -9999px;
margin-right: 5px;
}
.games.slots{background: url('/imgs/icons/slots.svg') no-repeat; background-size: 30px 50px;}
.games.roulette{background: url('/imgs/icons/roulette.svg') no-repeat;background-size: 30px 50px;}
.games.blackjack{background: url('/imgs/icons/blackjack.svg') no-repeat;background-size: 30px 50px;}
.games.baccarat{background: url('/imgs/icons/baccarat.svg') no-repeat; background-size: 30px 50px;}
.games.poker{background: url('/imgs/icons/holdem.svg') no-repeat;background-size: 30px 50px;}
/* Software icons ================== */
.soft-yggdrasil {background: url('/imgs/software/yggdrasil-icon.svg');}
.soft-microgaming {background: url('/imgs/software/microgaming-icon.svg');}
.soft-evolution{background: url('/imgs/software/evolution-icon.svg');}
.soft-netent{background: url('/imgs/software/netent-icon.svg');}
.soft-thunderkick{background: url('/imgs/software/thunderkick-icon.svg');}
.soft-playtech{background: url('/imgs/software/playtech-icon.svg');}
.soft-pragmaticplay{background: url('/imgs/software/pragmatic-play-icon.svg');}
.soft-red-tiger{background: url('/imgs/software/red-tiger-icon.svg');}
.soft-play-n-go{background: url('/imgs/software/play-n-go-icon.svg');}
.provider[class*="soft-"] {
display: block;
text-indent: -9999px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: 45px;
height: 30px;
}
/* ================== */
@media only screen and (max-width: 767px){
.sports-list li span {
display: block;
float: none;
text-align: right;
}
.sports-list [class$="-bg"] {background-position: -45px -30px;}
.sports-list .racing-bg{
background-size: 180px 100px;
background-position: -90px -10px;
}
.sports-list .hockey-bg{background-position: -45px -15px; background-size: 150px 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px){
.sports-list [class$="-bg"] {background-size: 90px 120px;}
}
@media only screen and (min-width: 768px){
.sports-list li{width: 20%;}
.sports-list .hockey-bg {background-position: -10px -40px;}
}
/*================== */
/*details info card ================== */
.details-info{
padding: 0;
border: none;
}
.details-info .card-img-top{
position: relative;
margin: 0;
}
.details-info .card-img-top.short{
clip-path: inset(0 0 25px);
margin-bottom: -25px;
}
.details-info .card-img-top.short .card-img-overlay{
bottom: 23px;
}
.details-info .tandc-visit{
text-align: center;
margin-bottom: 10px;
}
.details-info .card-img-overlay{
top: auto;
padding: 0;
width: 100%;
background: rgba(0, 0, 0, 0.7);
color: #fff;
height: fit-content;
text-align: center;
}
.details-info .list-group{
padding: 0 .5rem;
}
.details-info .list-group-item{
background-color: transparent;
padding: .5rem;
color: #CAE4DB;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.details-info .list-group-item span,
.details-info .cta-btn:hover a{
color: #f7f7f7;
}
.details-info .card-footer {
padding: 0 1.25rem;
}
@media only screen and (min-width: 451px) and (max-width:575px) {
.details-info{
width: 350px;
margin: 0 auto;
}
}
@media only screen and (max-width:575px) {
.details-info{
margin-bottom: 1.5rem;
}
}
/*================== */
/*box list ================== */
.box-list .card{
background-color: transparent;
}
.box-list .card-title{
font: bold 16px 'Nunito', sans-serif;
text-align: center;
border-bottom: 2px solid #132D48;
}
.box-list.dark-bg .card-title{
border-bottom: 2px solid rgba(255, 255, 255, .5);
}
/*================== */
/*box list big ================== */
.box-list-big .card-title{
font: bold 18px 'Nunito', sans-serif;
text-align: center;
}
.box-list-big .light-bg .card-title{
border-bottom: 1px solid #132D48;
}
.box-list-big .dark-bg .card-title{
border-bottom: 1px solid #fff;
}
/*================== */
/*more reviews element ================== */
.more-reviews a{
position: relative;
}
.more-reviews a:after{
content: "Arvostelu";
position: absolute;
right: -7px;
bottom: -7px;
color: #f7f7f7;
font-weight: bold;
font-size: 15px;
line-height: 1;
box-shadow: rgba(0, 0, 0, 0.6) -2px -1px 3px 0px;
padding: 4px 6px;
background: #0b9a0b;
border-radius: 3px;
transition: all 0.3s ease-in-out 0s;
}
.more-reviews .card{background-color: #132D48;}
.more-reviews .card .company-140{box-shadow: 0 0 5px 0px white;}
.more-reviews .card:hover .company-140{opacity: 0.7; box-shadow: none;}
.more-reviews .card:hover a:after{ background: #132d48;}
.more-reviews .company-140{transition: all 0.3s ease-in-out;}
/*================== */
/*lang menu ================== */
#site-about > li.lang .dropdown-menu a {left: 0;}
#site-about > li.lang .dropdown-menu a:hover:after {background-color: transparent;}
.lang{cursor: pointer;}
#site-about .lang .dropdown-menu {
background: #132D48;
box-shadow: 0 0 5px #fff;
padding: 10px!important;
width: auto;
white-space: nowrap;
max-width: unset;
}
#site-about .lang .dropdown-menu.lg {
height: 20em!important;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
transform: translate3d(-199px, -275px, 0)!important;
}
#site-about .lang .dropdown-menu::-webkit-scrollbar {
width: .5em;
}
#site-about .lang .dropdown-menu::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
#site-about .lang .dropdown-menu::-webkit-scrollbar-thumb {
background-color: #437b49;
outline: 1px solid slategrey;
}
#site-about .lang.dropup .dropdown-toggle::after {
top: 2px;
left: -10px;
position: relative;
color: #132D48;
}
.lang .dropdown-menu a span{color: #fff;}
.lang .dropdown-menu a:hover span{color: #F3E367;}
.lang .dropdown-menu li:not(:last-child){
border-bottom: 1px solid rgba(255, 255, 255, .5);
padding-bottom: 5px;
}
.flags{
width: 21px;
height: 21px;
display: inline-block;
position: relative;
top: 5px;
margin-right: 5px;
}
.et {background: url('/imgs/flags/estonia.svg') no-repeat;}
.sk{background: url('/imgs/flags/slovakia.svg') no-repeat;}
.en{background: url('/imgs/flags/united-kingdom.svg') no-repeat;}
.hr{background: url('/imgs/flags/croatia.svg') no-repeat;}
.hr-hr{background: url('/imgs/flags/croatia.svg') no-repeat;}
.cz{background: url('/imgs/flags/czech.svg') no-repeat;}
.cs{background: url('/imgs/flags/czech.svg') no-repeat;}
.fr{background: url('/imgs/flags/france.svg') no-repeat;}
.hu{background: url('/imgs/flags/hungary.svg') no-repeat;}
.it{background: url('/imgs/flags/italy.svg') no-repeat;}
.pl{background: url('/imgs/flags/poland.svg') no-repeat;}
.sr{background: url('/imgs/flags/serbia.svg') no-repeat;}
.sl{background: url('/imgs/flags/slovenia.svg') no-repeat;}
.es{background: url('/imgs/flags/spain.svg') no-repeat;}
.de{background: url('/imgs/flags/germany.svg') no-repeat;}
.mx{background: url('/imgs/flags/mexico.svg') no-repeat;}
.es-mx{background: url('/imgs/flags/mexico.svg') no-repeat;}
.bg{background: url('/imgs/flags/bulgaria.svg') no-repeat;}
.no{background: url('/imgs/flags/norway.svg') no-repeat;}
.ua{background: url('/imgs/flags/ukraine.svg') no-repeat;}
.ru-ua{background: url('/imgs/flags/ukraine.svg') no-repeat;}
.co{background: url('/imgs/flags/colombia.svg') no-repeat;}
.es-co{background: url('/imgs/flags/colombia.svg') no-repeat;}
.in{background: url('/imgs/flags/india.svg') no-repeat;}
.en-in{background: url('/imgs/flags/india.svg') no-repeat;}
.ro{background: url('/imgs/flags/romania.svg') no-repeat;}
.br{background: url('/imgs/flags/brazil.svg') no-repeat;}
.pt-br{background: url('/imgs/flags/brazil.svg') no-repeat;}
.fi{background: url('/imgs/flags/finland.svg') no-repeat;}
.de-AT{background: url('/imgs/flags/austria.svg') no-repeat;}
.de-at{background: url('/imgs/flags/austria.svg') no-repeat;}
.lt {background: url('/imgs/flags/lithuania.svg') no-repeat;}
.bs {background: url('/imgs/flags/bosnia.svg') no-repeat;}
.bs-ba {background: url('/imgs/flags/bosnia.svg') no-repeat;}
.lv {background: url('/imgs/flags/latvia.svg') no-repeat;}
.th {background: url('/imgs/flags/thailand.svg') no-repeat;}
.al {background: url('/imgs/flags/albania.svg') no-repeat;}
.sq-al {background: url('/imgs/flags/albania.svg') no-repeat;}
.tn {background: url('/imgs/flags/tunisia.svg') no-repeat;}
.fr-tn {background: url('/imgs/flags/tunisia.svg') no-repeat;}
.id {background: url('/imgs/flags/indonesia.svg') no-repeat;}
.sv{background: url('/imgs/flags/sweden.svg') no-repeat;}
.en-IE{background: url('/imgs/flags/ireland.svg') no-repeat;}
.en-ie{background: url('/imgs/flags/ireland.svg') no-repeat;}
.ru-KZ{background: url('/imgs/flags/kazakhstan.svg') no-repeat;}
.ru-kz{background: url('/imgs/flags/kazakhstan.svg') no-repeat;}
.az{background: url('/imgs/flags/azerbaijan.svg') no-repeat;}
.vi{background: url('/imgs/flags/vietnam.svg') no-repeat;}
.vi-vn{background: url('/imgs/flags/vietnam.svg') no-repeat;}
.de-ch {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.001 512.001'%3E%3Cpath fill='%23ff4b55' d='M503.172 423.725H8.828A8.829 8.829 0 0 1 0 414.897V97.104a8.829 8.829 0 0 1 8.828-8.828h494.345a8.829 8.829 0 0 1 8.828 8.828v317.793a8.83 8.83 0 0 1-8.829 8.828z'/%3E%3Cpath fill='%23f5f5f5' d='M353.103 220.691H291.31v-61.793a8.829 8.829 0 0 0-8.828-8.828h-52.966a8.829 8.829 0 0 0-8.828 8.828v61.793h-61.793a8.829 8.829 0 0 0-8.828 8.828v52.966a8.829 8.829 0 0 0 8.828 8.828h61.793v61.793a8.829 8.829 0 0 0 8.828 8.828h52.966a8.829 8.829 0 0 0 8.828-8.828v-61.795h61.793a8.829 8.829 0 0 0 8.828-8.828v-52.966c0-4.874-3.953-8.826-8.828-8.826z'/%3E%3C/svg%3E");}
@media (max-width: 767px){
#site-about .lang .dropdown-toggle[aria-expanded="true"]::after {
opacity: 1;
transform: rotate(0deg);
}
}
/*================== */
/*top3 element ================== */
.top3 .card-content{
border-top-right-radius: calc(.25rem - 1px);
border-top-left-radius: calc(.25rem - 1px);
}
.top3 .card-img{
padding: 15px 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom: 2px solid #fff;
}
.top3 [class^='company-']{
position: relative;
top: 10px;
}
.top3 [class^='company-']:before, .top3 [class^='company-']:after{
position: absolute;
content: '';
background: url('/imgs/icons/angles.svg') no-repeat;
width: 40px;
height: 30px;
top: 50%;
}
.top3 [class^='company-']:before{
left: -30%;
transform: translate(-50%, -30%);
-webkit-transform: translate(-50%, -30%);
-moz-transform: translate(-50%, -30%);
-o-transform: translate(-50%, -30%);
}
.top3 [class^='company-']:after{
right: -55%;
transform: translate(-50%, -30%) scaleX(-1);
-webkit-transform: translate(-50%, -30%) scaleX(-1);
-moz-transform: translate(-50%, -30%) scaleX(-1);
-o-transform: translate(-50%, -30%) scaleX(-1);
}
.top3 .go-o, .top3 .go-o:hover{color: #f7f7f7;}
.top3 .rec-rating{
transform: scale(0.8);
}
.top3 .terms{font-size: 10px;}
.boxbg-1{background: url('/imgs/card-football-bg.jpg') no-repeat;}
.boxbg-2{background: url('/imgs/card-tennis-bg.jpg') no-repeat;}
.boxbg-3{background: url('/imgs/card-basketball-bg.jpg') no-repeat;}
.boxbg-1:after, .boxbg-2:after, .boxbg-3:after{
position: absolute;
content: '';
bottom: 5px;
left: 50%;
width: 33px;
height: 33px;
box-shadow: 0 0 10px rgba(0, 0, 0, .7);
border-radius: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.boxbg-1:after{background: url('/imgs/icons/first.svg') no-repeat;}
.boxbg-2:after{background: url('/imgs/icons/second.svg') no-repeat;}
.boxbg-3:after{background: url('/imgs/icons/third.svg') no-repeat;}
.top3 .terms.long{line-height: 1.2;}
@media only screen and (max-width: 767px){
.top3{width: 380px;max-width: 100%;}
.top3.lg .col-lg-4.order-lg-2{
margin-bottom: 4.5rem!important;
}
.top3.lg .terms.long {
margin-top: -1.25rem;
top: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.top3 { width: 726px;}
.top3 .card-img {
padding: 12px 0;
border-top-right-radius: 0;
border-bottom-left-radius: calc(.25rem - 1px);
border-bottom: none;
border-right: 2px solid #fff;
}
.top3 [class^='company-'] {top: 15px;}
.boxbg-1:after, .boxbg-2:after, .boxbg-3:after {bottom: 15px;}
.top3.lg .terms.long{margin-top: -1rem; top: 15px;}
.top3.lg .col-lg-4.order-lg-2{
margin-bottom: 3rem!important;
}
}
@media only screen and (max-width: 991px){
.top3 .terms{
position: relative;
top: -3px;
}
}
@media only screen and (min-width: 768px){
.top3 .go-o{width: 60%;}
.top3.lg .card-img{padding: 0;}
.top3.lg .company-120[class*="bg-"] {
position: relative;
top: 20px;
}
}
@media only screen and (min-width: 992px){
.top3 .order-lg-2{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}
.top3.lg .card-desc{
margin-bottom: -1.5rem!important;
}
}
@media only screen and (min-width: 1200px){
.top3{width: 85%;}
}
/*================== */
/*faq ================== */
#faq{
margin: 20px auto;
}
#faq h2{
margin: 0;
font-size: 1rem;
}
#faq .card{
border: none;
}
#faq .card-header{
background-color: transparent;
border: none;
}
#faq .btn-link {
text-decoration: none;
display: block;
position: relative;
background:transparent;
color:#132D48;
font-size:14px;
font-weight: bolder;
text-transform:uppercase;
margin-bottom:15px;
padding:15px 50px;
border-bottom:1px solid #132D48;
border-radius: 0 15px 0 15px;
transition:all 0.10s linear 0s;
width: 100%;
text-align: left;
}
#faq .btn-link:focus {
outline: 0;
}
#faq .btn-link:hover {
color:#0b9a0b;
}
#faq .btn-link.collapsed{
color:#7A9D96;
border-bottom:1px solid #CAE4DB;
margin: 0;
}
#faq .btn-link i{
color:#132D48;
position: absolute;
top: 18px;
left: 25px;
font-size: 20px;
}
#faq .btn-link.collapsed i{
color:#132D48;
}
#faq .btn-link:before,
#faq .btn-link.collapsed:before{
content:"";
position: absolute;
bottom:-15px;
left:36px;
border:7px solid transparent;
border-top:7px solid #132D48;
}
#faq .btn-link.collapsed:before{
content:"";
border: 0px none;
}
#faq .btn-link.collapsed:hover{
color:#132D48;
}
#faq .btn-link:after,
#faq .btn-link.collapsed:after{
content: "\f106";
font-family: 'Font Awesome 5 Free';
color: #132D48;
font-size: 20px;
line-height: 20px;
position: absolute;
top: 14px;
right:25px;
}
#faq .btn-link.collapsed:after{
content: "\f107";
color:#929D9E;
}
#faq .card-body{
padding: 0 1.5rem;
}
#faq .card-body p{
border-top:0 none;
color:#7F8688;
}
#faq .card-body li{
color:#7F8688;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
}
@media only screen and (max-width: 575px){
h2::first-letter {
font-size: 20px;
}
#faq .btn-link {
padding: 15px 25px 15px 0;
}
#faq .btn-link:after, #faq .btn-link.collapsed:after {
right: 5px;
}
}
/* end faq accordion */
/*================== */
/* table accordion ================== */
/* .tableCollapsed .arrow{
position: absolute;
left: 50%;
z-index: 10;
color: #0b9a0b;
padding-top: 25px;
transition: all .2s ease;
} */
.tableCollapsed .ver-header thead{
cursor: pointer;
position: relative;
}
.tableCollapsed .ver-header thead:after{
position: absolute;
content: '\f107';
font: 900 2.5em 'Font Awesome 5 Free';
color: #0b9a0b;
left: 50%;
bottom: -20px;
z-index: 10;
color: #0b9a0b;
padding-top: 25px;
transition: all .2s ease;
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
.tableCollapsed .ver-header.rotate-arrow thead:after{
content: '\f106';
bottom: 80%;
}
.table.ver-header{
border-bottom: none;
}
.table.ver-header tr{
border-width: 3px;
}
.table.ver-header tbody th{
color: #334433;
border-right: 1px solid #334433;
}
.table.ver-header tbody td div:nth-child(odd){
color: #0b9a0b;
}
@media screen and (max-width: 575px){
.table.ver-header td:nth-child(2) {
background: none;
}
}
@media screen and (max-width: 767px){
.table.ver-header{
margin: 0px auto 15px;
}
}
/* contact form ================== */
#contact {
display: block;
margin: 40px auto;
padding: 10px;
border: 1px solid #cbcbcb;
background-color: #FFF;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#contact form{
overflow: hidden;
}
#contact h1 {
margin: 10px 0 10px;
font-size: 24px;
color: #132D48;
}
#contact hr {
color: inherit;
height: 0;
margin: 6px 0 6px 0;
padding: 0;
border: 1px solid #d9d9d9;
border-style: none none solid;
}
#contact label {
float: left;
height: 26px;
line-height: 35px;
width: 30%;
}
#contact input,
textarea,
select {
padding: 5px;
color: #666;
background: #f5f5f5;
border: 1px solid #ccc;
margin: 5px 0;
}
#contact input:focus,
textarea:focus,
select:focus {
border: 1px solid #0b9a0b;
background-color: #fff;
color: #333;
outline: 1px solid #0b9a0b;
}
#contact input.submit {
display: block;
cursor: pointer;
background: #132D48;
border: none;
color: #f7f7f7;
text-align: center;
outline: 0;
border-radius: 4px;
font-weight: bold;
padding: .5rem;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}
#contact input.submit:hover {
background: #0b9a0b;
}
#contact input[type="submit"][disabled] {
background: #f3e367;
}
#contact fieldset {
padding: 20px;
border: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#contact legend {
padding: 7px 10px;
font-weight: bold;
font-size: 14px;
color: #343a40;
margin-bottom: 20px;
}
#contact span.required {
font-size: 13px;
color: #132d48;
}
#message {
margin: 10px 0;
padding: 0;
}
#verify {
width: 50px !important;
}
.error_message {
display: block;
line-height: 22px;
background: #FBE3E4 url('/imgs/contact-assets/error.gif') no-repeat 10px center;
padding: 15px 45px;
color: #8a1f11;
border: 1px solid #FBC2C4;
}
.loader {
padding: 0 10px;
}
#message .success_message {
padding: 10px 0 10px 30px;
background: #c8dcc5 url('/imgs/contact-assets/success.gif') 10px center no-repeat;
color: #132D48;
border: 1px solid #88bd82;
}
@media only screen and (max-width:767px){
#contact{width: 100%;}
#contact label,
#contact input,
#contact legend,
#contact textarea,
#contact select {
width: 100%;
display: block!important;
}
#contact input.submit {
margin: 10px auto;
text-align: center;
min-width: 150px;
width: auto;
}
.captcha-wrapper{
width: 304px;
float: none;
margin: 0 auto;
overflow: hidden;
}
}
@media only screen and (min-width:768px){
#contact label {
width: 15%;
}
#contact input,
textarea,
select {
width: 82%;
}
.captcha-wrapper{
width: 304px;
margin: 10px auto;
}
#contact input.submit {
width: 20%;
margin: 10px auto;
}
}
@media only screen and (min-width:768px) and (max-width:1199px){
#contact{width: 80%;}
}
@media only screen and (min-width:1200px){
#contact{width: 60%;}
}
/*================== */
/* footer ================== */
#page-footer .container{padding: 0; }
#page-footer .go-info
{
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#page-footer p{text-align: left;}
#page-footer .disclaimer {
padding: 10px;
background: #132D48;
color: #929D9E;
font-size:14px;
}
#page-footer .go-info.white{
background: #fff;
}
#page-footer .disclaimer img {
display: block;
margin: 0 auto;
}
#page-footer .disclaimer .dmca-badge img{
display: inline-block;
vertical-align: middle;
}
#page-footer .go-info {
padding: 10px;
font-size: 14px;
text-align: center;
}
#site-about > li {display: inline-block;}
#site-about > li a{left: -5px;}
#site-about > li.active a{
color: #132D48;
border-bottom: 2px solid #132D48;
}
#site-about > li.active a:hover:after{
opacity: 0;
}
#site-about > li:not(:last-child) {margin-right: 10px;}
#site-about > li:not(:last-child)::after {
content: '|';
margin-left: 5px;
color: #333;
}
#page-footer .copyright {color: #5f5f5f;text-align: center;}
#page-footer .list-inline-item:not(:last-child) {
margin-right: .25rem;
}
#page-footer .icons{text-align: center;}
#page-footer .icons a{display: block;}
#page-footer .icons i {
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition: .5s;
font-size: 15px;
color: #fff;
font-size: 18px;
width: 35px;
height: 33px;
padding:7px;
}
#page-footer .icons i.fa-twitter {background: #00aced;}
#page-footer .icons i.fa-pinterest-p {background: #bd081c;}
#page-footer .icons i.fa-youtube {background: #ff0000;}
#page-footer .icons i.fa-facebook-f {background: #1778F2;}
#page-footer .icons a:hover i.fa-youtube,
#page-footer .icons a i.fa-youtube:hover {color: #ff0000; background: #fff;}
#page-footer .icons a:hover i.fa-twitter,
#page-footer .icons a i.fa-twitter:hover {color: #00aced; background: #fff;}
#page-footer .icons a:hover i.fa-pinterest-p,
#page-footer .icons a i.fa-pinterest-p:hover {color: #bd081c; background: #fff;}
#page-footer .icons a:hover i.fa-facebook-f,
#page-footer .icons a i.fa-facebook-f:hover {color: #1778F2; background: #fff;}
#page-footer .gt {
background: url('/imgs/icons/gt.svg') center center no-repeat;
background-size: 38px 24px;
width: 100%;
height: 100%;
padding: .59rem 1.1rem .49rem;
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
background-color: transparent;
background-color: #fff;
}
.icon-dmca{background: url('/imgs/icons/dmca.svg'); }
.f-icons [class*="icon-"]{
display: block;
text-indent: -9999px;
text-align: left;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
width: 33px;
height: 33px;
opacity: .8;
}
.f-icons .icon-dmca {width: 115px; margin: 0 auto; padding-top: 4rem; text-indent: -9999px;}
.f-icons [class*="icon-"]:hover{
filter: opacity(0.7) sepia(.4) drop-shadow(2px 2px 1px rgba(0,0,0,.4));
-webkit-filter: opacity(0.7) sepia(.4) drop-shadow(2px 2px 1px rgba(0,0,0,.4));
}
.icon-dmca{background: url('/imgs/icons/dmca.svg') center center no-repeat; }
#page-footer .peluuri {
background: url('/imgs/regulation/peluuri.png') center center no-repeat;
background-size:71px;
width: 100%;
height: 100%;
padding: .59rem 1.1rem .49rem;
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
background-color: transparent;
background-color: #fff;
}
#page-footer .myspace-icon {
background: url('/imgs/icons/myspace.svg') center center no-repeat;
background-size:25px;
width: 100%;
height: 100%;
padding: .59rem 1.1rem .29rem;
background-color: transparent;
background-color: #fff;
}
#page-footer .myspace-icon:hover {
background: url('/imgs/icons/myspace.svg') center center no-repeat;
background-size:25px;
background-color: #000;
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
}
#page-footer .truste {
background: url('/imgs/icons/truste.svg') center center no-repeat;
background-size: 38px 27px;
width: 100%;
height: 100%;
padding: .59rem 1.1rem .49rem;
background-color: #fff;
}
#page-footer .age-restriction {
font: 700 18px 'Nunito', sans-serif;
background: #fff;
padding: .41rem .47rem;
position: relative;
width: 35px;
height: 33px;
cursor: default;
}
#page-footer .age-restriction:after {
position: absolute;
content: '+';
top: -3px;
font-size: 15px;
right: 0;
color: #0b9a0b;
}
@media screen and (max-width: 359px) {
#page-footer .icons{width: 65%; text-align: center; margin: 0 auto 1rem;}
#page-footer li:not(.dropdown-menu li):nth-child(5), #page-footer li:last-child{margin-top: 18px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#page-footer .disclaimer{font-size:10px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
#site-about > li:not(:last-child)::after {margin-left: 0; margin-right: 4px;}
#site-about > li:not(:last-child) {margin-right: 0;}
}
@media screen and (max-width: 1199px) {
#page-footer .container {max-width: 100%; padding: 0;}
#page-footer .copyright, #page-footer #site-about{text-align: center;}
}
@media screen and (min-width: 1200px) {
#page-footer .copyright{
text-align: left;
font-size: .8rem;
vertical-align: middle;
display: inline-block;
margin-bottom: 0;
padding-top: .15rem;
}
#site-about {float: right;}
}
/* ================== */
.register h2{
color: #fff
}
.long-boxes h2{
margin: 1rem 0;
text-align: center;
color: rgba(255, 255, 255);
letter-spacing: 1px;
font-size: 1.188rem;
}
.img-style {/* border: 2px solid #ffa820; */border-radius: 5px;box-shadow: 0 0 0px 2px #132d48;filter: drop-shadow(1px 1px 2px #000);-moz-filter: drop-shadow(1px 1px 2px #000);-webkit-filter: drop-shadow(1px 1px 2px #000);}
/* rows */
.dropdown-multicol{
width: 26em;
}
.dropdown-row>a.dropdown-item{
display:inline-block;
width: 49%;
}
/* Breadcrumbs */
.container.breadcrumbs {
padding: 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 1199px) {
.container.breadcrumbs {
max-width: 1200px;
box-shadow: none;
}
}
.brdcmb-el {
position: relative;
z-index: 20;
width: 100%;
margin: 0 auto;
border-bottom: 1px solid rgba(0, 48, 63, .2);
}
.brdcmb-el .breadcrumb{
padding: 5px 10px;
margin: 0;
list-style: none;
background: #fff;
border-radius: 0;
font-size: 12px;
}
.brdcmb-el .breadcrumb li {
vertical-align: middle;
}
.brdcmb-el .breadcrumb li a {
padding-right: 15px;
}
.brdcmb-el .breadcrumb li:last-child {
top: 0;
position: relative;
}
.brdcmb-el .breadcrumb>li+li:before {
content:none;
}
.brdcmb-el .breadcrumb li a:before {
position: absolute;
content: "\f101";
font: 900 10px 'Font Awesome 5 Free';
color: #585858;
top: 2px;
right: -6px;
padding: 0 5px;
}
.brdcmb-el .breadcrumb li a{
position: relative;
color: #00303F;
text-decoration: none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.brdcmb-el .breadcrumb li a:hover {
text-decoration: none;
color: #D34E3D;
}
.brdcmb-el .breadcrumb li a:after,
.brdcmb-el .breadcrumb li a:hover:after {
content: none;
}
@media screen and (max-width: 575px){
.brdcmb-el .breadcrumb{
padding: 5px;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
position: relative;
flex-wrap: nowrap;
}
.brdcmb-el .breadcrumb::-webkit-scrollbar{
height: .25rem;
}
.brdcmb-el .breadcrumb::-webkit-scrollbar-track{
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3);
}
}
/* more links */
.more-links{
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
margin: 20px auto;
padding: 10px;
border-radius: 4px;
position: relative;
max-width: 95%;
}
.more-links li{
display: inline-block;
margin: 5px 5px 5px 0;
border-bottom: none;
background: #fff;
border-radius: 3px;
text-align: center;
transition: all 0.3s ease-in-out;
padding: 0;
width: 100%;
}
.more-links li:hover {background: #F3E367;box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);}
.more-links.sport li a{
padding: 7px;
text-decoration: none;
font: bold 16px 'Raleway', sans-serif;
display: block;
position: relative;
color: #343a40;
text-transform: capitalize;
}
.more-links li a:before{
content: "";
position: absolute;
border-radius: 3px 0 0 3px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.more-links:not(.sport) li a{
position: relative;
display: block;
font-weight: 600;
text-decoration: none;
text-transform: capitalize;
color: #323840;
}
.more-links:not(.sport) li a:before{
background: none;
border-bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 13px 0 14px 15px;
border-color: transparent transparent transparent #F3E367;
left: 0;
top: 0;
}
.more-links:not(.sport) li a:hover:before,
.more-links:not(.sport) li:hover a:before{
border-color: transparent transparent transparent #FFF;
}
.more-links.sport a::before{
position: absolute;
content: '';
left: 0;
bottom: 0;
box-shadow: none;
background: #0b9a0b;
width: 35px;
height: 32px;
border: none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.more-links.sport > li:hover a:before{
background: #929D9E;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.more-links.sport .sp-hockey::after,
.more-links.sport .sp-field-hockey::after {background: url('/imgs/sport-icons/hockey.svg');}
.more-links.sport .sp-tennis::after {background: url('/imgs/sport-icons/tennis.svg');}
.more-links.sport .sp-basketball::after {background: url('/imgs/sport-icons/basketball.svg');}
.more-links.sport .sp-soccer::after {background: url('/imgs/sport-icons/soccer.svg');}
.more-links.sport .sp-ski::after {background: url('/imgs/sport-icons/ski.svg');}
.more-links.sport .sp-volleyball::after {background: url('/imgs/sport-icons/volleyball-white.svg');}
.more-links.sport .sp-snooker::after {background: url('/imgs/sport-icons/snooker.svg');}
.more-links.sport .sp-darts::after {background: url('/imgs/sport-icons/darts.svg');}
.more-links.sport .sp-biatlon::after {background: url('/imgs/sport-icons/biatlon.svg');}
.more-links.sport .sp-ufc::after {background: url('/imgs/sport-icons/ufc.svg'); filter: invert(100%); -webkit-filter: invert(100%);}
.more-links.sport .sp-athletics::after {background: url('/imgs/sport-icons/athletics.svg'); filter: invert(100%); -webkit-filter: invert(100%);}
.more-links.sport .sp-baseball::after {background: url('/imgs/sport-icons/baseball-white.svg');}
.more-links.sport .sp-american-football::after {background: url('/imgs/sport-icons/american-football.svg'); filter: invert(100%); -webkit-filter: invert(100%);}
.more-links.sport .sp-golf::after {background: url('/imgs/sport-icons/golf.svg'); filter: invert(100%); -webkit-filter: invert(100%);}
.more-links.sport .sp-ravit::after {background: url('/imgs/sport-icons/horses.svg');}
.more-links.sport .sp-boxing::after {background: url('/imgs/sport-icons/boxing.svg'); filter: invert(100%); -webkit-filter: invert(100%);}
.more-links.sport .sp-cricket::after {background: url('/imgs/sport-icons/cricket.svg'); filter: invert(100%); -webkit-filter: invert(100%);}
.more-links.sport [class^="sp-"]::after {
content: '';
left: 8px;
bottom: 7px;
box-shadow: none;
width: 20px;
height: 20px;
position: absolute;
}
.more-links.sport .sp-esport::after{bottom: 1px;}
.more-links.sport [class^="sp-"]::after {background-repeat: no-repeat; background-size: contain;}
@media only screen and (min-width: 915px){
.more-links.lg li{width: 24.4%; }
.more-links.sport.lg.xl li{width: 32.4%;}
.more-links.lg.xl li{width: 19.4%;}
.more-links.sm {width: 75%;}
.more-links.sm li{width: 32.4%; }
}
@media only screen and (min-width: 768px){
.more-links.sm li{width: 32.4%; }
}
@media only screen and (min-width: 600px) and (max-width: 914px){
.more-links.lg li{width: 48.9%; }
.more-links.sport.lg li{width: 100%; }
}
@media only screen and (min-width: 450px) and (max-width: 767px){
.more-links{width: 75%; }
}
@media only screen and (max-width: 375px){
.more-links.sport li a {
padding: 7px 7px 7px 40px;
}
}
@media only screen and (min-width: 376px){
.more-links.sport li a {
margin: 0 -30px 0 0;
}
}
/* end more links */
/* tab-cta / mobile table button */
@media screen and (max-width: 767px) {
.tab-cta {padding: 5px 0 20px;}
.tab-cta a{
position: relative;
text-decoration: none;
cursor: pointer;
}
.tab-cta .heading{
text-transform: capitalize;
color: #fff;
font: bold 18px 'Nunito', sans-serif;
margin: 5px 0 0;
}
.arrow {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -20px;
width: 40px;
height: 0;
color: #0b9a0b;
text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
}
}
/* ================== */
/* new top3 brands popups */
.modal.show.top-brands .modal-dialog{ max-width: 800px;}
.top-brands .modal-header{position: relative; border: none;}
.top-brands .modal-content{background-color: transparent; border: none; top: 30px;}
.top-brands .modal-header .close{
position: absolute;
right: 20px;
top: 0;
color: #0b9a0b;
text-shadow: none;
opacity: 1;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
.top-brands .modal-header .close:focus,
.top-brands .modal-header .close:hover{outline: 0;}
.top-brands .rec-rating.top-rev-v {
transform: scale(.65);
-webkit-transform: scale(.65);
margin: 0;
left: -6px;
position: absolute;
}
.top-brands .row.brand,
.top-brands .row.brands-heading{
border-radius: 10px;
padding: 15px 0 10px;
border: 1px solid #7d9097;
}
.top-brands .row.brand {background: #fff;}
.top-brands .row.brand:not(:last-child) {margin-bottom: 7px;}
.top-brands .rank {
position: absolute;
z-index: 20;
top: -24px;
left: -14px;
background: #4D9ED3;
border-radius: 50%;
width: 27px;
height: 27px;
padding: 5px 8px;
font: italic 1rem 'Nunito', sans-serif;
color: #f7f7f7;
}
.top-brands .rank.first { background: #0b9a0b; color: #343a40;}
.top-brands .row.brand .action{padding: 15px;}
.top-brands .row.brand .action .shine-btn{text-align: center;}
.top-brands .row.brand .action .go-o{
padding: 0.25rem .75rem;
display: table;
margin: 0 auto;
background: #132d48; /* Old browsers */
background: -moz-linear-gradient(45deg, #132d48 5%, #4b9cd2 74%, #55b579 88%, #55b579 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #132d48 5%,#4b9cd2 74%,#55b579 88%,#55b579 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #132d48 5%,#4b9cd2 74%,#55b579 88%,#55b579 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#132d48', endColorstr='#55b579',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #fff;
}
.top-brands .row.brand .action .go-o:hover{
background: #0b9a0b;
color: #f7f7f7;
}
.top-brands .border-r { border-right: 1px solid #7d9097; height: 65px;}
.top-brands .row.brands-heading,
.top-brands .modal-footer { background: url('/imgs/popups/popup-football-bg.jpg') -140px 64% no-repeat;}
.top-brands.casino .row.brands-heading,
.top-brands.casino .modal-footer {background: url('/imgs/popups/popup-casino-bg.jpg') no-repeat;background-size: cover;}
.top-brands.casino .row.brands-heading:after {background: linear-gradient(to right, transparent, rgb(3, 7, 23) 75%);}
.top-brands.casino .modal-footer:after {background: rgb(3, 7, 23); margin: 0;}
.top-brands.casino .row.brands-heading{background-position: 0 85%;}
.top-brands.poker .row.brands-heading,
.top-brands.poker .modal-footer {background: url('/imgs/popups/popup-poker-bg.jpg') no-repeat;background-size: cover;}
.top-brands.poker .row.brands-heading:after {background: linear-gradient(to right, transparent, rgb(3, 7, 23) 75%);}
.top-brands.poker .modal-footer:after {background: rgb(3, 7, 23); margin: 0;}
.top-brands .row.brands-heading {
overflow: hidden;
padding: 8px 0 12px;
margin: -5px 3px -5px;
position: relative;
z-index: -1;
}
.top-brands .row.brands-heading:after,
.top-brands .modal-footer:after {background: linear-gradient(to right, transparent, #132D48 75%);}
.top-brands .row.brands-heading:after,
.top-brands .modal-footer:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 80px;
padding: 20px 0;
margin: 0 3px -10px;
z-index: 1;
}
.top-brands .modal-footer {
background-position: 0 100%;
background-size: cover;
overflow: hidden;
margin: 0 18px;
z-index: -1;
border: none;
border-radius: 10px;
position: relative;
top: -48px;
}
.top-brands .modal-footer .row{
top: 12px;
position: relative;
z-index: 2;
}
.top-brands .modal-footer .terms{
text-align: right;
margin: .75rem 0 .5rem;
font: italic .75rem 'Montserrat', sans-serif;
color: #fff;
}
.top-brands .row.brands-heading .title{
color: #fff;
font: normal 1.25rem 'Nunito', sans-serif;
line-height: 1.2;
text-align: right;
z-index: 2;
}
.top-brands .row.brand:nth-child(2){ border: 2px solid #0b9a0b;}
.top-brands .company-100[class*="bg-"] {
border-radius: 0;
height: 60px;
box-shadow: 0 0 1px 1px #7d9097;
}
.top-brands .brand p {
font: italic 1rem 'Nunito', sans-serif;
color: #b2bbbf;
padding: 0;
}
.top-brands .brand p.bold {font-weight: bold; margin: 0; margin: 0 0 -5px;}
.top-brands .brand .bon-on{font-size: 2.15rem; color: #132d48; font-weight: bold;}
.top-brands.casino .brand .bon-on,
.top-brands.poker .brand .bon-on{font-size: 2rem;}
.top-brands .brand .text-center p{ padding: .75rem 0 .25rem;}
.top-brands .brand .text-center p,
.top-brands .brand .text-center div{ text-align: center; margin: 0;}
.top-brands .brand .text-center .itlc{
font-size: 1rem;
font-family: 'Montserrat', sans-serif;
color: #00303F;
}
.top-brands .brand .terms{
text-align: left;
margin: .5rem 0 -.5rem;
font: italic .55rem 'Montserrat', sans-serif;
color: #7d9097;
}
.top-brands .brand .terms.sp{
margin-bottom: 0;
}
@media screen and (max-width: 576px){
.modal.show.top-brands .modal-dialog {max-width: 360px;margin: 0 auto;}
.top-brands .row.brands-heading .title { font: normal 1.05rem 'Nunito', sans-serif; }
}
@media screen and (max-width: 767px){
.modal.in.top-brands .modal-dialog{
margin: 1rem auto 0;
}
.top-brands .modal-header .close{
width: 20px;
height: 20px;
font-size: 25px;
right: 50px;
}
.top-brands .row.brands-heading{
background-position: -55px 64%;
background-size: cover;
}
.top-brands .row.brands-heading .title{
text-align: center;
}
.top-brands .company-100[class*="bg-"] {height: 55px;}
.top-brands .brand .bon-on {font-size: 1.75rem; margin-top: -.75rem;}
.top-brands .row.brand .action .go-o { padding: 0.25rem .75rem;}
.top-brands .row.brand .action {padding: 0 15px; }
.top-brands .brand .border-r{border: none;}
.top-brands .brand [class*='col-'] > * {text-align: center;}
.top-brands .rec-rating.top-rev-v { margin: 0 auto; left: unset; }
.top-brands .row.brand .border-r{height: unset;}
.top-brands .brand .border-r:nth-child(4){border: none;}
.top-brands .row.brand{ padding: 10px 0 0;}
}
@media screen and (max-width: 991px){
.top-brands .row.brand{ padding: 15px 0 10px;}
}
/* ================== */
/*POP-BUTTON*/
.best-toggle .close-best{text-indent:-9999px;display:none;z-index:10000;}
@media (max-width: 1024px){
.navbar .best-toggle{padding:0;border:none;outline:0;margin-top:0;margin-bottom:0;top:3px;}
.navbar .best-toggle{position:absolute;float:right;background-color:transparent;background-image:none;border:1px solid transparent;}
@media (max-width:768px){
.navbar .best-toggle{
right: 90px;
top: -57px;
}
}
.navbar .best-icon{background:url('/imgs/icons/topbox.svg') no-repeat center center;width:26px;height:40px;animation:buzz 4s 1.3s linear infinite;-webkit-animation:buzz 4s 1.3s linear infinite;display:inline-block;}
[class^=star]{width:35px;height:38px;display:block;position:absolute;top:0;left:-1px;}
[class^=star].star-1{background:url('/imgs/icons/sparkle_1.png');-webkit-animation:star-shine 4s infinite linear;animation:star-shine 4s infinite linear;-webkit-animation-delay:0s;animation-delay:0s;}
.best-toggle i{z-index:10000;}
}
@-webkit-keyframes buzz{3%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg);}6%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg);}9%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg);}12%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg);}15%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}100%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}}
@keyframes buzz{3%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg);}6%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg);}9%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg);}12%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg);}15%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}100%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}}
@-webkit-keyframes star-shine{0%{opacity:0;}15%{opacity:1;}60%, 100%{opacity:0;}}
@keyframes star-shine{0%{opacity:0;}15%{opacity:1;}60%, 100%{opacity:0;}}
@media (min-width: 768px) {
.best-toggle {display: none;}
}
/*-------------------*/
/* Show/Hide Buttons */
div.toggle > #show, div.toggle #hide { line-height: 30px;}
.toggle > p:nth-of-type(1) { margin: 20px 0 0;}
#panel { display: none;}
#show, #hide {
cursor: pointer;
color: #2da507;
margin: 5px 0;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: transparent;
border: none;
text-align: center;
}
@media screen and (min-width: 768px){
#panel { display: block!important;}
#show, #hide{display: none;}
}
@-webkit-keyframes bounce-in-top {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes bounce-in-top {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
#num_1, #num_2, #num_3{
-webkit-animation: bounce-in-top 1.1s alternate both;
animation: bounce-in-top 1.1s alternate both;
}
#num_1{animation-delay: .2s;}
#num_2{animation-delay: .4s;}
#num_3{animation-delay: .6s;}
.err svg{
width: 750px;
max-width: 100%;
margin: 4rem auto;
display: block;
}
.txt-bold{font-weight: 900; text-align: center;}
.err p {text-align: center;}
.err .shine-btn-error{
margin: 1rem auto;
display: table;
position: relative;
}
.err .shine-btn-error a.go-o{
padding: 0.375rem 2.75rem;
background: #132d48; /* Old browsers */
background: -moz-linear-gradient(45deg, #132d48 5%, #4b9cd2 74%, #55b579 88%, #55b579 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #132d48 5%,#4b9cd2 74%,#55b579 88%,#55b579 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #132d48 5%,#4b9cd2 74%,#55b579 88%,#55b579 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#132d48', endColorstr='#55b579',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #f7f7f7;
}
.err .shine-btn-error a.go-o:hover{
color: #fff;
background: #0b9a0b;
}
/* mobile photo frame */
.tablet-frame {
padding: 2% 40px;
border-radius: 30px;
border: .5px solid #E0E0E0;
background-color: #2c2c2c;
box-shadow: inset 0px 0px 0px -4px rgba(255, 255, 255, 0.1), 1px 1px 6px rgba(0, 0, 0, 0.05), 1px 1px 8px rgba(0, 0, 0, 0.07);
filter: drop-shadow(0 10px 5px rgba(0,0,0,.35));
-webkit-filter: drop-shadow(0 10px 5px rgba(0,0,0,.35));
width: 90%;
margin: 1rem auto;
display: block;
}
@media screen and (max-width: 575px){
.top-rev-v .banking li:nth-child(1){
display: block;
margin-bottom: 1rem;
}
.top-rev-v .banking li:not(:first-child){
width: 46%;
text-align: center;
margin-bottom: 0.25rem;
}
.rev-rat-block .col-sm-6:not(:last-child){
margin-bottom: 1rem;
}
}
@media screen and (min-width: 576px) and (max-width: 767px){
.top-rev-v .cta-b {
width: 65%;
margin: 0 auto;
}
.rev-rat-block .col-sm-6:nth-child(-n+4){
margin-bottom: 1rem;
}
}
@media screen and (max-width: 767px){
.top-rev-v .cta{
padding-bottom: 1rem;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.top-rev-v .slider .col-md-4:nth-child(1){
padding-left: 10px;
}
.top-rev-v .slider .col-md-4:nth-child(2) {
padding: 0 5px;
}
.top-rev-v .slider .col-md-4:nth-child(3) {
padding-right:10px;
}
.rev-rat-block .col-md-4:nth-child(-n+3){
margin-bottom: 1rem;
}
}
@media screen and (min-width: 992px) and (max-width: 1024px){
.top-rev-v .banking.stay-right ul{
margin: 1.2rem auto .5rem;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
.top-rev-v .banking {
width: 1200px;
max-width: 100%;
}
.top-rev-v .banking:not(.stay-right) {
left: 50%;
transform: translate(-40%, 15%);
}
}
@media screen and (min-width: 1200px){
.rev-rat-block {
margin-bottom: 10px;
}
.mob-bg{
background: url('/imgs/bg/mobile-img-bg.svg') no-repeat left center;
background-size: 50%;
}
}
/*==============*/
/* mobile review elements ==============*/
.get-app .cta-btn:hover a{
background: #efefef;
color: #343A40;
}
.get-app .no-app{
opacity: .5;
filter: grayscale(1);
-webkit-filter: grayscale(1);
}
@media only screen and (min-width: 1024px){
.get-app{width: 75%;}
}
@media only screen and (min-width: 768px){
.get-app [class*='bg-']{
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
}
}
@media only screen and (max-width: 767px){
.get-app [class*='bg-']{
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
.get-app{width: 75%;}
}
/* ============== */
.classbutton {
width: 200px;
max-width: 100%;
text-align: center;
}
.m-review-button{
max-width: 250px;
margin: 0 auto;
}
.mini-review {
height: auto;
float: inline-start;
}
.mini-review-box p {
text-align: left;
}
@media screen and (max-width: 991px){
.mini-review {
float: none;
margin-bottom: 15px;
}
}