html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
line-height: 1.15;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mail{font-size: 13px;}
html, body, div, p, span, header, hgroup, footer, nav, menu, article, section, aside, h1, h2, h3, h4, h5, h6, a, img, strong, b, em, i, u, ol, ul, li, dl, dt, dd, table, caption, tbody, tfoot, thead, tr, th, td, form, fieldset, label, legend, object, iframe, embed, audio, video, summary, details, canvas, figure, figcaption, blockquote, q, big, small, sub, sup, pre, abbr, acronym, address, cite, code, del, dfn, ins, kbd, s, samp, strike, tt, var, output, applet, mark, time {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video, span {display: inline-block;}
html.active, html.active > body {overflow: hidden;}
body {line-height: 1;}
*, *:before, *:after, input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: inherit; box-sizing: inherit;}
img, pre, embed, video, iframe, object, input, select, textarea {max-width: 100%;}
img, iframe {vertical-align: middle;}
img {border-style: none;}
pre, textarea {overflow: auto;}
[hidden], template {display: none;}
abbr[title] {border-bottom: 1px dotted;}
b, strong, mark {font-weight: bold;}
mark {background: transparent; color: inherit;}
em, i {font-style: italic;}
small {font-size: 75%;}
big {font-size: 125%;}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
input {line-height: normal;}
button[disabled], html input[disabled] {cursor: default;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: none; cursor: pointer;}
.aligncenter, .alignleft, .alignright, small.caption {
clear: both;
display: block;
margin: 0 auto 10px;
height: auto;
}
small.caption {text-align: center;}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.clearfix-box {clear: both;}
p.clearfix {clear: both; padding-top: 10px;}
.img-responsive{
max-width:100%;
display: block;
height: auto;
}
.cap {text-transform: capitalize;}
.hvr-shine figure img {height: auto;}
.no-m {margin: 0;}
.mt-10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px !important;}
.mb40{margin-bottom:40px;}
.mb {margin-bottom: 5px;}
.mb-15 {margin-bottom: 15px;}
.pad10{padding: 10px 0;}
.pad20{padding: 20px 0;}
.pad30{padding: 30px 0;}
.accent-blue {color: #2a85c0;}
.icon {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
text-indent: -9999px;
text-align: left;
overflow: hidden;
}
.global.icon {background-image: url('../images/sprites/sprite-global.png');}
.global.icon[class*='jump--'] {
width: 50px;
height: 50px;
background-image: url('../images/sprites/quick-nav-icons.svg');
}
.global.icon.icon-jump--01 { background-position: 0 0; }
.global.icon.icon-jump--02 { background-position: 0 -66px; }
.global.icon.icon-jump--03 { background-position: 0 -132px; }
.global.icon.icon-jump--04 { background-position: 0 -198px; }
.global.icon.icon-jump--05 { background-position: 0 -264px; }
.global.icon.icon-jump--06 { background-position: 0 -330px; }
.global.icon.icon-jump--07 { background-position: 0 -396px; }
.global.icon.icon-jump--08 { background-position: 0 -462px; }
.global.icon.icon-jump--09 { background-position: 0 -528px; }
.global.icon.icon-jump--10 { background-position: 0 -594px; }
.global.icon.icon-jump--11 { background-position: 0 -660px; }
.global.icon.icon-jump--12 { background-position: 0 -726px; }
.global.icon.icon-jump--13 { background-position: 0 -792px; }
.global.icon.icon-jump--14 { background-position: 0 -858px; }
.global.icon.icon-jump--15 { background-position: 0 -924px; }
.global.icon.icon-jump--16 { background-position: 0 -990px; }
.global.icon.icon--cash { background-position: -10px -2558px; width: 20px; height: 16px; }
.global.icon.icon--ball { background-position: -10px -3424px; width: 16px; height: 16px; }
.global.icon.icon--thumbsup { background-position: -10px -3345px; width: 18px; height: 18px; }
.global.icon.icon--quick-nav-set-1 { background-position: -10px -75px; width: 36px; height: 36px; }
.global.icon.icon-navbar--icon-02 { background-position: -10px -2068px; width: 22px; height: 16px; }
.global.icon.icon-navbar--icon-03 { background-position: -10px -368px; width: 14px; height: 19px; }
.global.icon.icon-navbar--icon-04 { background-position: -8px -419px; width: 22px; height: 16px; }
.global.icon.icon-navbar--icon-05 { background-position: -10px -265px; width: 17px; height: 19px; }
.global.icon.icon-navbar--icon-06 { background-position: -10px -3635px; width: 23px; height: 23px; }
.global.icon.icon-navbar--icon-07 { background-position: -10px -314px; width: 23px; height: 22px; }
.global.icon.icon-navbar--icon-08 { background-position: -4px -391px; width: 40px; height: 16px; }
.global.icon.icon-navbar--icon-lang { background-position: -10px -342px; width: 23px; height: 15px; }
.global.icon.icon-navbar--icon-blog { background-position: -10px -441px; width: 23px; height: 18px;}
.mobile-menu-container .global.icon.icon-navbar--icon-08{display:none;}
.icon.icon-navbar--icon-logo-desktop {
width: 30px;
height: 30px;
background: url('/assets/media/logo-desktop.svg') 0 5px no-repeat;
margin-bottom: -5px !important;
}
.global.icon.icon-navbar--icon-gift {
width: 20px;
height: 27px;
background: url('/assets/images/icons/gift.svg') 0 0 no-repeat;
background-size: 19px;
background-position: 0 5px;
}
.global.icon.icon-navbar--icon-shield {
width: 21px;
height: 27px;
background: url('../images/icons/shield.svg') 0 0 no-repeat;
background-size: 25px;
background-position: -3px 3px;
}
.global.icon.icon-navbar--icon-sports {
width: 25px;
height: 21px;
background: url('../images/icons/sport.svg') 0 0 no-repeat;
background-size: 19px;
background-position: 0 2px;
}
.icon.icon-navbar--icon-chip {
width: 20px;
height: 20px;
background: url('../images/icons/casino-chip.svg') 0 0 no-repeat;
}
.sports.icon[class*='icon-'] {
width: 35px;
height: 35px;
background: url('../images/sprites/sports-icons.svg') 0 0 no-repeat;
}
.sports.icon.icon-basketball { background-position: 0 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6);}
.sports.icon.icon-bike { background-position:0 -48px; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7);}
.sports.icon.icon-horse-racing { background-position: 0 -96px; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6);}
.sports.icon.icon-boxing { background-position: 0 -144px; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6);}
.sports.icon.icon-gamepad { background-position: 0 -192px; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7);}
.sports.icon.icon-football { background-position: 0 -240px; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6);}
.sports.icon.icon-flags { background-position: 0 -288px; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7);}
.sports.icon.icon-tennis { background-position: 0 -336px; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6);}
.sports.icon.icon-volleyball { background-position: 0 -384px; -webkit-transform: scale(0.58); -ms-transform: scale(0.58); transform: scale(0.58);}
.sports.icon.icon-cricket { background-position: 0 -430px; -webkit-transform: scale(0.58); -ms-transform: scale(0.58); transform: scale(0.58);}
.sports.icon.icon-greyhound-racing { background-position: 0 -472px; -webkit-transform: scale(0.58); -ms-transform: scale(0.58); transform: scale(0.58);}
.global-2.icon:not(.bookie) {background-image: url('../images/sprites/sprite-global-2.png');}
.global-2.icon.icon--full-ribbon-small { background-position: -10px -0px; width: 233px; height: 42px; }
.global-2.icon.icon--banner-01 { background-position: -10px -52px; width: 65px; height: 55px; }
.global-2.icon.icon--banner-02 { background-position: -15px -197px; width: 60px; height: 78px; }
.global-2.icon.icon--banner-02.betfred {width: 55px;}
.text-boxes .grid-box:not(.offers):hover .icon--banner-02 { background-position: -85px -52px; }
.global-2.icon.icon--back-to-top-active { background-position: -155px -52px; width: 40px; height: 40px; }
.global-2.icon.icon--back-to-top-off { background-position: -155px -102px; width: 40px; height: 40px; }
.global-2.icon.icon--menu-offer {background-image: url('../images/sprites/quick-nav-icons.svg'); background-position: -6px -204px; width: 38px; height: 38px; }
.global-2.icon.icon--menu-sport { background-position: -58px -140px; width: 36px; height: 32px; }
.global-2.icon.icon--menu-menu { background-position: -103px -140px; width: 32px; height: 32px; }
.global-2.icon.icon--menu-top3 { background-image: url('../images/sprites/quick-nav-icons.svg'); background-position: -9px -999px; width: 32px; height: 32px;}
.global-2.icon.icon--arrow { background-position: -15px -162px; width: 14px; height: 26px; }
.global-2.icon.icon--arrow-l { background-position: -33px -162px; width: 14px; height: 26px; }
.global-2.icon.icon--arrow-down, .global-2.icon.icon--arrow-down-dark:hover, .jumpbar.set-2 a:hover .global-2.icon.icon--arrow-down-dark { background-position: -205px -93px; width: 18px; height: 28px; }
.global-2.icon.icon--arrow-down-dark { background-position: -205px -130px; width: 18px; height: 28px; }
.global-2.icon.icon--arrow-up {background-image: url('../images/sprites/sprite-global-2.png'); background-position: -144px -152px; width: 17px; height: 27px; }
.global-2.icon.icon--rgt { background-position: -16px -306px; width: 104px; height: 26px; }
.global-2.icon.icon--ssl { background-position: -164px -307px; width: 54px; height: 22px; }
.global-2.icon.icon--fb { background-position: -8px -354px; width: 41px; height: 41px; }
.global-2.icon.icon--fb:hover { background-position: -8px -408px; width: 41px; height: 44px; }
.global-2.icon.icon--gplus { background-position: -56px -354px; width: 41px; height: 41px; }
.global-2.icon.icon--gplus:hover { background-position: -56px -408px; width: 41px; height: 44px; }
.global-2.icon.icon--pin { background-position: -253px -354px;width: 40px;height: 41px; }
.global-2.icon.icon--pin:hover { background-position: -252px -409px; width: 41px; height: 44px; }
.global-2.icon.icon--instgr { background-position: -106px -354px; width: 41px; height: 41px; }
.global-2.icon.icon--instgr:hover { background-position: -106px -408px; width: 41px; height: 44px; }
.global-2.icon.icon--twitt { background-position: -155px -354px; width: 41px; height: 41px; }
.global-2.icon.icon--twitt:hover { background-position: -155px -408px; width: 41px; height: 44px; }
.global-2.icon.icon--ytube { background-position: -204px -354px; width: 41px; height: 41px; }
.global-2.icon.icon--ytube:hover { background-position: -204px -408px; width: 41px; height: 44px; }
.global-2.icon.icon--myspace { background-position: -2px -1204px; width: 41px; height: 41px; }
.global-2.icon.icon--myspace:hover { background-position: -2px -1259px; width: 41px; height: 44px; }
.global-2.icon.icon--flickr { background-position: -51px -1204px; width: 41px; height: 41px; }
.global-2.icon.icon--flickr:hover { background-position: -51px -1259px; width: 41px; height: 44px; }
.global-2.icon.icon--tumblr { background-position: -101px -1204px; width: 41px; height: 41px; }
.global-2.icon.icon--tumblr:hover { background-position: -100px -1259px; width: 41px; height: 44px; }
.global-2.icon.icon--arrow-l-wh { background-position: -253px -134px; width: 9px; height: 15px; }
.global-2.icon.icon--arrow-r-wh { background-position: -268px -134px; width: 9px; height: 15px; }
.global-2.icon.icon--gt { background-position: -237px -303px;width: 32px; height: 27px;}
.global-2.icon.icon--gt:hover { background-position: -237px -271px;}
.global-2.icon.icon--bgamaware { background-position: -4px -1354px;width: 156px; height: 16px; margin-left: 15px;}
.global-2.icon.icon--bgamaware:hover { background-position: -4px -1322px;}
.icon--recom, .icon--recom-not {
font-weight: bold;
font-family: Lato, sans-serif;
background: none;
}
.icon--recom {
content:'';
font-size: 22px;
color: #7ac643;
}
.icon--recom-not {
content: '';
color: #ec5925;
font-size: 18px;
}
.offers > .global-2.icon.bookie {background-size: 55px auto!important; background-repeat: no-repeat!important; height: 57px!important;text-indent: -9999px;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 1.5px 0px rgba(0,0,0,0.75);
}
.offers > .global-2.icon.bookie.bkm-betfair { background: url('../images/brands/betfair-square.svg') 4px 3px; background-color:#ffb80c; }
.offers > .global-2.icon.bookie.bkm-royal-panda { background: url('../images/brands/royal-panda-square.png') 4px 3px; background-color:#fff; }
.offers > .global-2.icon.bookie.bkm-william-hill { background: url('../images/brands/william-hill-square.svg') 4px 12px; background-color:#00143c; }
.offers > .global-2.icon.bookie.bkm-bet365 { background: url('../images/brands/bet365-square.svg') 6px 4px; background-color:#14805e; background-size: 50px !important; }
.offers > .global-2.icon.bookie.bkm-ladbrokes { background: url('../images/brands/ladbrokes-square.svg') 12px 5px; background-color:#f01e28; background-size: 40px auto!important;}
.offers > .global-2.icon.bookie.bkm-betvictor { background: url('../images/brands/betvictor-square.svg') 5px 7px; background-color:#262d34; }
.offers > .global-2.icon.bookie.bkm-totesport { background: url('../images/brands/tote.svg') center center; background-color:#ff0028; }
.offers > .global-2.icon.bookie.bkm-marathonbet { background: url('../images/brands/marathonbet.svg') center center; background-color:#013d79; }
.offers > .global-2.icon.bookie.bkm-10bet { background: url('../images/brands/10bet.svg') center center; background-color:#000; }
.offers > .global-2.icon.bookie.bkm-grosvenor { background: url('../images/brands/grosvenor.svg') center center; background-color:#fff; }
.offers > .global-2.icon.bookie.bkm-32red { background: url('../images/brands/32red.svg') center center; background-color:#ff141a; }
.offers > .global-2.icon.bookie.bkm-casumo { background: url('../images/brands/casumo.svg') center center; background-color:#3B058E; }
.offers > .global-2.icon.bookie.bkm-skybet {
background: url('../images/brands/skybet-square.svg') 1px 3px;
height: 65px!important;
background-color: #00164d;
background-size: 58px!important;
}
.offers > .global-2.icon.bookie.bkm-betfred {
background: url('../images/brands/betfred-square.svg'), -moz-linear-gradient(left, #d91b3a 11%, #713164 50%, #004990 100%); background-size: 60px!important;
background: url('../images/brands/betfred-square.svg'), -webkit-linear-gradient(left, #d91b3a 11%,#713164 50%,#004990 100%); background-size: 60px!important;
background: url('../images/brands/betfred-square.svg'), linear-gradient(to right, #d91b3a 11%,#713164 50%,#004990 100%); background-size: 60px!important;
}
.offers > .global-2.icon.bookie.bkm-888sport { background: url('../images/brands/888sport.svg') 3px 4px; background-color:#000; }
.offers > .global-2.icon.bookie.bkm-paddy-power { background: url('../images/brands/paddypower-square.svg') 3px 1px; background-size: 58px!important; background-color: #0e4c40;}
.offers > .global-2.icon.bookie.bkm-coral { background: url('../images/brands/coral-square.svg') 1px 1px; background-size: 58px!important; background-color: #315ea3;}
.offers > .global-2.icon.bookie.bkm-betway { background: url('../images/brands/betway.svg') 1px 19px; background-color: #000;background-size: 60px!important;}
.offers > .global-2.icon.bookie.bkm-unibet { background: url('../images/brands/unibet.svg') 1px 19px; background-color: #14805e;background-size: 60px!important;}
.offers > .global-2.icon.bookie.bkm-ladbrokes { background: url('../images/brands/ladbrokes-square.svg') center center; background-color: #b1161e;background-size: 60%!important;}
.offers > .global-2.icon.bookie.bkm-pinnacle { background: url('../images/brands/pinnacle.svg') center center; background-color: #0a182a;}
.offers > .global-2.icon.bookie.bkm-betsson { background: url('../images/brands/betsson.svg') center center; background-color: #f60;}
.offers > .global-2.icon.bookie.bkm-888casino { background: url('../images/brands/888casino.svg') center center; background-color: #000;}
.offers > .global-2.icon.bookie.bkm-mansion { background: url('../images/brands/mansion.svg') center center; background-color: #000;}
.offers > .global-2.icon.bookie.bkm-miami-club { background: url('../images/brands/miami-club.svg') center center; background-color: #080026;}
.offers > a.out {
display: block;
width: 200px;
margin: 0 auto;
padding: 10px;
position: relative;
}
.offers > a.out.long {width: 265px;}
.text-boxes .grid-box.offers:not(.bet365) .grid-box.offers:not(.williamhill) > a.out::after {
content: '*#AD, 18+ T&C\'s apply';
font-size: 10px;
position: absolute;
top: 41px;
left: 65px;
font-weight: 500;
text-transform: none;
color: #585858;
}
/* .text-boxes .grid-boxes .grid-box.offers.v-2 > a.out::after {
left: 121px;
content: 'T&Cs apply';
font-size: 10px;
position: absolute;
top: 41px;
font-weight: 500;
text-transform: none;
color: #585858;
} */
.offers.v-2 > a.out { width: 285px;}
.c-brand.icon {
width: 101px;
height: 42px;
border-radius: 4px;
}
.c-brand.icon.icon--888sport {background-image: url('../images/brands/888sport.svg'); width: 101px; height: 42px; background-color: #000; background-position: 27px 0; background-size: 45px;}
.c-brand.icon.icon--888casino {background-image: url('../images/brands/888casino.svg'); width: 101px; height: 42px; background-color: #000; background-position: 50%; background-size: 45px;}
.c-brand.icon.icon--betfair {background-image: url('../images/brands/betfair.svg'); width: 101px; height: 42px; background-color: #ffb80c; background-position: 6px 12px; background-size: 90px;}
.c-brand.icon.icon--unibet { background-image: url('../images/brands/unibet.svg'); width: 101px; height: 42px; background-color: #14805e; background-position: 6px 5px; background-size: 90px;}
.c-brand.icon.icon--william-hill {background-image: url('../images/brands/william-hill.svg'); width: 101px; height: 42px; background-color: #00143c; background-position: 0 10px; background-size: 98px;}
.c-brand.icon.icon--betway {background-image: url('../images/brands/betway.svg'); width: 101px; height: 42px; background-color: #000; background-position: 5px 7px; background-size: 90px;}
.c-brand.icon.icon--bet365 {background-image: url('../images/brands/bet365.svg'); width: 101px; height: 42px; background-color: #027b5b; background-position: 5px 9px; background-size: 90px; }
.c-brand.icon.icon--mansionbet {background-image: url('../images/brands/mansionbet.svg'); width: 101px; height: 42px; background-color: #000; background-position: 4px 4px; background-size: 93px; }
.c-brand.icon.icon--mansion {background-image: url('../images/brands/mansion.svg'); width: 101px; height: 42px; background-color: #000; background-position: 50%; background-size: 93px; }
.c-brand.icon.icon--betvictor {background-image: url('../images/brands/betvictor.svg'); width: 101px; height: 42px; background-color: #262d34; background-position: 1px 11px; background-size: 98px; }
.c-brand.icon.icon--bwin {background-image: url('../images/brands/bwin.svg'); width: 101px; height: 42px; background-color: #000; background-position: 6px 4px; background-size: 90px; }
.c-brand.icon.icon--ladbrokes {background-image: url('../images/brands/ladbrokes.svg'); width: 101px; height: 42px; background-color: #f01e28; background-position: 4px 11px; background-size: 95px; }
.c-brand.icon.icon--blacktype {background-image: url('../images/brands/blacktype.svg'); width: 101px; height: 42px; background-color: #fff; background-position: 3px 14px; background-size: 95px; }
.c-brand.icon.icon--royal-panda {background-image: url('../images/brands/royal-panda.png'); width: 101px; height: 42px; background-color: #fff; background-position: 3px -7px; background-size: 95px; }
.c-brand.icon.icon--10bet {background-image: url('../images/brands/10bet.svg'); width: 101px; height: 42px; background-color: #000; background-position: 24px -6px; background-size: 56px; }
.c-brand.icon.icon--premier-punt {background-image: url('../images/brands/premier-punt.svg'); width: 101px; height: 42px; background-color: #fff; background-position: -4px -34px; background-size: 110px; }
.c-brand.icon.icon--football-index {background-image: url('../images/brands/football-index.svg'); width: 101px; height: 42px; background-color: #fff; background-position: 3px 4px; background-size: 91px; }
.c-brand.icon.icon--mr-green {background-image: url('../images/brands/mr-green.svg'); width: 101px; height: 42px; background-color: #fff; background-position: 5px 4px; background-size: 91px; }
.c-brand.icon.icon--grosvenor {background-image: url('../images/brands/grosvenor.svg'); width: 101px; height: 42px; background-color: #fff; background-position: 26px -1px; background-size: 54px; }
.c-brand.icon.icon--sportnation {background-image: url('../images/brands/sportnation.svg'); width: 101px; height: 42px; background-color: #fe511c; background-position: 50%; background-size: 100%; }
.c-brand.icon.icon--netbet {background-image: url('../images/brands/netbet.svg'); width: 101px; height: 42px; background-color: #333743; background-position: 50%; background-size: 80%; }
.c-brand.icon.icon--paddy-power {background-image: url('../images/brands/paddypower.svg'); width: 101px; height: 42px; background-color: #006858; background-position: 50%; background-size: 80%; }
.c-brand.icon.icon--lv-bet {background-image: url('../images/brands/lvbet.svg'); width: 101px; height: 42px; background-color: #100e11; background-position: 50%; background-size: 80%; }
.c-brand.icon.icon--titanbet {background-image: url('../images/brands/titanbet.svg'); width: 101px; height: 42px; background-color: #1f1f1f; background-position: 50%; background-size: 80%; }
.c-brand.icon.icon--karamba-sports {background-image: url('../images/brands/karamba.svg'); width: 101px; height: 42px; background-color: #d4d4d4; background-position: 50%; background-size: 80%; }
.c-brand.icon.icon--gentingbet {background-image: url('../images/brands/gentingbet.png'); width: 101px; height: 42px; background-color: #fff; background-position: 50%; background-size: 80%; }
.c-brand.icon.icon--betbull {background-image: url('../images/brands/betbull.svg'); width: 101px; height: 42px; background-color: #fff; background-position: 50%; background-size: 80%; }
.c-brand.icon.icon--guts {background-image: url('../images/brands/guts.svg'); width: 101px; height: 42px; background-color: #eeedee; background-position: 50%; background-size: 80%; }
.c-brand.icon.icon--matchbook {background-image: url('../images/brands/matchbook.svg'); width: 101px; height: 42px; background-color: #c51a1b; background-position: 50%; background-size: 80%; }
.c-brand.icon.icon--pokerstars {background-image: url('../images/brands/pokerstars.svg'); width: 101px; height: 42px; background-color: #000; background-position: 50%; background-size: 80%; }
.c-brand.icon.icon--betfred {background-image: url('../images/brands/betfred.svg'); width: 101px; height: 42px; background-color: #004990; background-position: 50%; background-size: 80%; }
.c-brand.icon.icon--miami-club {background-image: url('../images/brands/miami-club.svg'); width: 101px; height: 42px; background-color: #080026; background-position: 50%; background-size: 95%; }
.c-brand.icon.icon--32red {background-image: url('../images/brands/32red.svg'); width: 101px; height: 42px; background-color: #ff141a; background-position: 50%; background-size: 95%; }
.c-brand.icon.icon--casumo {background-image: url('../images/brands/casumo.svg'); width: 101px; height: 42px; background-color: #3B058E; background-position: 50%; background-size: 95%; }
.age-limit{color: #1268a8; font: bold 14px 'Lato', sans-serif; border: 1px solid #1268a8; border-radius: 50%; width: 30px; height: 30px; padding: 5px 3px; text-align: center; vertical-align: middle;}
.regul.icon {
background-image: url('../images/sprites/sprite-regulations.svg');
background-repeat: no-repeat;
width: 91px;
height: 40px;
}
.icon.icon--gibraltar {background-image: url('../images/sprites/regulation_gibraltar.svg'); width: 93px; height: 31px; background-position: 0 0;}
.icon.icon--gibraltar-small {background-image: url('../images/sprites/regulation_gibraltar.svg'); width: 80px; height: 25px; background-position: 0 0;}
.regul.icon.icon--curacao {background-position: 0 -4px;}
.regul.icon.icon--curacao2 {background-position: 0 -67px; }
.regul.icon.icon--ecogra {background-position: 0 -131px;}
.regul.icon.icon--egba, .regul.icon.icon--egba-small { background-position: 0 -196px; transform: scale(0.8); }
.regul.icon.icon--essa {background-position: 0 -266px; transform: scale(0.8);}
.regul.icon.icon--gaminglabs, .regul.icon.icon--gaminglabs-small {background-position: 0 -339px;transform: scale(0.65); height: 32px;}
.regul.icon.icon--ibas { background-position: 0 -416px; transform: scale(0.8);}
.regul.icon.icon--mga, .regul.icon.icon--mga-small {background-position: 8px -493px;}
.regul.icon.icon--gamblingcommission, .regul.icon.icon--ukgc { background-position: 0 -547px;}
.ph-os.icon {background-image: url('../images/sprites/sprite-mobiles-os.png');}
.ph-os.icon.none {opacity:0.2;}
.ph-os.icon.icon--appstore-big { background-position: -10px -0px; width: 105px; height: 32px; }
.ph-os.icon.icon--googleplay-big { background-position: -10px -42px; width: 105px; height: 33px; }
.ph-os.icon.icon--windowsstore-big { background-position: -10px -85px; width: 105px; height: 32px; }
.ph-os.icon.icon--mobile-site-big { background-position: -10px -211px; width: 105px; height: 32px; }
.ph-os.icon.icon--appstore { background-position: -10px -127px; width: 34px; height: 33px; }
.ph-os.icon.icon--googleplay { background-position: -54px -127px; width: 34px; height: 33px; }
.ph-os.icon.icon--windowsstore { background-position: -10px -169px; width: 34px; height: 32px; }
.ph-os.icon.icon--mobile-site { background-position: -54px -170px; width: 34px; height: 32px; }
.flags {background: url('../images/sprites/flags.png') no-repeat; width: 21px; height: 15px; display: inline-block;}
.flags.en { background-position: 0 0; }
.flags.it { background-position: 0 -25px; }
.bking.icon {background-image: url('../images/sprites/sprite-banking.png');}
.bking.icon.icon--applepay { background-position: -10px -0px; width: 74px; height: 50px; }
.bking.icon.icon--banktransfer { background-position: -10px -60px; width: 74px; height: 50px; }
.bking.icon.icon--bitcoin { background-position: -10px -120px; width: 74px; height: 50px; }
.bking.icon.icon--dinersclub { background-position: -10px -180px; width: 74px; height: 50px; }
.bking.icon.icon--discover { background-position: -10px -240px; width: 74px; height: 50px; }
.bking.icon.icon--entropay { background-position: -10px -300px; width: 74px; height: 50px; }
.bking.icon.icon--ecopayz { background-position: -10px -360px; width: 74px; height: 50px; }
.bking.icon.icon--hsbc { background-position: -10px -420px; width: 74px; height: 50px; }
.bking.icon.icon--jcb { background-position: -10px -480px; width: 74px; height: 50px; }
.bking.icon.icon--maestro { background-position: -10px -540px; width: 74px; height: 50px; }
.bking.icon.icon--paypal { background-position: -10px -600px; width: 74px; height: 50px; }
.bking.icon.icon--paysafecard { background-position: -10px -660px; width: 74px; height: 50px; }
.bking.icon.icon--skrill { background-position: -10px -720px; width: 74px; height: 50px; }
.bking.icon.icon--postepay { background-position: -101px 0px; width: 74px; height: 50px; }
.bking.icon.icon--wepay { background-position: -102px -61px; width: 74px; height: 50px; }
.bking.icon.icon--worldpay { background-position: -102px -121px; width: 74px; height: 50px; }
.bking.icon.icon--americanexpress { background-position: -102px -181px; width: 73px; height: 50px; }
.bking.icon.icon--eway { background-position: -102px -241px; width: 73px; height: 50px; }
.bking.icon.icon--ideal { background-position: -102px -301px; width: 73px; height: 50px; }
.bking.icon.icon--mastercard { background-position: -102px -361px; width: 73px; height: 50px; }
.bking.icon.icon--neteller { background-position: -102px -421px; width: 73px; height: 50px; }
.bking.icon.icon--pingit { background-position: -102px -481px; width: 73px; height: 50px; }
.bking.icon.icon--sage { background-position: -102px -541px; width: 73px; height: 50px; }
.bking.icon.icon--visa { background-position: -102px -601px; width: 73px; height: 50px; }
.bking.icon.icon--westernunion { background-position: -102px -661px; width: 73px; height: 50px; }
.bking.icon.icon--americanexpress-small { background-position: -204px 0; width: 45px; height: 30px; }
.bking.icon.icon--eway-small { background-position: -204px -40px; width: 45px; height: 30px; }
.bking.icon.icon--ideal-small { background-position: -204px -80px; width: 45px; height: 30px; }
.bking.icon.icon--mastercard-small { background-position: -204px -120px; width: 45px; height: 30px; }
.bking.icon.icon--neteller-small { background-position: -204px -160px; width: 45px; height: 30px; }
.bking.icon.icon--pingit-small { background-position: -204px -200px; width: 45px; height: 30px; }
.bking.icon.icon--sage-small { background-position: -204px -240px; width: 45px; height: 30px; }
.bking.icon.icon--visa-small { background-position: -204px -280px; width: 45px; height: 30px; }
.bking.icon.icon--westernunion-small { background-position: -204px -320px; width: 45px; height: 30px; }
.bking.icon.icon--applepay-small { background-position: -204px -360px; width: 44px; height: 30px; }
.bking.icon.icon--banktransfer-small { background-position: -204px -400px; width: 44px; height: 30px; }
.bking.icon.icon--postepay-small { background-position: -203px -445px; width: 46px; height: 30px; }
.bking.icon.icon--bitcoin-small { background-position: -270px 0; width: 44px; height: 30px; }
.bking.icon.icon--dinersclub-small { background-position: -270px -40px; width: 44px; height: 30px; }
.bking.icon.icon--discover-small { background-position: -270px -80px; width: 44px; height: 30px; }
.bking.icon.icon--ecopayz-small { background-position: -270px -120px; width: 44px; height: 30px; }
.bking.icon.icon--entropay-small { background-position: -270px -160px; width: 44px; height: 30px; }
.bking.icon.icon--hsbc-small { background-position: -270px -200px; width: 44px; height: 30px; }
.bking.icon.icon--jcb-small { background-position: -270px -240px; width: 44px; height: 30px; }
.bking.icon.icon--maestro-small { background-position: -270px -280px; width: 44px; height: 30px; }
.bking.icon.icon--paypal-small { background-position: -270px -320px; width: 44px; height: 30px; }
.bking.icon.icon--paysafecard-small { background-position: -270px -360px; width: 44px; height: 30px; }
.bking.icon.icon--skrill-small { background-position: -270px -400px; width: 44px; height: 30px; }
.bking.icon.icon--wepay-small { background-position: -270px -440px; width: 44px; height: 30px; }
.bking.icon.icon--worldpay-small { background-position: -270px -480px; width: 44px; height: 30px; }
.icon-cricket{background:url('../images/icons/cricket.svg');}
.icon-greyhound{background:url('../images/icons/greyhound.svg');}
body {
min-width: 320px;
background: #cfd8da;
color: #585858;
font-weight: 400;
font-size: 15px;
line-height: normal;
font-family: 'Candara', sans-serif;
text-align: left;
-webkit-font-smoothing: antialiased;
}
button, input, optgroup, select, textarea {color: inherit; font: inherit;}
a, .brands-vs span.in {
background-color: transparent;
color: #ff921e;
text-decoration: none;
}
a.in, a.out, .table span.in, .brands-vs span.in, .brands-vs span.out.not {
display: inline-block;
vertical-align: middle;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
text-align: center;
}
a.in-blue-btn{
background: #2985c0;
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;
color: #fff;
padding: 8px;
border-radius: 3px;
text-decoration: none;
margin: 0;
font: bold italic 15px 'Candara', sans-serif;
}
a.in-blue-btn:hover{background: #7ac543;color: #fff;}
a.in {font-style: italic;}
a.out {
background: #ff921e;
border-bottom: 2px solid #c17524;
border-radius: 4px;
color: #fff;
}
a.out.not-v {background: #ed5a23; border-bottom: 2px solid #4c0003;}
a.out.not-v:hover {background: #ed5a23; border-top: 2px solid #4c0003;}
span.out.not {
background: #ed5a23;
border-bottom: 2px solid #762a11;
color: #fff;
border-radius: 4px;
}
a:hover {color: #ff921e; text-decoration: none;}
a:hover, a:active {outline: 0; cursor: pointer;}
a.out:hover {
color: #fff;
background: #2985C0;
border-top: 2px solid #1c5f88;
border-bottom: none;
}
.hvr-shine{position: relative;}
.cta-wrap {
display: table-cell;
vertical-align: middle;
width: 100%;
position: absolute;
top: 60%;
text-align: center;
}
a.calm-btn.white-text, .calm-btn.white-text {color: #ffffff;}
.calm-btn {
font-size: 18px;
padding: 15px 20px;
min-width: 430px;
margin: 10px auto;
box-sizing: border-box;
}
a.calm-btn, .calm-btn {
position: relative;
display: inline-block;
outline: none;
font-weight: 900;
padding: 6px 15px;
min-width: 200px;
font-size: 18px;
cursor: pointer;
margin: 22px auto;
text-decoration: none;
border-radius: 50px;
-webkit-transition: color 300ms ease-in-out;
-moz-transition: color 300ms ease-in-out;
-ms-transition: color 300ms ease-in-out;
-o-transition: color 300ms ease-in-out;
transition: color 300ms ease-in-out;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
transform: translateZ(0);
text-align: center;
color: #fff;
}
a.calm-btn::before, .calm-btn::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50px;
z-index: -1;
background: -moz-linear-gradient(top, #79eb28 0%, #10c716 100%);
background: -webkit-linear-gradient(top, #79eb28 0%, #10c716 100%);
background: linear-gradient(to bottom, #79eb28 0%, #10c716 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79eb28', endColorstr='#10c716', GradientType=0);
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition: opacity 300ms ease-in-out;
-moz-transition: opacity 300ms ease-in-out;
-ms-transition: opacity 300ms ease-in-out;
-o-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out;
}
a.calm-btn::before, .calm-btn::before {
background: linear-gradient(124deg, #3fd71e, #21ab03 , #3fd71e , #21a704, #21ab03 , #3fd71e , #44cc27,#3fd71e );
background-size: 1800% 1800%;
-webkit-animation: rainbow 10s ease infinite;
-z-animation: rainbow 10s ease infinite;
-o-animation: rainbow 10s ease infinite;
animation: rainbow 10s ease infinite;
box-shadow: inset 0 0 18px 10px #22942647;
}
a.calm-btn::after, .calm-btn::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0 0 1px 0px #2dff19 inset, 0 0 1px 0px #22e80f;
border-radius: 50px;
-webkit-transition: transform 200ms ease-in-out;
-moz-transition: transform 200ms ease-in-out;
-ms-transition: transform 200ms ease-in-out;
-o-transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
border: 1px solid #2dff19;
}
a.calm-btn:hover, .calm-btn:hover, a.calm-btn.fade-to-white:hover, .calm-btn.fade-to-white:hover {color: #ffffff;}
a.calm-btn:hover::before, .calm-btn:hover::before {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
a.calm-btn:hover::after, .calm-btn:hover::after {transform: scale(1.05);}
@-webkit-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
.speech-bubble {
background: #fff;
padding: 30px 35px;
position: relative;
border-radius: 5px;
color: #777;
width: 95%;
margin: 30px auto;
}
.speech-bubble.left {
box-shadow: 0px 3px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 3px 2px 2px rgba(0, 0, 0, 0.2);
}
.speech-bubble.left:after {
box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 2px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 2px 0px;
}
.speech-bubble:after {
content: "";
position: absolute;
top: 40px;
right: 50%;
border-width: 20px;
border-style: solid;
border-color: #fff;
transform: translate(50%, -145%) rotate(-135deg);
-webkit-transform: translate(50%, -145%) rotate(-135deg);
}
.team-member {background:#c7e4ed;padding: 30px 10px;border-bottom: 3px solid #b9c8d0;}
.team-member img{border-radius:50%;}
.team.text-boxes .grid-box{ padding: 10px;}
/* footer lang dropup */
.dropbtn {
background-color: transparent;
padding: 0;
border: none;
outline: 0;
}
.dropup {
position: relative;
display: inline-block;
width: 22px;
right: 10px;
}
.dropup.lang-btn:after {
position: absolute;
display: inline-block;
content: '\f106';
font: 900 13px 'Font Awesome 5 Free';
color: #fff;
top: 4px;
right: -10px;
}
.dropup-content {
display: none;
position: absolute;
background-color: #f1f1f1;
width: auto;
height: auto;
bottom: 15px;
z-index: 1;
right: 1px;
background: #3fa8f1;
white-space: nowrap;
padding: 5px 0;
}
.dropup-content a {
color: black;
padding: 10px 36px 0 16px;
text-decoration: none;
display: block;
transition: all 0.3s ease-in-out;
text-align: left;
}
.dropup-content a:hover {background-color: #74bdf0}
.dropup:hover .dropup-content {display: block;}
@media only screen and (max-width: 1023px){
.site-width .dropup{display: none;}
.mob-caption {
display: block;
margin: 0 auto 10px;
font-weight: bold;
color: #333333;
}
}
@media only screen and (min-width: 1921px){body > footer.page-footer {background: #cfd8da url('../media/background-footer.png') 0 0 no-repeat;}}
@media only screen and (min-width: 1023px){
.navbar .main a{margin-top: 15px;}
.navbar li.dropdown.languages {display: none!important;}
.dd-menu-hidden {display: none;}
.site-width .dropup .flags{float: left;}
.site-width .dropup span{color: #fff;}
.navbar > li.dropdown.blog {display: list-item;}
.site-width p.inline-p{
display: inline-block;
width: 94%;
margin-right: 2%;
}
}
/* CIRCLES RATING */
.single-chart {
width: 40%;
justify-content: space-around;
display: inline-block;
}
.circular-chart100 {
display: block;
margin: 0px auto;
max-width: 90%;
}
.circle-bg100 {
fill: none;
stroke: #3fa8f4;
stroke-width: 1.0;
}
.circle100 {
fill: none;
stroke-width: 2.8px;
stroke-linecap: butt;
}
.circle100.start {
animation: progress100 2s ease-out forwards;
-webkit-animation: progress100 2s ease-out forwards;
-o-animation: progress100 2s ease-out forwards;
-ms-animation: progress100 2s ease-out forwards;
}
@keyframes progress100 {0% {stroke-dasharray: 0 100;}}
.circle-bg10 {
fill: none;
stroke: #eee;
stroke-width: 0.1;
}
.circular-chart10 {
display: block;
margin: 10px auto;
max-width: 80%;
max-height: 120px;
}
.circle10 {
fill: none;
stroke-width: .15;
stroke-linecap: butt;
animation: progress10 1s ease-out forwards;
}
@keyframes progress10 {0% {stroke-dasharray: 0 10;}}
.circular-chart100.blue .circle {stroke: #3c9ee5;}
.circular-chart100.blue .circle100 {stroke: #3c9ee5;}
.circular-chart10.blue .circle10 {stroke: #1278ff;}
.percentage100 {
fill: #3fa8f4;
font-family: Calibri, sans-serif;
text-anchor: middle;
font-weight: bold;
}
.percentage100.small {font-size: 5px;}
.percentage100.big {font-size: 11px;}
.percentage10 {
fill: #666;
font-family: 'Lato', sans-serif;
font-size: .1em;
text-anchor: middle;
}
.heading {font-weight: bold; position: relative;}
.heading, .page-article > p.heading {text-align: left;}
.page-article p a {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
p.heading--full{padding-left: 20px;}
.heading--full,
.heading--full-r {
line-height: 33px;
margin-bottom: 20px;
color: #eee;
text-align: center;
}
.heading--full::before, .heading--full-r::before {
top: 0;
width: 38px;
height: 100%;
}
.heading--full::before, .heading--full::after {left: -34px; z-index: 1;}
.heading--full-r::before, .heading--full-r::after {right: -34px;}
.heading--full::before {
border-top-left-radius: 3px;
-webkit-box-shadow: 0 5px 2px -2px rgba(0, 0, 0, .3);
box-shadow: 0 5px 2px -2px rgba(0, 0, 0, .3);
}
.heading--full-r::before {border-top-right-radius: 3px;}
.heading--short::before {
left: -34px;
width: 64px;
height: 54px;
background: url('../images/sprites/sprite-global-2.png') -10px -52px no-repeat;
}
.heading--full > span::before {
top: 3px;
right: -30px;
border-right: 16px solid transparent;
border-top: 20px solid rgba(0, 0, 0, .3);
}
.heading--full::after, .heading--full-r::after {bottom: -13px;border-top: 14px solid transparent;}
.heading--full::after {border-left: 14px solid #cfd8da;}
.heading--full-r::after {border-right: 14px solid #cfd8da;}
.heading--full > span::after {
right: -30px;
top: 0;
width: 34px;
border-right: 16px solid transparent;
-webkit-box-shadow: 0 5px 2px -2px rgba(0, 0, 0, .3);
box-shadow: 0 5px 2px -2px rgba(0, 0, 0, .3);
}
.heading--blue, .heading--blue.heading--full::before, .heading--blue.heading--full-r::before {background: #2985c0;z-index: 20;}
.heading--blue.heading--full::after, .heading--blue.heading--full-r::after {border-top: 14px solid #1d5d86;}
.heading--blue.heading--full > span::after {border-top: 20px solid #2985c0; border-bottom: 20px solid #2985c0;}
.heading--black, .heading--black.heading--black::before, .heading--black.heading--full-r::before {background: #333;}
.heading--black.heading--full::after, .heading--black.heading--full-r::after {border-top: 14px solid #242424;}
.heading--black.heading--full > span::after {border-top: 20px solid #333; border-bottom: 20px solid #333;}
.heading--green, .heading--green.heading--full::before, .heading--green.heading--full-r::before {background: #7ac843;}
.heading--green.heading--full::after, .heading--green.heading--full-r::after {border-top: 14px solid #558c2f;}
.heading--green.heading--full > span::after {border-top: 20px solid #7ac843; border-bottom: 20px solid #7ac843;}
h2.heading--short a{ color: #585858;}
h1, h2, h3, h4, h5, h6, p, li {line-height: 1.6;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 10px;}
p {margin-bottom: 20px;}
.page-article > p {text-align: justify;}
ul {list-style-position: inside; list-style: none;}
.bolded {font-weight: bold;}
ul:not([class]) {margin: 30px 0; padding-left: 30px;}
ul:not(.ul) li::before {
content: '\2022';
margin-right: 6px;
position: relative;
top: -1px;
}
ul.inline-list li{display: inline-block;}
ul.fas-list li {position: relative;padding-left: 18px;}
ul.fas-list li::before {
content: '\f00c';
font-family: "Font Awesome 5 Free";
display: inline-block;
vertical-align: text-bottom;
width: 12px;
height: 12px;
line-height: 12px;
border-radius: 50%;
background: #7ac543;
color: #fff;
font-weight: bold;
font-size: 9px;
text-align: center;
position: absolute;
top: 7px;
left: 3px;
}
ul.fas-list li.none::before {content: '\f00d'; background: #ed5a24;}
ul.fas-list-star li::before {
content: '\f005';
font-family: "Font Awesome 5 Free";
display: inline-block;
vertical-align: text-bottom;
position: unset!important;
width: 14px;
height: 14px;
line-height: 13px;
background: transparent;
color: #ff921e;
font-weight: bold;
font-size: 9px;
text-align: center;
position: absolute;
top: 6px;
left: -8px;
border-bottom: 1px solid #aaaaaa;
-webkit-box-shadow: 2px -2px 4px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 2px -2px 4px -2px rgba(0,0,0,0.75);
box-shadow: 2px -2px 4px -2px rgba(0,0,0,0.75);
}
ul.fas-list li.in-2-wrap::before {top:4px;}
ul.list-faq {
list-style-type: none;
margin: 0;
margin-left: 2em;
padding: 0;
counter-reset: li-counter;
}
ul.list-faq > li {
position: relative;
margin-bottom: 20px;
padding: 1em;
border-left: 2px solid #CCCCCC;
background-color: #f5f5f5;
}
ul.list-faq li::before {
content: '\f059';
font-family: "Font Awesome 5 Free";
position: absolute;
top: 5px;
left: -37px;
width: 1em;
font-size: 3.5em;
line-height: 1;
font-weight: bold;
text-align: right;
color: #7ac843;
transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
-webkit-transform: rotate(-25deg);
z-index: 1;
overflow: hidden;
}
ul.list-faq li h3 {padding-left: 15px;}
ul.list-faq li p {margin-bottom: 10px;}
.list-circle {margin-bottom: 15px;}
.list-circle li{line-height: 2;}
.list-circle .circle-bg {
position: relative;
top: -2px;
border-radius: 50%;
font-size: 14px;
font-style: italic;
padding: 5px 2px 5px 7px;
margin: 0 5px 5px 0;
width: 25px;
height: 25px;
line-height: 1;
background: #2985c0;
color: #ffffff;
font-weight: 900;
box-shadow: 0 2px 4px rgb(33 37 41 / 10%), 0 3px 2px rgb(33 37 41 / 10%);
}
/* popup */
.popup-holder {
position: fixed;
display: none;
z-index: 99999;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .7);
top: 0;
left: 0;
}
.pop-box{
display: block;
margin: 0 auto;
padding: 18px 8px 0;
width: 400px;
max-width: 100%;
border: 1px solid #dbdedf;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
}
.pop-box-bg{
display: block;
margin: 0 auto;
width: 400px;
height: 100%;
max-width: 100%;
background:url('/assets/images/football-bg.png'), linear-gradient(45deg, rgba(96, 131, 193, 0.45) 0%, rgba(96, 131, 193, 0.45) 5%,rgba(90, 78, 185, 0.45) 5%, rgba(90, 78, 185, 0.45) 46%,rgba(102, 184, 202, 0.45) 46%, rgba(102, 184, 202, 0.45) 49%,rgba(93, 104, 189, 0.45) 49%, rgba(93, 104, 189, 0.45) 50%,rgba(99, 157, 198, 0.45) 50%, rgba(99, 157, 198, 0.45) 84%,rgba(105, 210, 206, 0.45) 84%, rgba(105, 210, 206, 0.45) 100%),linear-gradient(135deg, rgb(111, 76, 50),rgb(28, 158, 244));
filter: contrast(0.5);
-webkit-filter: contrast(0.5);
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.pop-box:before{
position: absolute;
content: '\f057';
width: 35px;
height: 35px;
color: #f3ac14;
font: bold 20px 'Font Awesome 5 Free';
top: -25px;
right: 0;
}
.pop-box:hover:before{cursor: pointer;}
.pop-box .c-brand.icon[class*="icon--"]{
margin: 0 auto;
display: block;
width: 115px;
height: 50px;
background-position: center center;
}
.pop-box .fas-list{text-align: center; margin: 20px auto;}
.pop-box .fas-list li{padding: 0; color: #fff;}
.pop-box .fas-list li span:before{
content: '\f00c';
font: bold 9px "Font Awesome 5 Free";
width: 13px;
height: 13px;
border-radius: 50%;
background: #7ac543;
color: #fff;
text-align: center;
position: absolute;
top: 5px;
left: 0px;
padding: 2px;
}
.pop-box ul.fas-list li::before{display: none;}
.pop-box .offer{
border-top: 1px solid #dbdedf;
border-bottom: 1px solid #dbdedf;
text-align: center;
}
.pop-box .sub-prize{
display: inline-block;
text-align: right;
margin: 0 12px;
position: relative;
top: -10px;
color: #ccc;
}
.pop-box .prize{
display: inline-block;
text-align: left;
position: relative;
top: -5px;
color: #FFEB3B;
}
.pop-box .cta-wrap{display: block;position: unset;}
.pop-box a.calm-btn, .pop-box .calm-btn, .pop-box a.calm-btn.fade-to-white, .pop-box .calm-btn.fade-to-white {text-shadow: 1px 1px 0px #1f1f1f;}
.pop-box a.calm-btn:hover, .pop-box .calm-btn:hover, .pop-box a.calm-btn.fade-to-white:hover, .pop-box .calm-btn.fade-to-white:hover {color: #fff;}
.breadcrumbs {
padding: 5px 10px;
background: rgba(207, 216, 218, 0.6);
margin-bottom: 20px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 3px;
}
.breadcrumbs li {
display: inline-block;
position: relative;
margin-right: 15px;
padding-right: 10px;
font-size: 14px;
}
.breadcrumbs li:not(:last-child):after {
position: absolute;
content: "\f101";
font: 900 10px 'Font Awesome 5 Free';
color: #585858;
top: 7px;
left: 100%;
}
.breadcrumbs {
padding: 5px 10px;
background: rgba(207, 216, 218, 0.6);
margin-bottom: 20px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 3px;
}
.breadcrumbs li {
display: inline-block;
position: relative;
margin-right: 15px;
padding-right: 10px;
font-size: 14px;
}
.breadcrumbs li:not(:last-child):after {
position: absolute;
content: "\f101";
font: 900 10px 'Font Awesome 5 Free';
color: #585858;
top: 7px;
left: 100%;
}
@media screen and (max-width: 575px){
.breadcrumbs{
overflow-x: scroll;
display: block;
white-space: nowrap;
position: relative;
}
.breadcrumbs::-webkit-scrollbar {
width: 5px;
height: 5px;
-webkit-appearance: none;
}
.breadcrumbs::-webkit-scrollbar-thumb {
background: #2985c0;
border: 1px solid #006ba1;
border-radius: 3px;
}
.breadcrumbs::-webkit-scrollbar-track {
background: #b9c8d0;
border-radius: 3px;
border: 1px solid #b9c8d0;
}
}
blockquote{
margin: 0 auto 20px;
background: #fff;
padding: 20px;
text-align: center;
border-radius: 5px;
box-shadow: 2px 2px 1px 2px rgb(207, 216, 218);
-webkit-box-shadow: 2px 2px 1px 2px rgb(207, 216, 218);
-o-box-shadow: 2px 2px 1px 2px rgb(207, 216, 218);
color:#000;
}
blockquote.math-bg{background: url(/assets/images/math.png) no-repeat; font-size: 18px;}
ol {list-style: decimal; list-style-position: inside;}
ol.tilted-list {
list-style-type: none;
margin: 0;
margin-left: 3em;
padding: 0;
counter-reset: li-counter;
}
ol.tilted-list .title {
margin-bottom: 10px;
font-weight: bold;
text-transform: uppercase;
font-size: 20px;
}
ol.tilted-list > li{
position: relative;
margin-bottom: 20px;
padding: 1em;
border-left: 2px solid #CCCCCC;
background-color: #f5f5f5;
}
ol.tilted-list > li:before {
position: absolute;
top: 0;
left: -0.95em;
width: 1em;
font-size: 4em;
line-height: 1;
font-weight: bold;
text-align: right;
color: #585858;
transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
-webkit-transform: rotate(-25deg);
z-index: -1;
overflow: hidden;
content: counter(li-counter);
counter-increment: li-counter;
}
.semibit{font-weight:500; font-style:italic;}
.accent-blue-txt{font-weight:600; color:#2985c0;}
.navbar, .navbar .dropdown-content {z-index: 9999;}
.navbar {background: #eee;}
.navbar > li {float: left;}
.navbar .dropdown-content:not(.slider-wrapper):not(.lang) li:not(.blog-links) li {border-bottom: 1px solid #60b5f0;}
.navbar a {
display: block;
padding: 4px;
color: #333;
text-decoration: none;
text-align: left;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
-o-text-size-adjust: none;
-webkit-text-size-adjust: none;
}
.navbar > li > a {
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
.navbar > li i:first-child {
color: #2885c1;
text-shadow: 0.5px 0.5px #617d8c;
font-size: 17px;
padding-left: 3px;
width: 18px;
font-weight: 900;
font-family:'Font Awesome 5 Free';
}
.navbar i.fa-star{font-size: 18px; color: #fbb036;}
.navbar .dropdown-content a {
padding: 6px;
color: #fff;
font-size: 14px;
font-family: Candara, sans-serif;
}
.navbar .dropdown {line-height: 2; position: relative;}
.navbar .dropdown-content {display: none;}
.navbar .icon {
vertical-align: text-bottom;
margin-right: 4px;
margin-bottom: -2px;
}
#mobile-menu-menu > li.dropdown span:not(.flags):nth-child(3) {margin-left: 0; left: 15px;}
.mobile-menu-container .navbar span.btn-link {
width: 100%;
padding: 4px 0;
color: #3fa5f1;
font-weight: normal;
font-style: italic;
font-size: 14px;
text-align: left;
}
.mobile-menu-container .navbar .sub-menu.clicked .children img{display: none;}
.down{
position: relative;
content: '\f078';
font: 900 14px 'Font Awesome 5 Free';
}
.up{
position: relative;
content: '\f077';
font: 900 14px 'Font Awesome 5 Free';
}
.navbar .dd-arr {
text-transform: lowercase;
position: relative;
left: 48%;
}
.mobile-menu-options {
position: absolute;
right: 10px;
top: 10px;
}
.mobile-menu-options li {float: left; text-align: center;}
.mobile-menu-options li:not(:first-child) {margin-left: 15px;}
.mobile-menu-options.active li:not(.active) {opacity: .6;}
.mobile-menu-options a {
display: inline-block;
vertical-align: middle;
background: #bccbd3;
border-radius: 3px;
position: relative;
}
.mobile-menu-options .icon {
text-indent: 0;
overflow: visible;
line-height: 1;
}
.mobile-menu-options span:not(.icon) {
vertical-align: top;
color: #eee;
font-weight: bold;
font-size: 10px;
}
.mobile-menu-options .menu-txt {
position: relative;
bottom: 45px;
}
.bg-1 {background: #e2e2e2;}
.bg-2 {background: #dfdfdf;}
.overlay {
display: none;
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(51, 51, 51, .4);
z-index: 998;
}
.box-sh-1 {
-webkit-box-shadow: -6px 6px 0 0 #b9c8d0;
box-shadow: -6px 6px 0 0 #b9c8d0;
}
.box-sh-2 {
-webkit-box-shadow: 0 6px 0 0 #b9c8d0;
box-shadow: 0 6px 0 0 #b9c8d0;
}
.drop-sh {
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .15);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .15);
}
.bord-bott-1,.bord-bott-1-noh {border-bottom: 6px solid #b9c8d0;}
.bord-bott-1:hover {border-bottom-color: #2985c0;}
.bbold {font-weight: bold;}
.calibri {font-family: Calibri, sans-serif;}
.candara, .prize:not(.calibri) {font-family: Candara, sans-serif;}
.opensans {font-family: 'Open Sans', sans-serif;}
.t-align-c {text-align: center;}
.t-align-l {text-align: left;}
.t-align-r {text-align: right;}
.fas.simple > span {text-indent: -9999px;}
.fa-check.simple {color: #7ac543;}
.fa-times.simple {color: #ed5a24;}
.prize {
display: block;
color: #3fa5f1;
font-weight: bold;
font-size: 46px;
text-align: center;
}
.prize.notverified {
display: block;
color: #ec4c57;
font-weight: bold;
font-size: 30px;
}
.prize--b-dr {font-size: 20px;}
.sub-prize {color: #3d3d3e; font-weight: bold;}
.cout-ribbon {
padding-top: 8px;
color: #eee;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
text-align: center;
text-indent: 0;
font-size: 12px;
}
.cout-ribbon span {display: block; font-size: 31px;}
.cout-ribbon span.solo-icon {position: relative; top: 5px;}
.ribbon-css {position: relative;}
.ribbon-css > span {
display: block;
height: 26px;
background-color: #3fa8f4;
text-align: center;
position: relative;
z-index: 10;
}
.ribbon-css::before, .ribbon-css::after {
content: '';
position: absolute;
bottom: -4px;
height: 0;
width: 0;
border-style: solid;
border-width: 12px;
z-index: 9;
}
.ribbon-css::before {
border-right-width: 28px;
border-color: #3286c3 #3286c3 #3286c3 transparent;
left: -22px;
}
.ribbon-css::after {
border-left-width: 28px;
border-color: #3286c3 transparent #3286c3 #3286c3;
right: -22px;
}
.tc-txt{
padding: 5px 10px;
text-align: justify;
line-height: 15px;
font-style: italic;
height: auto;
width: 95%;
}
.narrow{margin: -20px auto;}
.wide{margin: 0px auto 20px;}
.tc-apply {
margin-top: 4px;
font-style: italic;
font-size: 13px;
text-align: center;
}
.tc-apply-short {position: relative;}
.tc-apply-short::after {
content: '*18+ T&C\'s apply!';
display: block;
width: 100%;
position: absolute;
left: 0;
bottom: -25px;
font-size: 14px;
text-align: center;
}
.other-reviews .tc-apply-short::after {content: '*#AD, 18+ T&C\'s apply!';}
.long-terms {width: 90%; float: right;}
.brand-approves .long-terms {width: 100%;}
.bott-three .bord-bott-1.tc-apply-long {margin-bottom: 50px;}
.bott-three .bord-bott-1.tc-apply-long.geo {margin-bottom: 80px;}
.bott-three .bord-bott-1.tc-apply-long:after, .brand-approve:not(.not).tc-apply-long:after {
display: block;
position: absolute;
left: 0;
top: 100%;
text-align: center;
width: 100%;
font-size: 75%;
padding-top: 10px;
}
.brand-approve:not(.not).tc-apply-long:after {padding-top: 15px;}
.grid-box-wrap.tc-apply-long:after {font-size: 75%;}
.terms-bet365::after {
content: '*#AD, Bet £10 & Get £50 in Free Bets for new customers at bet365.Min deposit requirement. Free Bets are paid as Bet Credits and are available for use upon settlement of bets to value of qualifying deposit. Min odds, bet and payment method exclusions apply. Returns exclude Bet Credits stake. Time limits and T&Cs apply.';
font-size: 10px;
}
.terms-bet365-ad::after {
content: '*#AD, Bet £10 & Get £50 in Free Bets for new customers at bet365.Min deposit requirement. Free Bets are paid as Bet Credits and are available for use upon settlement of bets to value of qualifying deposit. Min odds, bet and payment method exclusions apply. Returns exclude Bet Credits stake. Time limits and T&Cs apply.';
font-size: 10px;
}
.terms-grosvenor-ad::after {
content: 'New customers. Max £10. 100% Odds Boost token. See full T&Cs.';
font-size: 10px;
}
.terms-bet365.geo::after {content: '*#AD, Bet £10 & Get £50 in Free Bets for new customers at bet365.Min deposit requirement. Free Bets are paid as Bet Credits and are available for use upon settlement of bets to value of qualifying deposit. Min odds, bet and payment method exclusions apply. Returns exclude Bet Credits stake. Time limits and T&Cs apply. **Geo restrictions apply. Funded account or bet placed 24 hours prior to event required to access.';}
.terms-williamhill::after {
content: '*#AD, 18+ T&C\'s apply, New customers using Promo Code P30 only, min £10/€10 stake, min odds 1/2, free bets paid as 2 x £15/€15 (30 days expiry), free bet/payment method/player/country restrictions apply.';
font-size: 10px;
}
.terms-unibet::after {
content: '18+. BeGambleAware.org. New GB customers only. Min £10 debit card deposit. Place a £10+ bet on sportsbook at min odds 2/5 (1.4) each leg. Receive 2 x £10 free bets within 24 hours of bet settlement, and further 2 x £10 casino bonus the next day.T&C’s apply.';
font-size: 10px;
line-height: 1.1;
}
.terms-bet365-stream::after {
content: '*#AD, 18+ T&C\'s apply! **Geo restrictions apply. Funded account or bet placed 24 hours prior to event required to access.';
bottom: -42px;
font-size: 10px !important;
line-height: 1.1;
font-style: italic;
}
.terms-grosvenor-stream::after {
content: 'New customers. Max £10. 100% Odds Boost token. See full T&Cs.';
bottom: -40px;
font-size: 12px !important;
font-style: italic;
}
span.tc-comp-left {
position: absolute;
width: 100%;
font-size: 12px;
left: 0;
top: 101%;
}
.bott-three .bord-bott-1.tc-apply-long:hover:after {bottom: -90px; left: 0;}
.grid-boxes p.tc-apply {
text-align: center;
font-size: 12px;
margin-bottom: 0;
line-height: 1;
}
.single-brand-mob .tc-apply-short::after {bottom: -45px;}
.three-box.tc-apply-short::after {bottom: -27px; font-size: 13px;}
.tc-apply-short--2::after {content: '*#AD, 18+ T&C\'s Apply!'; font-style: italic;}
.tc-apply-short--3::after {content: '*#AD, 18+ T&C apply; Visit operator\'s website for details'; font-style: italic;}
.brands-vs.brands-vs--2 .tc-apply-short--3:after{bottom:-40px;}
.brands-vs .tc-apply-short::after {font-size: 13px;}
.site-width {margin: 0 auto;}
.page-header {position: relative;}
.accent-orange-txt {
font-weight: 600;
border: 2px solid #adc7d7;
padding: 10px;
border-radius: 5px;
max-width: 75%;
margin: 0 auto 20px;
background: #fff;
position: relative;
}
.accent-orange-txt p{text-align: center;margin: 0;}
.accent-orange-txt p:nth-child(2){color: #ff921e;}
.accent-orange-txt p:nth-child(3){
color: #ff921e;
font-weight: 600;
line-height: 20px;
}
.sticker {
position: relative;
width: 90px;
height: 50px;
font-size: 14px;
font-weight: bold;
margin: 30px auto -12px;
background-color: #fcf59b;
border-radius: 0px 10px 250px / 0 200px 55px 250px;
-webkit-box-shadow: -2px 3px 5px 0 rgba(0,0,0,0.3);
-moz-box-shadow: -2px 3px 5px 0 rgba(0,0,0,0.3);
box-shadow: -2px 3px 5px 0 rgba(0,0,0,0.3);
top: -25px;
}
#paper-pin{
width: 22px;
height: 16px;
z-index: 100;
left: 37px;
top: -8px;
position: relative;
}
.text {
text-align: center;
display: block;
padding: 0px;
font: bold italic 22px 'Lato', sans-serif;
text-transform: uppercase;
color: #3286c3;
position: relative;
top: 10px;
}
.sticker::before {
content: '';
display: block;
position: absolute;
z-index: -1;
width: 90%;
height: 20px;
-webkit-box-shadow: 3px 17px 6px rgba(0,0,0,.3);
-moz-box-shadow: 3px 17px 6px rgba(0,0,0,.3);
box-shadow: 3px 17px 6px rgba(0,0,0,.3);
bottom: 15px;
right: 5px;
-ms-transform: skew(-10deg,2deg);
-webkit-transform: skew(-10deg,2deg);
transform: skew(-10deg,2deg);
}
.sticker::after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
right: 7px;
bottom: -2px;
border-top: 10px solid rgb(156, 166, 61);
border-right: 10px solid transparent;
-webkit-transform: skew(-50deg,30deg);
transform: skew(-50deg,30deg);
}
.page-article, .page-sidebar .widget {
border-radius: 4px;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
}
.page-article {
background: #eee;
z-index: 1;
position: relative;
}
.page-sidebar .title, .simple-heading {
font-weight: bold;
font-size: 18px;
text-align: center;
}
.page-sidebar .title{
border-bottom: 1px solid #c4c4c4;
text-transform: uppercase;
margin-bottom: 4px;
}
.page-sidebar p.title:nth-child(3) {margin-top: 15px;}
.page-sidebar .widget {margin-bottom: 12px; background: #eee;}
.page-sidebar .widget .hvr-shine figure img {border-radius: 5px;}
.page-sidebar .widget--padd {padding: 8px;}
.page-sidebar .widget.latest-posts {padding: 8px 17px; background: #eee;}
.page-sidebar .widget.latest-posts .size-blog-size-xsmall{border-radius: 3px;}
.page-sidebar .widget.latest-posts a{
transition: font-weight 0.2s ease-in-out;
-webkit-transition: font-weight 0.2s ease-in-out;
-moz-transition: font-weight 0.2s ease-in-out;
-o-transition: font-weight 0.2s ease-in-out;
position: relative;
color: #585858;
}
.page-sidebar .widget.latest-posts a:hover {font-weight: 700;}
.page-sidebar .widget.latest-posts a:hover img {
filter: drop-shadow(0px 10px 4px rgba(0, 0, 0, 0.4));
-webkit-filter: drop-shadow(0px 10px 4px rgba(0, 0, 0, 0.4));
-o-filter: drop-shadow(0px 10px 4px rgba(0, 0, 0, 0.4));
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;
}
.page-sidebar .widget.latest-posts a .post-pack__auth{
position: absolute;
top: 50px;
left: 0;
color: #f8f8f8;
background: linear-gradient(to bottom, transparent 0%, rgba(41, 134, 192, 0.5) 13%, rgba(41, 134, 192, 1) 45%);
background: -webkit-linear-gradient(to bottom, transparent 0%, rgba(41, 134, 192, 0.5) 13%, rgba(41, 134, 192, 1) 45%);
width: 100%;
text-align: center;
height: 24px;
padding: 5px 0;
border-radius: 0 0 3px 3px;
}
.page-sidebar .widget.latest-posts > div{margin-bottom: 5px;margin-top: 10px;}
.page-sidebar .widget.latest-posts .post_title{
font-size: 14px;
padding: 15px 4px 10px;
border-bottom: 1px solid #bbbbbb;
margin-bottom: 15px;
}
.page-sidebar .widget.latest-posts span:nth-child(2){margin-right: 10px;}
.page-sidebar .widget.latest-posts .post-title{font-size: 14px; margin: 5px 0;}
.page-sidebar .widget.latest-posts .post-title i{padding-right: 5px;}
.page-sidebar .widget.latest-posts .blog-link{
text-align: center;
display: block;
font: 900 16px 'Lato', sans-serif;
margin-top: -8px;
padding: 5px 0;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.page-sidebar .widget.latest-posts .blog-link:hover {background: #fff;}
.page-sidebar .widget.latest-posts .blog-link:hover i{
transform: translateX(10px);
-webkit-transform: translateX(10px);
-o-transform: translateX(10px);
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.see-more {padding: 14px 8px 5px;}
.see-more li:hover {
background: #fff;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.see-more li:not(:last-child) {border-bottom: 1px solid #e7e7e7;}
.see-more a {
display: block;
padding: 4px 14px;
color: #2890b7;
font-weight: 400;
font-style: italic;
}
.see-more a:hover {color: #ff921e;}
.see-more .icon-wrap {
width: 30px;
height: 19px;
text-align: center;
}
.see-more a:hover .sports.icon {
filter: invert(65%) sepia(100%) saturate(400%) hue-rotate(343deg) brightness(100%) contrast(101%);
-webkit-filter: invert(65%) sepia(100%) saturate(400%) hue-rotate(343deg) brightness(100%) contrast(101%);
-moz-filter: invert(65%) sepia(100%) saturate(400%) hue-rotate(343deg) brightness(100%) contrast(101%);
}
.back-to-top, .page-sidebar .back-to-top, .back-to-top--mobile, .back-to-top--custom {
background: #2985c0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.back-to-top {
color: #fff;
font-weight: bold;
font-size: 17px;
text-align: center;
position: relative;
cursor: pointer;
}
.back-to-top--mobile {
display: none;
right: 1em;
bottom: 1em;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 3px;
text-align: center;
z-index: 998;
}
.back-to-top::before {
top: 4px;
width: 17px;
height: 27px;
}
.back-to-top .icon {
position: absolute;
left: 16px;
top: 0;
}
.back-to-top::after {
content: '';
position: absolute;
left: 12px;
top: -12px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #2985c0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.back-to-top:hover::after {border-bottom-color: #7ac543;}
.back-to-top:hover, .page-sidebar .back-to-top:hover {background: #7ac543;}
.back-to-top--mobile:hover, .back-to-top--custom:hover {background: #ff921e;}
/* Back to Top Custom*/
.back-to-top--custom {
display: none;
position: fixed;
bottom: 1em;
width: 40px;
height: 40px;
right: calc(50% - 535px);
z-index: 1;
font-size: 18px;
cursor: pointer;
line-height: 40px;
text-align: center;
border-radius: 3px;
}
@media only screen and (max-width: 1499px) {.back-to-top--custom {right: calc(50% - 400px);}}
@media only screen and (max-width: 799px) {.back-to-top--custom {right: calc(50% - 350px);}}
@media only screen and (max-width: 710px) {.back-to-top--custom {bottom: 0.35em; right: calc(50% - 290px);}}
@media only screen and (max-width: 640px) {.back-to-top--custom {bottom: 0.35em; right: 2%;}}
/* End Back to Top Custom */
.page-sidebar .back-to-top {margin-top: 24px; padding: 6px 4px;}
.box-full-width {
max-width: 100%;
line-height: 22px;
margin: 0px auto;
box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
padding: 15px;
background: #fff;
border-radius: 5px;
margin-bottom: 13px;
}
.box-full-width .title {
font-weight: bold;
font-family: 'Lato-Bold', sans-serif;
margin-bottom: 10px;
border-bottom: 1px dotted;
display: block;
}
.jumpbar-wrap, .jumpbar, .jumpbar li {position: relative;}
.jumpbar.pay-links li a:before{
content:"";
width:240px;
height:118px;
position:absolute;
top: -45px;
left: -53px;
transform: scale(0.6);
-webkit-transform: scale(0.6);
}
.jumpbar li a.paypal-card:before{background:url('/assets/images/icons/paypal-card.png') no-repeat;}
.jumpbar li a.postepay-card:before{background:url('/assets/images/icons/postepay-card.png') no-repeat;}
.jumpbar li a.skrill-card:before{background:url('/assets/images/icons/skrill-card.png') no-repeat;}
.jumpbar li a.paysafecard-card:before{background:url('/assets/images/icons/paysafecard-card.png') no-repeat;}
.jumpbar li a.bitcoin-card:before{background:url('/assets/images/icons/btc-card.png') no-repeat;}
.jumpbar li a.neteller-card:before{background:url('/assets/images/icons/neteller-card.png') no-repeat;}
.jumpbar {border-radius: 4px;}
.jumpbar.set-2:not(.main) {margin: 30px auto;}
.jumpbar.set-2.main {margin: 15px auto 25px;}
.jumpbar.set-2::before {position: absolute;}
.jumpbar li {
overflow: hidden;
background: #eee;
border-radius: 4px;
}
.jumpbar.set-2 li {height: 46px; line-height: 46px;}
.jumpbar a {
display: block;
color: #000;
text-align: left;
-webkit-transition: all ease .1s;
-o-transition: all ease .1s;
transition: all ease .1s;
}
.jumpbar.set-1 a:hover {padding-left: 20px;}
.jumpbar.set-2 a {padding: 2px 6px 2px 48px;}
.jumpbar li .icon-wrap {
position: absolute;
left: 0;
background: transparent;
border-radius: 4px 0 0 4px;
}
.jumpbar li:not(:hover) .icon-wrap {
top: 10px;
bottom: 10px;
border-right: 1px solid #77777a;
}
.jumpbar.set-1 li .icon-wrap {width: 58px;}
.jumpbar.set-2 li .icon-wrap {width: 36px;}
.jumpbar.set-2-systems li .icon-wrap i{
position: relative;
top: -10px;
font-size: 45px;
left: 13px;
color: #77777a;
transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
}
.jumpbar.set-2.set-2-systems li:hover .icon-wrap i{
color: #fff;
top: 0;
bottom: 0;
}
.jumpbar li:hover .icon-wrap {
top: 0;
height: 100%;
background-color: #ff921e;
transition: background-color 0.2s linear;
-webkit-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
}
.jumpbar.set-1 li:hover .icon-wrap {width: 10px;}
.jumpbar li .icon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.jumpbar.set-1 li:hover .icon {display: none;}
.jumpbar li .text-wrap {overflow: hidden;vertical-align: middle;}
.jumpbar li .text-wrap:first-letter {text-transform: capitalize;}
.jumpbar.set-1 li .text-wrap {
max-height: 45px;
margin-top: -22px;
line-height: 1.4;
}
.jumpbar.set-1.pay-links li .text-wrap {
max-height: 45px;
margin-top: 0;
margin-left: 85px;
line-height: 1.4;
}
.jumpbar.set-2 li .text-wrap {
max-height: 36px;
margin-top: -10px;
line-height: 1.2;
}
.jumpbar-wrap .author .author-char, .jumpbar-wrap .author .author-char2, .jumpbar-wrap .author .author-char3 {float: left; border-radius: 50%;}
.jumpbar-wrap .author > .title {
margin: 0 auto;
padding: 0 4px 0 0;
color: #222;
font-weight: bold;
font-size: 16px;
}
.jumpbar-wrap .author .text-wrap {
background: #333;
border-radius: 50px 4px 0 4px;
color: #fff;
position: relative;
}
.jumpbar-wrap .author .bbold {display: block;}
.jumpbar-wrap .author .text-wrap > p {margin-bottom: 0;}
.jumpbar-wrap .author .text-wrap > p:first-of-type {line-height: 1.4;}
.jumpbar-wrap .author .text-in {
margin-top: 4px;
padding-top: 4px;
color: #eee;
font-size: 14px;
line-height: 1.4;
position: relative;
}
.jumpbar-wrap .author .text-in::before {
content: '';
position: absolute;
top: 0;
right: 0;
height: 1px;
background: #6b6b6b;
}
.heading.heading--for-jumbar > span {line-height: 29px;}
.brand-promo-wrap {margin: 40px auto 20px;}
.brand-promo-wrap > .img-wrap {float: left;}
.brand-promo-wrap.set-1 > .img-wrap {padding-top: 20px;}
.brand-promo-wrap.set-2 > .img-wrap {position: relative; left: -6px;}
.brand-promo-wrap.set-3 > .img-wrap {position: relative; left: -4px;}
.brand-promo {
margin: 30px auto 30px 5px;
border-radius: 6px;
position: relative;
}
.brand-promo.long-terms {margin-bottom: 10px;}
.brand-promo::before {
left: -22px;
bottom: 10px;
border-right: 16px solid #b9c8d0;
}
.brand-promo::after {
left: -16px;
bottom: 16px;
border-right: 16px solid #e2e2e2;
}
.brand-promo > div {position: relative;}
.brand-promo > div:first-child {padding-top: 34px;}
.brand-promo > div:first-child > .rating, .brand-promo > div:first-child > .c-brand {position: absolute; top: -20px;}
.brand-promo > div:last-child > div:last-child {text-align: center;}
.brand-promo .fly-wrap .prize {margin: -7px 0 -3px; line-height: 1;}
.brand-promo p {margin-bottom: 6px;}
.brand-promo .regul {margin-top: 6px;}
.brand-promo .fas-list {
text-align: left;
padding-top: 20px;
display: table;
margin: 0 auto 10px;
}
.brand-promo .fas-list li {line-height: 1.3;}
.brand-promo .regul:not(:first-child) {margin-left: 12px;}
.brand-promo.box-sh-1.bg-1 .regul.icon--gibraltar{display:none;}
.brand-promo > .fly-wrap {
color: #333;
font-weight: bold;
font-family: 'Candara', sans-serif;
text-align: center;
}
.brand-promo .ph-os-wrap {width: 110px; margin: 0 auto;}
.brand-promo .in-2-wrap {font-weight: bold;}
.brand-promo .in-2 {font-weight: bold; font-style: italic;}
.ribbon-l, .ribbon-r {
content: '';
top: 0;
width: 65px;
height: 56px;
background: url('../images/sprites/sprite-global-2.png') -92px -478px no-repeat;
position: absolute;
}
.ribbon-l {left: -38px;}
.ribbon-r {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
right: -38px;
}
.rate-txt {
position: absolute;
z-index: 1;
color: #eee;
text-transform: uppercase;
font-family: 'Lato-Bold', sans-serif;
vertical-align: middle;
top: 0;
transform: translateX(0%);
-webkit-transform: translateX(0%);
-o-transform: translateX(0%);
text-align: center;
line-height: 0.9;
}
.rate-txt span:first-child{
font-size: 14px;
font-weight: 600;
margin-bottom: 2px;
display: block;
}
.rate-txt span:last-child{font-size: 18px; font-weight: 900;}
.rate-txt-l {left: -30px;}
.rate-txt-r {right: -25px;}
.rate-txt-l.comparision-l {
left: -32px;
top:8px;
font-weight: 600;
}
.rate-txt-r.comparision-l {
right: -34px;
top:8px;
font-weight: 600;
}
.set-3 .brand-promo .in-2 {
display: inline-block;
margin-top: 10px;
font-weight: normal;
}
.brand-promo a.out {
padding: 4px 8px;
background: #7ac543;
font-family: 'Lato', sans-serif;
border: none;
position: relative;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.set-1 .brand-promo a.out {line-height: 42px; bottom: -30px;}
.brand-promo a.out::before {
position: absolute;
top: -10px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #7ac543;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.set-1 .brand-promo a.out span {vertical-align: middle; line-height: 1.4;}
.brand-promo a.out:hover {background: #ff921e;}
.brand-promo a.out:hover::before {border-bottom-color: #ff921e;}
.brand-about > .title {
margin-bottom: 14px;
color: #333;
font-weight: bold;
font-size: 20px;
text-transform: uppercase;
}
.brand-about > div .title {font-size: 18px;}
.brand-about > .title span {margin-right: 10px;}
.brand-about > div {
background: #eee;
border-radius: 6px;
font-weight: 400;
}
.brand-about > div > div {padding: 14px;}
.brand-about .fas-list li:before {top: 6px;}
.brand-about > div li:not(:last-child) {margin-bottom: 4px;}
.brand-about .set-1 .devide span:not(.fas) {margin-left: 20px;}
.brand-about .set-2 .devide {line-height: 40px; text-align: center;}
.brand-about .set-2 .icon:not(:first-child) {margin-left: 10px;}
.brand-about p {
margin-bottom: 8px;
line-height: 1.3;
font-size: 13px;
}
.brand-about .title-box span {font-weight: 300;}
.brand-about .title-box span:not(.fas) {display: block;}
.brand-about > div:not(.set-3) .devide {padding-top: 7px; border-top: 2px solid #dfdfdf;}
.brand-about .fas, .brand-about .fab {margin-right: 6px; color: #7ac543;}
.brand-approve {padding: 10px 8px 16px 16px; position: relative;}
.brand-approve::before {
position: absolute;
top: -10px;
left: -60px;
width: 158px;
height: 310px;
background: url('/assets/images/characters/character_approved.svg') no-repeat;
}
.brand-approve.not::before {
position: absolute;
top: -10px;
left: -60px;
width: 158px;
height: 310px;
background: url('/assets/images/characters/character_not_approved.svg') no-repeat;
}
.brand-approve > .title {
border-bottom: 2px solid #eee;
color: #333;
font-weight: bold;
font-size: 32px;
}
.brand-approve > .set-2 {text-align: center;}
.brand-approve .icon-wrap {margin: 0 0 16px;}
.brand-approve.not .set-1 p:last-child {margin-bottom: 0;}
.brand-approve .prize {font-size: 65px; margin: -10px 0;}
.brand-approve .sub-prize.set-a {font-size: 16px;}
.brand-approve .sub-prize:not(.set-a) {font-size: 21px;}
.brand-approve .out {
margin-top: 20px;
width: 148px;
height: 50px;
line-height: 20px;
padding-top: 5px;
}
.brand-approve .out.full {
padding-top: 4px;
height: 48px;
line-height: 40px;
}
.brand-approve .out.full span {line-height: 1.4;}
.text-boxes {margin: 30px auto;}
.text-boxes.example p {margin: 10px 0;}
.text-boxes .grid-box {
min-height: 78px;
padding: 20px;
background: #e2e2e2;
border-bottom: 8px solid #b9c8d0;
margin: 10px 20px 20px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.text-boxes .grid-box.dark {
min-height: 78px;
padding: 20px;
background: #232526;
background: -webkit-radial-gradient(#414345, #232526);
background: radial-gradient(#414345, #232526);
border-bottom: 8px solid #b9c8d0;
margin: 10px 20px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
color: #c8c8c8;
border-top: 5px solid #804b18;
border-left: 5px solid #804b18;
border-right: 5px solid #804b18;
}
.bet-accent{
font: bold italic 15px 'Lato', sans-serif;
color: #fbe870;
padding-right: 4px;
}
.text-boxes .grid-box:hover {border-color: #2985c0;}
.text-boxes .cout-ribbon {float: left; margin: -34px 22px -6px 0;}
/*.text-boxes .cout-ribbon.right {float: right;}*/
.text-boxes p {text-align: justify;}
.terms-in-text {
font-size: 11px;
line-height: 1.1;
font-style: italic;
margin-bottom: 15px;
}
.text-boxes .grid-box > .title {
margin-bottom: 15px;
font-weight: bold;
text-transform: uppercase;
}
.text-boxes .grid-box .subtitle {
margin: 20px 0 10px;
border-bottom: 1px solid #6e5e58;
font-weight: bold;
}
.text-boxes .clearfix-box {margin-top: 28px;}
.bott-three, .bott-three > div {
-webkit-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
.bott-three {margin: 50px auto; text-align: center;}
.bott-three .bord-bott-1.small {position: relative; }
.bott-three .sub-prize{margin-top: 20px;}
.bott-three .sub-prize.no-m {margin-top: 0;}
.bord-bott-1.small .rating {position: absolute; left: -17px; }
.bord-bott-1.small .offer {
position: relative;
top: 10px;
border-bottom: 1px solid #becbd2;
}
.bord-bott-1.small .offer .prize{
margin-bottom: 10px;
margin-top: 0;
color: #3286c3;
}
.bord-bott-1.small .link{padding-top: 20px; margin-bottom: -5px;}
.bord-bott-1.small .link a{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.bott-three > .bord-bott-1.small:nth-child(2)::before{
background: none;
width: 0;
height: 0;
}
.bott-three:hover {margin-top: 50px;}
.bott-three .c-brand.icon {-webkit-box-shadow: none; box-shadow: none;}
.bott-three > div {
display: inline-block;
position: relative;
vertical-align: top;
padding: 18px 8px;
background: #e2e2e2;
border-top: 1px solid #dbdedf;
border-right: 1px solid #dbdedf;
border-left: 1px solid #dbdedf;
}
.bott-three > div:nth-child(2) {position: relative;}
/* .bott-three:not(.other-reviews) > div:nth-child(2) {position: relative; right: 33.3333%;}
.bott-three:not(.other-reviews) > div:nth-child(1) {position: relative; left: 29.53333%;} */
.bott-three.fix:not(.other-reviews) > div:nth-child(1), .bott-three.fix:not(.other-reviews) > div:nth-child(2) {position: relative;}
.bott-three:not(.other-reviews) > div:nth-child(1)::before {
content: '';
position: absolute;
right: -1px;
top: -1px;
width: 46px;
height: 54px;
background: url('../images/sprites/sprite-global.png') 0 -8px no-repeat;
}
.bott-three > div > div:last-child > div {float: left; width: 50%;}
.bott-three .ribbon-l {top: 19px; left: -18px;}
.bott-three .rate-txt-l {top: 30px; left: -4px;}
.bott-three .rate-txt-l.big {left: -13px;}
.bott-three > div:hover, .bott-three > div:nth-child(2):hover {
transform:translateY(-30px);
-webkit-transform:translateY(-30px);
-o-transform:translateY(-30px);
background: #dae9ed;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.bott-three .fas-list {margin-top: 14px;}
.bott-three .fas-list li {
font-weight: 400;
text-align: center;
padding-left: 0;
}
.bott-three .fas-list li:before {content: ""; background: none;}
.bott-three .fas-list li span:before {top: 6px;}
.bott-three .prize {
margin-top: 0;
font-size: 46px;
line-height: 1;
}
.bott-three .prize.small {font-size: 26px;}
.brand-promo-wrap.set-3 .fly-wrap .prize.first-only {margin-top: 20px;}
.bott-three .prize.first {margin-top: 20px;}
.bott-three .prize.small.first-only {margin-top: 38px;}
.bott-three .prize.first-only {margin-top: 25px;}
.brand-promo .fly-wrap .prize.first, .brand-promo-wrap.set-3 .fly-wrap .prize.first {margin-top: 0px;}
.bott-three .regul-wrap {
height: 56px;
line-height: 30px;
margin: 14px 0 -8px;
padding: 10px 0;
border: 1px solid #becbd2;
border-width: 1px 0;
}
.bott-three .regul:not(:first-child) {margin-left: 7px;}
.bott-three a.out {
width: 114px;
height: 40px;
margin-top: 18px;
margin-bottom: 4px;
font-size: 14px;
line-height: 36px;
}
.bott-three a.out.full {font-size: 12px;}
.bott-three a.in {font-size: 12px; color: #7a7a7a;}
.bott-three a.out span {
vertical-align: middle;
line-height: 1.2;
font-family: Calibri, sans-serif;
}
.brand-overview {
margin: 50px auto 30px;
border: 10px solid #b9c8d0;
border-radius: 4px;
}
.brand-overview.closed {position: relative;}
.brand-overview.closed .first, .brand-overview.closed .last{
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
}
.brand-overview .closed-mark {
position: absolute;
font: bold 150px 'Candara', sans-serif;
text-transform: uppercase;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(-15deg);
z-index: 100;
color: #ed5a24;
border-color: #ed5a24;
border-style: solid;
border-width: 2px 0 2px 0;
padding: 0;
}
.brand-overview .closed-mark.not-v {font: bold 75px 'Candara', sans-serif;}
.brand-overview .tc-apply {margin-bottom: 0;}
.brand-overview > .first {border-bottom: 1px solid #c3cfd6; text-align: center;}
.brand-overview .cash-icon {float: left;}
.brand-overview .character-icon {display: inline-block; vertical-align: middle;}
.brand-overview .character-icon {
width: 209px;
height: 279px;
margin-top: -58px;
background: url('../images/characters/character_logo_approved.svg') no-repeat;
position: relative;
}
.brand-overview .character-icon::after {
content: "VERIFIED";
bottom: -8px;
position: absolute;
left: 48px;
font-size: 25px;
font-weight: bold;
color: #3fa8f4;
font-family: 'Viga', sans-serif;
}
.brand-overview .character-icon-not {
width: 209px;
height: 279px;
margin-top: -58px;
background: url('../images/characters/character_logo_not_approved.svg') no-repeat;
position: relative;
}
.brand-overview .character-icon-not::after {
content: "NOT VERIFIED"!important;
bottom: -8px;
position: absolute;
left: 25px!important;
font-size: 25px;
font-weight: bold;
color: #ed5a23;
font-family: 'Viga', sans-serif;
}
.brand-overview .character-icon-not.closed::after {
content: "closed"!important;
text-transform: uppercase;
left: 55px!important;
}
.brand-overview .character-icon .icon, .brand-overview .character-icon-not .icon {
position: absolute;
left: 50px;
bottom: 38px;
}
.brand-overview .cash-icon {
width: 72px;
height: 64px;
margin-top: 36px;
background: url('../images/sprites/sprite-global-2.png') -107px -202px no-repeat;
}
.brand-overview .heading {line-height: 40px; margin-bottom: 10px;}
.brand-overview.not-present ul{
background: #fff;
border-radius: 4px;
padding: 10px 0;
}
.brand-overview .heading > span {
width: 100%;
padding: 0 0 0 12px;
font-size: 22px;
text-align: left;
}
.brand-overview .heading::before {width: 44px;}
.brand-overview .heading::after {border-right-color: #eee;}
.brand-overview .rating-ul {background: #fff; border-radius: 4px;}
.brand-overview .rating-ul li {
padding: 3px 80px 3px 12px;
font-size: 18px;
text-align: left;
position: relative;
}
.brand-overview .rating-ul li:not(:last-child) {border-bottom: 1px solid #eee;}
.brand-overview .rating-ul span {
position: absolute;
right: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #3fa8f4;
font-weight: bold;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
}
.brand-overview .prize-wrap-in {text-align: center;}
.brand-overview .prize {margin: -14px 0 -16px; font-size: 77px;}
.brand-overview .sub-prize.set-1 {font-size: 20px;}
.brand-overview .sub-prize.set-2 {font-size: 24px;}
.brand-overview > .last {text-align: left;}
.brand-overview > .last > div {
background: #fff;
padding-bottom: 10px;
border-right: 1px solid #eee;
}
.brand-overview .title {
position: relative;
line-height: 20px;
padding: 5px 9px 5px 30px;
margin: 0 0 10px;
background: #d4e7f2;
font-weight: bold;
}
.brand-overview .title:before {
content: "";
top: 7px;
left: 6px;
position: absolute;
background: url('../images/sprites/sprite-global.png') no-repeat;
}
.brand-overview .title.col-1:before {
width: 18px;
height: 18px;
background-position: -10px -211px;
}
.brand-overview .title.col-2:before {
width: 20px;
height: 16px;
background-position: -8px -185px;
}
.brand-overview .title.col-3:before {
background-position: -10px -290px;
width: 16px;
height: 16px;
}
.brand-overview .title .icon {margin: 0 6px 3px -4px;}
.brand-overview .bking-wrap a, .brand-overview .sports-wrap > div span {display: inline-block; margin-bottom: 6px;}
.elementsport{text-transform: capitalize;}
.brand-overview .bking-wrap a:hover {font-style: italic;}
.brand-overview a.out {
margin-top: 20px;
padding: 8px 4px;
font-size: 14px;
}
.brands-vs {text-align: center; position: relative;}
.brands-vs--right {float: right; margin: 10px 0 20px 38px;}
.brands-vs--2 {margin: 30px auto 45px;}
.brands-vs--3 {margin: 30px auto 50px;}
.brands-vs.single-brand-mob {margin: 25px 20px 0;}
.brands-vs::before, .brands-vs::after {position: absolute; z-index: 10;}
.brands-vs--1::before {
left: 206px;
top: 16px;
width: 222px;
height: 415px;
background: url('/assets/images/characters/character_magnifying_glass.svg');
}
.single-brand-mob::before {
left: -35px;
top: -40px;
width: 222px;
height: 415px;
background-position: -10px -873px;
}
.brands-vs--2::before, .brands-vs--2::after {top: 0;}
.brands-vs--2::before {
left: 0;
width: 224px;
height: 419px;
background: url('/assets/images/characters/character_pointer.svg') no-repeat;
top: 13px;
}
.brands-vs--2::after {
right: 5px;
width: 260px;
height: 434px;
background: url('/assets/images/characters/character_mobile_check.svg') no-repeat;
}
.brands-vs--3.small::before {
transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
top:-30px;
}
.brands-vs--3.small::before, .brands-vs--3::before {
left: 380px;
width: 175px;
height: 328px;
background: url('/assets/images/characters/character_vs.svg');
}
.brands-vs .grid-box {
background: #e2e2e2;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
border-left: 1px solid transparent;
position: relative;
}
.brands-vs .grid-box:hover {
border-top-color: #adc7d7;
border-right-color: #adc7d7;
border-left-color: #adc7d7;
}
.brands-vs--1 .grid-box {padding: 20px;}
.brands-vs--2 .grid-box:last-child::before {
content: '';
position: absolute;
width: 81px;
height: 81px;
background: url('../images/sprites/sprite-global-2.png') -164px -547px no-repeat;
z-index: 10;
margin-top: 10px;
}
.brands-vs.brands-vs--3 .ribbon-css {margin: 0 22px 20px;}
.brands-vs--3 .grid-box {padding: 14px 4px;}
.brands-vs--3 .grid-box > div.clearfix {
margin-top: 14px;
padding-top: 4px;
border-top: 2px solid #ececec;
}
.brands-vs--3 .grid-box > div.clearfix > div {display: inline-block; vertical-align: top;}
.brands-vs--3 .grid-box > div.clearfix > div:first-child {margin-right: 14px;}
.brands-vs--3 .grid-box p {margin-bottom: 10px; text-align: left;}
.brands-vs .brand-wrap {margin: 0 0 10px; position: relative;}
.brands-vs--3 .brand-wrap .icon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 11;
width: 100px;
height: 41px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.brands-vs .rating.ribbon {position: absolute; top: -1px;}
.brands-vs .grid-box:first-child .rating.ribbon {left: -37px;}
.brands-vs .grid-box:last-child .rating.ribbon {right: -37px;}
.brands-vs .fas-list {margin-bottom: 16px; text-align: left;}
.brands-vs.brands-vs--2 .fas-list {display: table; margin: 0 auto 10px;}
.brands-vs .fas-list li:before{top: 7px;}
.brands-vs--3 .fas-list, .brands-vs--3 .grid-box p {margin-left: 14px;}
.brands-vs .regul:not(:first-child) {margin-left: 10px;}
.brands-vs.not-present .regul.icon.icon--adm {width: 40px;}
.brands-vs:not(.brands-vs--3):not(.not-present) .regul:last-child {display: block; margin: 5px auto 0;}
.brands-vs--3 .regul:not(:first-child) {margin-left: 20px;}
.brands-vs--3 .regul.icon--adm-round {
transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
margin-bottom: -7px;
}
.brands-vs .bking-wrap {
margin-top: 20px;
padding: 6px 6px 2px;
background: #f1f1f1;
border-radius: 4px;
}
.brands-vs .bking-wrap .icon {margin-top: 6px; margin-bottom: 6px;}
.brands-vs .bking-wrap .icon:nth-child(3) {margin-right: 10px; margin-left: 10px;}
/* .brands-vs .rating-wrap > div {float: left; width: 34px;} */
.brands-vs .rating-wrap .ph-os.icon {margin-bottom: 4px;}
.brands-vs .prize {line-height: 1;}
.brands-vs .prize--b-dr {position: relative;}
.brands-vs a.in,
.brands-vs a.out,
.brands-vs span.out.not {
display: table;
margin: 4px auto;
clear: both;
}
.brands-vs--3 a.in {font-size: 11px;}
.brands-vs--3 a.in, .brands-vs--3 a.out {position: relative; top: 4px;}
.brands-vs a.in, .brands-vs span.in {font-style: normal;}
.brands-vs a.out {padding: 6px 12px;}
.brands-vs--1 a.out, .brands-vs--1 a.out.not {margin-top: 20px; padding: 8px 6px;}
.brands-vs--1 .inlink-btn a.out {margin-top: 10px; padding: 5px;}
.less-spc{margin: 15px auto;}
table {
margin: 30px auto 0;
background: #eee;
border: 10px solid #b9c8d0;
border-collapse: collapse;
text-align: center;
overflow: hidden;
}
th, td {
padding: 4px;
vertical-align: middle;
border-left: 1px solid #b9c8d0;
position: relative;
}
th {color: #333; border-bottom: 10px solid #b9c8d0;}
tbody tr:hover {
background: #c7e4ed;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
td{border-bottom: 1px solid #b9c8d0;}
.table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
.table.set-2.live th:nth-child(2), .table.set-2.live td:nth-child(2) {border-left: 1px solid #b9c8d0;}
.table.set-2.live td:nth-child(1) {padding-left:4px;}
.table.set-2.live td.live-features, .table.set-2.live th:nth-child(2){width:25%; display: none;}
.table.set-2.live td.live-features{padding-left: 20px;}
.table.set-2.live td:nth-child(4){padding-left:4px;}
.guide {width: 70%; margin-bottom: 30px;}
.guide.w-50 {width: 50%; max-width: 100%;}
.guide td {padding: 12px 4px;}
.guide tr:hover {background: transparent;}
@media screen and (max-width: 640px) {.guide, .guide.w-50 {width: 100%;}}
.bar {
position: relative;
background-color: #3d3d3e;
width: 150px;
height: 14px;
border-radius: 5px;
margin: 0 auto 20px;
overflow: hidden;
border: 1px solid #b9c8d0;
}
.skill-bar-rate {
position: relative;
font-size: 25px;
line-height: 35px;
color: rgba(0, 0, 0, 0.5);
font-weight: bold;
}
.load {
width: 0;
height: 13px;
border-radius: 0px 5px 5px 0px;
position: absolute;
top: 0px;
background: #7ac543;
}
.table.sport td:nth-child(2) {border-left: 1px solid #b9c8d0; padding-left: 20px;}
.table.sport th:nth-child(2) {border-left: 1px solid #b9c8d0;}
.table th {height: 55px; font-size: 15px;}
.table.sport th:nth-child(3), .table.sport th:nth-child(4), .table.sport th:nth-child(5) {width: 100px;}
.table td {padding: 12px 4px;}
.table:not(.set-1.small) td {padding: 12px 4px;}
.table.set-1.small td {padding: 5px 0px;}
.table.set-1 .age-limit {margin-right: 5px;}
.table.set-1 tr.t-align-c, .table.set-2 tr.t-align-c {background: #f5f5f5; border-bottom: 1px solid #b9c8d0;}
.table.set-1 td.terms, .table.set-2 td.terms {
font-size: 65%;
padding: 5px 2px !important;
width: 90%;
height: auto;
border-bottom: none;
}
.table.set-1 .regul.icon:last-child {display: block; margin: 5px auto 0;}
.table:not(.sport):not(.guide) td:first-child {padding-left: 20px;}
.table:not(.guide) td:not(.terms):first-child:before {
content: '#AD';
position: absolute;
top: 3px;
left: 3px;
font-size: 11px;
font-style: italic;
color: #7a7a7a;
}
.table tr.terms td {padding: 5px; font-size: 11px;}
.table td:last-child {padding: 12px 8px;}
.table td:first-child .rating.ribbon {position: absolute;}
.table.set-2:not(.casino) td:nth-child(4) {width: 22p6x; padding-left: 20px;}
.table.set-2.sport td:nth-child(4) {width: auto; padding-left: 4px;}
.table.set-3 td:nth-child(5) {width: 192px; padding-left: 20px;}
.table .highl-list, .table.set-3 .fas-list {text-align: left; padding-left: 5px;}
.table.payments .highl-list {padding-left: 20px;}
.table .highl-list li {line-height: 1.2;}
.table.set-3 .fas-list li {line-height: 1.3;}
.table .circle-yes, .table .circle-no{background: #fff; border-radius: 50%;}
.table .circle-yes{padding: 10px;}
.table .circle-no{padding: 10px 13px;}
.table .fa-check, .table .fa-times {font-size: 21px;}
.table .prize {margin-bottom: -4px; margin-top: -10px;}
.table tr.f-clbr .prize:not(.prize--b-dr) {font-family: Calibri, sans-serif;}
.table.set-3 .ph-os {margin: 4px 0 4px 6px;}
.table a.in, .table span.in {
margin-top: 4px;
color: #7a7a7a;
font-size: 11px;
}
.table span.in {color: #3fa5f1;font-style: italic;}
.table a.out {padding: 7px;}
.table a.in:hover {color: #3fa5f1; text-decoration: underline;}
.table-three {width: 234px; text-align: center;}
.table-three a > .c-brand.icon {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.table-three a:hover > .c-brand.icon {
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
-webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
-o-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
}
.table-three .icon--full-ribbon-small {
margin-top: 26px;
margin-bottom: 16px;
text-indent: 0;
color: #eee;
font-weight: bold;
font-size: 16px;
line-height: 36px;
text-transform: uppercase;
text-align: center;
position: relative;
overflow: visible;
}
.table-three .icon--full-ribbon-small::before {
content: '';
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: -24px;
width: 40px;
height: 16px;
background: url('../images/sprites/sprite-global.png') -4px -391px no-repeat;
}
.table-three > .row {
display: table;
width: 100%;
padding: 8px;
background: #fdfdfd;
border: 1px solid #e2e2e2;
border-radius: 4px;
position: relative;
}
.table-three > .row:not(:nth-child(2)) {margin-top: 20px;}
.table-three > .row:not(:last-child) {margin-bottom: 10px;}
.table-three > .row::before, .table-three > .row::after {content: ''; position: absolute;}
.table-three > .row::before {
left: -2px;
top: -2px;
width: 21px;
height: 20px;
background: url('../images/sprites/sprite-global-2.png') no-repeat;
}
.table-three > .row:not(:last-child)::after {
bottom: -11px;
left: 0;
right: 0;
height: 1px;
background: #c8c8c8;
}
.table-three > .row:nth-child(2)::before {background-position: -168px -647px;}
.table-three > .row:nth-child(3)::before, .table-three > .row:nth-child(4)::before {background-position: -198px -647px;}
.table-three > .row:last-child::before {background-position: -228px -647px;}
.table-three > .row > div {
display: table-cell;
vertical-align: middle;
width: 50%;
}
.table-three > .row .last > div {
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
}
.table-three a.in {font-size: 11px;}
.table-three a.in:not(:hover) {font-style: normal;}
.page-footer {
padding-bottom: 1px;
color: #97a3ab;
position: relative;
}
.page-footer .social-icons {position: absolute; width: 196px;}
.page-footer .social-icons a {margin-right: 5px;}
.page-footer .social-icons:hover .icon {height: 44px;}
.page-footer .social-icons .icon:hover {position: relative;bottom: 3px;}
/* Custom Footer*/
.custom-footer {
background: #333;
color: #97a3ab;
display: inline-block;
text-align: center;
max-width: 100%;
width: 100%;
}
.custom-footer p.inline-p {
display: inline-block;
margin-right: 0;
margin-bottom: 0;
padding: 5px 0;
}
/* End Custom Footer */
/*Social Share*/
.social-share {text-align: right;}
.social-share > div {display: inline-block; margin-right: 5px;}
.fb_iframe_widget span {vertical-align: middle!important;}
/*End Social Share*/
.page-footer > .site-width {width: 100%; position: relative;}
.page-footer a {color: #97a3ab;}
.page-footer a:hover {color: #d6e2ea;}
.page-footer .info, .page-footer .text-wrap {border-bottom: 2px solid #666e73;}
.page-footer .info {margin-bottom: 10px; padding: 6px 0;}
.page-footer .info li {
display: inline-block;
font-weight: bold;
font-size: 13px;
}
.page-footer .info li:not(:first-child) {margin-left: 10px;}
.page-footer .info li::before {margin-right: 10px; font-size: 16px;}
.page-footer .info li:first-child::before {display: none;}
.page-footer .text-wrap > p, .page-footer .text-wrap > div {margin-bottom: 10px;}
.page-footer .text-wrap > div > span:not(.icon):not(.txt) {
margin: 0 15px;
font-weight: bold;
font-size: 22px;
vertical-align: middle;
}
.page-footer .text-wrap > div > span.txt {
color: #6c98b5;
text-shadow: 1px 1px #000;
margin-top: 5px;
}
.page-footer .dmca-badge > img { margin: 0 0 0 15px;}
.page-footer > .site-width > p {padding: 4px 0;}
.slider-wrapper, .slider {position: relative; z-index: 995;}
.slider-wrapper {margin: 0 auto; overflow: hidden;}
.slider > * {
display: none;
float: left;
text-align: center;
}
.slider-wrapper.set-1 li a{position:relative;}
.slider-wrapper.set-1 li:hover a:after{
content: '\f00e';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #e2e2e2;
position: absolute;
font-size: 35px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9));
width: 210px;
height: 120px;
padding: 30px 0;
}
.set-2 .slider > *:first-child {display: block;}
.slide-prev, .slide-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
cursor: pointer;
z-index: 996;
}
.slide-prev {left: 0;}
.slide-next {right: 0;}
.slider-wrapper.set-1 {margin: 20px auto;}
.slider-wrapper.set-1 {padding: 28px;}
.slider-wrapper.set-2 {padding: 14px 22px;}
.set-1 .slide-prev {left: 6px;}
.set-2 .slide-prev {left: -36px;}
.set-1 .slide-next {right: 6px;}
.set-2 .slide-next {right: -36px;}
.slider-wrapper > .title {
margin-bottom: 16px;
font-weight: bold;
font-size: 20px;
text-align: center;
}
.slider-wrapper > p {
margin-top: 10px;
margin-bottom: 0;
font-style: italic;
}
.slider-in {margin: 0 auto;}
.set-1 .slider-in p {
margin-top: 4px;
margin-bottom: 0;
text-align: left;
}
.set-1 .slider-in p::before {
content: '';
display: inline-block;
vertical-align: middle;
width: 5px;
height: 10px;
margin-right: 4px;
background: url('../images/sprites/sprite-global-2.png') -273px -10px no-repeat;
}
.slider-parent {position: relative;}
.set-2 .slider-in {
padding: 10px;
background: #fff;
border-radius: 4px;
}
.set-1 .slider > li > div {display: inline-block; vertical-align: middle;}
.set-2 .slider li > .clearfix {padding-top: 10px;}
.set-2 .slider li > .clearfix > a {
float: left;
width: 32%;
margin: 0 .666666%;
}
#lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 20px 0 60px;
background: rgba(0, 0, 0, .8);
z-index: 999;
}
#lightbox .close {
position: absolute;
bottom: -50px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
padding: 4px 14px;
background: #494949;
color: #fff;
font-size: 20px;
text-align: right;
cursor: pointer;
z-index: 10;
border-radius: 5px;
}
#lightbox .close i{padding-left: 10px;}
.lightbox__content {
width: 100%;
height: 90%;
position: relative;
text-align: center;
}
.lightbox__content img {
max-width: 80%;
max-height: 90%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.lightbox__nav .lightbox__slide-nav {
display: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #494949;
padding: 4px 14px 8px;
color: #fff;
text-decoration: none;
cursor: pointer;
z-index: 996;
}
.lightbox__nav .next {right: 10px;}
.lightbox__nav .prev {left: 10px;}
ul.payments-content{padding:0;margin:0 auto 20px; text-align: center;}
ul.payments-content li{display: inline-block; padding:5px;}
ul.payments-content li:before{content:" ";}
ul.payments-content li > span{
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
border-radius: 5px;
}
.double-outline {
border: 2px solid #7ac843;
outline: 1px solid #000;
outline-offset: 1px;
box-sizing: content-box;
}
.error {
background:linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../media/stadium.jpg')no-repeat;
background-size: cover;
font-family: 'Open Sans', sans-serif;
font-size: 100%;
padding: 15em 0 20em;
position:fixed;
left:0;
right:0;
z-index:1;
display: block;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
width:100%;
height:100%;
}
.not-found {
margin: 0em auto;
padding: 7em 3em;
background:rgba(255, 255, 255, 0.3);
border-radius: 5px;
width: 960px;
overflow: hidden;
position: fixed;
left: 0;
right: 0;
top:5%;
z-index: 9999;
}
.not-found.not-authorized p{line-height: 1; font-size: 16px;}
.notfound-top h1 {
font-size: 9.5em;
color: #94a531;
padding-top: 0.2em;
text-shadow: 5px 4px rgba(51, 51, 51, 0.8);
}
.notfound-top {
float: left;
width: 35%;
text-align: right;
}
.content {
float: right;
width:50%;
padding-left: 3em;
border-left: 2px solid #94a531;
}
.content p {
font-size: 18px;
font-weight: 500;
line-height: 1.8em;
color:#fff;
margin: 20px 0px;
}
.content .out{padding:8px; margin-bottom:20px;}
/* SITEMAP */
.stm-block{padding: 20px 0 40px; overflow: hidden;}
.stm-block .title{
font-weight: bold;
font-style: italic;
margin: 20px auto 0px;
text-align: center;
}
ul.sec-lvl li, ul.sec-lvl .trd-lvl li, ul.sitemap .trd-lvl li{padding: 5px 0 0px 30px;}
ul.trd-lvl.blog {padding-left: 20px;}
ul.sitemap, ul.sec-lvl {display: block; width: 95%;}
ul.sitemap li, ul.sec-lvl li {display: inline-block;}
ul.sitemap{margin-left:4%;}
ul.sitemap li{margin-right: 10px;}
.rev-list {
width: 32%;
float: left;
margin-top: 20px;
}
.rev-list.first {margin-left: 4%;}
.rev-list .trd-lvl {margin-left: 15px;}
.rev-list li{position: relative;}
ul.sec-lvl li:before, ul.rev-list li:before{
content: '\f105';
font-family:"Font Awesome 5 Free";
font-weight:900;
}
ul.sec-lvl li:last-child{padding-bottom: 5px;}
ul.sec-lvl > li:not(.trd-lvl):nth-child(1), ul.sitemap li#first, ul.sec-lvl li#second{
font-weight:bold;
font-style:italic;
display: block;
margin-top: 20px;
}
ul.sitemap ul.sec-lvl > li:nth-child(1){font-weight:normal; font-style:normal;}
ul.sec-lvl li#first:before, ul.sitemap li#first:before, ul.sec-lvl li#second:before{content: ' ';}
ul.trd-lvl li:before{
content: '\f101';
font-family:"Font Awesome 5 Free";
font-weight:900;
}
/* MAIL */
.contacts{
overflow:hidden;
padding:150px 0;
position:relative;
}
.contacts-txt{
display:inline-block;
width: 55%;
float: right;
}
.contacts-txt img{margin: 0 auto; display: block;}
.contacts-txt p{margin-top: 20px; font-size: 18px;}
.mailbox {
position: absolute;
height: 120px;
width: 200px;
background: #2985c0;
top: 150px;
left: 100px;
z-index: 8;
border-top-left-radius: 50px;
border-top-right-radius: 60px;
border: 5px solid #694835;
display:inline-block;
}
.mailbox:before {
position: absolute;
content: "";
height: 100%;
width: 50%;
background: #0a4871;
border-top-left-radius: 50px;
border-top-right-radius: 55px;
border: 5px solid #694835;
top: -4%;
left: -11%;
}
.mailbox:after {
position: absolute;
content: "";
height: 100%;
width: 50%;
background: linear-gradient(45deg, #145e8d 50%, #1676b4 50%, #0868a6 52%);
transform: skew(10deg, 0deg);
border-top-left-radius: 50px;
border-top-right-radius: 55px;
border: 5px solid #694835;
top: -4%;
left: -20%;
}
.new-mail {
position: absolute;
list-style: none;
height: 100px;
width: 70px;
z-index: 0;
border-radius: 8px;
border: 3px solid #694835;
top: -41%;
transform: rotate(19deg);
background-color: #FFD03C;
background: linear-gradient(110deg, #fdcd3b 50%, #694835 50%, #ffed4b 55%);
}
li.new-mail:nth-child(1) {
background: linear-gradient(110deg, #adc7d7 50%, #694835 50%, #8199a8 52%);
position: absolute;
left: -116%;
top: 20%;
transform: rotate(-55deg);
}
li.new-mail:nth-child(2) {
background: linear-gradient(110deg, #7ac843 50%, #694835 50%, #a9e480 55%);
position: absolute;
left: 43%;
top: 29%;
transform: rotate(-123deg);
}
.flag-eye {
position: absolute;
height: 28px;
width: 28px;
left: 56%;
top: 37%;
border-radius: 50%;
background: #244F56;
z-index: 3;
border-left: 4px solid #1F1F1F;
}
.flag-eye:after {
position: absolute;
content: "";
height: 13px;
width: 13px;
background: #EDEDED;
border-radius: 50%;
top: 23%;
left: 5%;
}
.flag-holder {
position: absolute;
height: 80%;
width: 6%;
z-index: 2;
background: #333436;
right: 33%;
top: -34%;
}
.flag-holder:before {
position: absolute;
content: "";
background: #333436;
height: 20px;
width: 40px;
border-top-left-radius: 10px;
top: -12%;
}
.flag-right-eye {
position: absolute;
background: #2985c0;
border-top: 3.5px solid #333436;
height: 25px;
width: 28px;
border-radius: 50%;
right: 5%;
top: 45%;
}
.smile {
position: absolute;
background: #2985c0;
border-bottom: 3.5px solid #333436;
height: 25px;
width: 20px;
border-radius: 50%;
bottom: 16%;
right: 20%;
}
.flag-stick {
position: absolute;
height: 85px;
width: 40px;
background: #BF815A;
left: 28%;
top: 104%;
border: 4px solid #704733;
}
.flag-stick:before {
position: absolute;
content: "";
border-left: 2px solid #704733;
width: 5px;
height: 100%;
left: 25%;
}
.notification {
position: absolute;
height: 40px;
width: 40px;
border-radius: 50%;
background: #FD2526;
border: 3px solid #333436;
z-index: 4;
right: -2%;
top: -18%;
text-align: center;
color: white;
text-height: 2px;
animation: pulse 0.75s infinite;
}
.notification:after {
position: absolute;
top: 25%;
left: 30%;
height: 2.5em;
font-family: Arial;
font-size: 20px;
content: "3";
}
@keyframes pulse {50% {transform: scale(0.8);}}
@-webkit-keyframes pulse {50% {transform: scale(0.8);}}
/* COOKIES */
.fv-cookie {
z-index: 9999;
position: fixed;
bottom: 0;
left: 0;
display: none;
box-sizing: border-box;
width: 100%;
padding: 15px;
background-color: rgba(0, 0, 0, 0.8);
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
animation: fadeInUp;
-o-animation: fadeInUp;
-webkit-animation: fadeInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.fv-cookie__wrap {
font-family: sans-serif;
font-size: 14px;
line-height: 1.3;
max-width: 768px;
margin: 0 auto;
color: #fff;
}
.fv-cookie__wrap a {text-decoration: underline; color: inherit;}
.fv-cookie__wrap a:hover {color: inherit;}
.fv-cookie__button {
display: block;
width: 100%;
padding: 5px 0;
cursor: pointer;
background: #ff921e;
border: 2px solid #ff921e;
border-bottom: 2px solid #c17524;
border-radius: 4px;
color: #fff;
font-weight: bold;
letter-spacing: 1px;
font-family: inherit;
}
.fv-cookie__button:hover {
color: #fff;
background: #ffac26;
border-top: 2px solid #c17524;
border-bottom: none;
}
.fv-cookie__wrap__text {margin: 0 0 15px 0;}
/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
/* -------------- */
@media only screen and (max-width: 1499px) {
.jumpbar li {margin-bottom: 10px; line-height: 52px;}
.jumpbar.set-1 li {height: 52px; line-height: 52px;}
.jumpbar.pay-links li {
height: 50px;
line-height: 35px;
border-radius:20px;
}
.jumpbar.set-1 a {padding: 8px 4px 8px 70px;}
.jumpbar.set-1 li .icon {
-webkit-transform: scale(.8) translate(-64%,-62%);
-ms-transform: scale(.8) translate(-64%,-62%);
transform: scale(.8) translate(-64%,-62%);
}
.brand-promo-wrap > .img-wrap {display: none;}
.set-2 .brand-promo .fas-list li:not(:last-child) {margin-bottom: 4px;}
.brand-promo .fly-wrap .prize {font-size: 66px;}
.brand-promo .fly-wrap .prize.notverified {font-size: 36px; margin-top: 38px;}
.brand-promo .fly-wrap > span:not(.prize):not(.sub-prize) {font-size: 16px;}
.brand-promo .fly-wrap > span.sub-prize {font-size: 20px; line-height: 1;}
.set-1 .brand-promo a.out {height: 53px;}
.set-1 .brand-promo a.out span {font-size: 16px;}
.bott-three .regul-wrap {margin-bottom: 2px;}
.bott-three .prize.first-only {margin-top: 26px; margin-bottom: 22px;}
.brand-promo-wrap.set-3 .fly-wrap .prize.first-only {margin-top: 0;}
.mt50{margin-top:0px !important;}
.table.set-1:not(.guide) th:nth-child(2), .table.set-1:not(.guide) td:nth-child(2), .table.set-1:not(.payments) th:nth-child(6), .table.set-1:not(.payments) td:nth-child(6), /*ONLY SHOW OFFER BTN */ .table.set-2:not(.sport) th:nth-child(4), .table.set-2:not(.sport) td:nth-child(4), .table.set-2.sport th:nth-child(2), .table.set-2.sport td:nth-child(2), .table.set-3 td:nth-child(5), .table.set-3 th:nth-child(5){display:none;}
.table.set-1.resp-table th:nth-child(2), .table.set-1.resp-table td:nth-child(2), .table.set-1.resp-table th:nth-child(5), .table.set-1.resp-table td:nth-child(5), .table.set-2.resp-table th:nth-child(4), .table.set-2.resp-table td:nth-child(4), .table.set-3.resp-table th:nth-child(3), .table.set-3.resp-table td:nth-child(3) {
position: relative;
top: 0;
left: 0;
}
.table.set-3 td {width: 20%;}
.brand-overview > div {padding: 10px;}
.brand-overview > .last > div > div {padding: 0 9px;}
.brand-approve:not(.not) {margin: 20px auto;}
.brand-approve.mb50:not(.not) {margin: 20px auto 50px;}
.brand-approve.mb75:not(.not) {margin: 20px auto 75px;}
.brand-approve.not {margin: 20px auto 40px;}
.page-footer > .site-width > p {margin-bottom: 0;}
.bott-three .bord-bott-1.tc-apply-long {margin-bottom: 60px;}
.bott-three .bord-bott-1.tc-apply-long.geo {margin-bottom: 100px;}
.bott-three .sub-prize.first {margin-top: 12px;}
.long-terms {width: 100%;}
}
@media only screen and (max-width: 1023px) {
.page-header {
margin-bottom: 10px;
background: #333;
z-index: 999;
}
.page-header.fixed {
position: fixed;
left: 0;
right: 0;
top: 0;
}
.back-to-top--mobile.fixed {position: fixed; display: block;}
#logo img {vertical-align: middle;}
.mobile-menu-options .icon {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: scale(.8) translate(-60%,-60%);
-ms-transform: scale(.8) translate(-60%,-60%);
transform: scale(.8) translate(-60%,-60%);
}
.navbar, .navbar .bking, .navbar .slide-nav, .page-sidebar {display: none;}
#nav-icon1.open span, #nav-icon2.open span {height: 6px;}
#nav-icon1.open span:nth-child(1), #nav-icon2.open span:nth-child(1), #nav-icon1.open span:nth-child(2), #nav-icon2.open span:nth-child(2) {
display: block;
position: absolute;
width: 28px;
background: #585858;
border-radius: 9px;
opacity: 1;
top: 18px;
left: 6px;
}
#nav-icon1.open span:nth-child(1), #nav-icon2.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#nav-icon1.open span:nth-child(2), #nav-icon2.open span:nth-child(2){
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#nav-icon1, #nav-icon2 {
height: 40px;
position: relative;
margin: 0px auto;
cursor: pointer;
top: -40px;
}
.global-2.icon.icon--menu-offer.open, .global-2.icon.icon--menu-top3.open {width: 0;}
.mobile-menu-container .navbar .slider-wrapper li {display: block!important;}
.mobile-menu-container {
position: fixed;
top: 70px;
width: 240px;
height: 100%;
background: #eee;
overflow: auto;
z-index: 999;
}
.mobile-menu-container > * {width: 100%; padding: 10px 14px 0px;}
.mobile-menu-container .table-three,
.mobile-menu-container #mobile-menu-offer {padding-bottom: 20px;}
.mobile-menu-container .table-three > .row:not(:nth-child(2)) {margin-top: 12px;}
.mobile-menu-container > * > .title, .mobile-menu-container .table-three > .icon, .mobile-menu-container .table-three > .row:not(:last-child)::after {display: none;}
.mobile-menu-container .table-three > .row:nth-child(2) {margin-top: 0;}
.mobile-menu-container .see-more a {padding-left: 0;}
.mobile-menu-container .see-more li:first-child a {padding-top: 0;}
.mobile-menu-container .see-more li:last-child a {padding-bottom: 0;}
.mobile-menu-container #mobile-menu-offer {text-align: center;}
.mobile-menu-container .navbar, .mobile-menu-container .navbar li.focus > .dropdown-content:not(.lang) {display: block;}
.mobile-menu-container .navbar li.focus > .dropdown-content.lang {
display: table;
margin: 0 auto;
padding-left: 77px;
}
.mobile-menu-container .navbar {
padding-left: 0;
padding-right: 0;
min-height: 235px;
}
.mobile-menu-container .navbar > li {padding-left: 14px; padding-right: 14px;}
.mobile-menu-container .navbar .children:not(.lang):not(.widget-sports) li:not(.main)::before {
content: '\27A4';
color: #333;
float: left;
margin-right: 5px;
margin-top: 5px;
font-size: 12px;
}
.mobile-menu-container .global.icon, .mobile-menu-container .icon.icon-navbar--icon-logo-desktop, .navbar > li i, .navbar > li i:first-child {width: 25px; margin-right: 5px;}
.mobile-menu-container .global.icon.icon-navbar--icon-06 {background-position: -13px -3635px;}
.mobile-menu-container .navbar li.focus > .dropdown-content:not(.lang) {padding-left: 20px;}
.dropdown-content.lang li span:nth-child(2) {
top: 0;
position: relative;
left: 10px;
text-transform: capitalize;
}
.mobile-menu-container .navbar li {float: none;}
.mobile-menu-container .navbar > li:not(:last-child) {border-bottom: 1px solid #e4e4e4;}
.mobile-menu-container .navbar li.focus {background: #3fa5f1;}
.mobile-menu-options li:nth-child(3) > a > span.menu-txt{position: relative; top: -45px;}
#nav-icon3 {
height: 45px;
position: relative;
margin: 0px auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#nav-icon3 span {
display: block;
position: absolute;
width: 100%;
background: #585858;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#nav-icon3.open span:nth-child(1) {width: 0%; left: 50%;}
#nav-icon3.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {width: 0%; left: 50%;}
#mobile-menu-menu > .sub-menu.clicked > .dd-btn > span:nth-child(2){display:none;}
#mobile-menu-menu > .sub-menu.clicked > .dd-btn > span:nth-child(3){display: inline-block;}
.mobile-menu-container .dd-btn{position: relative;}
.mobile-menu-container .dd-btn:after{
position: absolute;
content: "\f103";
font: 900 14px 'Font Awesome 5 Free';
font-style: italic;
color: rgba(63, 165, 241, 0.8);
padding: 3px 0 0 10px;
}
.mobile-menu-container .dd-menu.languages .dd-btn:after{color: #eee;}
#mobile-menu-menu > .sub-menu.clicked > .dd-btn > .flags.en {display: none;}
.mobile-menu-container .navbar .sub-menu.clicked .dd-btn{
font-style: normal;
color: rgba(88, 88, 88, 0.9);
border-bottom: 2px solid #adc7d7;
font-weight: 600;
}
.mobile-menu-container .navbar .sub-menu.clicked .dd-btn:before{
position: absolute;
content: "BACK";
font: 600 15px 'Lato', sans-serif;
font-style: normal;
padding: 2px 0 0 10px;
left: 19px;
color: rgba(88, 88, 88, 0.9);
}
.mobile-menu-container .navbar .sub-menu.clicked .dd-btn:after{
position: absolute;
content: "\f100";
font: 900 16px 'Font Awesome 5 Free';
font-style: normal;
padding: 3px 0 0 10px;
margin-left: 35px;
color: rgba(88, 88, 88, 0.9);
}
#mobile-menu-menu > .sub-menu.clicked.dd-menu.languages {background: #eee;}
#mobile-menu-menu > .sub-menu.clicked > div > div > a{font-size: 16px;font-style: normal;}
#mobile-menu-menu > .sub-menu.clicked > div > div > ul > li a, #mobile-menu-menu > li.dd-menu.blog.doubletap.sub-menu.clicked > ul > li:nth-child(2) > a{font-size: 15px;}
.mobile-menu-container .sub-menu.clicked a{color: #3fa8f4;display:block;}
.mobile-menu-container .sub-menu.clicked .widget-sports a {width: 80%;display: inline-block;}
.sports.icon[class*='icon-'] {
transform: scale(0.55)!important;
position: relative;
top: 8px;
}
.widget-sports .icon-wrap {width: 35px;}
.mobile-menu-container .navbar .slider-wrapper li:not(.main), .mobile-menu-container .navbar .lang li, .mobile-menu-container .navbar .blog-links li:not(.main), .mobile-menu-container .navbar .children ul li, .mobile-menu-container .navbar .small.children .main{border-bottom: 1px solid rgba(173, 199, 215, 0.5); padding-left: 15px;}
.mobile-menu-container .navbar .small.children .main span{font-size: 14px;}
.mobile-menu-container .navbar .main .info{display:none;}
.mobile-menu-container .navbar .blog-links li.main a{font-size: 16px;}
#mobile-menu-menu > .dd-menu.languages.sub-menu.clicked > .children li > a > span.flags{
top: 2px;
position: relative;
margin-right: 0;
}
.mobile-menu-container .sub-menu .children {display:none;}
.mobile-menu-container .sub-menu.clicked {
position: absolute;
top: 0;
background: #eee;
width: 100%;
height: 100%;
z-index: 9999;
}
.mobile-menu-container .sub-menu.clicked .children{display:block;}
.mobile-menu-container .navbar a {
width: 100%;
padding: 4px 0;
color: #3fa5f1;
font-weight: normal;
font-style: italic;
font-size: 14px;
text-align: left;
}
.mobile-menu-container .navbar li.focus a {color: #eee;}
.flags.en {
width: 30px;
top: 3px;
position: relative;
left: 13px;
}
.navbar .icon.icon-navbar--icon-lang {margin-bottom: 1px;}
#mobile-menu-menu > li.dd-menu.languages.active .dropdown-content.lang{margin: 10px;}
#mobile-menu-menu > li.dd-menu.languages.active .dropdown-content.lang a{color: #f8f8f8;}
#mobile-menu-menu > li.dd-menu.languages{background: #333333;}
#mobile-menu-menu > li.dd-menu.languages > .btn-link, #mobile-menu-menu > li.dd-menu.languages > a.btn:after {color: #eee;}
#mobile-menu-menu > li.dd-menu.languages > .btn-link:after {padding: 5px 0 0 10px;}
.brand-overview > .last .fas-list li, .brand-overview .bking-wrap > div, .brand-overview .sports-wrap > div {font-size: 14px;}
}
@media only screen and (max-width: 799px) {
.center-sm{float:none; margin: 0 auto 10px;}
h3, h4, h5, h6 {font-size: 18px;}
.heading:not(.heading--for-jumbar) > span {padding: 4px;}
.heading--for-jumbar .icon {
-webkit-transform: scale(.6);
-ms-transform: scale(.6);
transform: scale(.6);
}
.jumpbar-wrap .author > .title {padding-left: 80px;}
.jumpbar-wrap .author .author-char, .jumpbar-wrap .author .author-char2, .jumpbar-wrap .author .author-char3 {
-webkit-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);
margin: -50px -10px -30px -50px;
}
.jumpbar-wrap .author .text-wrap {
margin: 0 auto;
padding: 10px;
border-bottom-right-radius: 4px;
}
.brand-promo .fly-wrap .prize.first-only {margin-top: 25px;}
.set-3 .brand-promo .fly-wrap .prize {font-size: 56px;}
.set-3 .brand-promo .fly-wrap .prize.notverified {font-size: 29px; margin-top:67px;}
.brand-promo .in-2-wrap, .brand-promo .in-2 {font-size: 14px;}
.table.set-1.payments th:nth-child(3), .table.set-1.payments td:nth-child(3), .table.set-1 th:nth-child(4), .table.set-1 td:nth-child(4), .table.set-1:not(.payments) th:nth-child(5), .table.set-1:not(.payments) td:nth-child(5), .table.set-1:not(.payments) th:nth-child(6), .table.set-2.payment th:nth-child(2), .table.set-2.payment td:nth-child(2), .table.set-3 th:nth-child(5) {
position: absolute;
top: -9999px;
left: -9999px;
}
.table.set-3 .prize, .table.set-3 .sub-prize {display: inline;}
.table.set-3 .prize {font-size: 15px; font-family: 'Lato', sans-serif;}
.text-boxes .grid-box {margin-bottom: 30px;}
.brand-overview .prize-wrap {margin: 20px auto;}
.brand-overview .title {font-size: 13px;}
.brand-overview .heading {line-height: 33px;}
.brand-overview .heading > span {padding-left: 12px;}
.brand-overview .heading > span > span {float: right;margin-right: 12px;}
.brand-promo-wrap.set-3 .fly-wrap .prize.first {margin-top: 15px;}
.brand-promo-wrap.set-3 .fly-wrap .prize.first-only {margin-top: 25px;}
.slider-wrapper--left, .slider-wrapper--right {margin: 20px auto;}
.breadcrumbs li:not(:last-child):after {top: 6px;}
.breadcrumbs li {
margin-right: 10px;
padding-right: 5px;
font-size: 12px;
}
.bott-three .bord-bott-1.tc-apply-long {margin-bottom: 115px;}
.bott-three .bord-bott-1.tc-apply-long.geo {margin-bottom: 140px;}
.bott-three {margin-bottom: 15px;}
.bott-three:not(.other-reviews) > div:nth-child(1) {left: 0;}
.bott-three:not(.other-reviews) > div:nth-child(2) {right: 0;}
}
@media only screen and (max-width: 639px) {
.table td:first-child .ribbon-l {
left: 0px;
background: #7ac843;
width: 32px;
height: 90%;
top: 4px;
}
.table tr:last-child td:first-child .ribbon-l {height: 82%;}
.table .rate-txt.rate-txt-l > span:nth-child(1){display:none;}
.table .rate-txt.rate-txt-l {
-webkit-transform: translateY(-6%) rotate(-90deg);
-o-transform: translateY(-6%) rotate(-90deg);
transform: translateY(-6%) rotate(-90deg);
top: 39%;
font-size: 20px;
left: -10px;
min-width: 44px;
}
.table .rate-txt.rate-txt-l.big {left: -30px;}
.brand-promo > div:first-child > .ribbon-l {display:none;}
.brand-promo > div:first-child > .rate-txt.rate-txt-l {
left: 23%;
top: -19px;
background: #7ac843;
width: 70px;
height: 40px;
text-align: center;
position: absolute;
}
.brand-promo > div:first-child > .rate-txt.rate-txt-l > span:nth-child(3) {
font-size: 18px;
position: relative;
left: -2px;
line-height: 19px;
}
.table:not(.guide) td:not(.terms):first-child:before {top: 5px;left: 18px;}
.page-article.no-brdc {padding-top: 0;}
.table:not(.set-1.small) td {padding: 20px 4px;}
.table.casino td:last-child {padding-top: 28px;}
.table.set-3 .ribbon-l{
left: -29px;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
}
.table.set-3 .rate-txt-l {
left: -13px;
top: 47%;
transform: translate(0, -75%);
-webkit-transform: translate(0, -75%);
-o-transform: translate(0, -75%);
-moz-transform: translate(0, -75%);
}
.single-lightbox.perspective{text-align: center;}
.mobile-menu-container{top:60px;right:0;}
#nav-icon1.open span:nth-child(1), #nav-icon2.open span:nth-child(1), #nav-icon1.open span:nth-child(2), #nav-icon2.open span:nth-child(2) {top: 21px;left: 3px;}
#nav-icon3 {width: 24px; top: -35px;}
#nav-icon3 span {height: 5px;}
#nav-icon3 span:nth-child(1) {top: 8px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 17px;}
#nav-icon3 span:nth-child(4) {top: 26px;}
#nav-icon3.open span:nth-child(1), #nav-icon3.open span:nth-child(4) {top: 18px;}
.rate-txt span {top: 3px; position: relative;}
.hidden-xs{display:none;}
.slider > * {
text-align: center;
width: 100%;
margin-bottom: 2%;
}
.page-header {height: 60px;}
.page-article, .page-footer {padding: 10px;}
.page-article {padding-top: 20px;}
.tc-apply {margin-bottom: 10px;}
h1, h2, .heading--for-jumbar {font-size: 18px;}
.page-article > .heading, .page-article > header > .heading {
margin: 20px -10px;
line-height:24px;
padding: 5px;
}
.page-article > header > .heading.no-brcrumbs{margin: 0 -10px 10px;}
.heading--short {background: #2985c0; color: #eee;}
#logo a {line-height: 55px;}
#logo img {
max-width: 145px;
height: auto;
padding-left: 10px;
}
.mobile-menu-options a {
width: 32px;
height: 32px;
padding-top: 32px;
}
.mobile-menu-options .icon {
-webkit-transform: scale(.8) translate(-60%,-60%);
-ms-transform: scale(.8) translate(-60%,-60%);
transform: scale(.8) translate(-60%,-60%);
}
.mobile-menu-options .icon--menu-offer {margin-left: -1px;}
.mobile-menu-options li:nth-child(2) span:nth-child(2){position:relative; left:0;bottom: 45px;}
.jumpbar.set-1 {padding: 20px 10px;}
.jumpbar.set-2 {padding: 22px 20px 18px;}
.jumpbar.set-2:before, .jumpbar.set-2-systems:before {
left: 0;
top: -11px;
width: 145px;
height: 22px;
line-height: 22px;
background: #7ac843;
color: #eee;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.jumpbar.set-2::before {content: 'ON THIS PAGE';}
.jumpbar.set-2-systems:before {content: 'FIND OUT MORE';}
.jumpbar-wrap .author .text-wrap, .jumpbar-wrap .author > .title {width: 92%;}
.jumpbar-wrap .author .text-wrap {min-height: 122px;}
.jumpbar-wrap .author .text-in::before {left: 90px;}
.jumpbar li .text-wrap br {display: none;}
.brand-promo {padding-bottom: 14px;}
.brand-promo > div {padding: 6px;}
.brand-promo > div:first-child > .c-brand, .brand-promo > div:first-child > .rating {
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}
.brand-promo-wrap.set-1 .link{text-align: center;}
.brand-promo > div:first-child > .c-brand {margin-left: 50px;}
.brand-promo > div:first-child > .rating {height: 41px; margin-left: -50px;}
.brand-promo > div:not(:first-child) {
display: inline-block;
vertical-align: top;
width: 49%;
padding: 6px 2px;
}
.brand-promo > div:last-child > div:last-child {display: none;}
.brand-promo .fas-list li {line-height: 1.4;}
.brand-promo .ph-os.icon:first-child {margin-top: 4px;}
.brand-promo .ph-os.icon:not(:last-child) {margin-bottom: 10px;}
.brand-promo a.out {display: table; margin: 30px auto 0;}
.set-1 .brand-promo a.out {bottom: -6px;}
.set-2 .brand-promo a.out, .set-3 .brand-promo a.out {bottom: -8px;padding: 8px;}
.set-2 .brand-promo a.out {left: -50%;width: 150px;}
.table {display: block;}
.table#best-casino-sign-up-bonuses {display: table;}
.table.set-1 th:nth-child(3), .table.set-1 td:nth-child(3), .table.set-1 th:nth-child(7), .table.set-2 th:nth-child(3), .table.set-2 td:nth-child(3), .table.set-2 th:nth-child(2), .table.set-3 th:nth-child(2), .table.set-3 td:nth-child(2), .table.set-3 th:nth-child(5), .table.set-3 td:nth-child(5), .table.set-2.sport th:nth-child(4), .table.set-2.sport td:nth-child(4), .table.set-2.sport th:nth-child(5), .table.set-2.sport td:nth-child(5), .table.set-2.payment th:nth-child(5), .table.set-3 th:nth-child(4), .table.set-3 td:nth-child(4){
position: absolute;
top: -9999px;
left: -9999px;
}
.table.set-3 th, .table.set-3 td{width: 49%;}
.table.set-3 tr:last-child td:nth-child(3) {height: 35px;}
.table.set-3 td:nth-child(3) {
bottom: 8px;
left: 21.5%;
-webkit-transform: translateX(-32%);
-ms-transform: translateX(-32%);
transform: translateX(-32%);
}
.table.set-1.resp-table th:nth-child(3), .table.set-1.resp-table td:nth-child(3){
position: relative;
top:0;
left: 0;
}
.table.set-1.resp-table td:nth-child(1), .table.set-1.resp-table td:nth-child(3), .table.set-1.resp-table td:nth-child(5){height: 55px;}
.table.set-1.resp-table th:nth-child(3) span{position: relative; top:-14px;}
.table thead, .table tbody, .table tr {width: 100%;}
.table tr {position: relative;}
.table tr.terms td {
padding: 10px!important;
width: 100%;
height: auto;
}
.table th, .table td {
display: inline-block;
vertical-align: top;
width: 49.8%;
}
.table th:first-child, .table td:first-child {border-left: none;}
.table th:last-child, .table td:last-child {margin-left: -2px;}
.table td {height: 90px;}
.table.set-2 td.tc-txt {
height: auto;
width:90%;
padding: 6px 4px 10px 14px!important;
}
.table.set-2 .age-limit, .table.set-2 .icon--adm-small {display: none;}
.table:not(.set-3) td:first-child {padding: 6px 4px 50px 14px;}
.table.set-3 td:first-child {padding: 15px 0 20px 0;}
.table tr:last-child td:first-child:not(.terms), .table tr:last-child td:last-child:not(.terms) {height: 96px;}
.table.set-1.payments th:nth-child(5) {
position: absolute;
top: -9999px;
left: -9999px;
}
.table.set-1 td:nth-child(7), .table.set-1.payments td:nth-child(5), .table.set-2 td:nth-child(2), .table.set-3 td:nth-child(4) {
position: absolute;
width: 100px;
height: 30px;
padding: 0;
border: none;
line-height: 1;
}
.table.set-1 td:nth-child(7), .table.set-1.payments td:nth-child(5), .table.set-2 td:nth-child(2) {
bottom: 8px;
left: 22%;
-webkit-transform: translateX(-32%);
-ms-transform: translateX(-32%);
transform: translateX(-32%);
}
/* .table.set-1 tr:last-child td:nth-child(7), .table.set-2 tr:last-child td:nth-child(2) {bottom: 14px;} */
.table.set-3 td:nth-child(4) {
top: 8px;
right: 22%;
-webkit-transform: translateX(38%);
-ms-transform: translateX(38%);
transform: translateX(38%);
}
.table td:last-child {padding: 15px 8px 15px 0;}
.table.set-rev td:last-child {padding-top: 24px;}
.table .prize, .table .sub-prize {display: inline;}
.table.set-1.payments td:nth-child(7) span:nth-child(3), .table.set-1 td:nth-child(7) span:nth-child(3) {display: none;}
.table .prize:not(.prize--b-dr) {font-size: 17px;}
.table tr:not(.f-clbr) .prize {
font-family: Calibri, sans-serif;
display: block;
margin: 0;
}
.table a.in {margin-top: 10px;}
.table.set-3 a.in {margin-top: 15px;}
.table.set-2 a.in {margin-top: 2px;}
.table a.out {width: 75%; font-size: 12px;}
.table a.out span{display: block;}
.table a.out.single-btn {margin-top: 18px;}
.text-boxes .grid-box > .title {font-size: 16px; text-align: center;}
.bott-three > div {width: 100%;}
.bott-three > div:not(:last-child) {margin-bottom: 36px;}
.bott-three > div:last-child {margin-bottom: 16px;}
.bott-three .bord-bott-1.tc-apply-long {margin-bottom: 90px;}
.bott-three .bord-bott-1.tc-apply-long.geo {margin-bottom: 110px;}
.single-brand-mob .tc-apply-short::after, .three-box.tc-apply-short::after {bottom: -30px;}
.brand-overview .closed-mark {font-size: 70px;top: 30%;}
.brand-overview .character-icon {margin-left: -6px;}
.brand-overview .character-icon, .brand-overview .character-icon-not {margin: -50px auto 0px;}
.brand-overview .heading > span {font-size: 18px;}
.brand-overview > .first > .info {margin-top: 30px;}
.brand-overview .prize-wrap {width: 260px;}
.brand-overview .prize-wrap-in {margin-left: 84px;}
.brand-overview .prize {font-size: 66px;}
.brand-overview .sub-prize.set-1 {font-size: 18px;}
.brand-overview a.out {width: 100%;}
.brand-overview .fas-list li {display: inline-block;}
.brand-about {margin: 30px auto; padding: 20px 20px 10px;}
.brand-about > .title {text-align: center;}
.brand-about > .title span {display: table; margin: 0 auto 10px;}
.brand-about .title-box {text-align:center;}
.brand-about .map-marker-alt {display: none;}
.brand-about > div {margin-bottom: 10px;}
.brands-vs:not(.brands-vs--3) {margin: 30px auto 45px;}
.brands-vs--1 .grid-box:first-child {margin-bottom: 45px;}
.brands-vs--2 .grid-box:first-child {margin-bottom: 130px;}
.brands-vs--3 .grid-box-wrap:first-child {margin-bottom: 50px;}
.brands-vs--3 .grid-box > div.clearfix > div:first-child {margin-top: 5px;}
.brands-vs--2 .grid-box {padding: 20px 10px;}
.brands-vs--1 .fas-list, .brands-vs--1 .bking-wrap {width: 180px; margin: 10px auto;}
.brands-vs--3 .fas-list {margin-left: 50px;}
.brands-vs--2 .grid-box:last-child::before {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: -100px;
}
.brands-vs.brands-vs--2 .rating-wrap{float: left; margin-left: 45px;}
.brands-vs--2 .rating.icon.circle, .brands-vs--2 .fas-list {float: left;}
.brands-vs .rating-wrap > div {
float: none;
width: unset;
display: block;
}
.brands-vs .rating-wrap .ph-os.icon {margin-bottom: 4px; margin-left: 25px;}
.single-chart {margin-left: -25px;}
.brands-vs--2 .rating.icon.circle {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66);
margin-top: -10px;
margin-left: -10px;
}
.brands-vs--2 .fas-list {
margin: 10px auto;
font-size: 14px;
display: block;
width: 180px;
float: none;
}
.brands-vs .prize--b-dr {top: 20px; margin-bottom: 22px;}
.brands-vs a.in, .brands-vs a.out {margin: 10px auto;}
.brands-vs--1 a.out {width: 100%;}
.brand-approve {padding-top: 8px;}
.brand-approve > .title {padding-bottom: 4px;}
.brand-approve .icon--arrow {margin: 0 10px;}
.brand-approve .out {width: 100%;}
.set-1 .slider > *:first-child {display: block;}
.page-footer {
margin-top: 174px;
background: #333;
border-top: 10px solid #7ac843;
}
.page-footer::before,
.page-footer .social-icons {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.page-footer::before {
content: '';
position: absolute;
top: -140px;
width: 266px;
height: 179px;
background: url('../images/sprites/sprite-global-2.png') -7px -690px no-repeat;
z-index: -1;
}
.page-footer .social-icons {top: -120px;margin-left: 7px;}
.page-footer .text-wrap > div,
.page-footer > .site-width > div > p {text-align: center;}
.page-footer > .site-width > div > p >span {width:100%;}
.page-footer .info li {width: 48%;}
.page-footer .info li:not(:first-child) {margin-left: 1%;}
.page-footer .info li:nth-child(2n+1) {margin-left: 0;padding-left: 30px;}
.page-footer .info li::before {display: none;}
.contacts-txt{
float: none;
width: 100%;
margin-top: 155px;
}
.mailbox{
left: 50%;
transform: scale(0.8) translateX(-50%);
-webkit-transform: scale(0.8) translateX(-50%);
top: 65px;
}
.tc-apply-short--3::after {bottom:-25px;}
.brand-promo > div:first-child > .rate-txt.rate-txt-l {
left: 23%;
top: -19px;
background: #7ac843;
width: 70px;
height: 40px;
text-align: center;
position: absolute;
}
.brand-promo > div:first-child > .ribbon-l {display: none;}
.rev-list {
max-width: 100%;
float: none;
display: table;
margin: 0 auto;
}
.rev-list.first {margin-left: auto;}
.terms-bet365-stream::after {bottom: -35px;}
.brands-vs--1 .grid-box.tc-long {margin-bottom: 100px;}
span.tc-comp-left.lg {bottom: -80px;}
}
@media only screen and (max-width: 489px) {
.table.set-3 .ribbon-l, .table.set-3 .rate-txt span:first-child{display: none;}
.table.set-3 .rate-txt-l{
background: #7ac643;
position: absolute;
transform: rotate(-90deg);
left: -35px;
top: 31px;
width: 80px;
height: 28px;
}
.table.set-3 .rate-txt span:nth-child(3){top: -6px; position: relative;}
.not-found {max-width: 90%;padding: 2em 0em 4em;}
.notfound-top {
float: none;
width: 100%;
text-align: center;
}
.content {
float: none;
width: 100%;
padding-left: 0em;
border-top: 2px solid #94a531;
border-left:0;
text-align:center;
padding-top:20px;
}
.table {
border: 10px solid #b9c8d0;;
/* -webkit-box-shadow: inset 0 0 0 10px #b9c8d0;
box-shadow: inset 0 0 0 10px #b9c8d0; */
overflow: hidden;
}
.table:not(.guide) td:not(.terms):first-child:before {left: 35px;}
.table td:first-child .rating.ribbon {
height: 37px;
left: -28px;
top: 28px;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.table .rate-txt.rate-txt-l.big {left: -16px;}
table.set-1 td.terms small {font-size: 69%;}
.table .prize, .table .sub-prize {font-size: 12px;}
.table th {padding-top: 14px;}
.table.set-1 th:not(:last-child) {padding-top: 14px;}
.table.set-1 th.large {padding-top: 8px;}
.brand-approve .out {width: 100%;}
.text-boxes .cout-ribbon {
float: none;
margin: -25px auto 10px;
display: block;
}
.bott-three .bord-bott-1.tc-apply-long {margin-bottom: 100px;}
.bott-three .bord-bott-1.tc-apply-long.geo {margin-bottom: 130px;}
}
@media only screen and (max-width: 470px) {
.table:not(.guide) td:not(.terms):first-child:before {
top: unset;
left: unset;
bottom: 5px;
right: 3px;
}
}
@media only screen and (max-width: 379px) {
.offers.v-2 > a.out {max-width: 200px;}
.text-boxes .grid-boxes .grid-box.offers.v-2 > a.out::after {content: none;}
.text-boxes .grid-boxes .grid-box.offers.v-2 {position: relative;}
.table.set-3 a.out {padding: 8px;}
.table.set-3 a.out.single-btn {padding: 3px; margin-top: 14px;}
.bott-three {width: 90%;}
.brand-about > div > div:last-child .title-box span:not(.fas) br {display: none;}
.brands-vs--1 {width: 280px;}
.brand-promo .fly-wrap .prize, .set-3 .brand-promo .fly-wrap .prize {font-size: 50px;}
.slider-in {width: 230px;}
.tc-apply-short--3::after {bottom: -25px;}
.page-footer .info li {text-align: center;}
}
@media only screen and (max-width: 340px) {.table:not(.sport):not(.guide) td:first-child {padding-left: 35px;}}
@media only screen and (min-width: 380px) {
.table.set-2 a.out br {display: none;}
.table a.in br {display: none;}
.set-2 .slider-in {width: 274px;}
}
@media only screen and (min-width: 380px) and (max-width: 639px) {
.page-footer .info li {text-align: center;}
.slider-wrapper {width: 360px;}
}
@media only screen and (min-width: 401px) and (max-width: 639px) {.flt-img-l{float: left ;margin: 10px 10px 0 0;}}
@media only screen and (min-width: 380px) and (max-width: 489px) {
.bott-three, .brand-about {width: 304px;}
.brands-vs {width: 320px;}
}
@media only screen and (min-width: 490px) {.table {overflow: visible;}}
@media only screen and (min-width: 490px) and (max-width: 639px) {
.table .rate-txt.rate-txt-l {
min-width: 44px;
left: -25px;
top: 40%;
}
.table td:first-child .ribbon-l {left: -15px;}
.brand-promo, .table, .brand-approve {width: 460px;}
.brand-promo {margin: 20px auto;}
.bott-three {width: 360px;}
.brand-overview {width: 470px;}
.brand-about {width: 400px;}
.brand-about > div > div:last-child .title-box span:not(.fas) br {display: none;}
.brands-vs {width: 360px;}
.brand-approve .out {
display: table;
width: 60%;
margin: 10px auto;
}
.table th:not(:last-child) {height:55px;}
.table th {padding-top: 10px;}
.table th.large {padding-top: 3px;}
.table td:first-child .rating.ribbon {left: -26px;top: 5px;}
}
@media only screen and (min-width: 640px) {
.ul-2-col {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
-o-columns:2;
margin-bottom: 15px;
}
.ul-5-col {
columns: 5;
-webkit-columns: 5;
-moz-columns: 5;
-o-columns: 5;
margin-bottom: 15px;
}
.table td:first-child .ribbon-l{
top: 50%;
left: -48px;
transform: translateY(-37%);
-webkit-transform: translateY(-37%);
-o-transform: translateY(-37%);
}
.table td:first-child .rate-txt.rate-txt-l{
top: 50%;
transform: translateY(-52%);
-webkit-transform: translateY(-52%);
-o-transform: translateY(-52%);
}
.table tr:first-child .rate-txt.rate-txt-l.big{left: -42px;}
.table td:first-child .rate-txt.rate-txt-l{left: -39px;}
.table td:first-child .rate-txt.rate-txt-l span:nth-child(3){font-size: 18px; line-height: 19px;}
h1.heading--full{margin-right: -20px;}
.sticker {margin: 30px 10px 10px -90px;}
.table.set-2.live td.live-features, .table.set-2.live th:nth-child(2){display: table-cell;}
.table.set-2.live td:nth-child(3), .table.set-2.live th:nth-child(3){display: none;}
.alignleft, .alignright {
display: inline;
margin-top: 6px;
margin-bottom: 6px;
}
.alignleft {float: left; margin-right: 20px;}
.alignright, small.caption {float: right;margin-left: 20px;}
.page-article {padding: 20px;}
.tc-apply {margin-bottom: 20px;}
.tc-apply--right {text-align: right;}
.heading--short {
min-height: 40px;
line-height: 35px;
padding-left: 35px;
}
.heading--full::before, .heading--full::after, .heading--full-r::before, .heading--full-r::after, .heading--short::before {content: ''; position: absolute;}
.jumpbar.set-1::before {content: ''; float: right;}
.jumpbar-wrap .author {position: absolute; z-index: 10;}
.jumpbar.set-2:not(.main)::before {
content: '';
left: -36px;
top: 22px;
width: 64px;
height: 56px;
background: url('../images/sprites/sprite-global-2.png') -7px -478px no-repeat;
}
.jumpbar.set-2-systems:not(.main):before {
line-height: 38px;
background: url('../images/sprites/sprite-global-2.png') -93px -478px no-repeat;;
color: #eee;
font-weight: bold;
font-size: 25px;
text-align: center;
content: '\f46d';
text-shadow: 0.5px 0.5px black;
font-family: 'Font Awesome 5 Free';
}
.jumpbar li {display: inline-block;}
.jumpbar.pay-links li {float: none; display:inline-block;}
.brand-promo {
display: table;
table-layout: fixed;
width: 100%;
}
.brand-promo > div {
display: table-cell;
vertical-align: top;
padding: 20px 15px 10px;
}
.set-1 .brand-promo > div:first-child {width: 36%;}
.set-2 .brand-promo > div:first-child, .set-3 .brand-promo > div:first-child {width: 38%;}
.set-1 .brand-promo > div:not(:first-child) {width: 32%;}
.set-2 .brand-promo > div:nth-child(2), .set-3 .brand-promo > div:nth-child(2) {width: 28%;}
.set-2 .brand-promo > div:last-child, .set-3 .brand-promo > div:last-child {width: 34%;}
.brand-promo > div:not(:last-child) {border-right: 2px solid #eee;}
.brand-promo > div:first-child > .rating {left: -21px;}
.brand-promo > div:first-child > .c-brand {left: 60px;}
.brand-promo .ph-os.icon:not(:last-child) {margin-bottom: 6px;}
.brand-promo a.out::before {content: '';}
.table td:first-child .rating.ribbon {
left: -46px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 7px;
}
.table.set-2.small td:first-child .rating.ribbon {margin-top: 30px;}
.table.set-1 td:first-child .rating.ribbon {margin-top: 33px;}
.table.set-2 a.out {width: 160px;}
.table.set-2 a.out span{display: block;}
.table.set-2 .age-limit {
width: 25px;
height: 25px;
font-size: 12px;
padding: 3px 2px;
margin: 5px 5px 0 0;
}
.brand-overview .heading--full-r::before, .brand-overview .heading--full-r::after {content: ''; position: absolute;}
.brand-overview .character-icon, .brand-overview .character-icon-not {float: left;}
.brand-overview > .last > div {
display: table-cell;
width: 33.33%;
line-height: 1.6;
}
.brand-overview .bking-wrap {line-height: 1.6;}
.brand-overview.not-present ul {padding: 10px 12px;float: left;}
.brand-overview.not-present .prize-wrap-in {margin: 0 0 15px 0;}
.brand-overview .tc-apply {margin-right: 20px;}
.brand-about-wrap .brand-about {z-index: 1;}
.brand-about {margin: 30px 0 30px 90px; position: relative;}
.brand-about .regul.icon{margin-top: 5px;}
.brand-about::before {
content: '';
position: absolute;
left: -90px;
top: 63px;
width: 177px;
height: 365px;
background: url('../images/characters/character_profile.svg') no-repeat;
z-index: -1;
}
.brand-about > div {float: left;}
.brand-about .map-marker-alt {
float: left;
vertical-align: middle;
width: 35px;
height: 55px;
margin-right: 5px;
background: url('../images/sprites/sprite-global-2.png') -210px -205px no-repeat;
}
.brands-vs .grid-box, .brands-vs--3 .grid-box-wrap {display: inline-block; float:left;}
.brands-vs--1 .grid-box {width: 216px;}
.brands-vs--2 .grid-box, .brands-vs--3 .grid-box-wrap {width: 262px;}
.brands-vs--2 .grid-box {padding: 14px 40px;}
.brands-vs--2 .c-brand.icon {width: 102px; }
.brands-vs--2 .rating-wrap .ph-os.icon {margin-bottom: 10px;}
.brands-vs--1 .grid-box:first-child {margin-right: 60px;}
.brands-vs--2 .grid-box:last-child::before {left: -61px; bottom: 80px;}
.brands-vs .prize--b-dr {margin-bottom: 12px;top: 10px;}
.brand-approve.not {
width: 444px;
min-height: 280px;
padding-left: 124px;
}
.brand-approve.not::before {content: '';}
.brand-approve > .set-1:not(:last-child) {border-right: 2px solid #eee;}
.brand-approve:not(.not) > .set-1, .brand-approve.not .set-1 {float: left; padding-right: 16px;}
.brand-approve:not(.not) .set-1 p:last-child, .brand-approve.not .set-1 p:last-child {margin-bottom: 0;}
.brand-approve:not(.not)::after, .brand-approve.not::after {text-align: right;}
.slider-wrapper--left, .slider-wrapper--right {width: 356px;}
.page-footer {
padding-top: 325px;
background: #333 url('../media/background-footer.png') 0 0 no-repeat;
text-align: right;
}
.single-chart{width: 77%;}
.brand-promo > div:first-child > .ribbon-l {left: -22px; top: -19px;}
.brand-promo > div:first-child > .rate-txt.rate-txt-l {left: -15px; top: -13px;}
.brands-vs--1 .grid-box.tc-long {margin-bottom: 65px;}
.brands-vs--1 .grid-box.tc-long:nth-child(2) {float: right;}
}
@media only screen and (min-width: 640px) and (max-width: 1499px) {
.brand-overview .title{min-height: 50px;}
.brand-overview .title:before {top: 8px;}
.page-article > .heading {margin-right: -20px;}
.jumpbar.set-2 {padding: 20px 36px 10px;}
.jumpbar.set-1::before {height: 165px;}
.jumpbar li {width: 47%;}
.jumpbar li:nth-child(1), .jumpbar li:nth-child(3) {margin-right: 4%;}
.jumpbar li:nth-child(2n+5),
.jumpbar.set-2 li:nth-child(2n+1) {margin-right: 4%;}
.jumpbar.set-1 li:last-child:nth-child(odd) {width: 47%;}
.jumpbar.set-1 li:last-child:nth-child(odd) br {display: none;}
.set-3 .brand-promo > div:nth-child(2) span:not(.prize):not(.sub-prize) {margin-bottom: 10px;}
.text-boxes .grid-box > .title {font-size: 18px;}
.brand-overview .heading::before, .brand-overview .heading::after {right: -34px;}
.brand-about {padding: 20px;}
.brand-about > .set-1,
.brand-about > .set-2 {
width: 49%;
height: 226px;
margin-bottom: 20px;
}
.brand-about > .set-1 {margin-right: 2%;}
.brand-about > div.set-1 > div.devide {padding-top: 30px;}
.brand-about > div:not(.set-3) > div:not(.devide) {height: 120px;}
.brand-about > .set-3 {width: 100%;}
.brand-about > .set-3 p {float: left;}
.brand-about > .set-3 p:first-child {width: 20%;}
.brand-about > .set-3 p:nth-child(2) {width: 40%;text-align: center;}
.brand-about > .set-3 p:last-child {width: 40%;}
.brands-vs:not(.brands-vs--3) {margin: 30px auto 45px;}
.brands-vs--2 .grid-box:first-child {margin-right: 30px;}
.brands-vs--3 .grid-box > div.clearfix > div {width: 48%;}
.brands-vs--3 .grid-box > div.clearfix > div:first-child {margin-right: 2%;}
.brand-approve.not {position: relative;left: 30px;}
.brand-promo > div {padding: 20px 10px 10px;}
.set-1 .slider > * {width: 49%; margin: 0 1% 2% 0;}
.set-1 .slider > *:nth-child(-n+3) {display: block;}
.page-footer .info,
.page-footer .text-wrap {float: right;}
.page-footer .social-icons {top: -96px;width: 200px;}
.mailbox{
transform: scale(0.8);
-webkit-transform: scale(0.8);
left: 55px;
}
.tc-apply-short--3::after {bottom: -35px;}
}
@media only screen and (min-width: 640px) and (max-width: 1023px) {
.mobile-menu-container{top:70px;}
#nav-icon3 {top: -40px; width: 28px;}
#nav-icon3 span {height: 6px;}
#nav-icon3 span:nth-child(1) {top: 6px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 17px;}
#nav-icon3 span:nth-child(4) {top: 28px;}
#nav-icon3.open span:nth-child(1) {top: 18px;}
#nav-icon3.open span:nth-child(4) {top: 18px;}
.page-header {height: 70px;}
#logo a {line-height: 70px;}
.mobile-menu-options a {
width: 40px;
height: 40px;
padding-top: 40px;
}
.mobile-menu-options .icon {
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.mobile-menu-options .icon--menu-menu {margin-left: 1px;}
.mobile-menu-options .icon--menu-offer, .mobile-menu-options .icon--menu-top3 {margin-top: 1px;}
.back-to-top--mobile {
right: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.page-footer {background-position: -380px 0;}
.page-footer .social-icons {left: 46px;}
}
@media only screen and (min-width: 640px) and (max-width: 799px) {
.table.set-3 .ribbon-l{
left: -53px;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
}
.table.set-3 .rate-txt-l {
left: -35px;
top: 50%;
transform: translate(0, -75%);
-webkit-transform: translate(0, -75%);
-o-transform: translate(0, -75%);
-moz-transform: translate(0, -75%);
}
.mobile-menu-container{right: calc((100% - 602px) / 2);}
.brand-overview .heading > span > span {position: relative; bottom: 20px;}
.team-member img{
float:none;
margin: 0 auto 20px;
display: block;
}
.site-width {width: 602px;}
h1, h2, .heading--for-jumbar {font-size: 20px;}
.back-to-top--mobile {margin-right: -300px;}
.jumpbar.set-1 {padding: 20px 10px 10px;}
.jumpbar.set-1::before {width: 262px; height: 190px;}
.jumpbar.set-1.no-author::before {
content: '';
float: right;
width: 0;
height: 0;
}
.jumpbar-wrap .author .text-wrap, .jumpbar-wrap .author > .title {width: 258px;}
.jumpbar-wrap .author {
top: 7px;
right: 16px;
width: 260px;
}
.jumpbar.set-1.pay-links li:nth-child(3){width: 50%; margin-left: 25%;}
.jumpbar.set-1 li {width: 47.5%; margin-right: 2%;}
.jumpbar.set-2 li {width: 233px;}
.set-2 .brand-promo a.out, .set-3 .brand-promo a.out {bottom: -20px;}
.table.set-3 th, .table.set-3 td {width: 24%;}
.table.set-3 td:nth-child(3) {
bottom: 5px;
left: 27%;
transform: translateX(-100%);
}
.table.set-3 td:first-child {padding: 0 0 15px 20px;}
.table th {font-size: 14px;}
.table td:first-child {padding-left: 26px;}
.bott-three > div {width: 248px;}
.three-box.tc-apply-short::after {bottom: -27px;}
.bott-three > div:nth-child(2) {margin-left: 36px; margin-bottom: 36px;}
.brand-overview .prize-wrap {width: 300px;}
.brand-overview .prize-wrap-in {margin-left: 80px;}
.brand-overview > .last .fas-list li {line-height: 1.3;}
.brand-overview > .last .fas-list li:not(:last-child) {margin-bottom: 10px;}
.brand-overview .rating-ul, .brand-overview .heading {margin-left: 220px;}
.brand-overview a.out {width: 287px;}
/*.brand-about > .set-2 li:not(:last-child) {
font-size: 14px;
}*/
.tc-apply-short--3::after {bottom: -35px;}
.brands-vs--3 .grid-box-wrap {width: 252px;}
.brands-vs--3 .grid-box-wrap:first-child {margin-right: 54px;margin-bottom: 20px;}
.brands-vs--3 .fas-list, .brands-vs--3 .grid-box p{font-size:14px;}
.brands-vs--3 .grid-box-wrap:first-child::before {
content: '';
position: absolute;
left: 240px;
bottom: 154px;
width: 81px;
height: 81px;
background: url('../images/sprites/sprite-global-2.png') -164px -547px no-repeat;
-webkit-transform: scale(.52);
-ms-transform: scale(.52);
transform: scale(.52);
z-index: 10;
}
.brands-vs--3 .grid-box > div.clearfix {height: 82px;}
.brands-vs--3 a.out {padding: 0; font-size: 13px;}
.brand-approve:not(.not) > .set-1 {width: 346px;}
.brand-approve > .set-2 {margin-left: 346px;}
.brand-approve .icon--arrow {margin: 0 20px;}
.page-footer .info a {font-size: 16px;}
.page-footer > .site-width {padding-right: 10px;}
.page-footer .info {width: 370px;}
.page-footer .text-wrap {width: 470px;}
}
@media only screen and (max-width: 799px) {
.table.set-3 th {height: 40px;padding: 12px 0 0;}
.table.set-3 th:nth-child(4) {padding: 2px 0;}
.table.set-3 td:nth-child(5) {
position: absolute;
top: -9999px;
left: -9999px;
}
.table.set-3 tr {
display: block;
position: relative;
border-bottom: 1px solid #b9c8d0;
}
.table.set-3 thead tr {border-bottom: 10px solid #b9c8d0;}
.table.set-3 th {border: none; display: inline-block;}
.table.set-3 th:not(:last-child) {border-right: 1px solid #b9c8d0;}
.table.set-3 td {display: inline-block; border: none;}
.table.set-3 td:nth-child(3) {
position: absolute;
width: 135px;
height: 30px;
}
.table.set-3 th:nth-child(3) {
position: absolute;
top: -9999px;
left: -9999px;
}
.bott-three.b365::after {bottom: 3px;}
}
@media only screen and (min-width: 490px) and (max-width:1023px){
.not-found{max-width: 70%; padding: 2em 3em 4em;}
.notfound-top {
float: none;
width: 100%;
text-align: center;
}
.content {
float: none;
width: 100%;
padding-left: 3em;
border-left: 0;
border-top: 2px solid #94a531;
text-align: center;
padding-top: 20px;
padding-left:0;
}
}
@media (min-width: 768px) {
.fv-cookie__wrap__text {margin: 0;}
.fv-cookie__button {
display: inline-block;
width: auto;
padding: 5px 15px;
}
.fv-cookie__wrap {display: table;}
.fv-cookie__wrap__text,
.fv-cookie__wrap__action {display: table-cell; vertical-align: middle;}
.fv-cookie__wrap__text {padding-right: 15px;}
}
@media only screen and (min-width: 800px) {
.table.set-3 .ribbon-l{
left: -47px;
top: 60%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
}
.table.set-3 .rate-txt-l {
left: -30px;
top: 60%;
transform: translate(0, -75%);
-webkit-transform: translate(0, -75%);
-o-transform: translate(0, -75%);
-moz-transform: translate(0, -75%);
}
.right-md{float: right; margin: 5px 0 0 20px;}
.speech-bubble.left {
box-shadow: -2px 2px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: -2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.speech-bubble.left:after {
box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 2px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 2px 0px;
}
.speech-bubble:after {
top: 60px;
right: -20px;
transform: translateX(0) rotate(-45deg);
-webkit-transform: translate(0) rotate(-45deg);
}
h3, h4, h5, h6 {font-size: 18px;}
.heading > span {
vertical-align: middle;
padding: 5px 0;
line-height: 1.2;
}
.jumpbar.set-1 {padding: 20px 20px 0;}
.heading--for-jumbar .icon {margin: 0 6px 2px 0;}
.jumpbar-wrap .author .author-char, .jumpbar-wrap .author .author-char2, .jumpbar-wrap .author .author-char3 {margin: -36px 10px -10px -28px;}
.jumpbar-wrap .author .text-wrap {padding: 10px;}
.jumpbar-wrap .author .text-wrap::after {
content: '';
position: absolute;
right: 0;
bottom: -9px;
border-top: 9px solid #000;
border-right: 9px solid transparent;
}
.top45{margin-top:45px;}
.text-boxes .grid-boxes {
border-collapse: separate;
border-spacing: 20px 14px;
margin: 0 -20px;
}
.brand-overview > .first > .info {margin-left: 220px;}
.brand-overview .rating-ul {float: left; width: 244px;}
.brand-overview .prize-wrap {margin-left: 244px;}
.brand-overview.not-present ul {float: none;}
.brand-overview.not-present .prize-wrap-in {margin: 0 0 10px 0;}
.brand-overview.not-present a.out {margin-top: 10px;}
.brands-vs--1 .grid-box:first-child {margin-right: 200px;}
.single-brand-mob .grid-box {
margin-left: 200px;
padding: 10px;
width: 240px;
top: -20px;
height: 400px;
}
.brands-vs--1::before,
.brands-vs--3::before,
.single-brand-mob::before{content: '';}
.brand-approve:not(.not),
.brand-approve.not {min-height: 310px; padding-left: 124px;}
.brand-approve:not(.not)::before,
.brand-approve.not::before {content: '';}
.brand-approve:not(.not) > .set-1,
.brand-approve.not > .set-1 {width: 320px;}
.brand-approve > .set-2 {margin-left: 320px;}
.brand-approve .icon--arrow {margin: 0 15px;}
.set-2 .brand-promo{margin-bottom: 40px;}
.set-3 .brand-promo {margin-bottom: 35px;}
.table.set-3 th:last-child {width: 200px;}
.slider-wrapper--left {float: right; margin: 10px 20px 10px 0;}
.slider-wrapper--right {float: right; margin: 10px 0 10px 20px;}
.page-footer .info a {font-size: 16px;}
.brands-vs--3 .regul:not(:first-child) {margin-left: 30px;}
}
@media only screen and (min-width: 800px) and (max-width: 1499px) {
.jumpbar.pay-links li {
width: 32%;
height: 120px;
margin-right: 1%;
}
.jumpbar.pay-links li:last-child:nth-child(odd) {width: 32%;}
.jumpbar.pay-links li a:before {
width: 276px;
height: 118px;
top: -38px;
left: -36px;
transform: scale(0.9);
-webkit-transform: scale(0.9);
}
.jumpbar.pay-links li a:hover {padding-left: 70px;}
.jumpbar.set-1.pay-links li .text-wrap {margin-top: 77px;margin-left: -49px;}
.bott-three .regul:not(:first-child) {margin-left: 3px;}
.speech-bubble {width: 70%;margin: 0 15px 0 0;}
h1, h2, .heading--for-jumbar {font-size: 22px;}
.jumpbar.set-1::before {width: 318px;}
.jumpbar.set-1.no-author::before {
content: '';
float: right;
width: 0;
height: 0;
}
.jumpbar-wrap .author {
top: 7px;
right: -30px;
width: 100%;
}
.jumpbar-wrap, .jumpbar, .jumpbar li {margin-bottom: 20px;}
.jumpbar-wrap .author > .title {padding-left: 124px;}
.brand-promo .regul:not(:first-child) {margin-left: 6px;}
.set-2 .brand-promo > div:last-child, .set-2 .brand-promo > div:nth-child(2) {padding-top: 50px;}
.set-3 .brand-promo > div:last-child {position: relative; top: 20px;}
.set-2 .brand-promo a.out, .set-3 .brand-promo a.out {padding: 12px 22px;bottom: -17px;}
.text-boxes .grid-box--col-2,
.text-boxes .grid-box--col-3:nth-child(-n+2) {
display: table-cell;
vertical-align: top;
width: 50%;
}
.text-boxes .grid-box--col-3:nth-child(3) {
display: table;
width: calc(100% - 40px);
margin: 20px 20px 30px;
border-spacing: 0;
}
.bott-three > div {width: 211px;}
.bott-three.other-reviews .ribbon-l {
content: '';
width: 64px;
height: 41px;
background: url(../images/sprites/sprite-global-2.png) -9px -1152px no-repeat;
position: absolute;
}
.bott-three.other-reviews .ribbon-l {top: -21px; left: 73px;}
.bott-three.other-reviews .rate-txt-l {top: -13px;left: 82px;}
.other-reviews .rate-txt span:first-child {font-size: 12px;}
.other-reviews .rate-txt span:last-child {font-size: 16px;}
.bott-three.other-reviews .c-brand.icon {
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 10px;
}
.bott-three > div:nth-child(2) {margin: 0 6px;}
.bott-three > div > div:last-child > div {
float: none;
width: 100%;
margin-top: 8px;
}
.three-box.tc-apply-short::after {bottom: -30px;}
.bott-three a.out {margin-top: 6px;}
.bott-three .bord-bott-1.small {position: relative;width: 180px;}
.bott-three .bord-bott-1.small:not(:last-child) {margin-right: 20px;}
.bott-three .bord-bott-1.small .c-brand{position: relative; left: 20px;}
.brand-overview .heading > span, .brand-overview .heading > span > span {font-size: 18px;}
.brand-overview .heading > span > span {margin-left: 18px;}
.brand-overview .cash-icon {display: none;}
.brand-overview .sub-prize.set-1 {font-size: 15px;}
.brand-overview .sub-prize.set-2 {font-size: 19px;}
.brand-overview .prize {font-size: 60px;}
.brand-overview a.out {
width: 96%;
margin: 4px 0 0 4%;
padding: 2px;
}
.brands-vs--3::before, .brands-vs--3.small::before {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.brands-vs--3 .grid-box-wrap:first-child {margin-right: 122px;}
.brands-vs--3 .grid-box > div.clearfix {height: 80px;}
.brands-vs--3 a.in {font-size: 12px;}
.brands-vs--3 a.out {padding: 2px;font-size: 13px;}
.brand-approve:not(.not) {
width: 620px;
position: relative;
left: 30px;
}
}
@media only screen and (min-width: 800px) and (max-width: 1199px) {
.page-footer .text-wrap {width: 572px;}
.page-footer .info {width: 450px;}
}
@media only screen and (min-width: 800px) and (max-width: 1023px) {
.mobile-menu-container{right: calc((100% - 694px) / 2);}
.site-width {width: 694px;}
.page-footer > .site-width {padding: 8px 50px 0 0;}
.page-footer .info a {font-size: 14px;}
.back-to-top--mobile {margin-right: -346px;}
}
@media only screen and (min-width: 1024px) {
.mob-caption {display: none;}
.not-found {top:15%;}
.mobile-nav{display:none;}
#logo, .hidden-md {display: none;}
.page-header {margin-bottom: 20px; border-top: 6px solid #333;}
.mobile-menu-options {display: none;}
.dd-menu-hidden {display: none;}
.navbar > li {min-height: 49px;}
.navbar > li.dropdown.blog {display: none;}
.navbar > li:not(:last-child) {border-right: 1px solid #cbcbcb;}
.navbar .dropdown-content {background: #3fa8f1;}
.navbar > li:hover, .navbar > li.active {
border-bottom: 2px solid #2985c0;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
-o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.navbar .dropdown-content a:hover {background: #74bdf0; color: #eee;}
.navbar .dropdown-content {position: absolute; width: 100%;}
.navbar .dropdown-content.fix {width: 176px;}
.navbar .dropdown-content.lang a {padding: 6px 10px;}
.navbar .dropdown-content .dropdown-content {left: 90%; top: 40%;}
.navbar .dropdown:hover > .dropdown-content {display: block;}
.navbar li.dropdown.languages {
position:relative;
display: none;
padding: 0;
right: -1px;
transform: translateX(0);
-moz-transform: translateX(0);
z-index: 9999;
}
.navbar li.dropdown.languages:after {
position:absolute;
top: 14px;
right: -3px;
content:'\f107';
font: 900 15px 'Font Awesome 5 Free';
}
.flags.en {position: relative; top: 4px;}
.navbar .slider.buttons {margin-left: 7px;}
.navbar .slider.buttons li{
width: 90px;
margin-top: 15px;
background: #eeeeee;
border-radius: 5px;
margin-right: 10px;
height: 50px;
}
.navbar .slider.buttons li:hover {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.navbar .slider.buttons li:hover a{
color: #eeeeee;
border-radius: 5px;
box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.navbar .slider.buttons li a{
color: #333;
font-weight: bold;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
height: 50px;
}
.navbar span.btn-link {
padding: 8px 11px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
display: block;
color: #333;
text-decoration: none;
text-align: left;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
-o-text-size-adjust: none;
-webkit-text-size-adjust: none;
}
.navbar .dd-container {
position: absolute;
visibility: hidden;
opacity: 0;
background: #3fa8f1;
z-index: 9999;
}
.navbar .dd-container.large {
width: 760px;
right: -100%;
top: 49px;
transform: translateX(13.8%);
-webkit-transform: translateX(13.8%);
-moz-transform: translateX(13.8%);
-o-transform: translateX(13.8%);
}
.navbar .dd-container.small {
width: 360px;
right: -50%;
top: 49px;
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
}
.navbar .dd-container.active, .navbar .dd-menu:hover .dd-container{
visibility: visible;
opacity: 1;
border: 3px solid #2985c0;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}
.navbar .dd-container .main img{
transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
position: relative;
}
.navbar .dd-container.large .main img{top: 2px;}
.navbar .dd-container.small .main img{top: 18px;}
.navbar .dd-container .main{
float: left;
padding: 0;
text-align: center;
height: 100%;
position: absolute;
top: 0;
box-shadow: inset -2px 0px 2px 0px rgba(0, 0, 0, 0.3);
background: #eee;
}
.navbar .dd-container.large .main{width: 20%;}
.navbar .dd-container.small .main{width: 40%;}
.navbar .dd-container .main a span{
bottom: 20px;
position: absolute;
margin: 5px auto 0;
width: 90%;
left: 50%;
transform: translate(-50%, -4px);
}
.navbar .dd-container.large .main a span{background: rgb(46, 102, 69); border: 1px solid transparent;}
.navbar .dd-container.small .main a span{background: rgba(37, 60, 128, 0.8); border: 1px solid transparent;}
.navbar .dd-container.small .main.blog img {
width: 115px;
height: 40px;
top: 1px;
left: 9px;
}
.navbar .dd-container.small .main.blog a span {
background: #FBB036;
bottom: 0;
border: 1px solid transparent;
}
.navbar .dd-container.small .main.blog a:hover span {
border: 1px solid #FF9800;
background: none;
box-shadow: inset 0 0 2px #FF9800;
}
.navbar .dd-container .main .info{
margin: 0;
position: relative;
font: 600 11px 'Lato', sans-serif;
bottom: -5px;
padding-left: 10px;
}
.navbar .dd-container .main .info:before{
content: '';
position: absolute;
background: url('/assets/images/icons/arrow.svg') 0 0 no-repeat;
width: 50px;
height: 65px;
top: -35px;
left: -12px;
transform: rotate(160deg) scaleX(-1) scale(0.5);
-webkit-transform: rotate(160deg) scaleX(-1) scale(0.5);
-moz-transform: rotate(160deg) scaleX(-1) scale(0.5);
-o-transform: rotate(160deg) scaleX(-1) scale(0.5);
filter: invert(65%) sepia(21%) saturate(800%) hue-rotate(95deg) brightness(100%) contrast(103%);
}
.navbar .dd-container ul{
padding-left: 5px;
position: relative;
float: right;
}
.navbar .dd-container.large ul{padding-left: 5px;width: 80%;}
.navbar .dd-container.small ul{width: 60%;}
.navbar .dd-container.large li{
display: inline-block;
width: 32%;
margin: 5px 4px 5px 0;
}
.navbar .dd-container.small li{
width: 95%;
margin: 10px auto;
}
.navbar .dd-container .second li:nth-child(3n){margin-right:0;}
.navbar .dd-container li{border-radius: 3px; transition: all 0.3s ease-in-out;}
.navbar .dd-container li:hover a, .navbar .dd-container li a:hover, .navbar .dd-container .main a:hover span{
background: #fff;
color: #333;
text-shadow:none;
}
.navbar .dd-container.large .main a:hover span{
border: 1px solid rgb(46, 102, 69);
background: none;
box-shadow: inset 0 0 2px rgb(46, 102, 69);
}
.navbar .dd-container.small .main a:hover span{
border: 1px solid rgb(37, 60, 128);
background: none;
box-shadow: inset 0 0 2px rgb(36, 59, 125);
}
.navbar .dd-container li a, .navbar .dd-container .main a span{
font-size: 13px;
padding: 3px 0;
text-align: center;
border-radius: 3px;
font-weight: bold;
transition: all 0.3s ease-in-out;
color: #fff;
}
.navbar .dd-container li a{background: rgba(51, 51, 51, 0.5);}
.slider-wrapper.set-nav {
left: auto !important;
right: 0;
width: 364px;
height: 92px;
padding-top: 6px;
padding-left: 30px;
}
.slider-wrapper.set-nav .slider-parent {width: 100%;height: 100%;}
.slider-wrapper.set-nav .slider li:nth-child(-n+3) {display: block;}
.slider-wrapper.set-nav .slider a {padding: 6px 14px 0;text-align: center;}
.slider-wrapper.set-nav .slider a.fix {padding: 6px 0 0;font-size: 12px;}
.slider-wrapper.set-nav .slider a span {display: table;margin: 0 auto;}
.slider-wrapper.set-nav .slide-next {right: 8px;}
.slider-wrapper.set-nav .slide-prev {left: -20px;}
.slider-wrapper.set-nav.guide .slide-prev {left: 10px;}
.page-article, .page-sidebar {float: left;}
.page-sidebar {width: 250px;}
.page-sidebar .scroll-me.fixed {position: fixed;z-index: 100;}
.widget-sports li{
display: inline-block;
width: 90%;
transform: translate(6%, 0);
}
.widget-sports li a{padding: 4px 0;display: inline-block;}
.widget-sports .global.icon.icon-sb-feat-sp--24{height: 27px;}
.widget-specials li a{text-align: center;padding-left: 0;}
.page-footer::after {
content: '';
position: absolute;
right: 0;
top: 235px;
width: 211px;
height: 222px;
background: url('../images/sprites/sprite-global-2.png') -7px -890px no-repeat;
}
figure {
width: 250px;
height: 250px;
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
}
/* Shine */
.hvr-shine figure {position: relative;border-radius: 5px;}
.hvr-shine figure::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.hvr-shine figure:hover::before {-webkit-animation: shine .75s; animation: shine .75s;}
@-webkit-keyframes shine {
100% {left: 125%;}
}
@keyframes shine {
100% {left: 125%;}
}
.image-container {
position: relative;
width: 300px;
height: 250px;
}
.image-container:hover img{
-webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
-webkit-transform: translate(-20%, 0) scale(1.5); -ms-transform: translate(-20%, 0) scale(1.5); transform: translate(-20%, 0) scale(1.5); position:unset;}
.image-container .after {
position: absolute;
top: 6px;
left: 0;
width: 100%;
height: 100%;
display: block;
background: rgba(0, 0, 0, .6);
color: #FFF;
}
.image-container .after i{
display:block;
font-size: 33px;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.image-container:hover .after {display:none;}
.brand-overview .fas-list li span:before {top: 7px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1499px) {
.site-width {width: 964px;}
.site-width.custom {width: 692px;}
.page-footer .info {width: 500px;}
.page-footer > .site-width {padding-right: 195px;}
.navbar > li:last-child {border-right: none;}
.navbar > li > a {padding: 8px 15px;}
.navbar > li > a.fix {padding: 10px 15px;}
.navbar .dropdown-content a {font-size: 13px;font-weight: 600;}
.navbar > li:hover, .navbar > li.active {border-bottom: 4px solid #2985c0;}
.navbar .global.icon.icon-navbar--icon-08{display:none;}
.page-article {width: 692px;margin-right: 20px;}
.navbar li.dropdown.languages {padding: 6px 10px 6px 4px;}
.dropdown-content.lang{
right: -2px;
min-width: 108px;
padding-top: 6px;
transform: translate(3px, 12px);
-moz-transform: translate(3px, 12px);
}
.lang li a span:nth-child(2) {
position: relative;
top: -4px;
left: 5px;
text-transform: capitalize;
}
.page-footer {background-position: -360px 0;}
.page-footer .social-icons {left:66px;}
.page-footer::after{
transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
}
.tc-apply-short--3::after {bottom: -35px;}
}
@media only screen and (min-width: 800px) and (max-width: 1499px) {
.bott-three:not(.other-reviews) > div:nth-child(1) {left: 33.8888%;}
.bott-three:not(.other-reviews) > div:nth-child(2) {right: 33.3333%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.page-footer .text-wrap {width: 722px;}
}
@media only screen and (min-width: 1400px) and (max-width: 1499px) {
.page-footer .text-wrap {width: 900px;}
}
@media only screen and (min-width: 1400px) and (max-width: 1399px) {
.page-footer .text-wrap {width: 722px;}
}
@media only screen and (min-width: 1500px) {
.accent-orange-txt p {padding-left: 80px;}
.sticker {margin: 30px -50px 10px -15px;}
.brand-overview .title:before {top: 11px;}
.table.set-2.live td:nth-child(3), .table.set-2.live th:nth-child(3){display: table-cell;}
.single-lightbox.perspective{position:relative; perspective: 1000px;}
.single-lightbox.perspective:hover a:after{
transform: rotateY(28deg) translate(-51%, 26px);
-webkit-transform: rotateY(28deg) translate(-51%, 26px);
-o-transform: rotateY(28deg) translate(-51%, 26px);
width: 90%;
height: 70%;
}
.single-lightbox{position:relative;}
.single-lightbox:hover a:after{
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
width: 100%;
height: 100%;
text-align: center;
padding-top: 60px;
}
.single-lightbox:hover a:after{
content: '\f00e';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #fff;
position: absolute;
font-size: 35px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
}
.speech-bubble {width: 80%; margin: 0 15px 0 0;}
.site-width {width: 1272px;}
.site-width.custom {width: 972px;}
h1, .heading--for-jumbar {font-size: 22px;}
h2 {font-size: 20px;}
.navbar > li {padding: 0px 3px;}
.navbar > li > a {padding: 8px 21px;}
.navbar > li > a.fix {padding: 11px 21px;}
.navbar i.fa-star{display:none;}
.navbar li.dropdown.languages {
padding: 6px 20px 6px 4px;
right: -50px;
transform: translateX(100%);
-moz-transform: translateX(65%);
}
.navbar li.dropdown.languages:after {right:5px;}
.navbar > .dropdown > .dropdown-content{left: 0;top: 100%;}
.navbar > .dropdown > .dropdown-content.lang {
padding-top: 6px;
right: -4px;
min-width: 116px;
transform: translate(0, -4px);
-moz-transform: translate(4px, 0);
}
.navbar .dd-container {
transform: translateX(15%);
-webkit-transform: translateX(15%);
-moz-transform: translateX(15%);
-o-transform: translateX(15%);
}
.mobile-menu-container .global.icon.icon-navbar--icon-08 {display:inline-block;}
.lang {min-width:108px;}
.lang li a span:nth-child(2){
position:relative;
top:-5px;
left: 5px;
text-transform: capitalize;
}
.page-article {width: 972px; margin-right: 48px;}
.page-article.custom {margin-right: 0;}
.heading--full {
-webkit-box-shadow: 0 5px 2px -2px rgba(0, 0, 0, .3);
box-shadow: 0 5px 2px -2px rgba(0, 0, 0, .3);
}
.heading--full, .heading--full-r {height: 40px;}
.heading--full > span::before,
.heading--full > span::after {content: ''; position: absolute;}
.jumpbar.set-1 {margin: 16px auto 30px;padding: 20px 0 0 26px;}
.jumpbar.set-1::before {width: 270px;height: 264px;}
.jumpbar.set-1.no-author::before {
content:'';
float:right;
width:0;
height:0;
}
.jumpbar-wrap .author > .title {padding-left: 128px;}
.jumpbar li {
width: 30.5%;
margin-right: 2%;
margin-bottom: 20px;
}
.jumpbar.more-links li{width: 22.5%;}
.jumpbar.set-1 li {height: 68px;line-height: 48px;}
.jumpbar.set-1.pay-links li {height: 145px;}
.jumpbar.pay-links li a:before{
width: 276px;
top: -8px;
left: 0;
transform: scale(1);
-webkit-transform: scale(1);
}
.jumpbar.set-1.pay-links li .text-wrap {margin-top: 100px; margin-left: 0;}
.jumpbar.set-1 li.side-link {
position: absolute;
right: -6px;
bottom: 0;
}
.jumpbar-wrap .author {
top: 10px;
right: -30px;
width: 332px;
}
.jumpbar-wrap .author .text-wrap {padding: 14px 20px;}
.jumpbar.set-2 {padding: 20px 0 0 38px;}
.jumpbar.set-1 a {padding: 16px 12px 16px 70px;}
.brand-promo {width: 750px; margin: 40px 0 50px 180px;}
.brand-promo::before,
.brand-promo::after {
content: '';
position: absolute;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
}
.set-2 .brand-promo {margin-bottom: 40px;}
.set-2 .brand-promo .fas-list li:not(:last-child) {margin-bottom: 14px;}
.brand-promo .fly-wrap {font-size: 25px;}
.brand-promo .fly-wrap .prize {margin: -14px 0 -6px;font-size: 77px;}
.brand-promo .fly-wrap .prize.notverified {margin: 57px 0 -6px;font-size: 30px;}
.brand-promo .fly-wrap .sub-prize {font-size: 23px;margin-bottom: 5px;}
.brand-promo .fly-wrap > span:not(.prize):not(.sub-prize) {font-size: 19px;margin-bottom: 5px;}
.brand-promo a.out {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 194px;
font-size: 19px;
}
.set-2 .brand-promo a.out.lower, .set-3 .brand-promo a.out.lower {bottom: -30px;}
.set-2 .brand-promo a.out{bottom: -40px;}
.set-3 .brand-promo a.out {bottom: -10px;}
.table.set-3 th:nth-child(2) {width: 140px;}
.text-boxes .grid-box > .title {font-size: 18px;}
.text-boxes .grid-box:not(.grid-box--col-full) {display: table-cell; vertical-align: top;}
.text-boxes .grid-box--col-2 {width: 50%;}
.text-boxes .grid-box--col-3 {width: 33.33%;}
.text-boxes .grid-box--col-4 {width: 25%;}
.text-boxes > .grid-box--col-full {margin-top: 20px;}
.bott-three > div {width: 248px;}
.bott-three > div:nth-child(1) {left: 30.6666%;}
.bott-three > div:nth-child(2) {right: 31.3333%; margin: 0 36px;}
.brand-overview .heading::before, .brand-overview .heading::after {right: -44px;}
.brand-overview > div {padding: 20px;}
.brand-overview .prize-wrap-in {margin-left: 130px;}
.brand-overview .prize-wrap-in.none{margin: 0 0 5px;}
.brand-overview > .last > div > div{padding: 0 20px;}
.brand-overview .title {padding: 9px 30px;}
.brand-overview .heading > span > span {margin-left: 20px;}
.brand-overview .rating-ul {
float: left;
width: 320px;
margin-right: 40px;
}
.brand-overview .prize-wrap {margin-left: 320px;}
.brand-overview a.out {width: 287px;}
.brand-about {
width: 846px;
height: 260px;
padding: 10px 0 18px 20px;
}
.brand-about::before {
left: -106px;
top: -93px;
z-index: -1;
}
.brand-about-wrap > p {padding-left: 110px;}
.brand-about-wrap.b365 .brand-about > .set-1 {width: 323px;}
.brand-about-wrap.b365 .brand-about > .set-2 {width: 265px;}
.brand-about > div {
float: left;
height: 172px;
margin-right: 10px;
}
.brand-about > .set-1 {width: 320px;}
.brand-about > .set-2 {width: 275px;}
.brand-about > .set-2 .fas-list{min-height: 50px;}
.brand-about > .set-3 {width: 201px;}
.brand-about .devide {height: 66px;}
.brands-vs--left, .brands-vs .grid-box {float: left;}
.brands-vs--left {float: left; margin: 10px 38px 40px 0;}
.brands-vs--2::before, .brands-vs--2::after {content: '';}
.brands-vs--1 .grid-box:first-child {margin-left: 4px;}
.brands-vs--2 .grid-box:first-child {margin-left: 170px;margin-right: 40px;}
.brands-vs--2 .grid-box {margin-top: 62px;}
.brands-vs--3 .grid-box-wrap {float: left;width: 388px;}
.brands-vs--3 .grid-box-wrap:first-child {margin-right: 154px;}
.brands-vs--3 .fas-list li {float: left;width: 50%;}
.brand-approve--left {float: left;margin: 8px 30px 30px 0;}
.brand-approve--left.mb50 {margin: 8px 30px 50px 0;}
.brand-approve--left.mb75 {margin: 8px 30px 75px 0;}
.brand-approve--right {float: right; margin: 8px 0 20px 102px;}
.rev-tc{max-width: 638px;}
.set-1 .slider > *:nth-child(-n+4) {display: block;}
.set-1 .slider > li > div {width: 210px;}
.set-1 .slider > li {margin: 0 4px;}
.page-footer > .site-width {text-align: left;}
.page-footer > .site-width > div {
display: inline-block;
vertical-align: top;
position: relative;
right: 250px;
margin-left: 656px;
}
.page-footer .info, .page-footer .text-wrap {text-align: right;}
.page-footer .info {margin-left: 248px;}
.page-footer .text-wrap {padding-left: 224px;}
.page-footer .social-icons {left: 28px;top: -95px;}
.page-footer > .site-width > div > p {text-align: right;}
}
@media only screen and (min-width: 1700px) {
.page-footer > .site-width > div {width: 1100px;}
.page-footer .links-info {margin-right: 20px;}
.mr-20{margin-right: 20px;}
}
@media only screen and (resolution: 120dpi) {
.page-sidebar .back-to-top {margin-top: 20px;}
.table-three > .row:not(:last-child) {margin-bottom: 5px;}
.table-three > .row:not(:nth-child(2)) {margin-top: 10px;}
.table-three .icon--full-ribbon-small {margin-top: 24px;margin-bottom: 12px;}
.table-three > .row:not(:last-child)::after {
bottom: 0px;
height: 0px;
background: none;
}
.page-sidebar .widget {margin-bottom: 10px;}
}
@media only screen and (min-width: 640px){
.brand-overview.b365 .prize-wrap {margin-bottom: 0px;}
}
@media only screen and (min-width: 800px){
.brand-overview.b365 .prize-wrap {margin-bottom: 50px;}
}
@media only screen and (min-width: 1500px){
.brand-overview.b365 .prize-wrap {margin-bottom: 0px;}
}
/* new top3 popup */
.popup-holder{display: none;}
.bet365-pop-terms {
color: #b9c8d0;
bottom: -45px;
font-size: 9px;
width: 32.3333%;
text-align: justify;
line-height: 1.2;
position: absolute;
left: 33.3333%;
height: 30px;
}
.casino .bet365-pop-terms {right: 0; left: unset;}
.unibet-pop-terms {
color: #b9c8d0;
bottom: -45px;
font-size: 9px;
width: 32.3333%;
text-align: justify;
line-height: 1.2;
position: absolute;
right: 0;
height: 30px;
}
.brands-container{
width: 610px;
max-width: 100%;
background: #b9c8d0;
margin: 15rem auto; /* to change */
padding: 5px;
height: 315px;
}
.brands-container.tc-apply-short::after{
color: #b9c8d0;
bottom: -30px;
font-size: 10px;
text-align: left;
}
.brands-container.casino.tc-apply-short::after {bottom: -15px;}
.brands-container:before {
position: absolute;
content: '\f057';
width: 35px;
height: 35px;
color: #f3ac14;
font: bold 20px 'Font Awesome 5 Free';
top: -25px;
right: 0;
text-align: center;
}
.brands-container:hover:before {cursor: pointer;}
.pop-box-header{
padding: 1.25rem 3rem 4.25rem 0;
background: #2985c0;
color: #fff;
font-size: 2.15rem;
position: relative;
text-align: right;
margin-bottom: -2rem;
}
.pop-box-header:before, .pop-box-header:after{position: absolute; content: '';}
.pop-box-header:before{
background: url('/assets/images/popup/lights-pop.png') no-repeat;
width: 100%;
height: 200px;
left: -55px;
top: -55px;
}
.pop-box-header:after{
background: url('/assets/images/popup/character_popup.svg') no-repeat;
width: 134px;
height: 207px;
left: 33px;
top: -100px;
}
.brand-box{
width: 32.333333%;
background-color: #eaecef;
padding: 15px;
margin: 3px;
position: relative;
float: left;
border: 2px solid #79c342;
}
.brand-box.box-1 {
left: 33.3333%;
transform: scaleY(1.05);
-webkit-transform: scaleY(1.05);
top: -6px;
border: 2px solid #ff921e;
}
.brand-box.box-2 {left: -33.333%;}
.brand-box .c-brand{display: block; margin: 0 auto 1rem;}
.brand-box .rating, .brand-box .offer{margin: 0 auto 1rem;}
.brand-box .offer{text-align: center;}
.brand-box .offer span:nth-child(2):not(.prize){
display: block;
color: #3a3a3a;
font: normal 12px 'Lato', sans-serif;
text-transform: uppercase;
margin-bottom: .5rem;
}
.brand-box .offer .sub-prize{font: bold italic 1.45rem 'Lato', sans-serif;}
.brand-box .offer .prize{font-size: 5rem; margin: -10px 0 0;}
.brand-box .offer .prize.fix{margin-top: 10px;}
.brand-box .out:focus{outline: none;}
.brand-box .out{
padding: 5px 10px;
margin: 0 auto;
display: table;
background-color: #79c342;
border-bottom: 2px solid #65ac30;
}
.brand-box:not(:first-child) .out:hover{
background: #79c342;
border-top: 2px solid #65ac30;
border-bottom: none;
}
.brand-box:first-child .out:hover{
background: #ff921e;
border-top: 2px solid #c17524;
border-bottom: none;
}
.brand-box:first-child .out{background-color: #ff921e; border-bottom: 2px solid #c17524;
}
.brand-box:first-child .rating{background: #ff921e;}
.brand-box .rating{
background: #79c342;
position: relative;
margin: 8px -5px 8px -15px;
padding: 5px 20px 5px 5px;
text-align: center;
color: #fff;
}
.brand-box .rating span{font-size: 18px; font-weight: bold;}
.brand-box .rating:after{
content: "";
background: none;
border-bottom: 0;
width: 10px;
height: 0;
border-style: solid;
border-width: 15px 0 16px 16px;
border-color: transparent transparent transparent #eaecef;
right: 0;
top: 0;
position: absolute;
border-radius: 0;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.brand-box .rating.sm{display: none;}
.brand-box .rating.lg{display: block;}
@media screen and (min-width: 640px){
.popup-holder .brand-box.two-brands{
display: flex;
align-items: center;
width: 100%;
margin: 0px 2px 10px 0;
padding: 5px 15px;
position: relative;
left: 0;
}
.popup-holder .brand-box.two-brands:first-child{
margin-top: 40px;
}
.popup-holder .brand-box.two-brands .rating{
margin: 0 auto 1rem;
}
.popup-holder .brand-box.two-brands .prize.calibri{
font-size: 35px;
}
.popup-holder .casino:has(.two-brands) .bet365-pop-terms{
color: #000;
bottom: -16px;
font-size: 10px;
width: unset;
}
}
@media screen and (max-width: 639px){
.bet365-pop-terms {
color: #000;
bottom: 310px;
position: absolute;
left: 0;
height: 0;
padding: 0 .5rem;
width: 100%;
}
.casino .bet365-pop-terms {bottom: 25px; left: -3px;}
.unibet-pop-terms {
color: #000;
bottom: 12px;
position: absolute;
left: 0;
height: 50px;
padding: 0 .5rem;
width: 100%;
}
.brand-box {left: -3px;}
.brand-box:nth-child(2) {top: -120px;}
.brand-box.box-2.casino {left: -3px;top: 5px;}
.brand-box.box-3.casino {top: 5px;}
.brands-container{ margin: 7rem auto; width: 320px; height: 500px; max-width: 100%;}
.brands-container.casino {height: 470px;}
.popup-holder .brands-container.casino:has(.two-brands) {
height: fit-content;
padding-bottom: 30px;
}
.pop-box-header{font-size: 2rem; text-align: center; padding: 1.25rem 0 3.6rem 0;}
.pop-box-header:after{display: none;}
.brand-box{width: 100%; float: none; left: -3px; padding: 5px 15px; top: 60px;}
.brand-box:nth-child(3){left: -3px; top: 60px;}
.brand-box:nth-child(1){left: -3px; top: 0;}
.brand-box .rating.lg{display: none;}
.brand-box .c-brand.icon{display: inline-block;margin: 0 0 0 4rem;}
.brand-box .rating.sm{ margin: 0 -5px 0 -15px;}
.brand-box .offer span:nth-child(1){display: none;}
.brand-box .offer, .brand-box .rating.sm, .brand-box .out{display: inline-block;width: 49%; vertical-align: middle;}
.brand-box .offer .sub-prize {font-size: 1.25rem;}
.brand-box .offer .prize {font-size: 4rem;}
.brands-container.tc-apply-short.sport::after {bottom: -15px;}
}
/*Games Boxes*/
.text-boxes .game-icon {background-color:#fdfdfd;}
.text-boxes .game-icon {
width: 55px;
height: 57px;
text-indent:-9999px;
-webkit-box-shadow:10px 10px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow:10px 10px 5px 0px rgba(0,0,0,0.3);
box-shadow:4px 4px 1.5px 0px rgba(0,0,0,0.3);
position:relative;
top:-30px;
padding: 5px;
display:inline-block;
margin-right:2rem;
}
.text-boxes .games .game-icon [class*='icon-'] {
background-repeat:no-repeat;
background-size:contain;
background-position:50%;
width: 100%;
height: 100%;
}
.text-boxes .games .title {display:inline-block;}
.text-boxes .games p {margin-top:-1rem;}
/* navbar brands dropdown */
[class*="fav-"]:after{display:inline-block;text-indent:-9999px;text-align:left;background-size:30px 30px;background-position:center center;background-repeat:no-repeat;width:35px;height:35px;position:absolute;content:'';top:0;left:0;border-radius:3px 0 0 3px;border-right:1px solid #fff;}
.fav-betway:after{background-image: url('../images/brands-icons/icon-betway.svg'); background-color: #000;}
.fav-unibet:after{background-image: url('../images/brands-icons/icon-unibet.svg'); background-color: #14805e;}
.fav-betfair:after{background-image: url('../images/brands-icons/icon-betfair.svg'); background-color: #ffb80c;}
.fav-bet365:after{background-image: url('../images/brands-icons/icon-bet365.svg'); background-color: #027b5b;}
.fav-betfred:after{background-image: url('../images/brands/betfred.svg'); background-color: #004990;}
.fav-10bet:after{background-image: url('../images/brands/10bet.svg'); background-color: #000;}
.fav-grosvenor:after{background-image: url('../images/brands/grosvenor.svg'); background-color: #fff;}
.fav-32red:after{background-image: url('../images/brands/32red.svg'); background-color: #ff141a;}
.fav-william-hill:after{background-image: url('../images/brands-icons/icon-william-hill.svg'); background-color: #00143c;}
.fav-mr-green:after{background-image: url('../images/brands/mr-green.svg'); background-color: #fff;}
@media only screen and (max-width: 1023px) {
[class*="fav-"]:after{width: 30px; height: 30px; background-size: 25px 25px; border-right: none;}
.mobile-menu-container .navbar .brands.children a{padding-left: 35px; margin: 3px 0 3px 0;}
.mobile-menu-container .navbar .brands.children li.main a{padding-left: 0;}
.mobile-menu-container .navbar .brands.children ul li{position: relative; padding-left: 0;}
}
@media only screen and (min-width: 1024px) {
.navbar .dd-container.brands {width: 555px; left: 0; top: 49px; transform: none;}
.navbar .dd-container.brands ul{padding: 5px 5px 0 5px; float: none;}
.navbar .dd-container.brands li{width: 32%; display: inline-block; margin-right: 5px; margin-bottom: 5px;}
.navbar .dd-container.brands li a{padding: 7px 0 7px 30px; position: relative;}
.navbar .dd-container li:hover a,.navbar .dd-container li a:hover,.navbar .dd-container .main a:hover span{background:#fff;color:#333;text-shadow:none;}
.navbar .dd-container.active,.navbar .dd-menu:hover .dd-container{visibility:visible;opacity:1;border:3px solid #2985c0;box-shadow:0px 2px 4px rgba(0,0,0,0.3);}
}
.rounded{border-radius: .5rem;}
/*last update*/
.last-update {
font-size: 10px;
position: relative;
bottom: 5px;
}
/*main table top brand long bonus*/
@media only screen and (max-width: 639px) {
.table.set-1 tr:first-child td:first-child, .table.set-1 tr:first-child td:last-child {height: 115px;}
.table.set-1 tr:first-child td:nth-child(7) {bottom:35px;}
}
/*Pros & Cons*/
.preview-pros-cons {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
padding: 10px;
}
.pros-cons-col {
width: 50%;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
align-content: center;
}
@media only screen and (max-width: 500px) {
.pros-cons-col {
width: 100%;
margin-bottom: 18px;
}
}
.pros-cons-col .title {
font-size: 18px;
font-weight: 800;
text-align: center;
}