@font-face {
font-family: '888';
src: url('/en/CSS/font/888-regular-webfont.eot');
src: url('en/CSS/font/888-regular-webfont.eot?#iefix') format('embedded-opentype'),  
url('/en/CSS/font/888-regular-webfont.woff') format('woff'),
url('/en/CSS/font/888-regular-webfont.woff2') format('woff2'),
url('/en/CSS/font/888-regular-webfont.ttf') format('truetype'),
url('/en/CSS/font/888-regular-webfont.otf') format('opentype'), 
url('/en/CSS/font/888-regular-webfont.svg') format('svg');
font-weight: normal;
}
@font-face {
font-family: '888';
src: url('/en/CSS/font/888-demibold-webfont.eot');
src: url('/en/CSS/font/888-demibold-webfont.eot?#iefix') format('embedded-opentype'),  
url('/en/CSS/font/888-demibold-webfont.woff') format('woff'),
url('/en/CSS/font/888-demibold-webfont.woff2') format('woff2'),
url('/en/CSS/font/888-demibold-webfont.ttf') format('truetype'),
url('/en/CSS/font/888-demibold-webfont.otf') format('opentype'), 
url('/en/CSS/font/888-demibold-webfont.svg') format('svg');
font-weight: 600;
}
@font-face {
font-family: '888';
src: url('/en/CSS/font/888-bold-webfont.eot');
src: url('/en/CSS/font/888-bold-webfont.eot?#iefix') format('embedded-opentype'),  
url('/en/CSS/font/888-bold-webfont.woff') format('woff'),
url('/en/CSS/font/888-bold-webfont.woff2') format('woff2'),
url('/en/CSS/font/888-bold-webfont.ttf') format('truetype'),
url('/en/CSS/font/888-bold-webfont.otf') format('opentype'), 
url('/en/CSS/font/888-bold-webfont.svg') format('svg');
font-weight: bold;
}
@font-face {
font-family: '888';
src: url('/en/CSS/font/888-black-webfont.eot');
src: url('/en/CSS/font/888-black-webfont.eot?#iefix') format('embedded-opentype'),  
url('/en/CSS/font/888-black-webfont.woff') format('woff'),
url('/en/CSS/font/888-black-webfont.woff2') format('woff2'),
url('/en/CSS/font/888-black-webfont.ttf') format('truetype'),
url('/en/CSS/font/888-black-webfont.otf') format('opentype'), 
url('/en/CSS/font/888-black-webfont.svg') format('svg');
font-weight: 800;
}
@font-face {
    font-family: '888';
    src: url('/en/CSS/font/888-ultra-webfont.eot');
    src: url('/en/CSS/font/888-ultra-webfont.eot?#iefix') format('embedded-opentype'),  
        url('/en/CSS/font/888-ultra-webfont.woff') format('woff'),
        url('/en/CSS/font/888-ultra-webfont.woff2') format('woff2'),
        url('/en/CSS/font/888-ultra-webfont.ttf') format('truetype'),
        url('/en/CSS/font/888-ultra-webfont.otf') format('opentype'), 
        url('/en/CSS/font/888-ultra-webfont.svg') format('svg');
    font-weight: 900;
}
   @charset "UTF-8";
/*
---------------------
Basic HTML
---------------------
*/
html {
  font-size: 14px;
}

body {
  font-size: 1em;
  font-family: '888', verdana, sans-serif;
  font-weight: normal;
  color: #FFF;
  background-color: #333;
}

pre,
code {
  font-family: '888', Menlo, Consolas, monospace;
}

hr {
  border: 0 solid #ccc;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

select:hover, select:focus, select:active, select:visited {
    cursor: pointer;
}

select:focus::-ms-value, select:active::-ms-value {
     background-color: white; 
     color: rgba(0, 0, 0, 0.75);
}

/*
---------------------
Default Link Style
---------------------
*/
a {
  color: #fa6200;
  text-decoration: underline;
  line-height: inherit;
}

a img {
  border: none;
}
.main-banner-promo{
    display: block;
    margin: 0 auto 1.4285rem;
    text-align: center;
}

/*
---------------------
Tables
---------------------
*/
table {
  background: #1E1E1E;
  border: 1px solid #1E1E1E;
  margin-bottom: 1.25rem;
  table-layout: auto;
}

table tr {
  background: #1E1E1E;
}

table caption {
  background: transparent;
  font-size: 1em;
  font-weight: bold;
}

table thead, table tfoot {
  background: #F5F5F5;
}

table thead tr th, table tfoot tr th, table thead tr td, table tfoot tr td, table thead tr th, table tfoot tr th {
  font-size: 0.95em;
  font-weight: bold;
  padding: 0.5em 0.625em 0.62em;
  display: table-cell;
  border: 1px solid #454545;
}

table tr td, table tr th {
  padding: 0.5625em 0.625em;
  text-align: left;
  display: table-cell;
  border: 1px solid #454545;
    word-break: initial;
}

table tr th {
  color: #fa6200;
}

.responsiveTableWrap {
  overflow-x: auto;
}

.responsiveTableWrap table {
  /*max-width: 100%;*/
    word-break: break-all;
    width: 100%;
}

/*
---------------------
CTA
---------------------
*/
.warpSharedButton {
  position: absolute;
  bottom: 30px;
  right: 0;
}

.warpSharedButton a {
  display: inline-block;
  text-align: center;
}

.warpSharedButton .Small {
  width: 40%;
}

.warpSharedButton .Medium {
  width: 70%;
}

.warpSharedButton .Large {
  width: 100%;
}

button,
.button {
  background-color: #fa6200;
  color: #fff;
  transition: all .2s ease-in-out;
}

button .tiny,
.button .tiny {
  font-size: 0.5em;
}

button .small,
.button .small {
  font-size: 0.85em;
}

button .large,
.button .large {
  font-size: 1.285em;
}

/* button:focus and .button:focus removed from here - bug on active buttons which no loger have animation*/

button:hover,
.button:hover
 {
  background-color: #fa6200;
  color: #fff;
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

/*
---------------------
Spacing
---------------------
*/
ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

#mainWrapper li, .footer li {
  margin-left: 1em;
}

cx p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 1.4285rem;
}

/*
---------------------
Typography
---------------------
*/
.t-bold, h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #fa6200;
  margin-top: 0;
}

h1 {
  font-size: 1.714em;
  margin-bottom: 0.1em;
}

h2 {
  font-size: 1.3em;
  margin-bottom: 0.125em;
}

h3 {
  font-size: 1.1em;
  margin-bottom: 0.125em;
}

.GenericRichText h2:before, .GenericRichText h3:before,
.GenericRichText #importantcash:before, .GenericRichText #creditdebit:before, .GenericRichText #CashOutPolicy:before{
    display: block;
    content: "";
    height: 60px;
    margin: -60px 0 0;
}

h4, h5, h6 {
  font-size: 1em;
  margin-bottom: 0.125em;
}

.smallA {
  font-size: 1em;
  line-height: 1.285em;
}

.mediumA {
  font-size: 1.5em;
  line-height: 1.285em;
}

.bigA {
  font-size: 1.7em;
  line-height: 1.285em;
}

.information-text {
  font-size: 0.857em;
  font-weight: normal;
}

blockquote {
  font-size: 1.2em;
  font-weight: normal;
  color: #BFBFBF;
  line-height: 2.2rem;
  border: none;
}

@media only screen and (min-width: 40.063em) {
  blockquote {
    font-size: 1.428em;
    line-height: 2.6rem;
  }
}

blockquote:before {
  content: ' ‘‘ ';
  font-weight: bold;
  font-size: 14rem;
  margin-right: 0.7rem;
  float: left;
  margin-top: 6.3rem;
  line-height: 0;
  letter-spacing: -9px;
  color: #404040;
}

@media only screen and (min-width: 40.063em) {
  blockquote:before {
    font-size: 12rem;
    margin-top: 5rem;
  }
}

.blockquoteSig {
  color: #BFBFBF;
}

.uppercase {
  text-transform: uppercase;
}

/*
---------------------
Colors
---------------------
*/
.correntBrandColor,
.brandColor888 {
  color: #fa6200;
}

.brandColorCasino {
  color: #7CF700;
}

.brandColorPoker {
  color: #0080FF;
}

.brandColorSport {
  color: #FA6200;
}

.graybg1 {
  background-color: #6B6B6B;
}

.graybg2 {
  background-color: #444544;
}

.graybg3 {
  background-color: #383938;
}

.graybg4 {
  background-color: #2A2A2A;
}

.graybg5 {
  background-color: #1D1F1F;
}

.graybg6 {
  background-color: #0C0C0C;
}

.graybg7 {
  background-color: #000000;
}

.graytext1 {
  color: #FFFFFF;
}

.graytext2 {
  color: #BFBFBF;
}

.graytext3 {
  color: #3F3F3F;
}

/*
---------------------
Header
---------------------
*/

/*
---------------------
Layout
---------------------
*/
@media only screen and (min-width: 64.063em) {
  .off-canvas-wrap > div:first-child {
    margin-top: 8.65rem;
  }
}

/*
---------------------
Dynamic Banner
---------------------
*/


.DynamicWelcomeBonusBannerContainer {
  font-size: 0.8rem;
}

@media only screen and (min-width: 64.063em) {
  .DynamicWelcomeBonusBannerContainer {
    font-size: 1rem;
  }
}
.TheOffer{vertical-align:top !important;}
.TheOffer,
.footerBannerButtons {
  display: inline-block;
  width: 49%;
  vertical-align: middle;
  text-align: center;
}

.TheOffer span {
  font-weight: 600;
  text-align: center;
}

.TheOffer .TopText {
  font-size: 2.3em;
  line-height: 0.95em;
  font-weight: 800;
}

.TheOffer .BottomText {
  font-size: 1.3em;
  font-weight: bold;
  color: #fa6200;
  margin-top: 5px;
  display: block;
}




@media only screen and (max-width: 64.063em) {
  .topSecondaryMenu .TheOffer {
    line-height: 1.2;
  }
  .topSecondaryMenu .TheOffer .TopText {
    line-height: inherit;
  }
}

@media only screen and (max-width: 40.0625em) {
  .topSecondaryMenu .TheOffer {

    font-size: 0.75em;
  }
}

@media only screen and (max-width: 64.063em) {
  .brandnameclassUmbrella .topSecondaryMenuFirst {
    display: none;
  }
}

.footerBannerButtons .button {
  padding: 0.4em;
  font-weight: bold;
  font-family: 1.7em;
  width: 100%;
}

@media only screen and (min-width: 40.063em) {
  .footerBannerButtons .button {
    font-size: 2em;
  }
}

@media only screen and (min-width: 64.063em) {
  .footerBannerButtons .button {
    font-size: 1.35em;
  }
}

.footerBannerButtons a.information-text {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

/*
---------------------
Footer
---------------------
*/
a.normal_link{text-transform:capitalize;}
a.normal_link:hover{color: #fff !important;}

.footer {
  background: #151515;
  color: #D2D2D2;
  font-size: 1rem;
  line-height: 1.6em;
  clear: both;
  padding-bottom: 2em;
}

.footer a:not(.button) {
  color: #D2D2D2;
}

a.normal_link{color: #888 !important;

font-size: 14px;
}

.listTitle{
color: #fa6200;
font-size: 17px;
}

.footerMiddleRowDiv{
display: inline-block;
    vertical-align: top;
    float: none !important;
}

.footerMiddleRowDiv img{ 
float: left;
    margin: 0 !important;
}

.footerMiddleRowDiv p{

    line-height: 1.2;
    text-align: left;
    margin-left: 10px;
}

.footerMiddleRowDiv .slick-slider{margin: 0 !important; position: relative;}

.footerPlaytextContainer{
float:left;
}

.footerPlayTitle{
font-size: 1.2rem;
margin-bottom: 3px;
}

.footerPlayContent{
font-size: 14px;
color: #888 !important;
}

.footerWinIcon, .footerPlayIcon {background-image: none !important;}

.footerBottomRow{border-top: 1px solid #333;}
.footerBottomRow:first-child{padding: 0;}
.footerBottomRow div:not(:last-child){padding: 0; padding-right: 0;}

img.googleImg, img.iosImg{max-width: 140px !important; float:right;}
img.googleImg{margin-right: 4px !important;}
 




@media only screen and (min-width: 40.063em) {
  .footer {
    border-top: #303030 solid 1px;
    margin-top: 2em;
  }
}

.footerTopRow > div {
  margin: 0.5em 0;
}

.footerTopRow a {
  display: block;
  text-decoration: none;
}

@media only screen and (min-width: 40.063em) {
  .footerTopRow {
    padding: 1em 0;
    max-width:1500px;
  }
}

.footerspriteIcon{

 background-size: 1385px 150px;
}

.paymentIconContainer a{

  background-size: 1538px 200px;
}

/*
.ie8.brandnameclassSport .footersprite,
.ie8.brandnameclassSport .paymentIcon a,
.ie8.brandnameclassSport .footerMiddleRow img,
.ie8.brandnameclassSport .footerBottomRow img {
  background-image: url("//images.images4us.com/888Sport/EN/footer-se-1551086965666.jpg");
}
*/

.brandnameclassCasino .footersprite,
.brandnameclassCasino .paymentIcon a,
.brandnameclassCasino .footerMiddleRow img,
.brandnameclassCasino .footerBottomRow img {
  background-image: url("//images.images4us.com/888Sport/EN/footer-se-1551086965666.jpg");
  background-size: 937px 159px;
}

/*
.ie8.brandnameclassCasino .footersprite,
.ie8.brandnameclassCasino .paymentIcon a,
.ie8.brandnameclassCasino .footerMiddleRow img,
.ie8.brandnameclassCasino .footerBottomRow img {
  background-image: url("//images.images4us.com/888Sport/EN/footer-se-1551086965666.jpg");
}
*/

.brandnameclassPoker .footersprite,
.brandnameclassPoker .paymentIcon a,
.brandnameclassPoker .footerMiddleRow img,
.brandnameclassPoker .footerBottomRow img {
  background-image: url("//images.images4us.com/888Sport/EN/footer-se-1551086965666.jpg");
  background-size: 937px 159px;
}

/*
.ie8.brandnameclassPoker .footersprite,
.ie8.brandnameclassPoker .paymentIcon a,
.ie8.brandnameclassPoker .footerMiddleRow img,
.ie8.brandnameclassPoker .footerBottomRow img {
  background-image: url("//images.images4us.com/888Sport/EN/footer-se-1551086965666.jpg");
}
*/

.brandnameclassUmbrella .footersprite,
.brandnameclassUmbrella .paymentIcon a,
.brandnameclassUmbrella .footerMiddleRow img,
.brandnameclassUmbrella .footerBottomRow img {
  background-image: url("//images.images4us.com/888Sport/EN/footer-se-1551086965666.jpg");
  background-size: 937px 159px;
}

/*
.ie8.brandnameclassUmbrella .footersprite,
.ie8.brandnameclassUmbrella .paymentIcon a,
.ie8.brandnameclassUmbrella .footerMiddleRow img,
.ie8.brandnameclassUmbrella .footerBottomRow img {
  background-image: url("//images.images4us.com/888Sport/EN/footer-se-1551086965666.jpg");
}
*/

/**************  footer Special Icons **************/

/* 888 (umbrella) */

/* 888Poker */
.brandnameclassPoker .footersprite.footerPlayIcon{background-position:-387px 0px;}
.brandnameclassPoker .footersprite.footerWinIcon{background-position:-489px 0px;}

/* 888Casino */
.brandnameclassCasino .footersprite.footerPlayIcon{background-position:0px 0px;}
.brandnameclassCasino .footersprite.footerWinIcon{background-position:-100px 0px;}

/* 888Sport */
.brandnameclassSport .footersprite.footerPlayIcon{background-position:-195px 0px;}
.brandnameclassSport .footersprite.footerWinIcon{background-position:-294px 0px;}



/**************  footer Special Icons **************/

.column.footerTextBoxWarper:last-child {
  float: left;
}



@media screen and (max-width: 1280px){

.column.footerTextBoxWarper:last-child{
padding-left:33px!important;}


}


@media screen and (max-width: 1025px){
.column.footerTextBoxWarper:last-child{
padding-left:0px!important;
}

}




.head_group {
  font-weight: 600;
  margin-bottom: 0.5em;
}

.footerTextBoxWarper {
  padding: 0.5em 0;
}

.footerTextBoxWarper a {
  float: left;
  clear: both;
}

.footerBottomIcons {
  margin-top: 2em;
  border-top: 1px solid #303030;
  padding-top: 2em;
}

.footerBottomIcons a {
  text-decoration: none;
}

.footerBottomIcons img {
  background-size: 1538px 200px !important
}

.ie8 .footerBottomIcons img {
  background-size: 937px 159px !important;
}

.brandnameclassUmbrella .footerBottomIcons {
  margin-bottom: 2em;
}

.footerMiddleRow {
  text-align: center;
  padding: 1em 0 2em;
  margin-top: 1em;
}

.footerMiddleRow a {
  text-align: center;
}

.footerMiddleRow .head_group {
  text-align: center;
  display: block;
  margin: 0.8em 0 0.2em;
}

.footerMiddleRow img {
  display: inline-block;
  margin: 1em 0.2em;
    max-width: 80px;
}

#footerLicense{
margin-top: 48px !important;
    margin: 0 auto;
font-size: 0.8rem;
color: #888;
}

#footerLicense a{
color: #888;
}

.footerMiddleRow > .small-12 {
  padding: 0;
}

.footerMiddleRow .socialContainer {
  margin: 1.5em 0;
}

.footerMiddleRow .footerBottomIcons {
  text-align: center;
}

.stripLogo{
    background-color: yellow;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 5px 2% !important;
    margin: 10px;
}

.stripLogo img{
width: 100%;
}

.funIMG{
flex-basis: 90%;
    display: flex;
    justify-content: center;
}

.funIMG img{
    max-width: 240px;
max-height: 40px;
}

.gambleIMG{
padding-right: 25px;
}

.gambleIMG img{
    max-width: 125px;
    max-height: 17px;
}

.18IMG img{
    max-width: 25px;
    max-height: 25px;
}

.rightImages{
display: flex; 
}

@media only screen and (min-width: 40.063em) {
 

  .footerMiddleRow {
    padding: 1em 0;
max-width: 1500px;
  }
}

@media only screen and (max-width: 64.063em) {
.funIMG{
    justify-content: flex-start;
}

.footerBottomRow .stripLogo img{
margin-bottom: 0 !important;
}
}

@media only screen and (max-width: 40.063em) {
.stripLogo{
    flex-direction: column;
}
.rightImages {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.gambleIMG{
    flex-basis: 90%;
    display: flex;
    justify-content: center;
}
}

.footerMiddleRowDiv.onlymedium {
  text-align: center;
}

@media only screen and (min-width: 64.063em) {
  .footerMiddleRowDiv.onlymedium {
    margin-left: 0 !important;
  }
}

.footerBottomRow img {
  display: inline-block;
  margin: 0 0.25em;
}




@media only screen and (min-width: 40.063em) {
  .footerBottomRow {
    padding: 1em 0;
    max-width: 1500px;
  }
}

.footerPlayIcon {
  background-position: -37px -4px !important;
  background-size: 3077px 400px !important;
  width: 141px;
}

.footerWinIcon {
  background-position: -290px -4px !important;
  background-size: 3077px 400px !important;
  width: 203px;
}

.socialfacebook888 {
  background-position: -745px -35px;
  width: 52px;
  height: 52px;
}

.socialtwitter888 {
  background-position: -804px -35px;
  width: 52px;
  height: 52px;
}

.socialgooglepluse888 {
  background-position: -860px -35px;
  width: 52px;
  height: 52px;
}

.aams {
  background-position: -21px -103px;
  width: 145px;
  height: 49px;
}

.ie8 .aams {
  background-position: -11px -72px;
  width: 100px;
  height: 35px;
}

.responsible888 {
  background-position: -65px -103px;
  width: 130px;
  height: 49px;
}

.ie8 .responsible888 {
  background-position: -45px -72px;
  width: 92px;
  height: 35px;
}

.world888 {
  background-position: -270px -103px;
  width: 45px;
  height: 49px;
}

.ie8 .world888 {
  background-position: -179px -72px;
  width: 31px;
  height: 35px;
}

.gt888 {
  background-position: -201px -103px;
  width: 57px;
  height: 49px;
}

.ie8 .gt888 {
  background-position: -137px -72px;
  width: 40px;
  height: 35px;
}

.ecogra {
  background-position: -430px -103px;
  width: 155px;
  height: 49px;
}

.ie8 .ecogra {
  background-position: -285px -72px;
  width: 110px;
  height: 35px;
}

.onin.footersprite {
  background-position: -15px -103px;
  width: 45px;
  height: 49px;
}

.ie8 .onin.footersprite {
  background-position: 5px 95px;
}

.holdings888.footersprite {
  background-position: -327px -100px;
  width: 90px;
  height: 50px;
}

.ie8 .holdings888.footersprite {
  background-position: -215px -65px;
  width: 70px;
}


/* NEW ES ICONS */

.secIcon1Container{
    background-position: -12px -26px;
    width: 70px;
    height: 41px;
}


.secIcon1Container:hover{
    background-position: -12px -86.5px;
}

.secIcon2Container{
    background-position: -97px -27px;
    width: 39px;
    height: 41px;
}

.secIcon2Container:hover{
    background-position: -97px -87.5px;
}

.secIcon3Container{
       background-position: -149px -25px;
    width: 39px;
    height: 41px;
}

.secIcon3Container:hover{
       background-position: -149px -85.5px;
}

.secIcon4Container{
    background-position: -200px -27px;
    width: 38px;
    height: 41px;
}

.secIcon4Container:hover{
    background-position: -200px -88px;
}

.secIcon5Container{
    background-position: -250px -26px;
    width: 84px;
    height: 41px;
}

.secIcon5Container:hover{
    background-position: -250px -87px;
}

.secIcon6Container{
    background-position: -346px -27px;
    width: 44px;
    height: 41px;
}

.secIcon6Container:hover{
    background-position: -346px -87.5px;
}

.mga-logo{
    background-position: -1240px 125px;
    width: 95px;
    height: 41px;
}

.mga-logo:hover{
    background-position: -1240px 68.5px;
}

.secIcon7Container{
    background-position: -404px -28px;
    width: 91px;
    height: 41px;
}

.secIcon7Container:hover{
    background-position: -404px -88.5px;
}

.secIcon8Container{
    background-position: -508px -28px;
    width: 100px;
    height: 41px;
}

.secIcon8Container:hover{
    background-position: -508px -88px;
}

.secIcon9Container{
    background-position: -621px -27px;
    width: 134px;
    height: 41px;
}

.secIcon9Container:hover{
    background-position: -621px -87.5px;
}

.secIcon10Container{
    background-position: -770px -26px;
    width: 102px;
    height: 41px;
}

.secIcon10Container:hover{
    background-position: -770px -86.5px;
}
.secIcon11Container{
    background-position: -881px -25px;
    width: 190px;
    height: 41px;
}

.secIcon11Container:hover{
    background-position: -881px -85.5px;         
}

.secIcon12Container{
    background-position: -1073px -26px;
    width: 160px;
    height: 41px;
}

.secIcon12Container:hover{
    background-position: -1073px -87px;        
}


/* NEW ES ICONS */


/*
---------------------
Login Register
---------------------
*/
.loginRegistrationContainer {
  list-style: none;
  padding: 0;
  position: absolute;
  top: 0.8em;
  right: 0.5em;
  display: inline-block;
  width: auto;
}

.loginRegistrationContainer div {
  padding: 0;
  display: block;
}

.loginRegistrationContainer .button {
  padding-top: 0.54em;
  padding-bottom: 0.52em;
  color: #FFF;
  background-color: #282627;
}
.loginRegistrationContainer .button.headerRegister:before {
  display:none;
}
.brandnameclassSport .loginRegistrationContainer {
  top: 0;
  right: 0;
}

.brandnameclassCasino .loginRegistrationContainer div:last-child {
  display: none;
  float: right;
}

@media only screen and (min-width: 64.063em) {
  .loginRegistrationContainer {
    position: absolute;
    right: 0;
    margin: 0;
    top: 2.7rem;
    height: 2.3em;
    z-index: 2;
  }
  .loginRegistrationContainer .button {
    border-radius: 6px 6px 0 0;
    width: 9em;
    color: #ffffff;
  }
  .loginRegistrationContainer .button.headerRegister {
    border-radius: 0 0 6px 6px;
  }
  .loginRegistrationContainer .button.headerRegister:before {
    display: none;
  }
  .loginRegistrationContainer .button:hover {
    transform: scale(1);
  }
  .brandnameclassCasino .loginRegistrationContainer .button:before {
    content: '?';
    margin-right: 0.5em;
    position: absolute;
    left: 1.3em;
    top: 0.4em;
  }
  .brandnameclassCasino .loginRegistrationContainer .button.headerRegister:before {
        display: none;
  }
  .brandnameclassSport .loginRegistrationContainer {
    top: 23px;
    height: auto;
  }
  .loginRegistrationContainer:hover div:last-child {
    display: block;
  }
}



#regText {
  line-height: normal;
  padding: 14px 5px 23px 5px;
  font-size: 0.95em;
}

@media screen and (max-width: 1200px) {
  #regText {
    padding: 15px 5px 24px 5px;
    font-size: 0.8em;
  }
.footerMiddleRowDiv.onlymedium {
  text-align: center;
}
}

@media screen and (max-width: 64.063em) {
  #regText {
    display: none;
  }
}

/*
---------------------
IE8 Fixes
---------------------
*/
.showOnIE8 {
  display: none;
}

.ie8 .showOnIE8 {
  display: block;
}

.ie8 .HideOnIE8 {
  display: none;
}

.ie8 .off-canvas-wrap > div:first-child {
  margin-top: 122px;
}

.ie8 header:before {
  height: 43px;
  top: 79px;
}

.ie8 .brandLinkContainer {
  height: 26px;
}

.ie8 .main-nav > .menu-item:first-child {
  margin-left: 150px;
}

.ie8 .main-nav > .menu-item > .menu-link {
  padding: 10px 21px;
}

.ie8 .loginRegistrationContainer {
  top: 90px;
}

.ie8 .loginRegistrationContainer div {
  float: right;
}

.ie8 .BreadcrumbMain {
  margin: 0px auto;
  width: 1179.92px;
}

.ie8 .pageCategoryTitle {
  font-size: 2.3em;
}

.ie8 #userAreaPlaceholder {
  top: 34px;
}

.ie8 #userAreaPlaceholder div {
  float: right;
}

.ie8 #regText {
  font-size: 13px;
}

/*
---------------------
Fixes
---------------------
*/
iframe[src*="remintrex"] {
  display: none;
}

/*-----------------------------------------Dynamic Welcome Bonus ------ With Image As Offer -----------------------------------------*/
.DynamicWelcomeBonusBannerContainer .button{
   width: 90%;
   margin: 0 auto;
}
.topSecondaryMenu .DynamicWelcomeBonusBannerContainer .button {
    font-size: 1.4em;
}
.DynamicWelcomeBonusBannerContainer .TheOffer img{
     width: 95%;
     max-width: 180px;
}
.TheOffer, .footerBannerButtons{
       vertical-align:top
}
.topSecondaryMenu .TheOffer {
    padding: 0 0 !important;
}
@media screen and (max-width:1025px) {
.topSecondaryMenu .DynamicWelcomeBonusBannerContainer .TheOffer img{
     float:right;
     margin-top: 4px;
}
 .DynamicWelcomeBonusBannerContainer .TheOffer img{
    max-width: 280px;
}

.topSecondaryMenu .DynamicWelcomeBonusBannerContainer .footerBannerButtons {
       max-width: 300px;
}

.topSecondaryMenu .DynamicWelcomeBonusBannerContainer .button {
    font-size: 1.7em;
    margin-top:4px;
    margin-bottom: 8px;
}

.topSecondaryMenu .DynamicWelcomeBonusBannerContainer .information-text {
    font-size: 1.1em;
    padding-top: 5px;
}
.topSecondaryMenuFirst{
     padding: 15px 0 10px 0!important;
}

}

@media screen and (max-width:641px) {
.topSecondaryMenu .DynamicWelcomeBonusBannerContainer .button {
    margin-top:0;
    padding: 0.5em 0.1em !important;
    margin-bottom:0;
}
.footer .DynamicWelcomeBonusBannerContainer .footerBannerButtons .button {
    padding: 0.5em 0.2em;
    font-size: 1.3em;
}
.topSecondaryMenu .DynamicWelcomeBonusBannerContainer .TheOffer img{
     margin-top:0;
     min-width:135px;
     max-width: 180px;
}

.DynamicWelcomeBonusBannerContainer .TheOffer img{
     width:85%;
     float:none;
}

.DynamicWelcomeBonusBannerContainer .footerBannerButtons .button{
     padding: 0.2em;
     font-size: 1.4em;
}

.DynamicWelcomeBonusBannerContainer .information-text {
    font-size: 0.8em !important;
    padding-top: 0 !important;
    line-height: 15px !important;
}

.DynamicWelcomeBonusBannerContainer .TheOffer{
     vertical-align: top;
}
.responsiveTableWrap table tr td {
    font-size: 9px;
    width: 20%;
    word-break: break-word;
}
.responsiveTableWrap table tr th {
    word-break: initial;
    font-size: 10px;
}
}

@media screen and (max-width:400px) {
.footer .DynamicWelcomeBonusBannerContainer .TheOffer img{
     width:90%;
}
.DynamicWelcomeBonusBannerContainer .button {
    width: 93%;
}
}
/*-----------------------------------------/Dynamic Welcome Bonus ------ With Image As Offer -----------------------------------------*/

.footerBottomRow{padding: 1em 0.9375em;}
.mediumBR{display:none;}
.footer .slick-slider{float:right;}
.DynamicWelcomeBonusBannerContainer img{float: right; max-width: 290px; width: 100%;}
#footerLicense{text-align: left !important;}
#iosMobile, #googleMobile{display: none;}
@media only screen and (max-width: 64.063em) {
.footerPlaytextContainer{float: none !important;margin-left: 80px;}
 #footerLicense {
    margin-top: 18px !important;
}
.footer .slick-slider{float: none;}
}

@media only screen and (min-width: 40.063rem) and (max-width: 64.063rem) {
.DynamicWelcomeBonusBannerContainer img{float: left;}
.listTitle{font-size: 15px;}
a.normal_link{    font-size: 12px;}
.footerPlayTitle{    font-size: 1.05rem;}
.footerPlayContent{font-size: 12px; }
.footerMiddleRowDiv p{line-height: 1.4;}
.stickyBannerContainer{padding: 0;}
.mediumBR{display:block;}
.iosImg, .googleImg{

    display: block !important;

}
img.googleImg{margin-right: 0 !important;}
.footerMiddleRowDiv{
   vertical-align: top;
}
.br{display: none;}
img.iosImg {margin-bottom: 10px !important;}
.footerBottomRow img
{
    margin-bottom: 18px;
}
.footerTopRow, .footerMiddleRow{padding-right: 1rem;}
.footerMiddleRowDiv p{    margin-left: 17px;}
}

@media only screen and (max-width: 40.063em) {
#iosMobile, #googleMobile{display: inline; }
#iosPC, #googlePC{display: none;}
.DynamicWelcomeBonusBannerContainer img{float: left; max-width: initial; }
.footerBottomRow{padding: 0 0.9375em;}
#footerLicense{margin-top: 0 !important;}
.logosContainer{padding-top: 3em !important; padding-bottom: 1em;}
.logosContainer .footerspriteIcon{margin: 0 1.25em !important;
    margin-bottom: 1.25em !important;}


.iosImg, .googleImg{float: none !important;}
img.iosImg{margin-right: 10px !important;}
.footerMiddleRowDiv .slick-slider{margin: 0 auto !important;}
.slickSlider{
    max-width: 100% !important;
}
.footerMiddleRowDiv{
margin-bottom: 3em; 
}
.footerMiddleRow{
padding: 1em 0 0em;
}
  .brandnameclassCasino .TheOffer .BottomText {
    display: block;
  }
.GenericRichText h2:before, .GenericRichText h3:before,
.GenericRichText #importantcash:before, .GenericRichText #creditdebit:before, .GenericRichText #CashOutPolicy:before{
    display: block;
    content: "";
    height: auto;
    margin: 0px;
}

.footerPlaytextContainer{float: none;}
img.footerPlayIcon, img.footerWinIcon{margin-right: 10px !important;}
}

.footerWelcomBonus .TheOffer .TopText {
  color: #fa6200;
}

.topSecondaryMenu .TheOffer {
  line-height: 0.9;
  letter-spacing: 0.025em;
  padding: 0 12px;
  vertical-align: top;
}

.topSecondaryMenu .TheOffer .TopText {
  line-height: 0.7;
  font-size: 2.3em;
}

.topSecondaryMenu .TheOffer .BottomText {
  font-size: 1.2em;
}
}

.footerBottomRow .footerBottomIcons {
  text-align: center;
}

.post-box .post-thumbnail-wrapper img {
     opacity: 1;
}

@media screen and (max-width: 800px){
	.container .marginmiddel{
		width: 100%!important;
	}
}
}
      /*-----slick  Slider*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url() center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slider {
  margin-top: 1.285em;
  margin-bottom: 1.7857em;

 margin-left: -0.9375em;
  margin-right: -0.9375em;
}

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after {display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left;  min-height: 1px; display: none;padding: 0 24px;text-align: center; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block;margin: 0 auto; width:100%;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-initialized .slick-slide:not(.paymentIcon) {
  padding: 0 0.5rem;
}
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }


.slick-prev, .slick-next { position: absolute; display: block;  height:50px; cursor: pointer; padding: 0; border: none; outline: none; background: transparent; color: transparent; width: 5%;top: 7px;transition: all .2s ease-in-out;}
.footer .slick-prev, .footer .slick-next{top: 6px;}
.slick-prev:hover, .slick-next:hover, .slick-next:focus, .slick-prev:focus{background:transparent;color:transparent;  transform: scale(1.02);}
.slick-prev:after,.slick-next:before{width: 100%; position: absolute; top: 0; left: 0; font-size: 2em; color: #303030;}
.slick-prev:after{content:"›"; float:right;}
.slick-next:before{content:"‹"; left;  text-align: right;}
.slick-next { left: 0;}
.slick-prev{  right: 0;}
.footer .paymentIcon, .footer .slick-list, .footer .slick-slider{
  max-width: 197px;
  margin: auto;
}

.footer .slick-slider{
  margin: 0.3em auto 2.4em auto;
}

.paymentIcon{
  padding: 0 5px;
}

.paymentIconContainer a{
  display: block;
  margin: auto;
  height: 40px;
  text-decoration: none !important;
  background-size: 2622px 80px;
}


#payments1 a{
  background-position: -4px -340px;
  width: 104px;
}

#payments2 a{
    background-position: -107px -343px;
    width: 104px;
}

#payments3 a{
    background-position: -212px -344px;
    width: 104px;
}

#payments4 a{
    background-position: -316px -341px;
    width: 104px;
}

#payments5 a{
    background-position: -422px -349px;
    width: 104px;
}

#payments6 a{
    background-position: -528px -345px;
    width: 104px;
}

#payments7 a{
    background-position: -631px -348px;
    width: 104px;
}

#payments8 a{
    background-position: -740px -263px;
    width: 104px;
}

#payments9 a{
    background-position: -842px -343px;
    width: 104px;
}

#payments10 a{
    background-position: -945px -341px;
    width: 104px;
}

#payments11 a{
    background-position: -1049px -344px;
    width: 104px;
}

#payments12 a{
    background-position: -1155px -345px;
    width: 104px;
}

#payments13 a{
    background-position: -1260px -339px;
    width: 104px;
}
#payments14 a{
    background-position: -1367px -347px;
    width: 104px;
}
#payments15 a{
    background-position: -1469px -344px;
    width: 104px;
}
#payments16 a{
    background-position: -1574px -341px;
    width: 104px;
}
#payments17 a{
    background-position: -1679px -345px;
    width: 104px;
}
#payments18 a{
    background-position: -1784px -342px;
    width: 104px;
}

#paymentsSofort a{
    background-position: 225px -119px;
    width: 93px;
}

#paymentsEntropay a{
    background-position: -533px -119px !important;
    width: 181px;
}


.footer .slick-cloned a,
.brandnameclassSport.ie8 .footer .slick-cloned a,
.brandnameclassCasino.ie8 .footer .slick-cloned a,
.footer .slick-cloned a{
    background-position: -10px -373px;
    width: 104px;
}
.footer .slick-cloned:first-child a,
.brandnameclassSport.ie8 .footer .slick-cloned:first-child a,
.brandnameclassCasino.ie8 .footer .slick-cloned:first-child a,
.footer .slick-cloned:first-child a{
     background-position: -1784px -342px;
    width: 104px;
}
@media only screen and (min-width:896px) {
.slider {
  max-width:90%; 
  margin: 1.285em auto 1.7857em auto;
}
.slick-initialized .slick-slide:not(.paymentIcon) {
  padding: 0 0.89rem;
}
}
/*.teaserWarper div{  font-size: 0.875em;}*/

.footer .slick-prev:after, .footer .slick-next:before{color: #D2D2D2; font-size: 40px;}
/*----/slick  Slider*/


   /* Preload images */
body:after {

  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url("//images.images4us.com/888Sport/EN/loadingnew_1430823236064.gif") no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url("//images.images4us.com/888Sport/EN/prevv3new_1430823196597.png") left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 34%;
  right: 0;
  float: right;
  background: url("//images.images4us.com/888Sport/EN/nextnew_1430823166575.png") right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url("//images.images4us.com/888Sport/EN/closenew_1430821542754.png") top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

 @media only screen and (max-width: 64em) {
.lb-nav a.lb-next, .lb-nav a.lb-prev {
  opacity: 1;
}
}

   #mainWrapper{
	overflow: hidden;
}
#promotionWrapper{
	max-width: 1180px;
	margin: auto;
}
#innerWrapper{
	padding: 1% 3%;
	box-sizing: border-box;
}
.top-box-position{
	margin-top: 150px;
}
.middle-box-position{
	margin-top: 300px;
}
.bottom-box-position{
	margin-top: 450px;
}
.box-small-width{
	max-width: 520px;
}
.box-medium-width{
	max-width: 720px;
}
.box-large-width{
	max-width: 920px;
}
.box-horizontal-position-center{
	margin-left: auto;
	margin-right: auto;
}
.box-horizontal-position-left{
	margin-right: auto;
}
.box-horizontal-position-right{
	margin-left: auto;
}
.box-align-center{
	text-align: center;
}
.with-opacity{
	background: rgba(0,0,0,0.8);
}
.with-white-opacity{
	background: rgba(255,255,255,0.8);
}
.with-white-opacity p, .with-white-opacity li, .with-white-opacity h2{
	color: #000;
}
.with-white-opacity a:not(.button), .with-white-opacity span, .with-white-opacity strong, .with-white-opacity h1{
	filter: brightness(80%);
}
.promotionContent ul{
	margin: 10px 0;
}
#mainImage, #mainImageMobile{
	margin: 10px auto;
	display: inherit;
}
#mainImageOverlap{
	display: inherit;
}
h1{
	margin: 5px 0;
	font-weight: 900;
}
h2{
	margin: 10px 0;
	color: #fff;
}
.h1-big-size{
	font-size: 3em;
}
.h1-medium-size{
	font-size: 2.5em;
}
.h1-small-size{
	font-size: 2em;
}
.h1-blue{
	color: #0080ff;
}
.h1-casino-green{
	color: #7cf700;
}
.h1-sport-green{
	color: #72c015;
}
.h1-orange{
	color: #fa6200;
}
.h1-yellow{
	color: #f4f000;
}
.h1-mother-brand-yellow{
	color: #febc12;
}
.h1-white{
	color: #fff;
}
#h2AboveCTA{
	font-size: 1.7em;
}
#h2BelowCTA, #casinoGamesTitle{
	font-size: 1.5em;
}
#mainContent{
	margin: 10px 0 20px 0;
}
#smallTextBelowCTA{
	margin: 5px 0;
}
#smallTextBelowCTA p{
	font-size: 0.8em;
}
#innerWrapper .button{
	font-weight: bold;
}
#innerWrapper .button.small-cta{
	font-size: 1.1em;
	padding: 0.8em 0.4em;
}
#innerWrapper .button.medium-cta{
	font-size: 1.5em;
	padding: 0.5em 0.4em;
}
#innerWrapper .button.large-cta{
	font-size: 1.8em;
	padding: 0.4em;
}
#innerWrapper .button.x-large-cta{
	font-size: 2.1em;
	padding: 0.4em;
}
#innerWrapper .medium-12.column{
	padding: 0;
}
#innerWrapper .medium-6 .button, #innerWrapper .medium-4 .button{
	width: 100%;
}
#BottomPromotionTextContent{
	margin: 15px 0;
}
#ctasWrapper, #ctasWrapperBottom{
    /*overflow: hidden;
    display: inline-block;*/
    display: flex;
    text-align: center;
}

#TnCTitle{
	margin: 10px 0 0 0;
	border-top: 1px solid #454545;
	padding-top: 30px;
}
#T19_template .button.blue{
	background: #0080ff;
}
#T19_template .button.green, .button.green-sport {
	position: relative;
	line-height: 1.4;
	vertical-align: middle;
	cursor: pointer;
	border-style: solid;
	border-width: 2px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-weight: bold;
	min-width: 200px;
	font-size: 15px;
	padding: 0 34px;
	color: #ffffff;
	border-color: #52F130;
    background-color: #3FD71E;
}
#T19_template .button.green:hover, .button.green-sport:hover {
	color: #3FD71E;
	background-color: #2b2b2b;
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
/*#T19_template .button.green-sport {
	position: relative;
	line-height: 2.7;
	vertical-align: middle;
	cursor: pointer;
	border-style: solid;
	border-width: 2px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-weight: bold;
	min-width: 200px;
	font-size: 15px;
	padding: 0 34px;
	color: #ffffff;
	border-color: #52F130;
	background-color: #3FD71E;
}
#T19_template .button.green-sport:hover {
	color: #3FD71E;
	background-color: #2b2b2b;
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}*/
#T19_template .button.orange{
	background: #fa6200;
}
#T19_template .button.yellow{
	background: #f4f000;
}
#T19_template .button.mother-brand-yellow{
	background: #febc12;
}
.brandnameclassSport #T19_template .button.orange:hover{
	background: #72c015;
}
#T19_template .button.yellow:hover{
	background: #fa6200;
}
#videoFixedImageDiv{
	position: fixed;
	right: 0;
	top: 100px;
	z-index: 10;
}
#gamesWrapper img{
	max-width: 32%;
}
.centeredImage{
	display: block;
	margin: 5px auto;
}
.cta-right-align, .SmallTextBelowCTA-cta-right-align{
	text-align: right;
}
.cta-center-align, .SmallTextBelowCTA-cta-center-align{
	text-align: center;
}
.box-align-center ul, .box-align-center ol{
	text-align: left;
	margin-left: 0;
	list-style-position: inside;
}
.box-align-center li{
	margin-left: 0;
}
#pastPromotionStampWrapper{
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 10000000;
	text-align: center;
}
#pastPromotionStamp{
	width: 96%;
	max-width: 358px;
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
	background: #000;
	margin-left: 1.5%;
	position: relative;
	background: url("//images.images4us.com/888Sport/EN/PastPromo_Popup_358x457-1493557543376.png") no-repeat;
	background-size: 100%;
}
#pastPromotionStampOverlay{
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	background: rgba(0,0,0,0.8);
}
#xWrapper{
	overflow: hidden;
}
#closePopupLink{
	display: block;
	margin-top: 10px;
	margin-bottom: 13%;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
}
#pastPromotionStamp #title{
	font-size: 25px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 70%;
}
#pastPromotionStamp #secondaryTitle{
	font-size: 18px;
	margin-bottom: 20px;
}
#pastPromotionStampWrapper:after{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 1px;
}
#pastPromotionStamp .button{
	font-size: 18px;
	padding: 0.3em 1.5em;
	background-color: #f4f000;
}
#videoPopupWrapper{
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 10000000;
	text-align: center;
}
#videoPopupWrapper:after{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 1px;
}
#videoPopupOverlay{
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	background: rgba(0,0,0,0.8);
}
#videoPopup{
	vertical-align: middle;
	display: inline-block;
	position: relative;
	max-width: 100%;
}
#videoPopup iframe{
	max-width: 100%;
	max-height: 100%;
	box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.5);
}
#closeXvideo, #closeXTnCPopup{
	position: absolute;
	top: -20px;
	right: -20px;
	font-size: 20px;
	font-weight: bold;
	background: #fa6200;
	width: 45px;
	height: 45px;
	border-radius: 23px;
	line-height: 46px;
	color: #000;
	cursor: pointer;
}
#tcPopupwrapper{
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 10000000;
	text-align: center;
}
#tcPopupwrapper:after{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 1px;
}
#tcPopupOverlay{
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	background: rgba(0,0,0,0.8);
}
#tcPopup{
	vertical-align: middle;
	display: inline-block;
	position: relative;
	max-width: 100%;
	box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.5);
	background: #000;
}
#tcPopupContentWrapper{
	max-width: 900px;
	max-height: 700px;
	padding: 20px;
}
.desktopBody #tcPopupContentWrapper{
	overflow-y: auto;
}
#tcPopupContentWrapper div{
	text-align: left;
}
@media only screen and (min-width: 60em) {
	#mainImageOverlap{
			max-width: none;
			width: 130%;
			margin: 10px 0 0 -15%;
	}
}
@media only screen and (min-width: 40.063em) {
	.medium-4.small-12.column:first-child, .medium-6.small-12.column:first-child{
			padding-left: 0;
	}
	.medium-4.small-12.column:last-child, .medium-6.small-12.column:last-child{
			padding-right: 0;
	}
	.medium-4.small-12.column:nth-child(2){
			padding: 0;
	}
}
@media only screen and (max-width: 60em) {
	#closeXTnCPopup{
			top: -15px;
			right: -10px;
			font-size: 15px;
			width: 35px;
			height: 35px;
			line-height: 38px;
	}
	#tcPopup{
			margin-left: 2%;
			width: 90%;
	}
	#tcPopupContentWrapper{
			max-height: 450px;
	}
}
@media only screen and (max-height: 26.25em) {
	#tcPopupContentWrapper{
			max-height: 250px;
	}
}
@media only screen and (max-width: 40.063em) {
	#innerWrapper{
			padding: 1% 6%;
	}
	#innerWrapper .medium-12 .button{
			width: 100%;
	}
	#innerWrapper .small-12.column{
			margin: 0 0 5px 0;
			padding: 0;
	}
	.top-box-position{
			margin: 20% auto 0 auto;
	}
	.middle-box-position{
			margin: 47% auto 0 auto;
	}
	.bottom-box-position{
			margin: 71% auto 0 auto;
	}
	#T19_template #mainWrapper{
			background-size: 300% !important;
	}
	.h1-big-size{
			font-size: 2.1em;
	}
	.h1-medium-size{
			font-size: 1.8em;
	}
	.h1-small-size{
			font-size: 1.4em;
	}
	#h2AboveCTA{
			font-size: 1.2em;
	}
	#h2BelowCTA, #casinoGamesTitle{
			font-size: 1.1em;
	}
	#videoFixedImageDiv{
			top: 70px;
			width: 65px;
	}
	#innerWrapper .button.small-cta{
			font-size: 1.5em;
			padding: 0.6em 0.4em;
	}
	#videoPopup{
			margin-left: 2%;
	}
	#videoPopup iframe{
			width: 320px;
			height: 180px;
	}
	#closeXvideo{
			top: -15px;
			right: -10px;
			font-size: 15px;
			width: 35px;
			height: 35px;
			line-height: 38px;
	}
}

.mobileBody #tcPopupWrapper{
	-webkit-overflow-scrolling: touch;
}
.mobileBody #tcPopupWrapper, .mobileBody #tcPopup{
	overflow-y: scroll;
	overflow-x: hidden;
}
.mobileBody #closeXTnCPopup{
	top: 0px;
	right: 0px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border-radius: 0;
}


#tcs{
	cursor: pointer;
color:#fa6200;margin-left: 4px;display: inline-block;
}

#TnCTnCContentTitle{
	position: fixed;
	background-color: #333333;
	bottom: 0px;
	z-index: 10000;
	height: 700px;
	max-height: 80%;
	overflow-y: scroll;
	left: 0;
	width: 100%;
	padding: 50px;
display: none;
}

.pageCover{
	position: absolute;
	top: 0;
	min-height: 1660px;
	width: 100%;
	background-color: #000000c2;
	z-index: 9999;
}

.closeBTN{
 position: fixed;
	bottom: 75%;
	right: 26px;
	background-color: #2b2b2b;
	cursor: pointer;
	padding: 1px 7px;
}

@media only screen and (min-height: 875px) { 
.closeBTN{
 bottom: 660px;
}
}

.tcsText1{
color: #fa6200;
cursor: pointer;
}

.hideTCs{
color:#fff;
margin-right: 6px;
display: inline-block;
}
.tcsLink{
color:#fa6200;margin-left: 4px;display: inline-block;
}

.txtFixed_mobile{
 display:none; 
}
#floating-disclaimer{
	bottom: 0px;
	width: 100% !important;
	position: fixed;
	z-index: 999999;
	font-size: 15px;
}      
.floatingTCs {
	width: 100%;
	text-align: center;
	background-color: #333333;
}
.txtFixed{
	font-size: 14px;
	color: #fff;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 1%;
	padding-bottom: 0%;
}

.txtFixed_mobile{
	font-size: 14px;
	color: #fff;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 1%;
	padding-bottom: 0%;
}
#tcs{
 padding-bottom: 5px;
}
@media only screen and (max-width: 960px) { 
.txtFixed{
 display:none;
}
.txtFixed_mobile{
 display:block; 
}
.hideTCsLink{
 display:none; 
}
.hideTCs{ 
 display:block; 
}
}

    /*Lobby Games Grid*/
.games-wrap{width:100%}
.games-wrap .warpLiveCasinoGameItem {width: 48%;margin: 0 1%;float: left; overflow: hidden; }
.games-wrap .warpGameItemNotHover:not(.game-name), .games-wrap .teaser-data{max-width:155px;margin: 0 auto;}

@media screen and (min-width: 500px) {
    .games-wrap .warpLiveCasinoGameItem { width: 33.333%;margin: 0 auto;}
}
@media screen and (min-width: 660px) {
   .games-wrap .warpLiveCasinoGameItem {width: 25%;}
}
@media screen and (min-width: 810px) {
   .games-wrap .warpLiveCasinoGameItem {width: 20%;}
}

@media screen and (min-width: 968px) {
.games-wrap .warpLiveCasinoGameItem {max-width:155px;width:155px;margin-right: 39px; }
.games-wrap .warpLiveCasinoGameItem:nth-of-type(5n) {margin-right:0;}
}
/*////////////////////////////////////////////////////////////*/
/*Dealers Grid*/
.dealer-wrap{overflow:hidden;}
.dealer-wrap .warpLiveCasinoGameItem { width: 123px;    margin: 0 auto;}
.dealer-wrap a{    color: #FFF;text-decoration: none;}
.dealer-wrap .warpLiveCasinoGameItem{text-align: center;float:left}

@media screen and (min-width: 319px) {
 .dealer-wrap .warpLiveCasinoGameItem { width: 50%;      padding: 0; }
.dealer-wrap .warpGameItemNotHover{width:155px;margin: 0 auto;}
}
@media screen and (min-width: 200px) {
    .dealer-wrap .warpLiveCasinoGameItem { width: 50%;}
}

@media screen and (min-width: 440px) {
    .dealer-wrap .warpLiveCasinoGameItem { width: 33.33%;}
}

@media screen and (min-width: 560px) {
    .dealer-wrap .warpLiveCasinoGameItem { width: 25%;}
}

@media screen and (min-width: 690px) {
    .dealer-wrap .warpLiveCasinoGameItem { width: 20%;}
}
@media screen and (min-width: 800px) {
   .dealer-wrap .warpLiveCasinoGameItem {width: 16.66%;}
}
@media screen and (min-width: 925px) {
   .dealer-wrap .warpLiveCasinoGameItem {width: 14.28%;}

}


/*Daily Deals Promotions Grid*/
.daily-wrap{overflow:hidden;}
.daily-wrap .warpLiveCasinoGameItem { width: 123px;    margin: 0 auto;}
.daily-wrap a{    color: #FFF;text-decoration: none;}
.daily-wrap .warpLiveCasinoGameItem{text-align: center;float:left}

@media screen and (min-width: 319px) {
 .daily-wrap .warpLiveCasinoGameItem { width: 50%;      padding: 0; }
.daily-wrap .warpGameItemNotHover{width:155px;margin: 0 auto;}
}
@media screen and (min-width: 200px) {
    .daily-wrap .warpLiveCasinoGameItem { width: 50%;}
}

@media screen and (min-width: 440px) {
    .daily-wrap .warpLiveCasinoGameItem { width: 33.33%;}
}

@media screen and (min-width: 560px) {
    .daily-wrap .warpLiveCasinoGameItem { width: 25%;}
}

@media screen and (min-width: 690px) {
    .daily-wrap .warpLiveCasinoGameItem { width: 20%;}
}
@media screen and (min-width: 800px) {
   .daily-wrap .warpLiveCasinoGameItem {width: 16.66%;}
}

@media screen and (min-width: 925px) {
   .daily-wrap .warpLiveCasinoGameItem {width: 12.5%;}
.dealer-wrap .warpLiveCasinoGameItem{height:145px;width: 120px;padding-right: 18px;box-sizing: content-box;}
.dealer-wrap .warpLiveCasinoGameItem:nth-of-type(7n+7){padding-right: 0;}
}

@media only screen and (max-width: 970px) and (min-width: 922px){ .dealer-wrap .warpLiveCasinoGameItem { padding-right: 12px !important; } }

    #Container.fixedHeader {
    background-color: #000000;
}
.promotion-horizontal-text div{position:relative;z-index:1;}
.promotion-horizontal-text a{position:relative;z-index:2;}
.linkWrapper{display:block;}
section article:nth-of-type(3){position:relative;z-index:3;}
section article:nth-of-type(4){position:relative;z-index:2;}
section article:nth-of-type(5){position:relative;z-index:1;}

.accordion-item h2{font-weight:normal;}
.accordion-content div:after{content:"";clear:both;width: 100%;display: block;}
.grey-bg.accordion-item:nth-child(1){z-index:9;}
.grey-bg.accordion-item:nth-child(2){z-index:8;}
.grey-bg.accordion-item:nth-child(3){z-index:7;}
.grey-bg.accordion-item:nth-child(4){z-index:6;}
.grey-bg.accordion-item:nth-child(5){z-index:5;}
.grey-bg.accordion-item:nth-child(6){z-index:4;}
.grey-bg.accordion-item:nth-child(7){z-index:3;}
.grey-bg.accordion-item:nth-child(8){z-index:2;}
.grey-bg.accordion-item:nth-child(9){z-index:1;}
.players-wrapper.row{width:100%; margin-bottom: 30px;}
.live-promotion-accordion-content{z-index:1;}
.live-promotion-accordion-content .accordion-content{overflow:hidden;}
.daily-accordion-content{z-index:2;position:relative;}
.reviews .warpLiveCasinoGameItem:first-child {
    width: 12.28%;
}

   .seconderyMenu{background: #191919; position: relative; z-index: 10;    padding: 1px 0;}
.seconderyMenu a{display:inline-block;line-height: 20px;padding: 8px 12px 5px;color:#fff;text-decoration:none;margin-right: 1px;position:relative; text-transform: uppercase;}
.seconderyMenu a:hover{ background: #323232; color:#fff; }
nav.seconderyMenu a.active-button { color: #fa6200; }
section.sec-wrap{position:relative;z-index:0; }
.seo-main-text{padding-bottom: 12px;}
.DailyDeals-tc{color:#cacaca;font-size:11px;float:right;padding: 15px 0px 15px 0px;}
.horizontal-image img{width:100%;}
.players-wrapper{width:100%;}
.step-text {padding-top: 11px;}
.Top-Description{font-size:11px;color:#cacaca;}
.horizontal-image{min-width:300px;display:inline-block;}
.horizontal-teaser-text{padding-top:9px;}
nav.seconderyMenu.stuck:before{background: #191919;content: "";width: 370%;display: block;height: 100%;position: absolute;top: 0px;left: -130%;right: 0;border-top: 1px solid #4c4c4c;border-bottom: 1px solid #4c4c4c;    box-shadow: 0 0 7px #000;}
.related{position:relative;}
var { font-style: normal; display: inline-block; } /* Preventing a phrase from breaking into separate lines */

 .margin-TR { margin: 10px 10px 0 0; }
        a.grey-link { color: #cacaca; top: 11px; position: relative;font-size:11px;display:none;}
        .players-wrapper { float: left; margin-bottom: 30px; }
        .promo-wrapper { padding: 0.9375rem; float: left; }
        .promo-wrapper div:last-of-type { max-width: 428px; }
//     .promo-wrapper:nth-last-of-type(-n+2) { padding-bottom: 0.5rem; }
       .disclaimer{display:none;}



/*-- Shell styles --*/
.s-main-text{
padding-top: 20px;
}
.lobby .rowWrapper{
padding: 15px 0px;
}
.lobby .slick-prev:after, .lobby .slick-next:before{
font-size: 6em;
    color: #D2D2D2;
}
.first-grey-bg .warpSharedOffer{
    margin: auto;
}
.main-image-banner .here img{
  margin: auto;
  display:  block;
}
.wrapper-lobby-title{
    margin-top: 0;
    padding: 5px 10px;
    background: #4c4c4c;
    font-weight: 600;
}

.first-grey-bg{
padding-top: 25px;
}
.players-wrapper h3{
    font-weight: 600;
    margin-bottom: 0.1em;
    margin-top: 1em;
    line-height: 1.2em;
    font-size: 1.2em;
}
.main-button .button {
    display: table;
    text-decoration: none;
    font-weight: 700;
    padding: 12px 20px 10px;
    margin: auto;
    min-width: 250px;
    font-size: 22px;
    width: 0;
}
.main-button {
    padding-bottom: 15px;
}
 .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left;
    }
         .first-grey-bg { z-index: 1; }
         .grey-bg, .first-grey-bg{position:relative;}		
	 .first-grey-bg *,.grey-bg:nth-child(even)>* { position: relative; z-index:2}
         .first-grey-bg::before, .grey-bg:nth-child(even)::before{ content: ""; width: 370%; background-color: #222222; display: block; height: 100%; position: absolute; top: 0px; left: -135%; right: 0; z-index:0 }

section:not(column), .section:not(.column){ padding:0 10px; clear:both }
section article:not(.column), .section article:not(.column),  section section:not(.column) , .section section:not(.column) { padding: 25px 0; clear:both }

.promo-significance {
    padding-top: 15px;
    font-size: 12px;
    color: #888888;
}

@media screen and (min-width: 40.0625em){
.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
}
}
	
@media only screen and (min-width: 40.0625em) and (max-width: 60em){
.accordion .grey-bg h2 { margin-top: -93px !important; padding-top: 130px !important;  }
}


@media screen and (min-width:60.0625em){
.yellow-btn-left {
    display: inline-block !important;
    margin: 10px -10px !important;
}
}
/*@media only screen and (min-device-width:64.0625em) {
 .accordion .grey-bg h2 { margin-top: -147px !important; padding-top: 144px !important;  }
}*/


@media only screen and (min-device-width: 40.0625em) and (max-device-width:64em) {
   .accordion .grey-bg h2 {
      margin-top: -114px !important;
      padding-top: 114px !important;
   }
}
@media only screen and (max-width: 40em){	
.accordion .grey-bg h2 { margin: 0 !important; padding: 0 20px !important; line-height: 66px; border-bottom: solid 1px #616161; background: #373737; position: relative; z-index: 2;}
}

/*-- END Shell styles --*/

@media only screen and (max-width: 40em) and (orientation : portrait){
.players-wrapper.row{width:initial;}
.s-main-text{padding-left:10px;padding-right:10px;}
}

@media only screen and (max-width: 40em) and (orientation : landscape){
.players-wrapper.row{width:100%;}
}

        @media only screen and (max-width: 40em){
             .accordion .grey-bg:not(.fix-graf-gap):before{display:none}
             .players-wrapper{clear: both;width: initial;}
             .horizontal-image{min-width:0;}
             .seo-main-text{padding:10px;}
             .promotion-horizontal-text{padding-left:auto;padding-top:9px;}
             .stap-wrap {text-align: center;margin: 10px 0;}
            .seconderyMenu{display:none!important;}
            .players-wrapper img, .promo-wrapper img { width: 100%; }
            .promo-wrapper div:last-of-type { max-width: initial; }
            /*.promo-wrapper:nth-child(-n+2) { padding-top: inherit; }*/
        }
.button.hollow{text-decoration: none;padding: 0.6em;}

        /*Lobby Games Grid*/
        .games-wrap{width:100%}
        .games-wrap .warpLiveCasinoGameItem {width: 48%;margin: 0 1%;float: left;}
        .games-wrap .warpGameItemNotHover, .games-wrap .teaser-data{max-width:116px;margin: 0 auto;}
        .teaser-data{text-align: center; font-size: 12px;padding: 2px 0;height: 60px;}
        .teaser-data .text{color:white;}

        @media screen and (min-width: 500px) {
            .games-wrap .warpLiveCasinoGameItem { width: 33.333%;margin: 0 auto;}
        }
        @media screen and (min-width: 660px) {
            .games-wrap .warpLiveCasinoGameItem {width: 25%;}
        }
        @media screen and (min-width: 810px) {
            .games-wrap .warpLiveCasinoGameItem {width: 20%;}
        }
        @media screen and (min-width: 968px) {
            .games-wrap .warpLiveCasinoGameItem {max-width:116px; width:155px; margin-right: 22px;}
            .games-wrap .warpLiveCasinoGameItem:nth-of-type(7) {margin-right:0;}
        }

        @media screen and (max-width: 500px){
           //.warpLiveCasinoGameItem img { width: 100%; }
            .reviews span { display: block; }
            .games-wrap{width:100%}
            .games-wrap .warpLiveCasinoGameItem {width: 48%;margin: 0 1%;float: left;}
            .games-wrap .warpGameItemNotHover, .games-wrap .teaser-data{max-width:initial;margin: 0 auto;height: initial;/* padding-bottom: 0 !important; *//* margin-bottom: 0 !important; */}
            .warpLiveCasinoGameItem .teaser-hover-div {
                top: 100%;
                height: 90%;
                background-color: rgba(44, 44, 44, 0.9);
                position: absolute;
                z-index: 2;
                left: 0;
                text-align: center;
                width: 100%;
            }
            .reviews span{ margin-bottom:0;padding: 0;}
            span.text { padding: 10px 0; }
            .no-touch .warpGameItemNotHover:hover > .teaser-hover-div { top: 30px; }
        }
.stap-wrap a{color:white;text-decoration:none;text-align:center;}
@media only screen and (min-width: 64.0625em) {
.column:not(:first-of-type) .stap-wrap:after{width:1px;height:100%;background-color: #3e3e3e;content: "";position: absolute;bottom: 0;}
}
   .s-section h1{font-size: 1.4em;background: transparent;font-weight:600;}
/*Realated list*/
@media screen and (min-width: 64.0625em) {
.warpGameItem{width: 25%;float: left;padding: 0 1%;box-sizing: border-box;}
}
@media screen and (min-width: 40.0625em)  and (max-width: 64em){
.warpGameItem{width: 25%;float: left;padding: 0 1%;box-sizing: border-box;}
}
@media screen and (min-width: 376px)  and (max-width:40em) {
.warpGameItem{width: 33.33%;float: left;padding: 0 1%;box-sizing: border-box;}
}
@media screen and (max-width: 375px) {
.warpGameItem{width: 100%;float: left;padding: 0 1%;box-sizing: border-box;}
}
.s-section .warpGameItemNotHover, .s-section .teaser-data{
 max-width: 180px;
    margin: 0 auto;
    text-align:left;
    font-size:0.8em;
}
.warpGameItemNotHover{
     position: relative;
    z-index: 0;
    overflow: hidden;
   
}

.deposit-stap .column:nth-child(1) .stap-wrap.promotion-lobby img, .deposit-stap .column:nth-child(1):hover .stap-wrap.promotion-lobby img, .deposit-stap .column:nth-child(2) .stap-wrap.promotion-lobby img, .deposit-stap .column:nth-child(2):hover .stap-wrap.promotion-lobby img, .deposit-stap .column:nth-child(3) .stap-wrap.promotion-lobby img, .deposit-stap .column:nth-child(3):hover .stap-wrap.promotion-lobby img,  .deposit-stap .column:nth-child(4) .stap-wrap.promotion-lobby img, .deposit-stap .column:nth-child(4):hover .stap-wrap.promotion-lobby img{
width: 88px;
height: 88px;
background-size: cover;
}

.deposit-stap .column:nth-child(1) .stap-wrap.promotion-lobby img{
background: url(//images.images4us.com/888Sport/EN/features-1503235875642_tcm1755-370731.png) -88px 0px;
}

.deposit-stap .column:nth-child(1):hover .stap-wrap.promotion-lobby img{
background: url(//images.images4us.com/888Sport/EN/features_hover-1503229740416_tcm1755-370732.png) 0 0;
 }

.deposit-stap .column:nth-child(2) .stap-wrap.promotion-lobby img{
background: url(//images.images4us.com/888Sport/EN/policy-1503231522110_tcm1755-370737.png) -88px 0px;
}

.deposit-stap .column:nth-child(2):hover .stap-wrap.promotion-lobby img{
background: url(//images.images4us.com/888Sport/EN/policy_hover-1503231533173_tcm1755-370738.png) 0 0;
 }

.deposit-stap .column:nth-child(3) .stap-wrap.promotion-lobby img{
background: url(//images.images4us.com/888Sport/EN/pbt-1503231286659_tcm1755-370735.png) -88px 0px;
}

.deposit-stap .column:nth-child(3):hover .stap-wrap.promotion-lobby img{
background: url(//images.images4us.com/888Sport/EN/pbt_hover-1503231311072_tcm1755-370736.png) 0 0;
 }

.deposit-stap .column:nth-child(4) .stap-wrap.promotion-lobby img{
background: url(//images.images4us.com/888Sport/EN/free_bet-1503235690483_tcm1755-370733.png) -88px 0px;
}

.deposit-stap .column:nth-child(4):hover .stap-wrap.promotion-lobby img{
background: url(//images.images4us.com/888Sport/EN/free%20bet_hover-1503231262950_tcm1755-370734.png) 0 0;
 }

.related{position:relative;}
.seo-warper{position: relative;}

.teaser-hover-div{
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    height: 86px;
    top: 102px;
    z-index: 2;
    left: 0;
    text-align: center;
}

.related-button {
    width: 70%;
    padding: 2px 5px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 12px;
}

.related-demo-button {
    width: 50%;
    padding: 2px 5px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 4px;
}
.s-section .teaser-data .text{color:white;}
.s-section .teaser-data a{text-decoration: none;    text-align: center;}
.no-touch .warpGameItemNotHover:hover > .teaser-hover-div{top:15px;}
.no-touch .teaser-hover-div img{display:none;}

@media screen  and (max-width: 64.0625em) {
.swiper-container {width: calc(100% - 63px); height: auto;}
 .arrow-left {left: 0.5em;}
 .arrow-right { right: 0.5em;}
}

@media screen  and (max-width: 991px) {
.deposit-stap  .stap-wrap.promotion-lobby figure{
    margin: 1em 10px;
}
}

@media screen  and (max-width: 640px) {
.accordion-content .deposit-stap.medium-up-4 > .column{
width: 100%;
}

}

   @media only screen and (min-width: 40.0625em){  .accordion-content { display: block !important; position: relative; z-index:5; }  }

@media only screen and (max-width: 40em){
section:not(column), .section:not(.column), section article:not(.column), .section article:not(.column),  section section:not(.column) , .section section:not(.column) {padding:0; clear:both}
/*.sec-wrap section:last-of-type, .sec-wrap article:last-of-type{padding-bottom:20px}*/
    /*-- accordion arrows --*/
   a.accordion-title::before{
       content: '';
       background-image: url("//images.images4us.com/888Sport/EN/shell-sprite_big-1496592458765.png");
       background-repeat: no-repeat;
       height: 15px;
       width: 10px;
       position: absolute;
       right: 19px;
       top: 23px;
       background-position: -576px -22px;
    background-size: 734px;
    }

    .is-active a.accordion-title::before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
    /*-- /accordion arrows --*/

    article, section section {
        position: relative;
        padding:0;
    }

    .accordion-item h2 { color: #fff; }

    .is-active h2 { color: #7cf700; }
    #RELATED {background:none;border:none;padding-top: 10px !important;}
    .accordion-item>a {
         height: calc(100% - 20px);
        width: 100%;
        display: block;
        position: absolute !important;
        top: 0;
        z-index: 2;
    }

   .accordion-item>div { padding: 10px 10px; }
.accordion-content{  display: none; position: relative; z-index:2;}

    .grey-bg h2:not(#RELATED), article:first-of-type h2 {
        margin: 0 !important;
        padding: 1em 20px !important;
       line-height: 1.2em;
        border-bottom: solid 1px #616161;
        background: #373737;
    }
section, section article, .section article, section section, .section section{padding:0}
}
   /**/
       .disclaimer{display:block;}
       a.grey-link {display:inline;}
     /*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-with-arrows {
    margin-top: 30px;
}
.swiper-container {

	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
//	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}


/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
}
.arrow-left ,  .arrow-right{ position: absolute; margin-top: -35px; width: 20px; height: 32px; top: 50%; background-image:url("//images.images4us.com/888Sport/EN/shell-sprite_big-1496592458765.png");background-size:734px;}
.arrow-left {left: 14.58px;background-position: -619px -14px;}
.arrow-right {right: 14.58px;  background-position: -598px -14px;}

.swiper-container {
   width:87%; margin:0 auto;
  width: calc(100% - 120px);
  height: auto;
}

.Inner-Promotion-template .swiper-container {

  width: calc(100% - 80px);
  height: auto;
}

.content-slide {
  padding: 20px;
  color: #fff;
}


/***********************************************************/

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,0.1)
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,0.5);
	border-radius: 10px;
}
.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-live-casino,  .swiper-casino-games{
  width: 100%;
}