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}
/* colors
#7F8688 - dark gray
#929D9E - light gray
#437b49 - yellow
#343a40 - dark blue
#D34E3D - links & accent
#373A36 - txt
================== */
/* 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: linear-gradient(to bottom, rgba(52, 132, 13, 0.5), rgba(52, 132, 13, 0.5)), url(../../imgs/lines-bg.png) repeat
}
::selection {
color: #333;
background-color: #437b49;
}
::-moz-selection {
color: #333;
background-color: #437b49;
}
#page-article.white{
padding: 10px 20px;
background: #fff;
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 991px) {
#page-article.container {
box-shadow: none;
}
}
.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;
}
h2 {
margin: 2rem 0;
text-align: center;
color: #7F8688;
letter-spacing: 1px;
font-size: 1.188rem;
}
h2::first-letter {
font-size: 25px;
color: #343a40;
border-bottom: 2px solid #437b49;
}
@media only screen and (max-width: 575px){
h2::first-letter {
border-bottom: none;
}
}
h3{
font-size: 18px;
display: inline-block;
color: #7F8688;
margin: 15px auto;
position: relative;
border-bottom: 1px solid #437b49;
}
.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;
}
.modal-backdrop.show {
height: 100%;
opacity: 0.7;
}
.accent-txt{color: #D34E3D;}
.wide-container{
margin-left: -20px;
margin-right: -20px;
}
.bon-off{background: url('/imgs/icons/giftbox.svg') no-repeat; text-indent: -9999px; display: inline-block;}
.bg-dark{color: #fff;}
.bg-accent{background-color: rgba(211, 78, 61, 0.8); color: #fff;}
.light-color{color: #437b49;}
.white-bg{background: #fff;}
.dark-bg{
background: #343a40;
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, #343a40,#343a40);
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);
}
hr.separate{
border: 0;
height: 1px;
background: linear-gradient(to right, rgba(204, 204, 204, 0.35), #343a40, rgba(204, 204, 204, 0.35));
margin-top: 2rem;
}
.football-bg{background: url('/imgs/icons/football.svg') no-repeat; background-size: cover;}
.basket-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; }
.hockey-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; }
.volleyball-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; }
@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: #437b49;
color: #343a40;
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;
}
@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;
}
@-webkit-keyframes shine {
0% {transform:translateY(-100%);}
100% {transform:translateY(100%);}
}
@keyframes shine {
0% {transform:translateY(-100%);}
100% {transform:translateY(100%);}
}
/* ================== */
/* header ================== */
#page-header {
padding: 5px 10px;
position: relative;
background: #f3f3f3;
}
#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 .reg-urad{
width: 30px;
height: 30px;
}
#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;
}
#page-header .inline-list.regs li.uk-reg{
background: url('/imgs/regulation/ukraine-reg.svg') no-repeat center center;
background-size: 25px 30px;
display: inline-block;
width: 35px;
height: 30px;
}
#page-header .inline-list.regs li.ru-reg{
background: url('/imgs/regulation/romania.svg') no-repeat center center;
background-size: 25px 30px;
display: inline-block;
width: 35px;
height: 30px;
}
#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 li.curacao{
background: url(/imgs/regulation/curacao-egaming.svg) no-repeat center center;
background-size: 30px 30px;
display: inline-block;
width: 30px;
height: 30px;
background-color: #fff;
}
#page-header .inline-list.regs:before{
content: 'VERIFICAT CU';
position: absolute;
left: 14px;
top: -8px;
padding: 1px 10px;
background: #000;
border-radius: 3px;
color: #fff;
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);
}
}
/* ============== */
/* ================== */
/* TOC ================== */
.navbar-collapse .goto::before {
content: 'Conţinut';
position: absolute;
background: #437b49;
color: #343a40;
font-weight: bold;
font-size: 15px;
line-height: 1.2;
}
@media screen and (max-width:991px) {
#goto{
position: absolute;
width: 100%;
background: #343a40;
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(243, 227, 103, 0.5);
padding-left: 1.25rem;
}
#goto li a{
color: #fff !important;
font-weight: 500;
transition: all 200ms linear;
position: relative;
padding: 5px 0 !important;
display: block;
}
#goto li a:before{
content: '\f0da';
position: absolute;
top: 11px;
left: -12px;
font: 900 14px 'Font Awesome 5 Free';
color: #437b49;
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: #D34E3D;
}
.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: 74px;}
}
@media screen and (max-width: 575px) {
#goto{top: 58px;}
}
@media screen and (min-width:992px) {
.goto-toggle {
display: none;
}
.navbar-collapse .goto::before {
left: 10px;
top: -15px;
padding: 3px 8px;
background: #000;
color:#fff;
border-radius: 2px;
}
.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: #343A44;
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, rgb(121, 240, 172),rgb(22, 114, 30))
}
.navbar-collapse .goto li a:hover,
.navbar-collapse .goto li:hover a{
color: #343A44;
text-decoration: none;
}
.navbar-collapse .goto 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;
position: relative;
}
.goto a{
color: #343A44;
}
.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 #437b49;
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: #437b49;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
}
.navbar-collapse .goto li a:hover:before, .navbar-collapse .goto li:hover a:before{
border-color: transparent transparent transparent #fff;
}
.navbar-collapse .goto a {
text-align: center;
font-weight: 600;
display: block;
}
.goto li a:before{
content:"";
background: none;
border-bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent transparent transparent #437b49;
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;
}
.goto.sm li{
width: 32.4%;
}
}
@media screen and (min-width:992px) and (max-width: 1023px) {
.goto.lg li{
width: 48.3%;
}
}
@media screen and (min-width:1024px) {
.goto.lg li{
width: 24.4%;
}
}
/* ============== */
/* sports single icons ================== */
.container-full {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
overflow: hidden;
}
.nav-sports {
width: 20px;
height: 20px;
display: inline-block;
}
.nav-sports[class*='icon-']{
border-radius: 3px;
position: relative;
top: 5px;
background-size: 15px 15px;
background-repeat: no-repeat;
background-position: center center;
}
.nav-sports.icon-football {
background-image: url('/imgs/icons/football.svg');
background-color: #70C7BE;
}
.nav-sports.icon-basketball {
background-image: url('/imgs/icons/basketball.svg');
background-color: #8BC34A;;
}
.nav-sports.icon-tennis {
background-image: url('/imgs/icons/tennis.svg');
background-color: #FF5722;
}
/* ================== */
/* 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');
}
.nav-payments.icon-skrill {
background-image: url('/imgs/payments/skrill-small.svg');
}
/* ================== */
/* tooltip ================== */
.tooltip.show {
opacity: 1;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #343a40;
text-align: center;
background-color: #437b49;
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: #437b49;
}
.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: #437b49;
}
.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: #437b49;
}
.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: #437b49;
}
/* ================== */
/* 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: 1rem;
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{
margin: 20px auto;
border-bottom: 3px solid #343a40;
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(146, 157, 158, 0.2);
}
table tr{
border-style: solid;
border-width: 0 3px 0 3px;
border-color: #343a40;
}
.table th {
padding: .25rem;
}
.table td {
padding: 1rem .25rem;
}
table thead tr{
border-top: 3px solid #343a40;
}
table tbody td{
text-align: center;
}
table tbody td:not(.terms):nth-child(1){
border-right: 1px solid #929D9E;
}
table tbody td:not(.terms):last-child{
border-left: 1px solid #929D9E;
}
table .go-o{
display: block;
width: 70%;
margin: 0 auto 15px;
padding: 5px 0;
}
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: #343a40;
}
table thead {
background: #343a40;
}
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: #d2d5d7;
border-radius: 50%;
color: #fff;
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: #D34E3D;
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: #D34E3D;}
.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: #D34E3D;}
.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 .leagues{
width: 40px;
height: 40px;
background-size: 35px 35px;
background-position: center center;
}
.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 ul.arrows li:before{
left: 0;
}
.table.profile th{color: #000;
}
.table.profile thead th{
color: #fff;
}
@media only screen and (max-width:575px){
.table{box-shadow: none; border-bottom: none; }
.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 #343a40; border-top: 2px solid #343a40;}
.table tbody td:nth-child(2){border-top: 3px solid #343a40;}
.table tbody td { border-right: none;}
.table td:nth-child(2){background: #343a40;}
.table td:nth-child(3){border-bottom: 2px solid #343a40;}
.table.main td:nth-child(4), table.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 #343a40; }
.table.sport .rec-rating{margin: 0 auto;}
.table.sport td:nth-child(4){width: 100%;}
}
@media only screen and (min-width:576px){
.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 #343a40;}
}
@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-child{
width: 35%;
}
}
@media only screen and (min-width:600px){
.table.main tbody td:last-child{
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{
width: 10rem;
}
}
@media only screen and (min-width: 768px){
.table.sport td {
padding: 0 .25rem;
}
}
@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;
}
}
/* ============== */
/* mobile review elements ==============*/
.get-app .cta-btn:hover a{
background: #efefef;
color: #343A40;
}
@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%;}
}
/* review element ==============*/
.top-rev-v{
box-shadow: 0 0 4px #d2d5d7;
margin: 20px auto 10px;
border-radius: 4px;
padding: 10px 0;
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: .8;
}
.top-rev-v .slider a{
position: relative;
background: black;
border-radius: 5px;
display: block;
width: 100%;
height: 100%;
background: black;
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 .cta-b{
width: 13rem;
margin: 0 auto;
}
.top-rev-v .cta-b a{
background: #437b49;
color: #fff;
padding: 5px 0;
display: block;
text-align: center;
}
.top-rev-v .cta-b span{
position: relative;
left: 8px;
}
.top-rev-v .cta-b:hover a{
background: #343a40;
color: #437b49;
}
.top-rev-v .bon-on{
text-align: center;
margin: 35px 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: #D34E3D;
}
.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";
}
.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: #D34E3D;
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-urad{
transform: scale(1.5);
position: relative;
left: 15px;
}
.top-rev-v .regs .title{
color: #343a40;
text-align: center;
font: bold 15px 'Nunito', sans-serif;
margin: 10px auto;
}
.top-rev-v .banking ul{
margin: 1.5rem auto;
}
.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: 20px;
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;
}
}
@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: 1199px){
.top-rev-v .banking {
width: 1200px;
max-width: 100%;
left: 50%;
transform: translate(-40%, 15%);
}
}
@media screen and (min-width: 1200px){
.rev-rat-block {
margin-bottom: 10px;
}
}
/*==============*/
/* 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: #437b49;
text-shadow: none;
opacity: 1;
outline: 0;
}
#imgGallery .carousel-indicators {
bottom: -45px;
}
#imgGallery .carousel-indicators li{
background-color: #437b49;
}
#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: #437b49;
}
/* =============*/
/* 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: 22px;
color: #fff;
margin: 0 0 8px;
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);
}
.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: #343A40;
}
.team-box .go-o:hover {
background: #f8f8f8;
color: #343A40;
}
/* =============*/
/* 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;
}
/* 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-1xbet{background: #195685; }
.bg-unibet{ background: #147b45; }
.bg-sportingbet{background: #21a9ef; }
.bg-bwin{background: #000; }
.bg-tipsport{background: #1e88e5; }
.bg-fortuna{background: #ffd906;}
.bg-nike{background: #53575c; }
.bg-doxxbet{background: #323840; }
.bg-synottip{background: #d6112c; }
.bg-22bet{background: #052e32; }
.bg-melbet{background: #363c3f; }
.bg-victory-tip{background: #d1d1d1; overflow: hidden;}
.bg-parimatch{background: #000; }
.bg-superbet{background: #e42313; }
.bg-888sport{background: #fc6200; }
.bg-betano{background: #ff6600; }
.bg-betfair{background: #ffb80c; }
.bg-getsbet{background: #e5e5e5; }
.bg-netbet{background: #333743; }
.bg-winner{background: #001d8a; }
.bg-stanleybet{background: #a80014; }
.bg-winbet{background: #000; }
.bg-maxbet{background:#1d1d21;}
.bg-casino888{background:#000;}
.bg-888{background:#000;}
.bg-mozzartbet{background:#020204;}
.bg-senatorbet{background:#000;}
.bg-mrbit{background:#010c26;}
.bg-frank{background:#2b3344;}
.bg-admiral{background:#002454;}
.bg-casapariurilor{background:#d2252a;}
.bg-winmasters{background:#fff;}
[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-parimatch{background: url('/imgs/brands/parimatch.svg');}
.logo-1xbet{background: url('/imgs/brands/1xbet.svg'); }
.logo-unibet{background: url('/imgs/brands/unibet.svg'); }
.logo-sportingbet{background: url('/imgs/brands/sportingbet.svg'); }
.logo-bwin{background: url('/imgs/brands/bwin.svg'); }
.logo-tipsport{background: url('/imgs/brands/tipsport.svg'); }
.logo-ifortuna{background: url('/imgs/brands/fortuna.svg'); }
.logo-nike{background: url('/imgs/brands/nike.svg'); }
.logo-doxxbet{background: url('/imgs/brands/doxxbet.svg'); }
.logo-22bet{background: url('/imgs/brands/22bet.svg'); }
.logo-melbet{background: url('/imgs/brands/melbet.svg'); }
.logo-synottip{background: url('/imgs/brands/synottip.svg'); }
.logo-victory-tip{background: url('/imgs/brands/victory-tip.svg'); transform: scale(1.5); }
.logo-superbet{background: url('/imgs/brands/superbet.svg'); }
.logo-888sport{background: url('/imgs/brands/888.svg'); }
.logo-casino888{background: url('/imgs/brands/888-casino.svg'); }
.logo-betano{background: url('/imgs/brands/betano.svg'); }
.logo-betfair{background: url('/imgs/brands/betfair.svg'); }
.logo-fortuna{background: url('/imgs/brands/fortuna.svg'); }
.logo-getsbet{background: url('/imgs/brands/getsbet.svg'); }
.logo-netbet{background: url('/imgs/brands/netbet.svg'); }
.logo-winner{background: url('/imgs/brands/winner.png'); }
.logo-stanleybet{background: url('/imgs/brands/stanleybet.svg'); }
.logo-winbet{background: url('/imgs/brands/winbet.svg'); }
.logo-maxbet{background: url('/imgs/brands/maxbet.svg'); }
.logo-888{background: url('/imgs/brands/888-casino.svg'); }
.logo-mozzartbet{background: url('/imgs/brands/mozzart.svg'); }
.logo-senatorbet{background: url('/imgs/brands/senatorbet.png'); }
.logo-mrbit{background: url('/imgs/brands/mrbit.svg'); }
.logo-frank{background: url('/imgs/brands/frank-casino.svg'); }
.logo-admiral{background: url('/imgs/brands/admiral.svg'); }
.logo-casapariurilor{background: url('/imgs/brands/casapariurilor.svg'); }
.logo-winmasters{background: url('/imgs/brands/winmasters.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;
}
/* ================== */
/* 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.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-playngo{background: url('/imgs/software/play-n-go-icon.svg');}
.soft-egt{background: url('/imgs/software/egt-logo.svg');}
.soft-synot{background: url('/imgs/software/synot.svg');}
.provider[class*="soft-"] {
display: block;
text-indent: -9999px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: 45px;
height: 30px;
}
/* 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%;
}
.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-diners-club{background: url('/imgs/payments/diners-st.svg'); transform: scale(1.2);}
.pay-kyivstar{background: url('/imgs/payments/kyivstar.svg');}
.pay-mst{background: url('/imgs/payments/mst.svg');}
.pay-cash{background: url('/imgs/payments/cash.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-egba{background: url('/imgs/regulation/egba.svg');}
.reg-essa{background: url('/imgs/regulation/essa.svg');}
.reg-urad{background: url('/imgs/regulation/sk-urad.svg');}
.reg-mga{background: url('/imgs/regulation/mga.svg');}
.reg-mga-small{background: url('/imgs/regulation/mga-small.svg');}
.reg-ibas{background: url('/imgs/regulation/ibas.svg');}
.reg-age{background: url('/imgs/regulation/age.svg'); transform: scale(1.2);}
.reg-curacao{background: url('/imgs/regulation/curacao-egaming.svg');}
.reg-ua-reg{background: url('/imgs/regulation/ukraine-reg.svg');}
.reg-onjn{background: url('/imgs/regulation/onjn.png');}
/*================== */
/* 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.basketball { background-position: 0 -50px; }
.sports.boxing { background-position: 0 -100px; }
.sports.esports { background-position: 0 -150px; }
.sports.football { background-position: 0 -200px; }
.sports.golf { background-position: 0 -250px; }
.sports.hockey { 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.volleyball { background-position: 0 -550px; }
/*================== */
/* sports leagues ================== */
.leagues {
width: 50px;
height: 50px;
display: inline-block;
text-indent: -9999px;
}
.leagues.atp {
background: url('/imgs/championships/atp.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.champions-league {
background: url('/imgs/championships/champions-league.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.premier-league {
background: url('/imgs/championships/premier-league.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.la-liga {
background: url('/imgs/championships/la-liga.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.ligue-1 {
background: url('/imgs/championships/ligue-1.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.serie-a {
background: url('/imgs/championships/serie-a.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.copa-del-rey {
background: url('/imgs/championships/copa-del-rey.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.fortuna-liga {
background: url('/imgs/championships/fortuna-liga.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.euro-2020 {
background: url('/imgs/championships/euro2020.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.bundesliga {
background: url('/imgs/championships/bundesliga.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.fa-cup {
background: url('/imgs/championships/fa-cup.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.motogp {
background: url('/imgs/championships/motogp.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.formula1 {
background: url('/imgs/championships/formula1.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.nba {
background: url('/imgs/championships/nba.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.wta {
background: url('/imgs/championships/wta.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.usopen {
background: url('/imgs/championships/usopen.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.euroleague-basket {
background: url('/imgs/championships/euroleague-basket.svg') no-repeat;
background-size: 50px 50px;
}
.leagues.bbl {background: url('/imgs/championships/bbl.png') no-repeat;}
.leagues.lega-basket {background: url('/imgs/championships/lega-basket.png') no-repeat;}
.leagues.liga-endesa {background: url('/imgs/championships/liga-endesa.png') no-repeat;}
.leagues.sbl {background: url('/imgs/championships/sbl.png') no-repeat;}
.leagues.roland-garros {background: url('/imgs/championships/roland-garros.svg') no-repeat;}
.leagues.wimbledon{background: url('/imgs/championships/wimbledon.svg') no-repeat;}
/*================== */
/* buttons / links ================== */
a{color: #D34E3D;}
a.go-i.light-color:hover{color: #fff !important;}
a.go-i.light-color:hover:after{background-color: #fff !important;}
.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);
font-weight: bold;
text-decoration: none;
}
.go-o{
background: #437b49;
color: #fff;
}
.go-o:hover{
color: #437b49;
background: #343a40;
}
.go-i, #page-article p > a, #site-about > li a{
position: relative;
transition: all 200ms linear;
}
.solo.cta-btn{
width: fit-content;
display: table;
}
.go-o.txt-small{
font-size: 13px
}
.cta-btn{
margin: 15px auto;
text-align: center;
}
.cta-btn a{
background: #437b49;
padding: 5px 10px;
display: block;
margin: 0 auto;
color: #fff;
}
.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: #D34E3D;
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: #D34E3D;
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: #D34E3D;
}
span.go-i:after{
background-color: transparent;
}
.back-top {
opacity: 0;
padding: 0 15px;
border-radius: 3px;
background: #ff9d02;
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: 10px;
z-index: 10;
position: fixed;
}
.back-top:hover {
cursor: pointer;
transform: translateY(-3px);
-webkit-transform: translateY(-3px);
-o-transform: translateY(-3px);
background: #929D9E;
box-shadow: -1px 1px 2px 0 #343a40;
-webkit-box-shadow: -1px 1px 2px 0 #343a40;
-o-box-shadow: -1px 1px 2px 0 #343a40;
}
.back-top:hover:before {
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%);
}
.back-top::before {
content: '';
position: absolute;
top: 11px;
left: 12px;
width: 16px;
height: 16px;
background: url('/imgs/icons/arrow.svg') no-repeat;
filter: invert(16%) sepia(6%) saturate(1430%) hue-rotate(169deg) brightness(92%) contrast(79%);
-webkit-filter: invert(16%) sepia(6%) saturate(1430%) hue-rotate(169deg) brightness(92%) contrast(79%);
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
opacity: 0;
}
.back-top.fixed::before {
opacity: 1;
}
.shine-btn {
position: relative;
overflow: hidden;
}
.shine-btn:before {
content: '';
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: 45px;
z-index: 1;
background: rgba(255,255,255,0.5);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
background: -moz-linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
background: -o-linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-animation: shine 1.5s infinite;
animation: shine 1.5s infinite;
}
/*================== */
/* steps/ol list element ================== */
.steps.bg-dark{
color: #fff;
padding: 1rem 3rem;
}
.steps dt,
.steps dd{
padding: 0 1rem ;
}
.steps dd p{
padding: 0;
}
.steps.bg-dark .text-muted{
color: rgba(255, 255, 255, 0.7)!important;
}
@media only screen and (max-width: 575px){
.steps{
margin-left: -15px;
margin-right: -15px;
}
}
@media only screen and (min-width: 576px){
.steps{
margin-left: -20px;
margin-right: -20px;
}
}
/*================== */
/* unordered lists ================== */
ul{
list-style: none;
}
ul.general li, ul.arrows li{
position: relative;
padding-left: 5px;
font-size: 15px;
}
ul.general, ul.arrows{
display: inline-block;
}
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{
position: relative;
top: 3px;
left: 0px;
width: 25px;
height: 25px;
background: url('/imgs/icons/sp-bullet.svg') no-repeat;
}
ul.arrows li:before{
width: 10px;
height: 10px;
top: -2px;
left: -10px;
background: url('/imgs/icons/arrow.svg') no-repeat;
position: relative;
}
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: -3px;
}
ul.general li{
font: 400 15px 'Montserrat', sans-serif;
padding-bottom:10px;
}
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 ================== */
.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: 991px){
.payments .list-group-item {
border-bottom: 2px solid #343a40;
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;
margin-bottom: 15px;
}
.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: #3c4248;
}
.brands-list .company.parimatch {
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.parimatch:before {background-image: url('/imgs/brands/parimatch.svg'); background-position: 95% 0; background-size: 140px 30px;}
.brands-list .company.lg-1xbet {background: linear-gradient(to right, rgba(30, 136, 229, 0.3), rgba(30, 136, 229, 0.9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-1xbet:before {background-image: url('/imgs/brands/1xbet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-betcity {background: linear-gradient(to right, rgba(52, 114, 161, 0.3), rgba(52, 114, 161, 0.9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-betcity:before {background-image: url('/imgs/brands/betcity.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-favbet {background: linear-gradient(to right, rgba(19, 79, 152, 0.3), rgba(19, 79, 152, 0.9)), url(../../imgs/sp-patt.jpg) repeat-x;}
.brands-list .company.lg-favbet:before {background-image: url('/imgs/brands/favbet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-fonbet {background: linear-gradient(to right, rgb(212, 42, 40, 0.3), rgb(212, 42, 40, 0.9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-fonbet:before {background-image: url('/imgs/brands/fonbet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-fansport {background: linear-gradient(to right, rgba(255, 255, 255, .3), rgba(255, 255, 255, .9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-fansport:before {background-image: url('/imgs/brands/fansport.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-melbet {background: linear-gradient(to right, rgba(54, 60, 63, .3), rgba(54, 60, 63, .9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-melbet:before {background-image: url('/imgs/brands/melbet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-betfair {background: linear-gradient(to right, rgba(255, 184, 12, .3), rgba(255, 184, 12, .9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-betfair:before {background-image: url('/imgs/brands/betfair.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-marathonbet {background: linear-gradient(to right, rgba(1, 61, 121, .3), rgba(1, 61, 121, .9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-marathonbet:before {background-image: url('/imgs/brands/marathonbet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-bet365 {background: linear-gradient(to right, rgba(20, 128, 94, .3), rgba(20, 128, 94, .9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-bet365:before {background-image: url('/imgs/brands/bet365.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-superbet {background: linear-gradient(to right, rgba(228, 35, 19, .3), rgba(228, 35, 19, .9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-superbet:before {background-image: url('/imgs/brands/superbet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-fortuna {background: linear-gradient(to right, rgba(225, 217, 6, .3), rgba(225, 217, 6, .9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-fortuna:before {background-image: url('/imgs/brands/fortuna.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-unibet {background: linear-gradient(to right, rgba(20, 128, 94, .3), rgba(20, 128, 94, .9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-unibet:before {background-image: url('/imgs/brands/unibet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-casino888 {background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, .9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-casino888:before {background-image: url('/imgs/brands/888-casino.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-888sport {background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, .9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-888sport:before {background-image: url('/imgs/brands/888.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-betano {background: linear-gradient(to right, rgba(255, 102, 0, .3), rgba(255, 102, 0, .9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-betano:before {background-image: url('/imgs/brands/betano.svg'); background-position: 95% 0; background-size: 166px 62px; top: 7px;}
.brands-list .company.lg-getsbet {background: linear-gradient(to right, rgba(229, 229, 229, .3), rgba(229, 229, 229, .9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-getsbet:before {background-image: url('/imgs/brands/getsbet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-netbet {background: linear-gradient(to right, rgba(51, 55, 67, .3), rgba(51, 55, 67, .9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-netbet:before {background-image: url('/imgs/brands/netbet.svg'); background-position: 95% 0; background-size: 185px 30px;}
.brands-list .company.lg-maxbet {background: linear-gradient(to right, rgba(29, 29, 33, .3), rgba(29, 29, 33, .9)), url('/imgs/sp-patt.jpg') repeat-x;}
.brands-list .company.lg-maxbet:before {background-image: url('/imgs/brands/maxbet.svg'); background-position: 95% 0; background-size: 185px 30px;}
@media only screen and (max-width: 450px){
.brands-list .company:before {
background-size: 100px!important;
}
}
.card-content .cta-btn:hover{cursor: pointer;}
.card-content .cta-btn a{color: #fff; text-decoration: none;}
.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-synottip:hover{background: #fff; border: 1px solid #d6112c;}
.card-content .cta-btn.bg-synottip:hover a{ color: #d6112c;}
.card-content .cta-btn.bg-doxxbet:hover{background: #fff; border: 1px solid rgb(50, 56, 64);}
.card-content .cta-btn.bg-doxxbet:hover a{ color: rgb(50, 56, 64);}
.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: #D34E3D;}
.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;}
}
/*================== */
/* bonus bar ================== */
.floating-offer{
position: relative;
display:none;
}
.floating-offer .close-btn{
width: 30px;
height: 30px;
display: inline-block;
font-size: 18px;
color: #437b49;
position: relative;
top: 3px;
right: -30px;
}
.offer-container{
display: none;
background: #7F8688;
bottom: 0;
max-width: 100%;
width: 1200px;
z-index: 10;
left: 50%;
transform: translate(-50%);
-webkit-transform: translate(-50%);
-o-transform: translate(-50%);
-moz-transform: translate(-50%);
border-top: 4px solid #437b49;
}
.offer-container .links{
margin: 10px 0;
}
.offer-container [class*="bg-"]{
margin: 6px 10px 0 25px;
padding: 5px;
width: 100px;
height: 40px;
border-radius: 3px;
}
.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: #343a40;
}
.offer-container .go-o:hover .bon-on{
color: #437b49;
}
.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:#fac917;
}
.offer-container .links{
text-align: center;
}
.offer-container .links .go-o{
font-size: 18px;
position: relative;
padding: 6px 10px 6px 40px;
color: #fff;
}
.offer-container .go-o span.fa-angle-double-right{font: bold 18px 'Nunito', sans-serif;}
.offer-container .go-o span.fa-angle-double-right:before {font-family: 'Font Awesome 5 Free';}
.offer-container .links .go-o:hover{
color: #437b49;
box-shadow: 0px 2px 3px 0 #929D9E;
}
.offer-container .links .go-o i{
position: absolute;
left: 0;
border-right: 2px solid #343a40;
height: 100%;
padding: 7px 7px 0;
background: #343a40;
border-radius: 4px 0 0 4px;
transition: all 0.2s ease-in-out;
color: #f8f8f8;
}
.offer-container .links .go-o:hover i{
background: #f8f8f8;
color: #343a40;
}
.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: #437b49;
}
.zoom-btn-box {
position:fixed;
display:none;
margin:0 auto;
padding: 15px;
right: -5px;
bottom: 50px;
}
.zoom-btn {
position:relative;
display:block;
background: #437b49;
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: #343a40;
background: #437b49;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
font-size: 18px;
}
.zoomies:hover {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}
@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;}
.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;
width: 157px;
margin-right: 20px;
}
.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 #437b49;
color: #343A40;
overflow: hidden;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.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;
}
/*================== */
/*sports list ================== */
.sports-list li{
width: 100%;
background-color: #343a40;
color: #f7f7f7;
padding: 0;
border: none;
}
.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 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;}
@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;
z-index: 1;
}
.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;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.details-info .list-group-item span{
color: #55ca61;
}
.details-info .cta-btn:hover a{
background: #efefef;
color: #343A40;
}
.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 #343a40;
}
/*================== */
/*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 #343a40;
}
.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: "Recenzia";
position: absolute;
right: -7px;
bottom: -7px;
color: #343a40;
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: #FFEB3B;
border-radius: 3px;
transition: all 0.3s ease-in-out 0s;
}
.more-reviews .card{background-color: #343a40;}
.more-reviews .card:hover .company-140{opacity: 0.7;}
.more-reviews .card:hover a:after{ color: #FFEB3B; background: #343a40;}
.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: #343a40;
box-shadow: 0 0 5px #fff;
padding: 10px!important;
min-width: 18.5rem;
width: auto;
max-height: 20em;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
#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: #343a40;
}
.lang .dropdown-menu a span{color: #fff; text-transform: capitalize;}
.lang .dropdown-menu a:hover span{color: #437b49;}
.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;
}
.sk{background: url('/imgs/flags/slovakia.svg') no-repeat;}
.en{background: url('/imgs/flags/united-kingdom.svg') no-repeat;}
.hr-hr{background: url('/imgs/flags/croatia.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;}
.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;}
.ru-ua{background: url('/imgs/flags/ukraine.svg') no-repeat;}
.es-co{background: url('/imgs/flags/colombia.svg') no-repeat;}
.en-in{background: url('/imgs/flags/india.svg') no-repeat;}
.ro{background: url('/imgs/flags/romania.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;}
.lt {background: url(/imgs/flags/lithuania.svg) no-repeat;}
.bs-ba {background: url(/imgs/flags/bosnia.svg) no-repeat;}
.lv {background: url(/imgs/flags/latvia.svg) no-repeat;}
.et {background: url(/imgs/flags/estonia.svg) no-repeat;}
.th {background: url('/imgs/flags/thailand.svg') no-repeat;}
.sq-al{background: url('/imgs/flags/albania.svg') no-repeat;}
.fr-tn{background: url('/imgs/flags/tunisia-flag.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;}
.ru-kz{background: url('/imgs/flags/kazakhstan.svg') no-repeat;}
.az{background: url('/imgs/flags/azerbaijan.svg') no-repeat;}
.vi-vn {background: url('/imgs/flags/vietnam.svg');}
.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: 384px){}
#site-about .lang .dropdown-menu.lg {
transform: translate3d(-175px, -275px, 0)!important;
-webkit-transform: translate3d(-175px, -275px, 0)!important;
}
@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{color: #343a40;}
.top3 .go-o:hover{background: #efefef;}
.top3 .terms{font-size: 10px;}
.boxbg-1{
background: url('/imgs/card-football-bg.jpg') no-repeat;
position: relative;
}
.boxbg-2{
background: url('/imgs/card-tennis-bg.jpg') no-repeat;
position: relative;
}
.boxbg-3{
background: url('/imgs/card-basketball-bg.jpg') no-repeat;
position: relative;
}
.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;}
@media only screen and (max-width: 767px){
.top3{width: 380px;max-width: 100%;}
}
@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;}
}
@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%;}
}
@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);
}
}
@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:#343a40;
font-size:14px;
font-weight: bolder;
text-transform:uppercase;
margin-bottom:15px;
padding:15px 50px;
border-bottom:1px solid #437b49;
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:#D34E3D;
}
#faq .btn-link.collapsed{
color:#7F8688;
border-bottom:1px solid #929D9E;
margin: 0;
}
#faq .btn-link i{
color:#D34E3D;
position: absolute;
top: 18px;
left: 25px;
font-size: 20px;
}
#faq .btn-link.collapsed i{
color:#D34E3D;
}
#faq .btn-link:before,
#faq .btn-link.collapsed:before{
content:"";
position: absolute;
bottom:-15px;
left:36px;
border:7px solid transparent;
border-top:7px solid #437b49;
}
#faq .btn-link.collapsed:before{
content:"";
border: 0px none;
}
#faq .btn-link.collapsed:hover{
color:#D34E3D;
}
#faq .btn-link:after,
#faq .btn-link.collapsed:after{
content: "\f106";
font-family: 'Font Awesome 5 Free';
color: #D34E3D;
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 */
/*================== */
/* 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: #333333;
}
#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 #999;
background-color: #fff;
color: #333;
}
#contact input.submit {
cursor: pointer;
background: #343a40;
border: none;
color: #437b49;
text-align: center;
float:right;
margin-right: 13px;
outline: 0;
border-radius: 4px;
font-weight: bold;
padding: .5rem;
}
#contact input.submit:hover {
background: #437b49;
color: #343a40;
}
#contact input[type="submit"][disabled] {
background: #437b49;
}
#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: #D34E3D;
}
#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;
}
#contact #success_page h1 {
background: url('../../imgs/contact-assets/success.gif') left no-repeat;
padding-left: 22px;
}
@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;
float: none;
}
.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;
float: right;
margin-right: 13px;
}
#contact input.submit {
width: 20%;
}
}
@media only screen and (min-width:768px) and (max-width:1199px){
#contact{width: 80%;}
}
@media only screen and (min-width:1200px){
#contact{width: 60%;}
}
/*================== */
/* glossary ================== */
#glossary{
font-weight: bold;
font-family: 'Montserrat', sans-serif;
}
#alphabet #glossaryNavList {
max-width: 100%;}
#alphabet .nav-item {
text-align: center;
margin-right: 1rem;}
#alphabet .nav-item:after {
background-color: transparent ;}
#glossaryNavList .nav-pills .nav-item {
width: 38px;}
#glossaryNavList .nav-pills .nav-link.active, .nav-pills .show>.nav-link.disabled {
background-color: #c2c2c2;
}
#alphabet.fixed{
z-index: 200;
background: #343a40;}
#glossaryNavList .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
background: #437b49;
display: block;
}
#alphabet .nav-link {
font-size: 1rem ;}
#alphabet:not(.fixed) .nav-link {
color: #373A36!important;}
#alphabet.fixed .nav-link.disabled{
color: #989898!important;}
#alphabet.fixed .nav-link {
padding: 0 0.3em!important;
color: #fff!important;
z-index: 200;
}
#alphabet.fixed .nav-link:hover {
background: #437b49;
color: #373A36!important;}
#glossaryNavList ul.nav-pills a.disabled {
cursor: default; }
#glossarySearch.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #437b49;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(238, 215, 39, .5);
}
#glossary .list li:nth-child(even) {
background: #fff;
padding: 15px 5px; }
#glossary .list li:nth-child(odd) {
background: #edeeee;
padding: 15px 5px; }
#glossary .list li {
font-weight: normal; }
#glossary .list li .term {
display: block;
font-weight: bold; }
#glossary .list li .term {
display: block;
font-weight: bold; }
#glossary .list li .term a:hover,
#glossary .list li .meaning a:hover{
color: #D34E3D;
}
#glossary .list li .meaning {
display: block; }
#glossary .list .list-heading {
background: #fff !important;
border-bottom: 1px solid #edeeee;
display: block;
font-weight: bold;
margin: 5px 0;
padding: 5px; }
#glossary .list .list-heading {
display: block;
font-size: 0.875em; }
#glossary .list .list-heading:first-child span {
display: none; }
#glossary .list .list-heading .anchor {
display: block;
position: relative;
visibility: hidden; }
@media (max-width: 1199px){
#glossaryNavList .nav-link:before {
content:'';
}
}
@media (max-width: 767px){
#glossaryNavList .nav-link:before {
content:'';
}
}
/* footer ================== */
#page-footer .container{padding: 0;}
#page-footer p{text-align: left;}
#page-footer .disclaimer {
padding: 10px;
background: #343a40;
color: #929D9E;
font-size:14px;
}
#page-footer .go-info.white{
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);
}
#page-footer .disclaimer img {
display: block;
margin: 0px 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: #343a40;
border-top: 2px solid #343a40;
border-bottom: 2px solid #343a40;
}
#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-reddit {background: #FF4500;}
#page-footer .icons i.ico-myspace {
background-color: #000;
background-image: url(/imgs/myspace.png);
width: 35px;
height: 33px;
background-size: 35px 33px;
display: inline-block;
top: 10px;
position: relative;
}
#page-footer .icons i.fa-youtube {background: #ff0000;}
#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 .gt {
background: url('/imgs/regulation/gt.svg') center center no-repeat;
background-size: 38px 24px;
width: 100%;
height: 100%;
padding: .59rem 1.1rem .49rem;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
background-color: transparent;
background-color: #fff;
}
#page-footer .lechenie {
background: url('/imgs/regulation/lechenie-igromanii.jpg') center center no-repeat;
background-size: 35px 35px;
width: 35px;
height: 35px;
padding: .59rem 1.1rem .49rem;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
background-color: transparent;
background-color: #fff;
}
#page-footer .dependenta {
background: url('/imgs/regulation/dependenta.png') center center no-repeat;
background-size: 35px 35px;
width: 35px;
height: 35px;
padding: .59rem 1.1rem .49rem;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
background-color: transparent;
background-color: #fff;
}
#page-footer .disclaimer .dmca-badge img{
display: inline-block;
vertical-align: middle;
}
#page-footer .gt:hover{
background: url('/imgs/regulation/gt-white.svg') center center no-repeat ;
background-color: #7c4299;
background-size: 38px 24px;
}
#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: #DCAE1D;
}
@media screen and (max-width: 359px) {
#page-footer .icons{width:100%; 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;}
#page-footer .gt , #page-footer .truste {
padding: .688rem 1.1rem;
position: relative;
top: -3px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
#site-about > li:not(:last-child)::after {margin-left: 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;}
}
.breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0.25rem 1rem;
font-size: 12px;
margin-bottom: 0rem;
list-style: none;
background-color: #e1e1e1;
border-radius: 0rem;
}
@media only screen and (max-width: 1199px){
.container.brcrmb {
max-width: 100%;
}
}
/* ================== */
/*POP-BUTTON*/
.best-toggle .close-best{background:url('/imgs/close.svg') no-repeat;width:30px;height:30px;position:absolute;top:0;right:0;text-indent:-9999px;display:none;z-index:10000;}
.best-toggle .close-best{top:10px;}
@media screen and (min-width: 768px){
.best-toggle{display:none!important;}
}
@media (max-width: 767px){
.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;}
.navbar .best-toggle{
right: 100px;
top: -56px;
}
.navbar .best-icon{background:url('/imgs/icons/giftbox_1.svg') no-repeat center center;width:31px;height:47px;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;}}
/*-------------------*/
/*HOME BUTTON TO TABLE*/
.tab-cta{
border-radius: 5px;
padding-top: 20px;
margin-bottom: 30px;
position: relative;
}
.tab-cta .heading{
text-align: center;
color: #fff;
top: unset;
}
.tab-cta a{display: block; width: 100%;}
.tab-cta a:hover{ text-decoration: unset; }
.tab-cta .arrow {
color: #5e8837;
text-align: center;
position: absolute;
bottom: -28px;
margin:auto;
left: 0;
right: 0;
}
/*-------------------*/
/*SHOW HODE TEXT*/
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: #ffa820;
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;}
}
/*-------------------*/
/* new top3 brands popups */
.modal.show.top-brands .modal-dialog{ max-width: 700px;}
.top-brands .modal-header{position: relative; border: none;}
.top-brands .modal-content{background-color: transparent; border: none;}
.top-brands .modal-header .close{
position: absolute;
right: 0;
top: 0;
color: #ffa820;
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: #343a40;}
.top-brands .row.brand:not(:last-child) {margin-bottom: 7px;}
.top-brands .rank {
position: absolute;
z-index: 20;
top: -24px;
left: -14px;
background: #343a40;
border-radius: 50%;
width: 27px;
height: 27px;
padding: 5px 8px;
font: italic 1rem 'Nunito', sans-serif;
color: #fff;
}
.top-brands .rank.first { background: #ffa820; 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: #ffa820;
color: #343a40;
}
.top-brands .row.brand .action .go-o:hover{
background: #f8f8f8;
color: #343a40;
}
.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-football-bg.jpg') -140px 64% no-repeat;background-size: cover;}
.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, #607d8b 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 #ffa820;}
.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: 2rem; color: #D34E3D; font-weight: bold;}
.top-brands.casino .brand .bon-on{font-size: 2.5rem;}
.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: #fff;
}
.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; }
.top-brands .row.brands-heading:after, .top-brands .modal-footer:after {background: linear-gradient(to right, transparent, #607d8b 45%); }
}
@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: 2.2rem; 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-b{
border-bottom: 1px solid #7d9097;
margin: 5px 40px;
}
.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;}
}
.err svg {
width: 750px;
max-width: 100%;
margin: 4rem auto;
display: block;
}
.errpage{width: 160px;}