/*
[*] General
[1] main banner
[2] Content section
[3] Two images section
[4] Games list section
[5] Steps
[6] Winners ( vTicker )
[7] breadcrumbs
*/
/*
[*] General
--------------*/
body { background-color: #fff !important; }

html:not(.cgp-pc) header.header { background-color: transparent !important; }
html:not(.cgp-pc)  header.header .row { background-color: #3c003a !important; }

section h2 {
  font-size: 2em; }

section .bold900 {
  font-weight: 900; }

@font-face {
  font-family: '888';
  src: url("../fonts/888-regular.eot");
  src: url("../fonts/888-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/888-regular.woff") format("woff"), url("../fonts/888-regular.woff2") format("woff2"), url("../fonts/888-regular.ttf") format("truetype"), url("../fonts/888-regular.otf") format("opentype"), url("../fonts/888-regular.svg") format("svg");
  font-weight: normal; }

@font-face {
  font-family: '888';
  src: url("../fonts/888-demibold.eot");
  src: url("../fonts/888-demibold.eot?#iefix") format("embedded-opentype"), url("../fonts/888-demibold.woff") format("woff"), url("../fonts/888-demibold.woff2") format("woff2"), url("../fonts/888-demibold.ttf") format("truetype"), url("../fonts/888-demibold.otf") format("opentype"), url("../fonts/888-demibold.svg") format("svg");
  font-weight: 600; }

@font-face {
  font-family: '888';
  src: url("../fonts/888-black.eot");
  src: url("../fonts/888-black.eot?#iefix") format("embedded-opentype"), url("../fonts/888-black.woff") format("woff"), url("../fonts/888-black.woff2") format("woff2"), url("../fonts/888-black.ttf") format("truetype"), url("../fonts/888-black.otf") format("opentype"), url("../fonts/888-black.svg") format("svg");
  font-weight: bold; }

@font-face {
  font-family: '888';
  src: url("../fonts/888-Ultra.eot");
  src: url("../fonts/888-Ultra.eot?#iefix") format("embedded-opentype"), url("../fonts/888-Ultra.woff") format("woff"), url("../fonts/888-Ultra.woff2") format("woff2"), url("../fonts/888-Ultra.otf") format("opentype"), url("../fonts/888-Ultra.svg") format("svg");
  font-weight: 800; }

section a.cta-button {
    padding: 12px 60px !important;
    background-color: #3c003a;
    color: #fff;
    margin: 0;
    font-size: 1.2em !important;
    border-radius: 30px;
    border:none;
}

section a.cta-button:hover {
    color: #FFF100 !important;
    background-color: #640061 !important;
}

/*.button:focus { background-color: #3c003a !important; }*/

.top-cta { text-align: center; margin-top: 10px; }

a.cta-button.button.TeaserButton:focus { background-color: #3c003a; }

.page-container  section.emptySection { padding: 0 40px; }

/*------------------
 [1] main banner
------------------*/

.promo-page-wrapper.row {
  max-width: 1180px;
  padding: 0; }

.main-image-banner {
  background: #180017;
  width: 100%;
  position: relative; 
  padding-bottom: 1%; 
}

.main-image-banner:before, .row.breadcrumbs:before {
  content: "";
  width: 370%;
  height: 100%;
  background: #180017;
  display: block;
  z-index: -1;
  position: absolute;
  left: -135%;
  top: 0; }

.main-image-banner span.here.block figure img {
  width: 100%; }

.main-image-banner figure { text-align: center; margin: 0; }

.Inner-Promotion-template.with-bg .main-image-banner { margin: 0; }
.with-bg > div:first-child { overflow: hidden; }

.btnWrap {
  text-align: center; }

.btnWrap a.button.primary-button {
  padding: 13px 50px !important;
  margin: 20px 0 35px;
  font-size: 1.4em !important; }

.tncWrap {
  color: #ccc;
  width: 85%;
  font-size: 14px;
  padding: 10px;
  float: left; }

.tncWrap a {
  color: #ccc;
  text-decoration: underline; }

.disclaimer {
    font-size: 11px;
    text-align: left;
    max-width: 930px;
    width: 96%;
    padding: 15px 0 18px;
    margin: 0 auto;
}

.with-bg .main-image-banner{ padding-top: 40px; }
.main-image-banner { padding-top: 0; padding-bottom: 20px !important; }
.with-bg .first-bulk {background-color: #180017; }

.mainBannerTnc {
    color: #d3d1d3;
    font-size: 12px;
    background-color: #180017;
}
.first-grey-bg::before { background-color: #180017; }
.first-grey-bg::before, .grey-bg:nth-child(odd)::before {
    content: "";
    width: 370%;
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -135%;
    right: 0;
    z-index: -3;
}
.grey-bg, .first-grey-bg { position: relative; }
.main-image-banner img { max-width: 100%; }
.page-container section { padding: 20px 10px; clear: both; }

/*--------------------
 [2] Content section
---------------------*/

section {
  color: #3c003a;
  clear: both;
  padding: 50px 10px 0;
  /*overflow: auto;*/ }

section .btnWrap {
  text-align: left; }

section .btnWrap a.button.primary-button {
  padding: 13px 50px !important;
  background-color: #3c003a;
  color: #fff;
  margin: 20px 0 0; }

main.window .main-wrapper section:first-of-type * { text-align: left; margin-left: 0; }

/* .main-image-banner img{ max-width: 1100px; } */
/*---------------------------
 [3] Two images section
----------------------------*/

.two-image-wrapper .small-12 {
  background-repeat: no-repeat;
  height: auto;
  background-size: 100% 100%;
  padding-top: 34%;
  position: absolute;
  max-width: 470px;
  max-height: 373px;
  top: 0;
  background-size: 100% !important;
 }

.two-image-wrapper .small-12:first-child {
  background-position: left; }

.two-image-wrapper .small-12:last-child {
  text-align: right;
  background-position: right;
  right: 0; }

.TI-text-wrapper {
  max-width: 87%;
  width: 87%;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  top: 0;
  height: 100%;
}

.verticleCenter {
    display: inline-block;
    vertical-align: middle;
    width:97%;
    width: calc(100% - 6px);
}

.TI-text-wrapper:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.TI-big-text:first-child { font-size: 4em; line-height: 55px; }

.TI-big-text {
  font-size: 1.5em;
  font-weight: 900;
  text-align: center;
  max-height: 55px;
  letter-spacing: -1px; }

.TI-medium-text {
  font-weight: 900;
  font-size: 1.5em; }

.TI-text-wrapper .btnWrap { text-align: center; margin-top: 5%; }

.TI-text-wrapper .btnWrap a.button.primary-button {
  padding: 13px 26px 10px !important;
  font-size: 1.3em !important;
  background: #FFF100;
  color: #3c003a;
  margin: 0;
  box-shadow: 0px 2px 2px 0px rgba(58, 5, 52, 0.45) 
}

.dotted-border {
  height: 0;
  margin: 7% auto 4%;
  position: relative;
  top: -7px; }

.dotted-border:before {
  content: "_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ ";
  font-size: 7px;
  font-weight: 600;
  letter-spacing: 0.2px;
  overflow: hidden;
  max-width: 80%;
  height: 10px;
  display: inline-block; }

.two-image-wrapper.small-12 {
  padding-top: 35%;
  position: relative; }

.two-image-wrapper.small-12:before {
  content: "";
  height: 67%;
  width: 2px;
  background: #ededed;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 15%; }

.two-image-wrapper.small-12 a.cta-button.button.TeaserButton {
    padding: 13px 26px 10px !important;
    font-size: 1.3em !important;
    background: #FFF100;
    color: #3c003a;
    margin: 0;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.55);
}

/*---------------------------
 [4] Games list section
---------------------------*/

.games-list-item .img-item {
  background-image: url("https://imagesstg.images4us.com/888casino/en/Games-Icons-sprite-1463983147557.png");
  background-repeat: no-repeat;
  width: 120px;
  height: 135px;
  display: block;
  margin: 0 auto; }

.jackpot_a_nightmare_on_elm_street .img-item {
  background-position: -1px -1px; }

.jackpot_adventures_in_orbit .img-item {
  background-position: -123px -1; }

.jackpot_american_blackjack .img-item {
  background-position: -245px -1px; }

.jackpot_american_roulette .img-item {
  background-position: -367px -1px; }

.jackpot_casino_reels .img-item {
  background-position: -489px -1px; }

.jackpot_city_life .img-item {
  background-position: -611px -1px; }

.jackpot_clash_of_the_titans .img-item {
  background-position: -733px -1px; }

.jackpot_jackpot_jockey .img-item {
  background-position: -855px -1px; }

.jackpot_down_of_the_dinosvaurs .img-item {
  background-position: -1px -138px; }

.jackpot_jackpot_doctor_love .img-item {
  background-position: -123px -138px; }

.jackpot_european_roulette .img-item {
  background-position: -245px -138px; }

.jackpot_fairest_of_them_all .img-item {
  background-position: -367px -138px; }

.jackpot_ramesses_riches .img-item {
  background-position: -489px -138px; }

.jackpot_freaky_fruit .img-item {
  background-position: -611px -138px; }

.jackpot_fruit_shop .img-item {
  background-position: -733px -138px; }

.jackpot_gonzos_quest .img-item {
  background-position: -855px -138px; }

.jackpot_irish_riches .img-item {
  background-position: -1px -275px; }

.jackpot_jack_and_the_beanstalk .img-item {
  background-position: -123px -275px; }

.jackpot_jack_hammer .img-item {
  background-position: -245px -275px; }

.jackpot_jungle_goals .img-item {
  background-position: -367px -275px; }

.jackpot_leprechauns_luck .img-item {
  background-position: -489px -275px; }

.jackpot_lucky_angler .img-item {
  background-position: -611px -275px; }

.jackpot_mafia_madness .img-item {
  background-position: -733px -275px; }

.jackpot_millionaire_genie .img-item {
  background-position: -855px -275px; }

.jackpot_multihand_blackjack .img-item {
  background-position: -1px -412px; }

.jackpot_once_upon_a_dime .img-item {
  background-position: -123px -412px; }

.jackpot_party_pigs .img-item {
  background-position: -245px -412px; }

.jackpot_pirates_millions .img-item {
  background-position: -367px -412px; }

.jackpot_rainbow_riches .img-item {
  background-position: -489px -412px; }

.jackpot_reel_rush .img-item {
  background-position: -611px -412px; }

.jackpot_saved_by_the_bells .img-item {
  background-position: -733px -412px; }

.jackpot_snack_time .img-item {
  background-position: -855px -412px; }

.jackpot_snowy_wonderlan .img-item {
  background-position: -1px -549px; }

.jackpot_spartacus .img-item {
  background-position: -123px -549px; }

.jackpot_starburst .img-item {
  background-position: -245px -549px; }

.jackpot_steampunk_nation .img-item {
  background-position: -367px -549px; }

.jackpot_superman .img-item {
  background-position: -489px -549px; }

.jackpot_the_big_lebowski .img-item {
  background-position: -611px -549px; }

.jackpot_treasure_fair .img-item {
  background-position: -733px -549px; }

.jackpot_twin_spin .img-item {
  background-position: -855px -549px; }

.jackpot_ultimate_grill_thrills .img-item {
  background-position: -1px -686px; }

.jackpot_ultimate_universe .img-item {
  background-position: -123px -686px; }

.jackpot_victorious .img-item {
  background-position: -245px -686px; }

.jackpot_cleopatra .img-item {
  background-position: -367px -686px; }

.jackpot_fantastic_four .img-item {
  background-position: -489px -686px; }

.jackpot_ghost_in_the_shell .img-item {
  background-position: -611px -686px; }

.jackpot_giants_gold .img-item {
  background-position: -733px -686px; }

.jackpot_the_glorious_50 .img-item {
  background-position: -855px -686px; }

.jackpot_jacks_pot .img-item {
  background-position: -1px -823px; }

.jackpot_kiss .img-item {
  background-position: -123px -823px; }

.jackpot_raging_rhino .img-item {
  background-position: -245px -823px; }

.jackpot_ruby_slippers .img-item {
  background-position: -367px -823px; }

.jackpot_southpark .img-item {
  background-position: -489px -823px; }

.jackpot_top_spin_snooker .img-items {
  background-position: -611px -823px; }

.jackpot_wild_gambler .img-item {
  background-position: -733px -823px; }

.jackpot_zeus_3 .img-item {
  background-position: -855px -823px; }

.jackpot_zuma .img-item {
  background-position: -1px -960px; }

/* not exist */
.jackpot_cash_drop .img-item {
  background-position: 123px 0; }

.jackpot_deep_ocean .img-item {
  background-position: 123px 0; }

.jackpot_the_royals .img-item {
  background-position: 123px 0; }

.jackpot_wonderwoman .img-item {
  background-position: 123px 0; }

/* /not-exist */
.games-list-item {
  height: 165px; }

.game-List-warp {
  overflow: hidden; }

.game-List-warp .games-list-item {
  width: 85px;
  margin: 0 auto; }

.game-List-warp .games-list-item {
  text-align: center;
  float: left; }

span.games-un-con {
  width: 85%;
  font-size: 14px;
  padding: 10px 0 140px;
  float: left; }

.second-button.main-button.clear.yellow-btn-left.floated-button { margin: 0 !important; }

.btnText { padding-top: 20px; padding-bottom: 60px; }

.second-button.main-button.clear.yellow-btn-left.floated-button { padding-bottom: 60px; }

html body main.window .main-wrapper .main-button { text-align: left !important; }
html.touch body main.window .main-wrapper .main-button { text-align: center !important; }

.btnText.removePaddingB { padding-bottom: 0; }

/*------------
 [5] Steps
-------------*/

.stap-wrap {
  /* background: #180017; */
  padding: 0 10px 10px; }

.box-title {
  color: #fff100;
  font-size: 18px;
  font-weight: 600;
  text-align: center; }

.data-container .step-text {
  width: 100%; }

.stap-wrap div:last-child {
  text-align: center; }

.step-text {
  font-size: 13px;
  color: #cbcccb; }

.grey-bg:before {
  content: "";
  width: 100%;
  background-color: #f3f1f1;
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 0; 
  height: 106%;
}

.page-container:not(.with-bg) .grey-bg:before {
    width: 370%;
    left: -135%;
}

section.grey-bg {
  position: relative;
  overflow: inherit;
  padding-bottom: 50px;
  display: inline-block;
  width: 100%; }

section.grey-bg > * {
  position: relative;
  z-index: 2; }

section.steps-section h2 { font-size: 1.4em; margin-bottom: 15px; }

.deposit-stap .column, .deposit-stap .columns {
  float: left;
  width: 22.6%;
  clear: inherit !important; }

.stap-wrap img {
  width: 100%;
  max-width: 80px; }

.stap-wrap figure {
  text-align: center;
  margin: 0; }

/*
.deposit-stap {
  display: -ms-flexbox;
  display: flex; }

*/

.deposit-stap .column, .deposit-stap .columns {
 /*
  -ms-flex: 1;
  flex: 1;
*/
  background: #2a0028;
  padding: 15px;
  padding: 0.9375rem;
  margin: 0 15px;
  margin: 0 0.9375rem; }

.deposit-stap {
  margin: 0 !important;
  padding: 0 !important; }

.deposit-stap .column:first-of-type, .deposit-stap .columns:first-of-type {
  margin-left: 0; }

.deposit-stap .column:last-of-type, .deposit-stap .columns:last-of-type {
  margin-right: 0; }

/*---------------------
[*] Media queries
---------------------*/

@media screen and (min-width: 55em) {
  .medium-5 {
    width: 41.66667%; }
  /*.medium-6 { width: 50%; }*/
}

@media screen and (min-width: 768px) {
  /*.medium-6 { width: 50% !important; }*/
  section .btnWrap {
    text-align: left; } }

@media screen and (max-width: 55em) {
  .two-image-wrapper .small-12 {
    background-position: center !important; }
}

@media screen and (max-width: 1024px) { 
   body span.breadcrumb-Separator{ top:0px }
  .touch .game-List-warp ~ .btnText, .touch .game-List-warp ~ .btnText .second-button.main-button { padding: 0; }
  .touch .second-button.main-button.clear.yellow-btn-left.floated-button { padding-bottom: 0px; }
}

@media screen and (max-width: 768px) {
  .two-image-wrapper .small-12 {
    position: relative;
    width: 100%;
    height: 252px;
    max-width: inherit;
    background-size: 344px 252px !important }

  .two-image-wrapper.small-12 { padding-top: 0; }

  .TI-text-wrapper {
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
    width:100%;
    max-width: 300px; }

  /*.two-image-wrapper div.small-12:first-child { margin-bottom: 25px; }*/

  section .btnWrap {
    text-align: center; }
  .two-image-wrapper.small-12:before {
    display: none; }
  .deposit-stap .column, .deposit-stap .columns, .stap-wrap {
    background: none; }
  .deposit-stap .column, .deposit-stap .columns, .stap-wrap {
    background: none; }
  .box-title, .data-container .step-text {
    float: right;
    width: 78%; }

   .page-container section { padding: 20px 10px; }

   .main-image-banner{ width: 120% !important; left: -8%; }
 }

@media screen and (max-width: 560px) { .main-image-banner { width: 130% !important; left: -16%; } }

@media screen and (max-width: 380px) {
  .two-image-wrapper .small-12 {
    background-size: contain !important;
    padding-top: 80%;
    height: 0; 
   }

  .TI-big-text { max-height: 45px; }

  .dotted-border { margin-top: 3%; } 

   /* section a.cta-button { padding: 10px 30px !important; }*/

   .main-image-banner { width: 140% !important; left: -21%; }

   html .TI-big-text:first-child { font-size: 3em; }
}

@media only screen and (min-width: 768px) and (max-width: 1060px) {
  .two-image-wrapper .small-12 {
    max-width: 100%;
    width: 47% !important;
    background-size: 100% 100% !important; 
       background-size: contain !important;
   } 
   /* span.breadcrumb-Separator{ top:-4px; } */
}

@media screen and (max-width: 768px) {
  .deposit-stap {
    display: inherit; }
  .deposit-stap .column, .deposit-stap .columns, .deposit-stap .columns {
    width: 100%;
    margin: 0 auto; }

  .stap-wrap span {
    display: inline-block;
    float: left;
    width: 20%; 
    text-align: left;
   }

/*
  .stap-wrap, .deposit-stap .column{ 
    background: #000;
    margin: 0 !important;
    padding: 10px 0 10px 5px;
   }
*/

  .stap-wrap {  padding: 0; }

  .stap-wrap div:last-child, .box-title { text-align: left; } 
  

}

@media screen and (max-width: 1035px) {
  .grey-bg:before {
    background-color: #180017;
    height: 95%;
    top: 20px;
    margin-bottom: 15px; 
  }

  section.steps-section h2 {
    color: #fff;
    text-align: center; 
    padding: 20px 0;
  } 

  .TI-big-text:first-child { font-size: 3.5em; }

/*  section a.cta-button{ font-size: 1em !important; }*/

  .page-container section { padding: 10px 10px !important; overflow: hidden; }

   section.winner-section { display: none; }

   .btnText.removePaddingB, .second-button.main-button.clear.yellow-btn-left.floated-button { text-align: center; }

    section.steps-section.grey-bg { padding: 20px 10px 30px!important; }

}
@media screen and (max-width: 1460px) and (min-width: 1025px){ html .row.breadcrumbs { padding-top: 112px; padding-bottom: 20px; padding-left: 13px; } }

@media screen and (max-width: 75em) and (min-width: 48.0625em){ .deposit-stap .column{ width:22% !important; } }

/*------------------------------
 [6] Winners ( vTicker )
-------------------------------*/

/*-- vTicker --*/
.startSliderWrap {
  margin-bottom: 40px;
  display: block;
  overflow: hidden;
  position: relative;
  height: 156px; }

.startSliderWrap {
  height: 163px !important;
  margin-bottom: 40px; }

ul.mainDiv {
  width: 100%;
  margin: 0; }

li.winner {
  border-bottom: solid 1px #ededed;
  height: 40px !important;
  line-height: 40px;
  overflow: hidden; }

.reviews p {
  margin: 0;
  padding: 0; }

.reviews span {
  color: #9c9c9c;
  display: inline-block;
  margin-bottom: 20px; }

.quotes-text {
  padding-bottom: 10px;
  border-bottom: 1px solid #4c4c4c; }

.winner .winnerRow .name, .winner .winnerRow .type, .winner .winnerRow .amount {
  overflow: hidden;
  top: 0;
  position: relative;
  vertical-align: top; }

.winnerRow span {
  width: 33.3%;
  display: inline-block; }

ul.mainDiv li span { color: #3c003a !important; }

/*
.winner .winnerRow .name{ width: 32%; }
.winner .winnerRow .type{ width: 40%; }
.winner .winnerRow .amount{ width: 20%; }
*/

span.winners-container ~ div {
    margin-top: 15px;
    display: block;
}

/*-------------------
[7] breadcrumbs
--------------------*/
.row.breadcrumbs {
    padding-top: 100px;
    padding-bottom: 10px;
    max-width: 1130px;
    margin: 0 auto;
    position: relative;
    padding-left: 20px;
}

/**/
.touch .row.breadcrumbs {overflow: hidden; max-width:100%; }  

a.BreadCrumb { color: #fff !important; }

a.BreadCrumb:last-child { font-weight: 600; }


span.breadcrumb-Separator {
    background-image: url("//images.images4us.com/888Games_CGP/EN/shell-sprite_big-2017-1484059007150.png");
    background-size: 737px;
    display: inline-block;
    text-indent: -9000px;
    background-position: -579px -21px;
    width: 12px;
    margin: -1px 0.3em 0 0.5em;
    position: relative;
    z-index: 2;
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    top: 2px;
}

@media screen and (max-width: 1024px) { .row.breadcrumbs {padding-top: 70px; padding-bottom: 20px; padding-left: 10px;} }

/*-------------------
[*] Media queries
--------------------*/
@media screen and (max-width: 320px) {
    .TI-text-wrapper .btnWrap a.button.primary-button{ font-size: 1em !important; }
}

@media screen and (min-width: 319px) {
  .game-List-warp .games-list-item {
    width: 50%;
    padding: 0; }
  .game-List-warp .warpGameItemNotHover {
    width: 155px;
    margin: 0 auto; } }

@media screen and (min-width: 200px) {
  .game-List-warp .games-list-item {
    width: 50%; } }

@media screen and (min-width: 440px) {
  .game-List-warp .games-list-item {
    width: 33.33%; } }

@media screen and (min-width: 560px) {
  .game-List-warp .games-list-item {
    width: 25%; } }

@media screen and (min-width: 690px) {
  .game-List-warp .games-list-item {
    width: 20%; } }

@media screen and (min-width: 800px) {
  .game-List-warp .games-list-item {
    width: 16.66%;
    margin-top: 10px; } }

@media only screen and (min-width: 800px) and (max-width: 880px) {
  .game-List-warp .games-list-item {
    width: 20%; } }

@media screen and (min-width: 880px) {
  .game-List-warp .games-list-item:nth-of-type(6n+1) {
    width: 11%;
    margin-right: 3%; }
  .game-List-warp .games-list-item:nth-of-type(6n+6) {
    width: 10%;
    margin-left: 3%; }
  .game-List-warp .games-list-item {
    float: none;
/* clear: both; */
    width: 17.6%;
    display: inline-block;
    vertical-align: middle; } }

/*------ img fix ( REMOVE THIS STYLE ) ------*/
.my-account-overlay {
  z-index: -1; }

   .touch .page-container.row.Inner-Promotion-template{ max-width: 1280px; overflow: hidden; }

    /*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;}

html.cgp-pc { width: 100% !important; }
/*----------------------------------------------------------------------------*/

.Inner-Promotion-template { background: #fff; color: #3c003a; }
.page-container h1 { margin-top: 0; padding: 5px 10px; font-weight: 900; }
h1 { font-size: 1.7em; }
.first-bulk { color: #fff; font-size: 12px; padding: 0 9% 1%; }
.first-bulk p { margin: 0; }
/*----------------------------------------------------------------------------*/

@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: 14.28%;}
.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 (max-width: 1280px){ .touch .right-tabs { display: none; } }

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

@media only screen and (min-device-width: 1279px) and (max-device-width: 1280px) and (orientation:landscape) {
   .touch .deposit-stap .column { width:22% !important;  min-height: 233px; }
}

   body, html{height:100%;}
body, .page-wraper-img{min-height:100%; }
.page-wraper-img{ background-repeat:no-repeat; background-position:top center;background-color:black; }
.games-list-item .img-item{
background-image:url("//images.images4us.com/888Games_CGP/EN/GamesIcons_sprite-1485697242034.png");
    background-repeat: no-repeat;
    width: 120px;
    height: 135px;
    display: block;
    margin: 0 auto;
}

.jackpot_a_nightmare_on_elm_street .img-item{background-position: -1px -1px;}
.jackpot_adventures_in_orbit .img-item{background-position: -123px -1;}
.jackpot_american_blackjack .img-item{background-position: -245px -1px;}
.jackpot_american_roulette .img-item{background-position: -367px -1px;}
.jackpot_casino_reels .img-item{background-position: -489px -1px;}
.jackpot_city_life .img-item{background-position: -611px -1px;}
.jackpot_clash_of_the_titans .img-item{background-position: -733px -1px;}
.jackpot_jackpot_jockey .img-item{background-position: -855px -1px;}

.jackpot_down_of_the_dinosvaurs .img-item{background-position: -1px -138px;}
.jackpot_jackpot_doctor_love .img-item{background-position: -123px -138px;}
.jackpot_european_roulette .img-item{background-position: -245px -138px;}
.jackpot_fairest_of_them_all .img-item{background-position: -367px -138px;}
.jackpot_ramesses_riches .img-item{background-position: -489px -138px;}
.jackpot_freaky_fruit .img-item{background-position: -611px -138px;}
.jackpot_fruit_shop .img-item{background-position: -733px -138px;}
.jackpot_gonzos_quest .img-item{background-position: -855px -138px;}

.jackpot_irish_riches .img-item{background-position: -1px -275px;}
.jackpot_jack_and_the_beanstalk .img-item{background-position: -123px -275px;}
.jackpot_jack_hammer .img-item{background-position: -245px -275px;}
.jackpot_jungle_goals .img-item{background-position: -367px -275px;}
.jackpot_leprechauns_luck .img-item{background-position: -489px -275px;}
.jackpot_lucky_angler .img-item{background-position: -611px -275px;}
.jackpot_mafia_madness .img-item{background-position: -733px -275px;}
.jackpot_millionaire_genie .img-item{background-position: -855px -275px;}

.jackpot_multihand_blackjack .img-item{background-position: -1px -412px;}
.jackpot_once_upon_a_dime .img-item{background-position: -123px -412px;}
.jackpot_party_pigs .img-item{background-position: -245px -412px;}
.jackpot_pirates_millions .img-item{background-position:-367px -412px;}
.jackpot_rainbow_riches .img-item{background-position: -489px -412px;}
.jackpot_reel_rush .img-item{background-position: -611px -412px;}
.jackpot_saved_by_the_bells .img-item{background-position: -733px -412px;}
.jackpot_snack_time .img-item{background-position: -855px -412px;}

.jackpot_snowy_wonderlan .img-item{background-position: -1px -549px}
.jackpot_spartacus .img-item{background-position: -123px -549px;}
.jackpot_starburst .img-item{background-position: -245px -549px;}
.jackpot_steampunk_nation .img-item{background-position: -367px -549px;}
.jackpot_superman .img-item{background-position: -489px -549px;}
.jackpot_the_big_lebowski .img-item{background-position: -611px -549px;}
.jackpot_treasure_fair .img-item{background-position: -733px -549px;}
.jackpot_twin_spin .img-item{background-position: -855px -549px;}

.jackpot_ultimate_grill_thrills .img-item{background-position: -1px -686px;}
.jackpot_ultimate_universe .img-item{background-position: -123px -686px;}
.jackpot_victorious .img-item{background-position: -245px -686px;}
.jackpot_cleopatra .img-item{background-position: -367px -686px;}
.jackpot_fantastic_four .img-item{background-position: -489px -686px;}
.jackpot_ghost_in_the_shell .img-item{background-position: -611px -686px;}
.jackpot_giants_gold .img-item{background-position: -733px -686px;}
.jackpot_the_glorious_50 .img-item{background-position: -855px -686px;}

.jackpot_jacks_pot .img-item{background-position: -1px -823px;}
.jackpot_kiss .img-item{background-position: -123px -823px;}
.jackpot_raging_rhino .img-item{background-position: -245px -823px;}
.jackpot_ruby_slippers .img-item{background-position: -367px -823px;}
.jackpot_southpark .img-item{background-position: -489px -823px;}
.jackpot_top_spin_snooker .img-items{background-position: -611px -823px;}
.jackpot_wild_gambler .img-item{background-position: -733px -823px;}
.jackpot_zeus_3 .img-item{background-position: -855px -823px;}

.jackpot_zuma .img-item{background-position: -1px -960px;}


/* not exist */
.jackpot_cash_drop .img-item{background-position: 123px 0;}
.jackpot_deep_ocean .img-item{background-position: 123px 0;}
.jackpot_the_royals .img-item{background-position: 123px 0;}
.jackpot_wonderwoman .img-item{background-position: 123px 0;}
/* /not-exist */



.games-list-item{height:165px;}
//.game-List-warp{overflow:hidden;padding: 73px 0 39px 0;}
.game-List-warp{overflow:hidden;padding: 0; margin-top: 40px;}
.game-List-warp .games-list-item { width: 85px;margin: 0 auto;}
.game-List-warp .games-list-item{text-align: center;float:left}

@media screen and (min-width: 319px) {
 .game-List-warp .games-list-item { width: 50%;padding: 0; }
.game-List-warp .warpGameItemNotHover{width:155px;margin: 0 auto;}
}
@media screen and (min-width: 200px) {
    .game-List-warp .games-list-item { width: 50%;}
}

@media screen and (min-width: 440px) {
    .game-List-warp .games-list-item { width: 33.33%;}
}

@media screen and (min-width: 560px) {
    .game-List-warp .games-list-item { width: 25%;}
}

@media screen and (min-width: 690px) {
    .game-List-warp .games-list-item { width: 20%;}
}
@media screen and (min-width: 800px) {
   .game-List-warp .games-list-item {width: 16.66%;margin-top:10px;}
}
   /*Realated list*/
.related .button{ padding: 5px 10px;}
.related .button.hollow{ padding: 5px;}
.fix-graf-gap{z-index:11;}
@media screen and (min-width: 64.0625em) {
      .warpGameItem{width: 16.666%;float: left;padding: 0;box-sizing: border-box;}
}
@media screen and (min-width: 641px)  and (max-width: 1024px) {
      .warpGameItem{width: 20%;float: left;box-sizing: border-box;}
}
@media screen and (min-width: 376px)  and (max-width: 640px) {
      .warpGameItem{width: 25%;float: left;box-sizing: border-box;}
}
@media screen and (max-width: 1180px) {
.page-container.row.Inner-Promotion-template{overflow: hidden;}
}
@media screen and (max-width: 375px) {
//      .warpGameItem{width: 50%;float: left;box-sizing: border-box;}
        .warpGameItem{width: 50%;float: left;box-sizing: border-box;}
}
.warpGameItemNotHover, .teaser-data{ max-width: 116px;    margin: 0 auto;}
.Inner-Promotion-template .warpGameItemNotHover, .teaser-data{ max-width: 210px; margin: 0 auto; text-align: center; }
.warpGameItemNotHover{ position: relative;    z-index: 0;    overflow: hidden;   height:101px;    }
.teaser-hover-div{position: absolute;height: 86px; top: 102px; z-index: 2;left: 0;text-align: center;width: 100%;}

.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;}
.demo-btn .related-button{border: 1px solid #7cf700;color: #7cf700;background: transparent;display: table;text-decoration: none;font-weight: 700;padding: 12px 20px 10px;margin: auto;min-width: 250px;font-size: 22px;margin-top: 15px;width: inherit;}

.gameInfoGame{color: #FFF; font-size: 12px;display: inline-block;}

.no-touch .warpGameItemNotHover:hover > .teaser-hover-div{top:15px;}
.no-touch .teaser-hover-div img{display:none;}
 .related .arrow-left , .related .arrow-right {    top: 66px;}
@media screen  and (max-width: 64em) {
      .swiper-container {width:85%; margin:0 auto; width: calc(100% - 63px); height: auto;}
      .arrow-left {left: 0.5em;}
      .arrow-right { right: 0.5em;}
}
/*
@media only screen and (max-width: 40em){
      .related{padding: 0 0 20px;}
 }
*/
   .with-bg   footer{padding-bottom:0}
.with-bg .sem-text{ margin: 15px 0 0;text-align:left;}
.with-bg .paymont-icon {text-align: center;margin: 15px 0 0;}
.with-bg .footerLicense, .safty-icons {    text-align: center;}
.with-bg .footer-row-1 .group-links:after, .safty-icons:after, .paymont-icon:after {    background: transparent;   margin: 0;}
.with-bg .footer, .footer div {    background-color: transparent;}
.with-bg footer > div {    text-align: center;    margin: 0 10px;}

footer p{font-size: 0.79em;color: #969696;text-align: center;}
.page-container.row.Inner-Promotion-template{ max-width:1180px;}
.with-bg article.section h1 {padding-top:0px}
.with-bg .Inner-Promotion-template h1{padding-top:0px;}
.with-bg .game-List-warp{overflow:hidden;padding: 0; }
.with-bg .main-image-banner img {max-width: 90%; width:100%;}
.with-bg .main-image-banner span{ text-align: center; }

/*.main-wrapper{padding:10px;}*/
.inner-content{word-break: normal!important; text-align: center; max-width: 890px; margin: 0 auto; }
.winner-section.no-terms div section{padding:0;}
.no-bottom-button {padding-bottom:25px;}
//section.grey-bg.winner-section.no-terms{padding:0;}
.no-terms .main-button{padding:0 0 0 0 !important;}
.page-container section{ padding:20px 40px; }
section.steps-section.grey-bg { padding: 30px 40px 40px; }
section.winner-section { padding: 50px 40px 70px; }

/*.with-bg .main-button{padding-top:20px}*/
.with-bg section.winner-section.grey-bg {padding-bottom: 0px;}
.steps-section .row section{padding:0;}
ul{margin-top:0;}
article.section h1 {padding-top:15px}
.first-bulk a.cta-button.button.TeaserButton{position: relative;}
//.bottom-text.no-game-list{padding-top:30px;}
.grey-bg.no-title{padding:0!important;}
.deposit-stap a {text-decoration:none;}
.deposit-stap a.no-link{cursor:default;}
.deposit-stap .column:nth-of-type(n+5){padding-top:30px}
h2{position:relative;z-index:1;}
.promotion-related-item{margin-left:0px;}
.second-button{margin-top:20px!important; padding-top: 20px; }
.Top-Description{line-height:1em;}
.grey-holder{background-color:#191919;}
 .Inner-Promotion-template h1{padding:0;background: rgba(0, 0, 0, 0);padding-top:10px; text-align: center; font-size: 2rem;}
.inner-content h2 { font-size: 1.25rem; font-weight: normal; }
 .related{position:relative; overflow:hidden;}
.tc-container{padding-bottom:11px;}
.offer-extra-text{font-size:13px;}
.step-text{font-size:13px;color:#cbcccb;}
.showHideTermAndCond span{font-size:13px;text-decoration:underline;}
.showHideTermAndCond span.plusMinus{text-decoration:none;}
.inline-block{float:left;}
.offers{text-align:center;}
.offer-container:first-child{border-right: 1px solid #4c4c4c;}
.offer-container span{display:block;}
.offer-button{margin-top: 15px;}
.offer-container .offer-button{padding:0;}
.showHideTermAndCond{cursor: pointer;}
/* .deposit-stap img { width: 85px; } */
.deposit-stap .column figure { text-align: center; padding-top: 10px; }
.box-title { color: #fff100; font-size: 18px; font-weight: 600; text-align: center; }
.stap-wrap div:last-child { text-align: center; }
//.deposit-stap .column:first-of-type { margin-left: -16px; }
.stap-wrap div p { margin: 0; }
.Top-Description span{font-size:11px;color:#cacaca;line-height:1em;}
/* Mobile */
@media only screen and (max-width:42em) and (orientation: landscape){
.deposit-stap .column{width:100%;}
.main-button.floated-button .button{margin: inherit!important;}
}
@media only screen and (max-width:42em) and (orientation: portrait){
.main-button.floated-button .button{margin: auto!important;}
}

@media only screen and (max-width: 768px){
.with-bg section.winner-section{    padding: 14px 10px 0px;}
.offer-container.small-12.medium-6.large-6.columns:first-of-type {padding-bottom: 30px;}
.main-button.floated-button .button{margin: auto;}
.deposit-stap .column:nth-of-type(n+5){padding-top:0;}
    .deposit-stap .column:first-of-type { margin: 0; }
    .deposit-stap .column { padding: 0; }
    .stap-wrap{ background: none; }
    .deposit-stap .column figure { text-align: left;  }
    .stap-wrap { min-height: inherit; }
    .stap-wrap * { text-align: left !important; }
    .deposit-stap .column { margin-bottom: 20px !important; }

.stap-wrap span {
    display: inline-block;
    float: left;
    width: inherit;
    margin: 0 10px 0 0;
}

.stap-wrap div:last-child {
    float: left;
    width: 75%;
}

.stap-wrap .box-title {
    float: left;
    padding-right: 10%;
}
.deposit-stap .column figure{ padding-top:0; }

.main-wrapper section.steps-section.grey-bg { padding: 20px 10px 10px !important; }

}

@media only screen and (max-width: 400px){
  .stap-wrap span { width: 20%; }
}


/*-- vTicker --*/
    .startSliderWrap { height: 153px !important; margin-bottom: 10px; }
     ul.mainDiv { width: 100%; }
    .winnerRow span:first-of-type { width: 23%; display: inline-block; }
    .winnerRow span:nth-child(2) { color:#cbcccb;font-size:15px; }
    .winnerRow span:nth-child(3) { float: right; padding-right: 2em; }
     li.winner .amount{font-size:15px}
    .reviews p{margin:0;padding:0;}

    .reviews span{color:#9c9c9c;display:inline-block;margin-bottom:20px}

   .teaser-data{text-align: center;font-size: 0.8em;}
.teaser-data a{text-decoration: none;}
.aligned-teaser-data {display:block;height: 40px;}
.aligned-teaser-data:before, .aligned-teaser-data .text{content:"";display: inline-block;vertical-align:middle;}
.aligned-teaser-data .text{width:calc(100% - 2px);color:#3c003a;font-size: 13px;}
.aligned-teaser-data:before{content:"";height:100%;width:1px;}
.games-list-item .amount{color: #ffde00;background: #464646;display: inline-block; line-height: 22px; font-size:13px; width: 120px;}
.showHideTermAndCond{ color:#3c003a; }
.large-text .winner-section ol li {margin-left:10px;}

.main-button.floated-button .button{margin: inherit;}

   /**/

@media screen and (min-width: 841px){ .main-banner-offer.small-black { padding-top: 19% !important;} }
@media screen and (max-width: 841px){ .main-banner-offer.small-black { padding-top: 20% !important; } }
@media screen and (max-width: 655px){ .main-banner-offer.small-black { padding-top: 22% !important; } }
@media screen and (max-width: 440px){ .main-banner-offer.small-black { padding-top: 23% !important; } }
@media screen and (max-width: 340px){ .main-banner-offer.small-black { padding-top: 24% !important; } }

.first-bulk .main-button.clear { text-align: center; padding: 5px 0 15px; }
.first-bulk .main-button.clear a.cta-button.button.TeaserButton { padding: 11px 50px !important;margin: 20px 0 35px;font-size: 1.4em !important;background-color: #FFF100;color: #3c003a; margin: 0; }
.first-bulk .main-button.clear a.cta-button.button.TeaserButton:hover { color: #FFF100 !important; background-color: #640061 !important; }
.main-button.clear.yellow-btn-left.floated-button.top-cta { margin: 0; }
.inner-content ~ .main-button { padding-top: 30px; }
.page-container:not(.with-bg) .first-bulk { background-color: #180017; position: relative; }

.page-container:not(.with-bg) .first-bulk:before {
    content: "";
    width: 370%;
    background-color: #180017;
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -135%;
    right: 0;
    z-index: 0;
}

.disclaimer.top-description:before {content: "";width: 370%;height: 100%;background: #180017;display: block;z-index: -1;position: absolute;left: -135%;top: 0;}
.disclaimer { position: relative; background: #180017; color: #c3c1c2; font-size: 11px; text-align: left; max-width: 970px; width: 96%; padding: 15px 0; margin: -8px auto 0; z-index: 1; }
.disclaimer.top-description p { margin-bottom: 0px; }

   .main-image-banner span{max-width:968px;margin:0 auto;}
/*.main-image-banner{width:130% !important;margin-left:-15%}*/
.main-image-banner img{width:100%;}
@media screen and  (min-width: 40.063em) {
.main-image-banner{width:100%;margin-left:0;}
}
   /* Main banner css */
    .videoPlay:before {
           content: "";
    background: url("//images.images4us.com/888Games_CGP/EN/playVideoBtn-1455632095225.png") no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index:4;
    }
.video-container{
            top: -2px;
            width: 56%;
            padding-bottom: 31%;
            position: absolute;
            margin-left: 22%;
            background: #222222;
border-top: 2px solid #222222;
        }
 @media screen and  (min-width: 320px) {
  .video-container iframe{height:85%;}
}
@media screen and  (min-width: 359px) {
  .video-container iframe{height:87%;}
}
@media screen and  (min-width: 375px) {
  .video-container iframe{height:87.5%;}
}
@media screen and  (min-width: 383px) {
  .video-container iframe{height:87.5%;}
}
@media screen and  (min-width: 399px) {
  .video-container iframe{height:88%;}
}
@media screen and  (min-width: 479px) {
  .video-container iframe{height:90%;}
}
@media screen and  (min-width: 533px) {
  .video-container iframe{height:91%;}
}
@media screen and  (min-width: 568px) {
  .video-container iframe{height:91.8%;}
}
@media screen and  (min-width: 600px) {
  .video-container iframe{height:92.3%;}
}
@media screen and  (min-width: 640px) {
  .video-container iframe{height:93%;}
}

@media screen and  (min-width: 666px) {
  .video-container iframe{height:91%;}
}
@media screen and  (min-width:720px) {
  .video-container iframe{height:92%;}
}
@media screen and  (min-width:768px) {
  .video-container iframe{height:92.5%;}
}
@media screen and  (min-width:800px){
  .video-container iframe{height:92.5%;}
}
@media screen and  (min-width:900px){
  .video-container iframe{height:93.5%;}
}
@media screen and  (min-width:962px){
  .video-container iframe{height:93.8%;}
}
@media screen and  (min-width:967px){
  .video-container iframe{height:306px;}
  .touch  .video-container iframe{height:306px;}
}
        .main-image-banner{ position:relative; padding-bottom: 15px; }

.videoPlay{position:relative;    cursor: pointer;}
.overlay{position:relative;z-index:3;}
.touch .overlay{position:relative;z-index:0;}
   .main-banner-offer{text-align:center;position:absolute;width:100%;top:0;font-size:1rem;line-height: 1em;letter-spacing: 0;}
.main-banner-offer.small-black {
    padding-top:16.8%;
    color:black;
    padding-right:5%;
     -ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
    transform: rotate(-5deg);
    }

.top-offer-text, .bottom-offer-text{display:block;}
.small-black .top-offer-text{font-weight:600;margin-bottom:0.3em}
.small-black .bottom-offer-text{font-weight:800;font-size:1.5em}

.main-banner-offer.big-white{padding-top:8.5%;font-size: 1rem;    text-shadow: 0 0 26px #000000;}
.main-banner-offer.big-white a{color:#fff;text-decoration:none;}
.main-banner-offer.small-black a{color:#000;text-decoration:none;}
.big-white .top-offer-text{font-weight:800;font-size:3.2em;line-height: 1em;}
.big-white .bottom-offer-text{font-weight:800;font-size: 1.8em;    line-height: 1em;}

@media screen  and (min-width: 360px) 
{
.main-banner-offer.big-white{padding-top:8%;font-size: 1.2rem;}
}
@media screen  and (max-width: 359px) 
{
  .small-black .bottom-offer-text{font-size:1.25em}
  .small-black .top-offer-text{margin-bottom:0;font-size: 0.9em;}
}
@media screen  and (min-width: 450px) 
{
  .main-banner-offer.big-white{font-size: 1.5rem;}
  .main-banner-offer.small-black {
    color:black;
     -ms-transform: rotate(-4deg); /* IE 9 */
    -webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
    transform: rotate(-4deg);
    }
  .small-black .top-offer-text{font-size:1.3em;margin-bottom: 0.6em;}
}
@media screen  and (min-width: 550px) 
{
   .main-banner-offer.big-white{font-size: 1.8rem;}
  .main-banner-offer.small-black{font-size:1.2rem;padding-top: 17.8%;}
}
@media screen  and (min-width: 641px) 
{
   .main-banner-offer.big-white{font-size: 1.65rem;}
  .main-banner-offer.small-black{font-size:1rem;padding-top: 17.8%;}
  .small-black .bottom-offer-text{font-size:1.8em;}
}
@media screen  and (min-width: 741px) 
{
  .main-banner-offer.small-black{font-size:1.5rem;padding-top: 17.3%;}
}
@media screen  and (min-width: 741px) 
{
  .main-banner-offer.big-white{font-size: 1.85rem;}
  .main-banner-offer.small-black{font-size: 1.2rem;}
}
@media screen  and (min-width: 841px) 
{
  .main-banner-offer.big-white{font-size: 2.2rem;}
  .main-banner-offer.small-black{font-size: 1.4rem;padding-top: 17.8%;}
}
@media screen  and (min-width: 1024px) 
{
  .main-banner-offer.big-white{font-size: 2.5rem;}
  .main-banner-offer.small-black{font-size: 1.4rem;padding-top: 18%;}
  
}
   #main-banner-counter{font-size:1rem;text-align:center;position: absolute;width: 100%;top: 0;padding-top: 8%;}
#main-banner-counter a{color:#fff;}
#main-banner-counter ul{
background: -moz-linear-gradient(top,  rgba(31,31,31,0.8) 0%, rgba(31,31,31,0.8) 1%, rgba(11,11,11,0.8) 49%, rgba(11,11,11,0.8) 50%, rgba(10,10,10,0.8) 100%);
background: -webkit-linear-gradient(top,  rgba(31,31,31,0.8) 0%,rgba(31,31,31,0.8) 1%,rgba(11,11,11,0.8) 49%,rgba(11,11,11,0.8) 50%,rgba(10,10,10,0.8) 100%);
background: linear-gradient(to bottom,  rgba(31,31,31,0.8) 0%,rgba(31,31,31,0.8) 1%,rgba(11,11,11,0.8) 49%,rgba(11,11,11,0.8) 50%,rgba(10,10,10,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801f1f1f', endColorstr='#4d0a0a0a',GradientType=0 );border-radius: 8px;padding: 0.2em 0.5em;margin:0;display:inline-block;list-style:none;position: relative;overflow: hidden;}
#main-banner-counter ul:after{content:"";
position:absolute;width:20px;height:100%;right:-5px;top:0;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.34) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.34) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.34) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#57ffffff',GradientType=1 );
    }
#main-banner-counter ul li{display:inline-block;padding:0 1em;min-width:170px;}
#main-banner-counter ul li span{display:block;}
#main-banner-counter ul li span:first-child{font-family: '888Counter';font-size: 2.5em;line-height: 1em;padding-left: 0.15em;}
#main-banner-counter ul li span:last-child{
    color: #fde105;
    font-size: 0.8em;
}

@media screen  and (min-width: 360px) 
{
#main-banner-counter ul li span:first-child{font-size: 3em;}
#main-banner-counter ul li {min-width: 71px;padding:0;}
}
@media screen  and (min-width: 440px) 
{
#main-banner-counter ul li span:first-child{font-size: 3.8em;}
#main-banner-counter ul li {min-width: 85px;padding:0;}
}
@media screen  and (min-width: 540px) 
{
#main-banner-counter ul li span:first-child{font-size: 4.5em;}
#main-banner-counter ul{padding-bottom:0.5em}
#main-banner-counter ul li {min-width: 100px;padding:0;}
}
@media screen  and (min-width: 640px) 
{
#main-banner-counter ul li span:first-child{font-size: 6em;}
#main-banner-counter ul li {min-width: 134px;padding:0;}
}
@media screen  and (min-width: 800px) 
{
#main-banner-counter{font-size: 1.2rem;padding-top:7%}
#main-banner-counter ul{padding-bottom:0.7em}
#main-banner-counter ul li {min-width: 170px;padding:0;}
}

@media screen and (max-width:320px){
#main-banner-counter ul li{min-width:0px;}
}
   /***************************************/
.jackpot-container{z-index:3;text-align:center;font-weight:800;font-size: 1.5rem;position: absolute;width: 100%;top: 0;padding-top:21%}
.jackpot-container-top{padding-bottom:10px;margin-left: 12px;font-size: 1.2em;}
.jackpot-container >a{color:#fff;text-decoration:none;}
.jackpot-container > span, .jackpot-container >a > span{
  display:inline-block;
  overflow:hidden;
  width:52%;
  position:relative;
  padding:0.1em 0.7em 0.1em 0.5em;
  border-radius:6px;
  background: rgb(31,31,31);
background: -moz-linear-gradient(top,  rgba(31,31,31,1) 0%, rgba(15,15,15,1) 48%, rgba(10,10,10,1) 50%, rgba(11,11,11,1) 100%);
background: -webkit-linear-gradient(top,  rgba(31,31,31,1) 0%,rgba(15,15,15,1) 48%,rgba(10,10,10,1) 50%,rgba(11,11,11,1) 100%);
background: linear-gradient(to bottom,  rgba(31,31,31,1) 0%,rgba(15,15,15,1) 48%,rgba(10,10,10,1) 50%,rgba(11,11,11,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#0b0b0b',GradientType=0 );

  }
  .jackpot-container > span:after, .jackpot-container >a > span:after{content:"";
    position:absolute;width:20px;height:100%;right:-5px;top:0;
  background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.34) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.34) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.34) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#57ffffff',GradientType=1 );

    }
@media screen  and (min-width: 360px) 
{
.jackpot-container{padding-top:22%}
}
@media screen  and (min-width: 441px) 
{
.jackpot-container{font-size: 1.8rem;}
}
@media screen  and (min-width: 541px) 
{
.jackpot-container{padding-top:22.5%;font-size: 2.2rem;}
}
@media screen  and (min-width: 600px) 
{
.jackpot-container{padding-top:22.5%;font-size: 2.4rem;}
}
@media screen  and (min-width: 642px) 
{
.jackpot-container{padding-top:20.5%;}
}
@media screen  and (min-width: 742px) 
{
.jackpot-container{padding-top:22%;}
}
@media screen  and (min-width: 842px) 
{
.jackpot-container{padding-top:21%;font-size: 3rem;}
.jackpot-container > span, .jackpot-container >a > span{border-radius:16px;}
}
@media screen  and (min-width: 942px) 
{
.jackpot-container{font-size: 3.5rem;}
}
/**************************************/