PayPal Casinos






























Welcome to Onlinecasinossouthafrica.co.za, a site squarely focused on your fun and enjoyment. It might be your first time here, but there's a good chance you already know us. We've been featured in publications such as the Wall Street Journal, CNN and, every man's favorite, Playboy Magazine. But we care more about what's printed right here. We're talking about reviews of the top online gambling sites. Welcome to Onlinecasinossouthafrica.co.za, a site squarely focused on your fun.




  • Enjoy a wide range of online casino variations

  • Lots of deposit methods and quick cash-outs

  • Get a top real-money welcome bonus when you join



It might be your first time here, but there's a good chance you already know us. We've been featured in publications such as the Wall Street Journal, CNN and, every man's favorite, Playboy Magazine. But we care more about what's printed right here.















We are the original internet casino site and were founded 20 years ago, back when the online gambling industry was still very young. Our team has over 100 years of combined casino industry experience, we provide you with solid, factual information on the best online casino sites and games to ensure that you always have the best experience whenever you play. Today, tens of thousands of players trust Casino.org to provide them with clear and detailed opinions on where they should be playing and why.



As a result, we are the most trusted internet gambling directory around and the perfect starting point to begin your search for a reputable site. We work hard to ensure that the online casinos we review come highly recommended, are safe, secure and offer you nothing but fun.






Lastest Casino News





NFL Forced to Defend Anti-Sports Betting Stance Following Games

NFL Forced to Defend Anti-Sports Betting Stance Following Games


The NFL was facing accusations of hypocrisy this week over its much-publicized incursion into ...


Read more







Brit wins £13.2 million on Microgaming's 'Mega Moolah' slot

Brit wins £13.2 million on Microgaming's 'Mega Moolah' slot


A British soldier has won the biggest slots jackpot in history - £13.2 million on Microgaming's 'Mega Moolah' ...


Read more







Palio — The Italian for horseracing

Palio — The Italian for horseracing


In Italian, a ‘palio’ is an athletic contest. Ask people the world over what the term means and the odds ...


Read more











These casinos you should definitely avoid:






Europlay casino



Europlay casino


Rating

3.3 / 10




  • Shoddy customer service

  • Failure to pay players







Grand reff



Grand reff casino


Rating

2.9 / 10




  • Shoddy customer service

  • Failure to pay players







Europlay casino



balzac- casion


Rating

2.7 / 10




  • Shoddy customer service

  • Failure to pay players










What is PayPal?






PayPal is an online payment system that is used for making online and mobile payments to persons, web shops and / or other pay sites. To be able to make payments with this payment method, you will need an email address and a conventional bank account or credit card that has to be connected to your PayPal account to fund it.



Founded already in 1998, PayPal was one of the pioneers in making online payments and was subsequently taken over by Ebay in 2002. The company obtained an official European banking license in 2007 and in 2014 the service was active in over 193 countries, allowing its 143 million registered users to send, receive and hold funds on their PayPal accounts in no less than 26 currencies.



The best feature of PayPal is their online payment service is completely free of charge, as the end-users (the consumers that is) don’t need to pay for the payment services or money transfers delivered by the payment method. The fees for payments made with PayPal are charged on the sellers instead of on the buyers.



If you want to make payments on the internet by PayPal, you need to open a PayPal account and have a “funding” account (a normal bank account or credit card). However, because the payments are not carried out directly from your bank account or credit card, sensitive personal (financial) information will never be visible for the party that receives the payment. Therefore PayPal is a great online payment option for people that are afraid their identity might be stolen or personal data might be misused.


















































Casino Jackpots




$ 5,253,125

Mega Moolah
$3,491,492
King Cashalot
$565,939
Roulette Royale
$413,274
Major Millions
$257,409
Poker Ride
$208,139
Cyber Stud
$112,643
Treasure Nile
$46,837



Progressive Jackpots





0 min



1 min



2 min



3 min



4 min



5 min



6 min





JUN


$ 5,250,000





JUL


$ 3,720,500





AUG


$ 5,600,000





SEP


$ 4,000,100





OCT


$ 3,300,000





NOV


$ 3,770,000










New Casino Winners







Free Online Games





Slots Library

Slots Library
Spin those reels and play a huge range of slots and other games for FREE!








BlackJack

BlackJack
Deal those cards and aim for 21 in our free featured BlackJack game








Roulette.jpg

Roulette
Will your number come up in our featured FREE Roulette game?









Frequently Asked Questions (FAQ)








Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.







Gambling online for real money is highly popular and great fun because you can play at any time of the day or night, on your pc, tablet or mobile. There are always hundreds of slots and many other games available and you don't even need to change out of your pajamas to enjoy them. It saves the plane journey to Las Vegas!







Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.







Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.







Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.







Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.



























                                
                                    @charset "utf-8";

@import 'mixins';
@import 'fonts';

/*----------Reset Styles--------------------------------------------------------------*/
body, html { margin: 0; padding: 0; outline: none; line-height: 1.428571428571429em; color: $color_body; }

p { padding: 0; margin: 16px 0 0;
&:first-child { padding-top: 0 !important; margin-top: 0 !important; }
}
h1,h2,h3,h4,h5{ line-height: 1; color: $color5; text-transform: uppercase; letter-spacing: -0.3px; }


var{ font-style: normal; }
a, a:hover, a:focus{ outline: none !important; color: $color3; }
a img { border: 0; outline: none; }

img[align^="left"], img[align*="left"]{ margin: -5px 20px 0 0; }
img[align^="right"], img[align*="right"]{ margin: -5px 0 0 20px; }

img { margin: 0; padding: 0; }
header, nav, section, main, footer { display: block; margin: 0; padding: 0; outline: none; }

a[href^="skype"], a[href^="tel"] { cursor: default; }
textarea{ resize: vertical; }

/* ------ List Style ----------- */
.intro-list, .warning-list, .winners-thead, .tr-winners, .contact-info ul { list-style: none; margin: 0; padding: 0; }

.img-fluid{ max-width: 100%; }
.img-rounded{ @include border-radius(4px); }

/* ------ browserupgrade ----------- */
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ------ Custom Font ----------- */
body, .main-content .breadcrumb a, .breadcrumb > li + li:before, .thumbnails .thumbnail a, .main-content .contact-info a, .table-wrapper .table > tbody > tr > th, .table-wrapper .table > tbody > tr > td, .table-winners .tbody-altr .tr-altr { font-family: $openSansRegular; font-weight: normal !important; font-style: normal; }
.tag-line, .main-content a, .tb-info strong, .bonus .text span, .link-read-more, .blacklist .item h3, .jackpots .table > tbody > tr > td, .section-games .thumbnail strong, .info-list strong, .blacklist .rating .text, .tr-winners var, .section-tips h3:before, .breadcrumb .active, .thumbnails .thumbnail strong, .progress-header span, .hitsmiss strong, .table > tbody, .table-winners var, .table-wrapper .table > tbody > tr > th:first-child { font-family: $openSansBold; font-weight: normal !important; font-style: normal; }
.page-header span, .link-read-review, .bonus .text,.winners-thead li, .panel-heading, .section-page h3, .devices h3, .table > thead > tr > th, .section-banking h3, .table-winners .th-altr { font-family: $openSansSemiBold; font-weight: normal !important; font-style: normal; }
.bar-percent, .total-jackpots{ font-family: $openSansExtraBold; font-weight: normal !important; font-style: normal; }
.info-item .text, .contact-info span, .progress-header{ font-family: $openSansLight; font-weight: normal !important; font-style: normal; }

h1, h2, h3, h4, h5, .main-nav, .main-content .intro-content .btn, .main-content .btn, .rating .value, .fmenu, .bonus strong, .blacklist .rating,.thumbnails .thumbnail .btn { font-family: $oswaldbold; font-weight: normal !important; font-style: normal; }
.side-menu .panel-heading{ font-family: $oswald_regular; font-weight: normal !important; font-style: normal; }

/* ------ Wrapper ----------- */
.wrapper{ counter-reset: section; overflow: hidden; }
.container{ width: 100% !important; max-width: 1200px; }

/* ------ Header ----------- */
.header{
.navbar{ margin-bottom: 7px; }
.navbar-brand{ padding-top: 12px; }
}

/* ------ Main Nav ----------- */
.main-nav{ padding: 0; background: $color1;
>li{
> a{ margin: 0; padding: 12px 26px 8px; margin-left: -1px; text-transform: uppercase; color: $color2; border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2);

&:focus, &:hover{ background: $color40; border-color: $color40; }
}
}
}
.header-top-left{ padding: 10px; float: left; padding-left: 7.5%; }
.header-top-right{ padding: 10px 20px 10px 10px; float: right; }

/* ------ Tag Line ----------- */
.tag-line{ margin: 17px 0 0; padding: 0 34px 0 36px; width: 261px; height: 66px; text-transform: uppercase; color: $color4; background: url(../img/background/tag-line.png) 50% 100% no-repeat; -webkit-background-size: cover;
background-size: cover;
img{ float: left; margin: -5px 14px 0 0; }
.text{ padding: 5px 0 0; line-height: 1.3em; display: block; overflow: hidden; }
}

/* ------ Badges ----------- */
.badges{ margin-right: -10px;
img{ margin: 2px 5px; }
}

/* ------ Main Content ----------- */
.main-content{ padding-bottom: 44px;
a{ @include underline-hover; }
.btn{ @include underline-none; }
p{ text-align: justify; }

}


.breadcrumb{ margin-bottom: 34px; padding: 27px 0 0; background: none;
.active{ color: $color1; }
a{ color: $color30; @include hover-underline }
> li + li:before{ color: $color30; }
}

/* ------ Section ----------- */
.section{ padding: 20px 30px 20px 0; clear: both; }

/* ------ Page Header ----------- */
.page-header{ border: none; margin: 0;
span{ display: block; margin-top: 19px; font-size: 1.428571428571429em; }
}
/* ------ Section Intro ----------- */
.section-intro{ line-height: 1.571428571428571em;
.page-header{ margin-bottom: 19px; }
.btn-block{ padding: 36px 0 0; }
}
.intro-content{
img[align^="left"], img[align*="left"]{ margin: -5px 16px 0 0; }
img[align^="right"], img[align*="right"]{ margin: -5px 0 0 16px; }
}

/* ------ Intro List ----------- */
.intro-list{ margin: 6px 0 20px; overflow: hidden;

li{ position: relative; margin: 15px 0 0; padding: 0 0 0 26px; line-height: 1.142857142857143em;
i{ position: absolute; top: -1px; left: 1px; display: block; color: $color3; }
}
}

.btn{ padding: 7px 32px 8px; border: 2px solid $color2; @include border-radius(25px); @include background-clip(padding-box); background-color: $color6; @include box-shadow(0 2px 3px rgba(0,0,0,.2)); @include underline-none; color: $color2; font-size: 1.142857142857143em; line-height: 1.25em; text-transform: uppercase; @include text-shadow(0 2px 1px rgba(0,0,0,.2)); letter-spacing: 0.2px;

i{ display: inline-block; vertical-align: middle; margin: 0 4px 0 7.1%; height: 31px; width: 30px; border-left: 1px solid $color2; background: url(../img/icons/btn.png) 100% 9px no-repeat; }

span{ display: inline-block; vertical-align: middle; padding: 3px 0 0; }

&:hover, &:focus{ color: $color2; border: 2px solid #fff; @include background-clip(padding-box); background-color: #ff4e00; @include box-shadow(0 3px 0 rgba(0,0,0,.25)); }
&:focus{ @include box-shadow(0 1px 0 rgba(0,0,0,.25)); @include transform(translateY(2px)); }

}
.btn-lg{ padding: 13px 32px 12px; font-size: 1.5em; }

/* ------ Section Top List ----------- */
.section-toplist{ padding-top: 14px; padding-bottom: 18px;
.page-header{ padding-bottom: 12px;
h2{ margin-bottom: 0; }
}
.tb-row{
&:hover, &:focus, &.active{ padding: 16px 14px 13px; border: 3px solid $color6; }
}
}
.tb-row{position: relative; margin: 17px 0 0; padding: 18px 16px 15px; display: table; width: 100%; border: 1px solid $color14;
a{ display: block; @include underline-none; color: $color8;
&:focus,&:hover{ color: $color8; }
}

.btn{ color: $color2;
&:hover, &:focus{ color: $color2; }
}

.link-read-review{ color: $color3; @include underline-hover;
&:hover{ color: $color3; }
}
}
.section-review .tb-row + .tb-row{ margin-top: 0; padding-top: 14px; padding-bottom: 20px; border-top: none; }
.tb-col{ padding: 0 17px; display: table-cell; vertical-align: top;
&:first-child{ padding-left: 0; padding-right: 0; }
strong{ padding: 0 10px; }
}
.last-col{ padding-left: 38px; padding-right: 12px; border-left: 1px solid $color12; }
.tb-figure{
img{ margin-top: -3px; max-width: 100%; }
}
.info-list{
strong{ display: block; margin: 8px 2px 17px; font-size: 1.857142857142857em; color: $color7; }
}
.rating{
.stars{ display: block; width: 107px; height: 16px; overflow: hidden; background: url(../img/rating-stars.png) 0 0 no-repeat; }
.stars-line{ background-position: 0 -21px; }
.value{ color: $color18;
span{ color: $color16; }
}
}

/* ------ Info List ----------- */
.info-list{
.text{ font-size: 0.8571428571428571em; }
}
.info-item{ padding: 12px 9px; line-height: 1; border-top: 1px solid $color13;
.text{ padding: 2px 0; float: left; padding-right: 10px; }
&:first-child, strong + &.info-item{ border-top: none; }
&.rating{
.text{}
}
&.payout{
.text{ padding: 6px 9px 6px 0; }
}
&.devices{ padding: 8px 9px;
.text{ padding: 6px 0 6px; }
}
}
.payout-figure{ overflow: hidden;
img{ margin: 0 1px; border: 1px solid $color9; }
}

.devices-icon{ overflow: hidden;
i{ margin: 0 -4px 0 12px; color: $color10; font-size: 21px; }
.fa-mobile{ font-size: 24px; }
.fa-desktop{ font-size: 18px; }
}
.bonus{ width: 270px; padding-top: 13px; text-align: center;
strong{ text-transform: uppercase; color: $color5; }
.text{ padding: 8px 0 19px; color: $color7;font-size: 1.142857142857143em;
span{color: $color11; font-size: 1.625em; }
}
.btn-block{ padding: 0 0 11px; }
.btn{ display: block; padding: 14px 2pc 11px; font-size: 1.5em; }
}
/* ------ Section About ----------- */
.section-about{
.page-header{ padding-bottom: 1px; }
.content{
img[align^="left"], img[align*="left"]{ margin: 0 20px 0 0; }
img[align^="right"], img[align*="right"]{ margin: -34px 0 0 20px; }
}
}

/* ------ Section About ----------- */
.section-news{ padding: 8px 0 18px;
.last-news{ padding: 26px 0 0; margin-left: -23px; margin-right: 0; }
.thumbnail{ padding: 0 14px; border: none;
.caption{
h3{ margin-top: 13px; font-size: 1.142857142857143em; line-height: 1.4em; text-transform: none; color: $color15; }
}
p{ margin-top: 10px; }
}
.thumbnail .caption{ padding: 0; }
.thumbnail a>img, .thumbnail>img{ margin: 0; }
}


.link-read-more{ @include underline-hover; }

/* ------ Section Black List ----------- */
.section-blacklist{ padding-bottom: 18px;
.btn-block{ padding-top: 0; }
}
.blacklist{ padding: 16px 14px 36px; border: 1px solid $color14; overflow: hidden;
.item{ float: left; width: 33.3333333333%; padding: 0 7px; margin: 41px 0 30px;
h3{ margin: 6px 0 17px; font-size: 1.142857142857143em; color: $color16; text-align: center; }
.content{ position: relative; padding: 19px 19px 23px; border: 1px solid $color19; background-color: $color20; }
.item-close{ position: absolute; top: -15px; left: 50%; margin-left: -13px; width: 30px ; height: 30px; display: block; background: url(../img/background/item-close.png) 0 0 no-repeat;
}
img{ margin-bottom: 18px; max-width: 100%; }
}
.rating{ margin: 0 0 14px; color: $color18; text-align: center;
> div{ display: inline-block; vertical-align: baseline; }
.text{ color: $color7; font-size: 0.8571428571428571em; text-transform: uppercase; }
.value{ font-size: 1.142857142857143em;
span{ font-size: 1.375em; }
}
}
.btn-block{ clear: both; }
}
.warning-list{
li{ margin: 7px 0 0; position: relative; padding-left: 24px;
i{ display: block; position: absolute; left: 0; top: 2px; font-size: 1.142857142857143em; color: $color17; }
}
}

/* ------ Section Question ----------- */
.section-question{
h2{ margin-bottom: 28px; }
img[align^="left"], img[align*="left"]{ margin: -5px 20px 0 0; }
img[align^="right"], img[align*="right"]{ margin: -21px 0 0 20px; }

.content{
p{ letter-spacing: -0.2px; line-height: 1.47em; }
}
}

/* ------ Section Jackpots ----------- */
.section-jackpots{ padding-bottom: 8px; }

.jackpots{ padding: 23px 21px; border: 1px solid $color14; overflow: hidden;
.item{ float: left; width: 50%; padding: 20px 18px 0 32px;
h2 { margin: 0 0 16px; }

&:first-child{ padding-right: 27px; padding-left: 7px; width: 44.2%; border-right: 1px solid $color23;
h2 { margin-left: 3px; }
}
&:last-child{ width: 55.2%;
h2 { margin: 0 0 24px; }
}
}
.table{ margin-bottom: 2px;
.tb-header{
.tb-img{ float: right; margin: -25px 0 -15px; }
}
}
.table > thead > tr > th,
.table > thead > tr > td, { padding: 0; border-color: transparent; }
.table > thead > tr > td { color: $color6;
&:first-child{ color: $color25; }
}
.table > tbody > tr:first-child td{ border-top-color: transparent; }
.table > tbody > tr > td{ padding: 12px 19px 13px; color: $color6;
&:first-child{ color: $color25; }
&:last-child{ text-align: right; padding-right: 28px; }

}
}

.total-jackpots{ margin-top: 4px;margin-bottom: 15px; padding: 5px 0 5px 44px; font-size: 2.714285714285714em; color: $color2; @include text-shadow(0 3px 0 rgba(0,0,0,.24)); @include border-radius(5px); @include background-clip(padding-box); background-color: #ff7d00; @include box-shadow(0 0 5px rgba(0,0,0,.3)); border: 3px solid $color2; letter-spacing: 1.5px; }

.chart{ position: relative; padding: 0 0 7px 0; color: $color22; }

/* ------ Mins ----------- */
.mins{ position: absolute; top: 0; left: 33px; width: 100%; height: 100%; }
.min-wrapper{ position: absolute; top: 0; height: 100%;
span{ display: block; }
}
.min-label{ font-size: 0.7142857142857143em; white-space: nowrap;
&:after{ display: block; margin: 0 auto; width: 5px; height: 5px; content: ''; @include border-radius (50%); background: $color14; }
}
.min-line{ position: absolute; top: 24px; bottom: 0; left: 50%; margin-left: -1px; width: 1px; background: $color23; }
.min-0{ left: 0;
.min-label{
&:after{ background: $color7; }
}
.min-line{ background: $color22; }
}
.min-1{ left: 15%; }
.min-2{ left: 29.5%; }
.min-3{ left: 44.5%; }
.min-4{ left: 59.5%; }
.min-5{ left: 74.1%; }
.min-6{ left: 89.1%; }

/* ------ Bars ----------- */
.bars{ position: relative; width: 100%; padding-top: 25px; }
.jqbar.horizontal { margin-top: 8px; position: relative;
span { display: block; font-weight: bold; letter-spacing: 0.5px; }

&.bar-3{ margin-top: 9px; }
}
.bar-label { padding: 16px 0; width: 40px; float: left; font-size: 0.9285714285714286em; }
.bar-level-wrapper{ margin-left: 46px; }
.bar-level{display: block; height: 52px; text-align: right; background: $color24 url(../img/background/bar-level.png) 0 0 no-repeat; }
.bar-percent{ padding: 16px 10px; color: $color2; font-size: 1.428571428571429em; font-weight: bold; @include text-shadow(0 2px 0 rgba(0,0,0,.3)); }

/* ------ Section Winners ----------- */
.section-winners{ padding-bottom: 8px; }

.winner-name{
img{ margin-left: 10px; }
}

/* .table-scroll {
tbody { height: 276px; overflow-y: auto; overflow-x: hidden; border-right: 1px solid #ddd; }
tbody,
thead, tr { display: block; width: 100%;
td, th{ width: 20%; }
}


}
.table-winners {
.table-scroll > tbody > tr {
> th:last-child, > td:last-child{ border-right: none !important; }
}
} */

/* ------ Section Games ----------- */
.section-games{ padding: 20px 17px 11px 0;
.item{ float: left; padding: 0 20px 0 11px; width: 33.333%; }
.thumbnail{ position: relative; padding: 25px 0 0; border: none; text-align: center;
strong{ font-size: 1.384615384615385em; color: $color5; }
img{ border: 1px solid $color12; max-width: 100%; }
.caption{ padding: 13px 10px; font-size: 0.9285714285714286em; color: $color32; }
.description{ margin: 5px 0 13px; overflow: hidden; height: 40px; }
.btn{ padding: 11px 32px 12px; width: 180px; font-size: 1.230769230769231em; }
}

}
.free-games{ margin:0 -11px 0 -13px; overflow: hidden; }
.sticker-free{ position: absolute; top: 17px; left: -9px; width: 55px; height: 82px; display: block; background: url(../img/sticker-free.png) 0 0 no-repeat; }

/* ------ Section FAQ ----------- */
.section-faq{
.panel-group{ margin: 40px 0 0; }
.panel{ border: none;
&:hover, &:focus, &.active{
.panel-heading{ background-color: $color3;

.cart{ border-color: $color2;
i{ margin-top: -7px; border-width: 5px 5px 7px; border-color: transparent transparent $color2; }
}
}
a{ color: $color2;}
}
&.active{
i{ margin-top: -7px; border-width: 5px 5px 7px; border-color: transparent transparent $color2; }
}
}
.panel-body{ padding: 17px 47px 20px 22px; letter-spacing: -0.56px; line-height: 1.75em; }
.panel-heading{ padding: 10px 11px 10px 26px; overflow: hidden; background-color: $color27;
span{ display: table-cell; vertical-align: middle;
&:first-child{ width: 80%; }
}
.cart{ position: relative; width: 40px; height: 40px; border-left: 1px solid $color29;
i{ display: block; position: absolute; top: 50%; left: 50%; margin: -3px 0 0 0; border-width: 7px 5px 5px; border-style: solid; border-color: $color29 transparent transparent; }
}
a{ display: table; width: 100%; min-height: 40px; line-height: 40px; overflow: hidden; color: $color28; @include underline-none; }
}

.panel-group .panel-heading + .panel-collapse > .panel-body{ border-color: transparent; }
.panel-group .panel + .panel{ margin-top: 2px; }
}

/* ------ Side Menu ----------- */
.side-menu{ padding: 31px 10px 16px;
.panel{ margin-bottom: 20px; border: none;
&:first-child{ margin-bottom: 9px; }
}
.panel-heading{ padding: 16px 15px 18px; line-height: 1em; letter-spacing: 1.15px; text-indent: 5px; color: $color2; font-size: 1.142857142857143em; text-align: center; text-transform: uppercase; background-color: $color33; border-top: 4px solid $color1; }
.list-group-item{ border-color: $color36; padding: 0; background-color: $color34;
a{ padding: 14px 15px 13px 19px; position: relative; display: block; color: $color30; @include underline-none;
&:hover, &:focus{ color: $color2; background-color: $color3;
.cart{ border-color: transparent transparent transparent $color2; }
}
}
.cart{ display: block; position: absolute; top: 50%; right: 10px; margin: -3px 0 0; border-width: 4px 4px 4px 5px; border-style: solid; border-color: transparent transparent transparent $color35; }

&:first-child{
a{ padding-top: 16px; }
}
}
}
.page_inner{
.side-menu{ padding-top: 34px; }
}
.page_review {
.main-content{ padding-bottom: 90px; }
}

/* ------ Section Tips ----------- */
.section-page{ padding-right: 20px; padding-top: 0; padding-bottom: 0;

img[align^="left"], img[align*="left"]{ margin: 0 38px 0 0; }
img[align^="right"], img[align*="right"]{ margin: -15px 9px 0 38px; }

h2{ margin-top: 50px; letter-spacing: -0.6px;
&:first-child{ margin-top: 20px; margin-bottom: 30px; }
}
h3{ position: relative; padding-left: 63px; margin-top: 48px; margin-bottom: 36px; font-size: 1.428571428571429em; text-transform: none;
&:before { display: block; position: absolute; left: 1px; top: 50%; margin: -24px 15px 0 0; color: $color3; content: counter(section, decimal); counter-increment: section; width: 48px; height: 48px; line-height: 48px; font-size: 0.7em; text-align: center; background: url(../img/background/counter.png) 0 0 no-repeat; }
}
p{margin: 14px 0 0; line-height: 1.6em; }
.content{
p{ margin-top: 14px; line-height: 1.428571428571429em; }
}
}
/* ------ Section Related ----------- */
.section-thumbnails{ padding-top: 25px; padding-bottom: 28px; }
.section-thumbnails-2{ padding-top: 0; padding-bottom: 23px; }
.thumbnails{
.row{ margin: 0 -19px; }
.item{

> .thumbnail{ margin: 24px 0 0; padding: 0 0 27px; color: $color32; @include underline-none; @include border-radius(0); text-align: center; border-color: transparent;

.caption{ margin: 13px 10px 17px; padding: 0; }

a{ @include underline-none; color: inherit; }

img{ padding: 4px; border: 1px solid $color12; }

strong{ margin-bottom: 6px; display: block; color: $color5; font-size: 1.285714285714286em; }

.description{ font-size: 0.9285714285714286em; }

span{ display: block; }

.btn{ padding-top: 11px; padding-bottom: 12px; color: $color2; width: 180px; }

&:hover,
&.active{ border: 1px solid $color12; background-color: $color2; @include box-shadow(0 0 5px rgba(0,0,0,.3));
img{ border-color: transparent; }

.btn{ border: 2px solid #fff; @include background-clip(padding-box); background-color: #ff4e00; @include box-shadow(0 3px 0 rgba(0,0,0,.25)); }
}

.btn-block{ padding: 0 !important; }
}
}

}
.section-review{ padding-top: 0; padding-bottom: 28px;
h2{ letter-spacing: -0.5px; }
.table-wrap{ padding: 4px 0 25px;
.last-col { padding-left: 32px; }

.bonus{ padding-top: 17px;
.text{ padding: 14px 0 24px; }
}
.tb-col{ padding-bottom: 7px; }
}
}
.img-review{ margin: -21px 0 0; }

.contact-info{ float: left; padding: 0 0 0 38px; width: 34%; text-align: center;
h5{ margin-top: 7px; letter-spacing: 0; }
span, a{ display: block; }
span{ margin-bottom: 3px; color: $color8; font-size: 0.8571428571428571em; }
a{ color: $color3; }

ul{ margin-top: 17px;
li{ padding: 7px 0 9px; line-height: 1; border-bottom: 1px solid $color13; word-wrap: break-word;
&:first-child{ border-top: 1px solid $color13; }

&:last-child{ padding-bottom: 13px; }
}
}
}

/* ------ Review Rating ----------- */
.review-rating{ float: left; padding: 0; width: 66%;
.rating{ margin: 0 -14px 0 ; overflow: hidden; }
.item{ float: left; width: 48.5%; padding: 0 14px; }
.item + .item{ width: 51.5%; }
}

/* ------ Media ----------- */
.media{ margin-top: 28px; }
.media-right{ padding-left: 20px; }

/* ------ Progress ----------- */
.progress{ height: 8px; @include border-radius(4px); @include background-clip(padding-box); background-color: $color36; box-shadow: none; }
.progress-item{ padding: 4px 1px 9px;
.progress{ margin-bottom: 0; }
}
.progress-bar{ @include border-radius(4px 0 0); @include background-clip(padding-box); box-shadow: none; }
.progress-bar-success { background-color: $color33; }
.progress-header{ margin: 0 0 3px; font-size: 0.8571428571428571em; line-height: 1; overflow: hidden; }
.progress-value{ float: right;
span{ font-size: 1.166666666666667em; }
}

/* ------ Section Screenshots ----------- */
.section-screenshots{ padding-top: 0; }
.screenshots{ padding-top: 24px;
.item{ float: left; margin-bottom: 27px; padding: 0 24px 0 10px; width: 33.3%;
a{ display: block; }
img{ max-width: 100%; }
}
}

.screenshots-row{ margin: 0 -24px 0 -10px; overflow: hidden; }

/* ------ Section Hits & Miss ----------- */
.section-hitsmiss{}
.hitsmiss{ margin: 0 -10px;
.item{ float: left; padding: 0 10px; width: 50%;

.content{ padding: 28px 30px 10px 20px; position: relative; border-style: solid; border-width: 1px;
.icon-casino{ position: absolute; left: 50%; top: -16px; margin: 0 0 0 -14px; }
}

strong{ margin: 0 0 21px; display: block; text-align: center; text-transform: uppercase; font-size: 1.428571428571429em; letter-spacing: -1px; }

&.hits{

.content{ border-color: $color37; background: $color38; }

strong, i{ color: $color37; }
}

&.miss{

.content{ border-color: $color16; background: $color20; }

strong, i{ color: $color16; }
}

ul{ color: $color7;
li{ margin: 14px 0; padding: 0 0 0 20px; position: relative;
i{ position: absolute; display: block; top: 5px; left: 0; font-size: 11px; }
}

.hits{ color: $color37;
li{
i{ color: $color37; }
}
}
}
}
}

.icon-casino{ width: 30px; height: 30px; color: $color2; border: 3px solid $color2; @include border-radius( 50% ); text-align: center; font-size: 1em;
i{ display: block; color: $color2 !important; line-height: 24px; }

&.icon-hits{ background: $color37; }

&.icon-miss{ background: $color16; }
}

/* ------ Section Software ----------- */
.section-software{ padding-top: 11px; }

.software{ padding: 20px 0 0;
p{ margin: 14px 0; }
img + p{ margin-top: 0; }

img[align^="left"], img[align*="left"]{ margin: 3px 24px 16px 0; }
img[align^="right"], img[align*="right"]{ margin: 3px 0 16px 24px; }
}

.devices{ overflow: hidden;
h3{ margin: 12px 0 0; font-size: 1.428571428571429em; text-transform: none; }

ul{ margin: 26px -6px 5px; overflow: hidden;
li{ float: left; margin: 6px; padding: 11px 14px; width: 160px; height: 70px; background-color: $color39; color: $color7;

i, .name-device{ display: table-cell; vertical-align: middle; }

.name-device{ padding-left: 10px; font-size: 0.7857142857142857em; line-height: 1.2em; text-transform: uppercase; opacity: .15; }
i{ width: 46px; height: 46px; background: url(../img/icons/icons-devises.png) 0 0 no-repeat; opacity: .2; }

.icon-android{ background-position: -0 0; }
.icon-android-phone{ background-position: 0 -66px; }
.icon-blackberry{ background-position: 0 -132px; }
.icon-ipad{ background-position: 0 -198px; }
.icon-windows{ background-position: 0 -264px; }
.icon-iphone{ background-position: 0 -330px; }
.icon-mac{ background-position: 0 -396px; }
.icon-pc{ background-position: 0 -462px; }
.icon-tv{ background-position: 0 -528px; }
.icon-windows-phone{ background-position: 0 -593px; }

&.color{ background-color: $color3; color: $color2;
i, .name-device{ opacity: 1; }
.icon-android{ background-position: -66px 0; }
.icon-android-phone{ background-position: -66px -66px; }
.icon-blackberry{ background-position: -66px -132px; }
.icon-ipad{ background-position: -66px -198px; }
.icon-windows{ background-position: -66px -264px; }
.icon-iphone{ background-position: -66px -330px; }
.icon-mac{ background-position: -66px -396px; }
.icon-pc{ background-position: -66px -462px; }
.icon-tv{ background-position: -66px -528px; }
.icon-windows-phone{ background-position: -66px -593px; }
}
}
}
}

/* ------ Section Bonus ----------- */
.section-bonus{ padding-top: 0; padding-bottom: 18px;

h2{ margin-bottom: 30px; }
.content{
img[align^="left"], img[align*="left"]{ margin: 0 19px 0 0; }
img[align^="right"], img[align*="right"]{ margin: 0 0 0 19px; }
}
}

.table-wrapper{ padding: 25px 0 0;
.table > thead > tr > th{ padding: 10px 8px 9px; width: 25%; color: $color2; border-bottom: none; background-color: $color5; text-align: center; }
.table > tbody > tr > th{ color: $color5; }

.table > tbody > tr > th,
.table > tbody > tr > td{ padding: 11px 8px 10px; text-align: center; vertical-align: middle; }
.table > tbody > tr > td .btn{ width: 140px; margin-top: -3px; }

.table > tbody > tr > th:first-child{ padding-left: 38px; text-align: left; }


.table > tbody > tr:last-child > th,
.table > tbody > tr:last-child > td{ border-bottom: 1px solid #ddd; }

}
.table-bonus { padding: 44px 0 0 2px;
.table > tbody > tr > td{ padding: 14px 8px 16px; color: $color3; }
.table > tbody > tr > th:first-child{ padding-left: 42px; }
.table > tbody > tr > td:last-child{ padding-right: 15px; text-align: right; }
}
.table-winners{ margin-bottom: 20px; margin-top: 30px; border: 1px solid $color31; border-top: none;

var{ color: $color3; font-size:1.285714285714286em; }

.tr-altr{ width: 100%; }


.thead-altr{ background-color:$color5; padding: 0 18px; }

.wrapper-winner{ height: 278px; overflow: hidden; }

.tbody-altr{ padding: 0 18px;

.tr-altr{ display: block; color: $color26; @include underline-none; border-top: 1px solid $color31;

&:hover, &:focus{ background: $color3; color: $color2;
var{ color: $color2; }
}

&:first-child{ border-top: none;
.td-altr{ padding-top: 17px; }
}
}
}

.th-altr, .td-altr{ padding: 15px 8px 15px; text-align: center; display: inline-block; vertical-align: middle; margin: 0 -3px 0 0; }

.th-altr{ padding: 10px 8px 8px; color: $color2; border-top: none;

.flag-winner{ display: none; }

&:first-child{ width: 16%; }

&:first-child + .th-altr{ width: 22%; }
&:first-child + .th-altr + .th-altr{ width: 18%; }
&:first-child + .th-altr + .th-altr + .th-altr{ width:28%; }

&:last-child{ width: 14%; }
}

.td-altr{

img{ margin-left: 12px; }

&:first-child{ width: 16%; }

&:first-child + .td-altr{ width: 22%; }
&:first-child + .td-altr + .td-altr{ width: 18%; }
&:first-child + .td-altr + .td-altr + .td-altr{ width:28%; }

&:last-child{ width: 14%; }
}

}

/* ------ Section Banking ----------- */
.section-banking{ padding-top: 0;
h3{ margin-top: 32px; margin-bottom: 21px; font-size: 1.428571428571429em; text-transform: none; }
.content{
p{ margin-top: 13px; line-height: 1.6em; }
.img-banking{ float: right; margin: 18px 0 10px 20px; }
img[align^="left"], img[align*="left"]{ margin: 18px 20px 10px 0; }
img[align^="right"], img[align*="right"]{ margin: 18px 0 10px 20px; }
}
}
/* ------ Section Conclusion ----------- */
.section-conclusion{ padding-top: 0;
h2{ margin-bottom: 30px; }
.content{ letter-spacing: -0.1px; }
.btn-block{ padding-top: 35px; }
.btn-lg{ width: 60%; }
}

/* ------ Footer ----------- */
.footer{ padding: 28px 0; border-top: 1px solid $color12;
.fimg{ margin: 0 0 0 18px; display: block;
img{ max-width: 100%; }
}

}
.fmenu{ padding: 3px 0 4px; margin: 0 10px 10px; border-bottom: 1px solid $color12;
ul{ float: left; margin: 7px 0 0; }
li { float: left; line-height: 1em;
a{ padding: 10px 16px 11px; display: block; text-transform: uppercase; color: $color1;
&:hover, &:focus{ background: none; @include hover-underline; }
}
}
}
.flogos{ float: right; margin: 0 -35px 0 0;
img{ margin: 0 12px 0 6px; }
}
.fbottom{ padding: 0 0 0 24px; font-size: 0.8571428571428571em; color: $color30;
.links,
.copyright{ float: left; padding-left: 16px; padding-right: 16px; }
.links{ width: 70%;
a{ margin: 0 22px 0 -4px; display: inline-block; vertical-align: middle; color: $color30;
&:hover, &:focus{ color: $color30; }
}
}
.copyright{ width: 30%; padding: 1px 0 0; text-align: right; }
}
.screenshot{
.modal-dialog{ }
.modal-content{ padding: 0;
img{ max-width: 100%; width: 100%; }
}
}

@import 'media_queries';