/*!
 * fullPage 2.8.1
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:transparent}#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}
   /* Magnific Popup CSS */
.mfp-bg {top: 0;left: 0;width: 100%; height: 100% !important;z-index: 1042;  overflow: hidden;position: fixed;/*background: #0b0b0b; background: rgba(255, 212, 16, 0.6);*/ opacity: 0.2;}
.mfp-wrap {top: 0;left: 0;width: 100%; height: 100%;  z-index: 1043;  position: fixed;  outline: none !important; -webkit-backface-visibility: hidden;}
.mfp-container {  text-align: center; position: absolute; width: 100%;  height: 100%;  left: 0;  top: 0;  padding: 0 8px;  box-sizing: border-box;}
.mfp-container:before {  content: '';  display: inline-block;  height: 100%;  vertical-align: middle;}
.mfp-align-top .mfp-container:before { display: none;}
.mfp-content { position: relative; display: inline-block;  vertical-align: middle;  margin: 0 auto;  text-align: left;  z-index: 1045;height:100%;width:100%;}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {  width: 100%;  cursor: auto;}
.mfp-ajax-cur { cursor: progress;}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {  cursor: -moz-zoom-out;  cursor: -webkit-zoom-out;  cursor: zoom-out;}
.mfp-zoom {  cursor: pointer;  cursor: -webkit-zoom-in;  cursor: -moz-zoom-in;  cursor: zoom-in;}
.mfp-auto-cursor .mfp-content {  cursor: auto;}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {-webkit-user-select: none;-moz-user-select: none; user-select: none;}
.mfp-loading.mfp-figure {  display: none;}
.mfp-hide { display: none !important;}
.mfp-preloader { color: #CCC;  position: absolute;  top: 50%;  width: auto;  text-align: center;  margin-top: -0.8em;  left: 8px;  right: 8px;  z-index: 1044;}
.mfp-preloader a {  color: #CCC;}
.mfp-preloader a:hover {  color: #FFF;}
.mfp-s-ready .mfp-preloader {  display: none;}
.mfp-s-error .mfp-content {  display: none;}
button.mfp-close,
button.mfp-arrow {overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;outline: none;padding: 0;z-index: 1046;box-shadow: none;touch-action: manipulation;}
button::-moz-focus-inner {padding: 0;border: 0;}
.mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: 0.65;padding: 0 0 18px 10px;color: #FFF;font-style: normal;font-size: 28px;font-family: Arial, Baskerville, monospace;}
.mfp-close:hover,
.mfp-close:focus {opacity: 1;}
.mfp-close:active {top: 1px;}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {color: #FFF;right: -6px;text-align: right;padding-right: 6px;width: 100%;}
.mfp-counter { position: absolute;top: 0;right: 0;color: #CCC;font-size: 12px;line-height: 18px;white-space: nowrap;}
.mfp-arrow {position: absolute;opacity: 0.65;margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: transparent;}
.mfp-arrow:active {margin-top: -54px;}
.mfp-arrow:hover,
.mfp-arrow:focus {opacity: 1;}
.mfp-arrow:before,
.mfp-arrow:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent;}
.mfp-arrow:after {border-top-width: 13px;border-bottom-width: 13px; top: 8px;}
.mfp-arrow:before {  border-top-width: 21px;  border-bottom-width: 21px; opacity: 0.7;}
.mfp-arrow-left {  left: 0;}
.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px;}
.mfp-arrow-left:before {  margin-left: 25px; border-right: 27px solid #3F3F3F;}
.mfp-arrow-right { right: 0;}
.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px;}
.mfp-arrow-right:before {border-left: 27px solid #3F3F3F;}
.mfp-iframe-holder {padding-top: 40px; padding-bottom: 40px;}
.mfp-iframe-holder .mfp-content {  line-height: 0;  width: 100%;  max-width: 900px;}
.mfp-iframe-holder .mfp-close {top: -40px;}
.mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%;}
.mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0; width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000;}
/* Main image in popup */
img.mfp-img {width: auto; max-width: 100%;height: auto;display: block;line-height: 0;  box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto;}
/* The shadow behind the image */
.mfp-figure {line-height: 0;}
.mfp-figure:after {
  content: '';position: absolute;left: 0;top: 40px;bottom: 40px;display: block; right: 0; width: auto; height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444;}
.mfp-figure small {color: #BDBDBD;display: block;font-size: 12px;line-height: 14px;}
.mfp-figure figure { margin: 0;}
.mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto;}
.mfp-title { text-align: left; line-height: 18px;color: #F3F3F3;word-wrap: break-word;padding-right: 36px;}
.mfp-image-holder .mfp-content {max-width: 100%;}
.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer;}

/*------------ Open game style ------------*/
.mfp-bg.mfp-ready ~ main.window { -webkit-filter: blur(25px); -moz-filter: blur(25px); -ms-filter: blur(25px); -o-filter: blur(25px); filter: blur(25px);}

/*---------------------------------------------*/

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**  Remove all paddings around the image on small screen*/
  .mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0;}
  .mfp-img-mobile img.mfp-img {padding: 0;}
  .mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0;}
  .mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px;}
  .mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;
 box-sizing: border-box;}
  .mfp-img-mobile .mfp-bottom-bar:empty {padding: 0;}
  .mfp-img-mobile .mfp-counter {right: 5px;top: 3px;}
  .mfp-img-mobile .mfp-close {top: 0;right: 0; width: 35px;height: 35px;line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed;text-align: center; padding: 0;}
}

@media all and (max-width: 900px) {
  .mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75);}
  .mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0;}
  .mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%;}
  .mfp-container {padding-left: 6px;padding-right: 6px;}
}
.game-container {width: 179px;height: 179px;background-size: 179px;}

@media screen and (max-width:1200px){
  .lists-container.no-pagination{display:block;}
  .lists-container.pagination{display:none;}
  .pagination-controls{display:none;}
  .lists-container > .row{text-align:center;}
  .counters-container .this-month,.counters-container .total-jackpot{width:100%;color:white;background-color:#2f002e;}
  .counters-container .this-month{border-right: 1px solid #160016;}
  .counters-container .total-jackpot{border-left: 1px solid #372213;} 
}

@media screen and (min-width:750px) and (max-width:1200px){
  .game-container {width: 179px;height: 179px;background-size: 179px;}
}
@media screen and (max-width:749px){
  .game-container {width: 172px;height: 172px;background-size: 172px;margin: 4px 5px;}
}
   /* winners */
.winnerRow .name{
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align:middle;
    max-width:54px;
}
.winnerRow .amount{
display: inline-block;
white-space: nowrap;
overflow: hidden;
max-width: 65px;
text-overflow: ellipsis;
vertical-align: middle;
}

/* filters - sticky */
html.filters-fixed .filters {position: fixed!important;bottom: 10px!important;}
/* popup fix */
.popup-mode .mfp-wrap {position: fixed!important;top: 0!important;}
body.popup-mode {overflow: hidden;}

.cgp-mobile .ng-container{min-height: 350px;}
.cgp-mobile.cgp-android .filters-mobile .ng-container{min-height:1000px;}
.cgp-ios.cgp-mobile .filters-mobile .ng-container{min-height:1350px}
.cgp-mobile .filters-overlay.active{position:fixed;}
.absolute{position:absolute;}
.modal--opened {position: fixed;left: 0;right: 0;}
.filters-mobile .section.why-us {
    background-color: rgba(250,250,250, 0.95);
    background-image: none;
}
#page-container{height:100%;}
/*.filters-mobile .window{overflow:hidden;}*/
.filters-mobile .section.ng-container { overflow: hidden !important; position: fixed; z-index: 10; }
html .filters-mobile .filters-checkbox ul li { overflow: hidden !important; }
.filters-mobile div#page-container, .filters-mobile main.window {overflow: hidden; } /* position fixed removed */
/* new-updates */
.filters-mobile.menu-opened ul.menu.hide-over-1025 {
    height: 100%;
}
.fill-container.active{z-index:12;}
/* end of new-updates */
.game-container{cursor:pointer;}
.categories-list{position:relative;}
.row.search-container-pc-wrapper {z-index: 1;position: relative;}
/* back-to-top */
.cgp-pc .back-to-top.mobile {display: none;}
.cgp-mobile .back-to-top.pc {display: none;}
.cgp-pc .back-to-top{
    height: 48px;
    width: 48px;
    bottom: 15px;
    display: inline-block;
    padding: 0 18px;
    font-size: 31px;
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 32px;
    right: 0px;
    top: 0;
    border: 2px solid #640262;
    color: #640262;
    position: relative;
    z-index: 2;
    cursor: pointer;
}
.fp-viewing-1 .vertical-pagination {
    bottom: 87px;
}

.vertical-pagination {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 100px;
    z-index: 261;
    transition: opacity 0.3s ease-out, right 0.3s ease-out;
    -webkit-transition: all 0.8s cubic-bezier(0.68, -0.42, 0.26, 1.97);
    -moz-transition: all 0.8s cubic-bezier(0.68, -0.42, 0.26, 1.97);
    -o-transition: all 0.8s cubic-bezier(0.68, -0.42, 0.26, 1.97);
    transition: all 0.8s cubic-bezier(0.68, -0.42, 0.26, 1.97);
}

.cgp-pc .back-to-top.down:before {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.cgp-pc .back-to-top.disable{
    opacity:.4;
    cursor: default;
}

.inner-bottom-area{overflow:auto;}
#mobile-category.active{touch-action: initial;touch-action:auto !important;-webkit-user-select: initial !important;user-select: initial !important;-webkit-user-drag: initial !important;-webkit-tap-highlight-color: initial !important; overflow: hidden;}
.load-more{margin-top:10px;}
.window #mobile-category{padding: 70px 0 75px 0!important;}
app{position:static;}

/*general*/
footer.section,.section.why-us {overflow:auto;}
footer.section .fp-tableCell, .why-us.section .fp-tableCell{height:auto !important;}
/** css images **/
#games-section{background-image:url("//images.images4us.com/888Games_CGP/EN/PC-games-arena-BG--1472662502771%20%281%29-1483029042276.jpg");}
.game-container, .mfp-content .pop-container, .game-container-big{background-image:url("//images.images4us.com/888Games_CGP/EN/big-bg-1479891015526-1483028995941.png");}
.image-holder:before {content: "";display: block;width: 100%;height: 100%;position: absolute; z-index: -1;}
.arena-footer{background-image:url("//images.images4us.com/888Games_CGP/EN/arena_footer-1472662476521.png");}
/* /css images */
/*keyframes*/
@keyframes animationFramesup {
  0% {transform:  translate(0px,0px);}
  100% { transform:  translate(0px,-50px)  ; }
  }
@-webkit-keyframes animationFramesup {
  0% {-webkit-transform:  translate(0px,0px)  ;}
  100% {-webkit-transform:  translate(0px,-50px)  ;}
}
@keyframes animationFramesswipe{
  0% {transform:  translate(0px,0px)  ;}
  100% { transform:  translate(0px,0px)  ; }
  }
@-webkit-keyframes animationFramesswipe {
  0% {-webkit-transform:  translate(0px,0px)  ;}
  100% {-webkit-transform:  translate(0px,0px)  ;}
}
@keyframes animationFrames{
  0% {transform:  translate(0px,-50px)  ;}
  100% { transform:  translate(0px,0px)  ;}
}
@-webkit-keyframes animationFrames {
  0% {-webkit-transform:  translate(0px,-50px)  ;}
  100% { -webkit-transform:  translate(0px,0px)  ;}
}
/* counters*/
.right-counters .total-jackpot .data,.right-counters .this-month .data {font-size: 16px;bottom: 20px;font-weight:800;}
/*winners*/
.today-winners{max-height:43px;}
.winnerRow .amount{font-weight:bold;margin-left:5px}
.winnerRow .amount:before{content:"- ";}
.winnerRow .type{display:none;}
nav ul li a, nav ul li a.active{padding: 4px 10px!important;}
.first-scroll-down:before {content: "";height: 70px;width: 198px;background-position: -464px -103px;left: 0;right: 0;margin: 0 auto;position: absolute;top: 0;}
.first-scroll-down{transition:top 0.3s ease-out}
/*.padding-top-50 .search-container-pc-wrapper{padding-top: 99px;}
.padding-top-50 .first-scroll-down{    top: -70px;}*/
/* mfp */
.mfp-container {  padding: 0;}
.mfp-close {line-height: 34px;}
.mfp-close-btn-in .mfp-close {
color: white;border-radius: 100%;background-color: #2f002e;opacity: 1;font-size: 47px;font-weight: normal;width: 45px;height: 45px;top: 18px;right: 18px;}
.mfp-content .pop-container {margin: 0 auto;top: 24px;display: block !important;text-align: center;}
.mfp-content .cta-button {display: inline-block;position: relative;top: 37px;}
.mfp-content .cta-button > .button {margin: 0 !important;border-radius: 30px;padding: 9px 14px 9px 14px;font-weight: 800;}
.mfp-content .play-for-fun {color: #fff100;bottom: 26px;position: absolute;left: 0;right: 0;font-weight: 800;text-decoration: underline;}
.mfp-content .game-container > span.title {bottom: 9px;font-size: 13px;}
/* /mfp */
/* games list - popup */
.row.header-placeholder {position: fixed;height: 50px;width: 100%;background-color: #3c003a;z-index: 99;}
.cgp-pc .page-container {transform: translate3d(0px, 0px, 0px);height: 100%;display: block;transition: all 0.5s ease;}
.primary-button.button {color: #3c003a;background-color: #FFF100;}
.button.primary-button:hover {color: #FFF100;background-color: #640061;}
.button.primary-button:active {color: #FFFFFF !important; background-color: #3c003a !important;}
#test {padding-bottom: 20px;height: 800px;background-color: green;}
.ng-container{width: 100%;display: block;position: relative;background: #fff;}
.cgp-mobile .search-mode .section.ng-container, .cgp-tablet .search-mode .section.ng-container { overflow: hidden; }
.section.ng-container:before {content: "";display: block;background: white; width: 100%;height: 12px;position: absolute;top: -11px;}
.categories .transition-transform{margin-bottom:0;}
.ng-container > .fp-tableCell{  transition: PADDING-TOP 0.3s ease-out;z-index: 1;position: relative;}
/*filters mobile*/
.filters-overlay.active .close {position: fixed;top:calc(200% - 131px);left: 10px; z-index: 1;cursor: pointer;}
.filters-overlay.active .close a {background-position: 742px -296px;width: 47px;height: 47px;display: block;border: 2px solid #2d0028;border-radius: 100%;background-color: #7f657d;background-size: 1054px;}
.filters-checkbox {padding-top: 10px;height: 100%;}
.filters-checkbox ul {list-style: none;padding: 0;list-style-type: none; margin-left: auto;overflow-y: auto;overflow-x: hidden;height: 100%;}
.filters-checkbox ul li {border-bottom: 1px solid #e1dbe2;margin: 10px 0;padding: 0 0 11px;}
.filters-checkbox ul li label {font-size: 16px; font-weight: 600;  margin-left: 0;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.filters-checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: 1;
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
  margin: 4px 0 0;
  line-height: normal;
  box-sizing: border-box;
  padding: 0;
  -webkit-appearance: checkbox;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  -webkit-writing-mode: horizontal-tb;
}
.filters-overlay .title{    font-family: bello-pro; color: #685368; font-size: 1.5em;line-height: 0.8;display: block;}
.filters-checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  min-height: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  max-width: 100%;
  padding-left: 30px;
  width: 100%;
    color: #0a0a0a;
}
.filters-checkbox input[type="checkbox"] + label:before {content:"";border-radius:50%; width:20px;height:20px;background-color:#fff;display:block;position:absolute;  left:0;  top:3px}
.filters-checkbox input[type="checkbox"]:checked + label::before {  background-color: #3c003a;  border-color: #3c003a;}
.filters-checkbox input[type="checkbox"] + label:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 8px;
    color: #fff;
    opacity: 0;
    display: block;
    width: 18px;
    height: 13px;
    background-position: -485px -10px;
    background-size: 638px;
}



.filters-overlay .filters-checkbox ul li label{font-weight:normal;}
.filters-checkbox input[type="checkbox"]:checked + label {font-weight:bold}
.filters-overlay .filters-checkbox input[type="checkbox"] + label:after{
    background-position: -563px -18px;
    background-size: 662px;
}
.filters-overlay  .filters-checkbox input[type="checkbox"] + label:before{border: 2px solid #3c003a;}
.filters-checkbox input[type="checkbox"]:checked + label::after {
    opacity:1;
    background-position: -512px -17px;
    background-size: 580px;
    width: 18px;
    height: 13px;
}

body.search-mode .fp-scroller { min-height: 100%; }

/*end filters mobile*/
/*first-screen*/
.offer-container {height: 100%;}

.main-offer {font-weight: 800;height: 100%;width: 100%;background-image: url("//images.images4us.com/888Games_CGP/EN/main-banner-PC-1473179765696.jpg");background-position: center;background-size: cover;position: relative;transition: height 999999s;}
.hp-offer-container { position: absolute;left: 0;right: 0;bottom: 28%;}
.hp-offer-container span {  display: block;}
span.first-line, span.second-line {position: relative;z-index: 1;}
.first-line {  font-size: 3rem;  color: #fefefe;}
.second-line {  font-size: 5.2rem;}
span.first-line:before, span.second-line:before {
    content: "";
    box-shadow: 2px 2px 45px rgba(0,0,0,1);
    background-color: rgba(0,0,0,1);
    width: 207px;
    width: 21%;
    max-width: 220px;
    height: 15px;
    position: absolute;
    display: block;
    top: 28px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    border-radius: 40px;
    -webkit-filter: blur(25px);
    -moz-filter: blur(25px);
    -ms-filter: blur(25px);
    -o-filter: blur(25px);
    filter: blur(25px);
}
.trust-icons { background-image: url("//images.images4us.com/888Games_CGP/EN/trust-1473177674314.png"); background-repeat: no-repeat;}
.trust-icons-container:not(.float-left) {right: 0;padding-right: 0.625rem;}
.trust-icons-container {position: absolute;bottom: 15px;}
.trust-icons.secure {width: 75px;height: 41px;background-position: 0px 7px;}
.trust-icons.eight {width: 26px;height: 37px; background-position: -213px 6px;margin-left: 22px;}
.trust-icons.respo {background-position: -90px -5px;width: 46px;height: 28px;margin-right: 22px;}
.trust-icons.safe {background-position: -161px -5px;width: 35px;height: 27px;}
.offer-container {height: 100%;}
.scroll-container {position: absolute;left: 0;right: 0;background-color: white;height: 0;bottom:0;padding-bottom: 10px;}
html:not(.cgp-pc) .scroll-container{ background-color: transparent; padding-bottom: 0; }
.first-scroll-down .arrow {width: 47px;height: 47px;background-position: -604px -329px;margin: 0 auto;position: relative;top: 13px;transform:scale( 0.9);}
/*first-scroll*/
.first-scroll-down {
 background-repeat: 
 no-repeat;height: 
 70px;width: 198px!important;
 background-position: -464px -103px;
 left: 0;
 right: 0;
 margin: 0 auto;
 position: relative;
 top: -70px;
 cursor: pointer;
 }
.first-scroll-down .title {
  font-size: 0.60rem;
  font-weight: 600;
  position: relative;
  top: 10px;
  color: black;
}
.second-line:not(.amount) {  color: #fefefe;}
.second-line .amount { color: #f9ed1f; display: inline-block;}
.cta-container a {  font-size: 1.6rem;  border-radius: 30px;  width: 80.5%;}
.main-offer .tc-content {
  position: absolute;
  bottom: 86px;
  bottom: 9%;
  left: 0;
  right: 0;
  font-weight: 100;
  font-size: 0.8rem;
}
.main-offer .tc-content p{color:#3c003a;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    body span.first-line:before, body span.second-line:before { height: 0; }
}
span.second-line:before{top: 40px;height: 20px;width: 39%;max-width: 410px;}
span.second-line {margin: -10px 0 3px 0;}
.transform-all {transition: all 0.2s ease-in-out;}
.lists-container { height: 100%;  position: relative;}
.games-list {  transform: translate3d(0px, 0px, 0px);}
.search-container {position: fixed !important; top: inherit;  z-index: 99;}
.games-list { padding-top: 68px;overflow: scroll; height: 100%;}
.games-list {text-align: center;padding: 14px 0;height: calc(100% - 88px);overflow: hidden;}
.search-mode .ng-container:after {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
}
.search-mode #games-section:before {z-index: 0;opacity: 0.7;}
.mfp-content .pop-container{
  position: relative;
  background-repeat: no-repeat;
  background-position: -60px -58px;
  background-size: 836px;
  width: 172px;
  height: 172px;
  display: inline-block;
}
.game-container .data.has-jackpot { position: absolute;  bottom: 7px;  left: 0;  right: 0;}
.filters-overlay {
  opacity: 0;
  z-index: 1;
  left: 0;
  top: 0;
  background-color: rgba(250,250,250, 0.95);
  overflow-x: hidden;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 95px 8px 23px;
  font-size: 23PX;
  font-weight: 800;
  color: #3c003a;
}
.filters-overlay.active {
  opacity: 1;
  pointer-events: inherit;
    z-index: 3;
}
.filter-overlay .title {
  padding: 21px 6px;
  font-size: 25px;
  font-weight: 800;
  color: #685368;
}
.filters-overlay-pc {
  display: none;
}
#games-section .search-container {
  height: 88px;
  position: relative;
  background-color: white;
}.first-scroll-down
#games-section .search-container .categories {
  height: 100%;
  overflow: hidden;
}
.categories ul li {
  float: left;
}
#games-section .search-container .categories ul {
  vertical-align: middle;
  padding-top: 39px;
  width: 266%;
  float: left;
  display: table;
  transition: all 0.5s ease;
  margin: 0;
}
#games-section .search-container .categories ul li {
  padding: 0 41px 0 33px;
  padding: 0 16px 0 17px;
  font-size: 1.3rem;
  color: #b574b3;
}
#games-section .search-container .categories ul li.active {
  font-weight: 800;
  color: #3c003a;
  position: relative;
  border-bottom: 3px solid #3c003a;
  padding-bottom: 4px;
}
li.active:after {
  content: '';
  height: 3px;
  width: 100%;
  background-color: #3c003a;
  position: absolute;
  bottom: -15px;
  display: block;
  left: 0;
}
.search-btn.active input.search-input {
  display: block;
  color: #3c003a;
  font-weight: 800;
  font-size: 14px;
}
input.search-input::-webkit-input-placeholder {
  color: #b574b3;
  font-weight: 100;
  font-size: 18px;
}
input.search-input:-moz-placeholder {
  color: #b574b3;
  font-weight: 100;
  font-size: 18px;
}

input.search-input::-moz-placeholder {
  color: #b574b3;
  font-weight: 100;
  font-size: 18px;
}

input.search-input:-ms-input-placeholder {
  color: #b574b3;
  font-weight: 100;
  font-size: 18px;
}

.search-container .search-btn {
  height: 100%;
  width: 90px;
  transition: all 0.3s;
  background-color: #e1e1e1;
  right: 0;
  position: absolute;
  top: 0;
}
.search-container .search-btn .search-box {width: 90px;height: 100%;}
.search-container .search-btn .search-clear {
  display: none;
  z-index: 2;
  position: absolute;
  right: 8px;
  margin-top: 5px;
  font-size: 2.9rem;
  font-weight: 600;
}
.search-container .search-btn.active:after {left: 0;}
.small-12.search-container:after {
  content: '';
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a47d4e', endColorstr='#977d6f', GradientType=1 );
  height: 6px;
  width: 100%;
  display: block;
  bottom: 0;
  position: absolute;
  box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.31);
}

/*--------------------- Box game hover effect ------------------------*/
.cgp-pc .game-container .data-hover{display:block!important;bottom:0;position:absolute;left:0;right:0;height:100%;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-animation:fadeOutOpacity .2s linear;animation:fadeOutOpacity .2s linear}@-webkit-keyframes fadeOutOpacity{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}}@keyframes fadeOutOpacity{0%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}100%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}}.cgp-pc .game-container:hover .data-hover{display:block!important;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-animation-name:fadeInOpacity;animation-name:fadeInOpacity;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes fadeInOpacity{0%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}100%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}@keyframes fadeInOpacity{0%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}100%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}}.cgp-pc .game-container:hover .data-hover a{font-size:13px}.cgp-pc .game-container .data-hover a{color:#f9ed1f;font-weight:800;text-decoration:underline;position:absolute;bottom:16px;display:block;left:0;right:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;font-size:20px}.cgp-pc .game-container .data-hover .play-real{margin-top:-36px;-webkit-transform:scale(1.5,1.5);transform:scale(1.5,1.5)}.cgp-pc .game-container:hover .data-hover .play-real{margin-top:-36px;-webkit-transform:scale(1,1);transform:scale(1,1)}.cgp-pc .game-container .data-hover .play-real{top:40%!important;background-color:#3c003a;width:70px;height:70px;display:block;margin:-36px auto 0;border-radius:100%;border:2px solid #fff100;position:absolute}.cgp-pc .game-container:hover .data-hover .play-real:after{content:'';width:0;height:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:21px solid #fff100;position:absolute;left:11px;right:0;margin:0 auto;top:18px}.cgp-pc .game-container:hover .data-hover {display: block !important;bottom: 0;position: absolute;left: 0;right: 0;height: 100%;font-size: 13px;opacity:1; }
.cgp-pc .game-container .data-hover a.play-for-fun{right:inherit;text-align:left;left:-90px;opacity:0;pointer-events:none}.cgp-pc .game-container:hover .data-hover a.play-for-fun{left:0;opacity:1;text-align:left;padding-left:22px;font-size:10px;font-weight:700;letter-spacing:.4px;bottom:11px!important;pointer-events:auto}.cgp-pc .game-container .data-hover a.play-text{bottom:74px!important;right:-150px!important;opacity:0;pointer-events:none}.cgp-pc .game-container:hover .data-hover a.play-text{bottom:68px!important;text-align:center;font-size:16px;padding:0;text-decoration:none!important;opacity:1;right:0!important;pointer-events:auto}html.cgp-pc .game-container.big:hover .data-hover a.play-for-fun { font-size: 12px; bottom: 23px !important; }html.cgp-pc recommended .game-container.big:hover .data-hover a.play-text{bottom: 204px!important;font-size:20px;   right: 0 !important; }html.cgp-pc recommended .game-container.big .data-hover a.play-text {bottom: 204px!important;right: -370px!important;}
/*-----------------------------------------------------------------------*/

/*---------------------- Games section behaver on mobile START ----------------------*/
/*
.cgp-mobile .row.search-container-pc-wrapper, .cgp-tablet .row.search-container-pc-wrapper{ top:0; z-index: 10; }
.cgp-mobile .row.search-container-pc-wrapper.moveUp, .cgp-tablet .row.search-container-pc-wrapper.moveUp { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: fixed; /*top: -10px;*/ }
.cgp-mobile body:not(.search-mode) .row.search-container-pc-wrapper.fixPosition, .cgp-tablet body:not(.search-mode) .row.search-container-pc-wrapper.fixPosition { position: fixed; top: 50px; }
*/
/* shlomiTest*/
/*
.cgp-mobile body.search-mode .row.search-container-pc-wrapper, 
.cgp-tablet body.search-mode .row.search-container-pc-wrapper{position: absolute; /*top: 0;*/ }

.cgp-mobile body.search-mode .row.search-container-pc-wrapper ~ games-directive div#games-section,
.cgp-tablet body.search-mode .row.search-container-pc-wrapper ~ games-directive div#games-section { padding-top: 50px; }

.cgp-mobile body.search-mode.search-blur .row.search-container-pc-wrapper ~ games-directive div#games-section,
.cgp-tablet body.search-mode.search-blur .row.search-container-pc-wrapper ~ games-directive div#games-section { padding-top: 0; }
*/
/** do not uncomment 
.cgp-mobile.cgp-ios body.half-banner.search-mode:not(.search-blur) header.header,
.cgp-tablet.cgp-ios body.half-banner.search-mode:not(.search-blur) header.header,
*/

/*--css for samsung galaxy s5--*/
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){
/*    .cgp-mobile body.search-mode .row.search-container-pc-wrapper.fixPosition{ top:0px; } */
   /* do not uncomment .cgp-mobile body.search-mode .row.search-container-pc-wrapper ~ games-directive div#games-section{ padding-top: 100px; }*/
}

/*  commented by reg
.cgp-mobile.cgp-ios body.search-mode:not(.search-blur) header.header, .cgp-tablet.cgp-ios body.search-mode:not(.search-blur) header.header,
.cgp-mobile.cgp-ios body.search-mode:not(.search-blur) .burger-container,
.cgp-tablet.cgp-ios body.search-mode:not(.search-blur) .burger-container{ position: absolute; transition: none !important; }
.cgp-mobile.cgp-ios header, .cgp-tablet.cgp-ios header { transition: none; }
 commented by reg */
.cgp-mobile body.search-mode .section.offer-container, .cgp-tablet body.search-mode .section.offer-container { z-index: 1; }
.cgp-mobile .page-container, .cgp-tablet .page-container { transform: none; }
.cgp-mobile .filters-overlay.active.fixPosition, .cgp-tablet .filters-overlay.active.fixPosition {position: fixed;z-index: 12;}
.cgp-mobile .filters-overlay.active, .cgp-tablet .filters-overlay.active { overflow: hidden; z-index: 20; padding: 80px 8px 23px; }
.cgp-mobile .filters-overlay.active .close, .cgp-tablet .filters-overlay.active .close {top: calc(100% - 59px);position: absolute;height: 50px;}
.cgp-mobile body.filters-mobile, .cgp-tablet body.filters-mobile { overflow: hidden !important; }
.cgp-mobile body.lockFilterMenu, .cgp-tablet body.lockFilterMenu { overflow: hidden !important; }
.cgp-mobile body.lockFilterMenu .section.ng-container, .cgp-tablet body.lockFilterMenu .section.ng-container { position: fixed;z-index: 10; }
.cgp-mobile .filters-mobile .back-to-top.show, .cgp-tablet .filters-mobile .back-to-top.show { bottom: -80px; }
*/
/* shlomiTest (do not uncomment)
.cgp-mobile body.search-mode .fixPosition ~ games-directive div#games-section, .cgp-tablet body.search-mode .fixPosition ~ games-directive div#games-section { padding-top: 40px; }
*/
/*
.cgp-mobile .filters, .cgp-tablet .filters { position: fixed !important; bottom: 10px !important; }
.cgp-mobile .filters.notFixed, .cgp-tablet .filters.notFixed{ position: absolute !important; bottom: 80px !important; }
.cgp-mobile .section.ng-container{ min-height: 100%; }
*/
/* do not uncomment .cgp-tablet .section.ng-container{ min-height: inherit; }*/
/*
.cgp-mobile app .close, .cgp-tablet app .close { position: fixed !important; }
.cgp-mobile body.half-banner .section.offer-container, .cgp-tablet body.half-banner .section.offer-container { z-index: 1; }
.cgp-mobile .section.ng-container:before, .cgp-tablet .section.ng-container:before{ top:0; }
*/
/* do not uncomment .cgp-mobile header.header.fixHeaderPosition, .cgp-tablet header.header.fixHeaderPosition { top: 0 !important; border:solid 1px red; }*/
/*
.cgp-mobile .mfp-container.mfp-s-ready.mfp-inline-holder, .cgp-tablet .mfp-container.mfp-s-ready.mfp-inline-holder { position: fixed; }
.cgp-mobile body.locked, .cgp-tablet body.locked { overflow: hidden !important; }
.cgp-mobile header, .cgp-tablet header, .cgp-mobile .burger-container, .cgp-tablet .burger-container { transition: none; transition-delay: 0s; }
.cgp-mobile header.fixHeaderPosition, .cgp-tablet header.fixHeaderPosition, .cgp-mobile .burger-container.fixHeaderPosition, .cgp-tablet .burger-container.fixHeaderPosition { position: absolute; }
.cgp-mobile .search-btn input.search-input, .cgp-tablet .search-btn input.search-input{padding:0;}
.cgp-mobile .search-btn.active input.search-input, .cgp-tablet .search-btn.active input.search-input{padding: 0.5rem;}
*/
/*-- test --*/
/*
.cgp-mobile .search-btn input.search-input, .cgp-tablet .search-btn input.search-input{padding:0;padding: 20px 24px !important;right: 0 !important;pointer-events: none;}
.cgp-mobile .search-btn.active input.search-input, .cgp-tablet .search-btn.active input.search-input{padding: 0.5rem !important;right: 50px !important;pointer-events: auto !important;}
.cgp-mobile .fixPosition ~ games-directive div#games-section, .cgp-tablet .fixPosition ~ games-directive div#games-section { padding-top: 50px; }
html:not(.cgp-pc) body.half-banner .section.offer-container.height-auto {margin-bottom: -5px; }
*/
/*-- white space --*/
/*
html:not(.cgp-pc ) body:not(.half-banner) .row.scroll-container:before {content: "";width: 100%;display: block;background-color: #fff;height: 10px;position: absolute;top: -7px; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
html:not(.cgp-pc ) body:not(.half-banner) .small-12.columns.main-offer.hideSpace .row.scroll-container:before {top: 0;background-color: transparent;}
*/
/*--------------- mobile chrome hack --------------*/
/* Chrome 29+ */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
   .cgp-mobile.cgp-android body.chromeFix.search-mode .offer-container:not(.height-auto) ~ .ng-container .row.search-container-pc-wrapper, 
   .cgp-tablet.cgp-android body.chromeFix.search-mode .offer-container:not(.height-auto) ~ .ng-container .row.search-container-pc-wrapper{ top: 57px; }

   html.cgp-mobile.cgp-android body.chromeFix.search-mode .window .offer-container:not(.height-auto) ~ .ng-container #mobile-category, 
   html.cgp-tablet.cgp-android body.chromeFix.search-mode .window .offer-container:not(.height-auto) ~ .ng-container #mobile-category{ padding: 50px 0 75px 0!important; }

   .cgp-mobile.cgp-android body.chromeFix.search-mode .fixHeaderPosition ~ #page-container .offer-container:not(.height-auto) ~ .ng-container .row.search-container-pc-wrapper, 
   .cgp-tablet.cgp-android body.chromeFix.search-mode .fixHeaderPosition ~ #page-container .offer-container:not(.height-auto) ~ .ng-container .row.search-container-pc-wrapper{ top: 0; }

   html.cgp-mobile.cgp-android body.chromeFix.search-mode .window .fixHeaderPosition ~ #page-container .offer-container:not(.height-auto) ~ .ng-container #mobile-category, 
   html.cgp-tablet.cgp-android body.chromeFix.search-mode .window .fixHeaderPosition ~ #page-container .offer-container:not(.height-auto) ~ .ng-container #mobile-category{ padding: 0px 0 75px 0!important; }

}
*/
/*---------------------- Games section behaver on mobile END ----------------------*/

.payment-data span {display: block;}
.payment-data {background-color: #2f002e;border-top: 1px solid #fff100; padding: 18px 23px 14px 23px;font-weight: 800;}
.payment-data .total-jacks .title,
.payment-data .monthly-pay .title {color: white;}
.payment-data .monthly-pay .amount,
.payment-data .total-jacks .amount {color: #d9c506;}
.payment-data .monthly-pay {border-right: 1px solid black;}
.payment-data .total-jacks { border-left: 1px solid #6e4920; text-align: right;}
.payment-data .small-6 > .amount { font-size: 20px;}
.payment-data .small-6 > .title { font-size: 12px;}

.why-us.active { height: 100%;}
.why-us { background-image: url("//images.images4us.com/888Games_CGP/EN/why-us-pattern-1473177865264.png");  background-color: #694768; background-size: 140px;}
.why-us .main-title { padding: 20px 0; display: block;}
.why-us .main-title h2 { font-weight: 800;color: #d9c506;font-size: 5em;}
.why-us .main-title h2,.right-counters .title,.box-data .title h3, .hp-offer-container .first-line, .hp-small-offer-container .first-line {font-family: bello-pro;
}
.small-12.why-box {
   display: inline-block;
    width: 300px;
    height: 264px;
    background-position: -389px -896px;
    margin: 0 14px;
    margin-bottom: 11px;
    vertical-align: top;
    background-size: 1154px;
}
.why-box .image {
	height: 60px;
    width: 60px;
    background-position: -987px -69px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 5px;
    background-size: 1070px;
}
.why-box .box-data {position: relative;padding-top: 30px;}
.why-box .box-data .title h3 {  color: #d9c506; font-weight: 800;font-size: 1.9rem;}
.why-box .box-data .description {font-size: 13px; color: #d8d3d7;padding: 0 3%;}
.pagination-1 recommended .big,.pagination-1 recommended .big .data-hover:after,.data-hover:after{
	background-image:url("//images.images4us.com/888Games_CGP/EN/big-bg-1479891015526-1483028995941.png");
	background-size: 497px; 
	background-repeat:no-repeat
	}

/*-- LABEL --*/
.game-container .label.Hot, .game-container .label.New{width: 45px;height: 60px;right: 0px;top: -12px;/* border: solid red 1px; */}
.game-container .label.Hot{ background-position: 455px 1402px; }
.game-container .label.New{ background-position: 389px 1406px; }
/*-- LABEL --*/
.search-clear {background-position: -206px -343px !important;top: 17px;}

.cgp-pc .fp-viewing-1 .back-to-top.sticky { bottom: 80px; }
.cgp-mobile .reached-bottom .filters, .cgp-mobile .reached-bottom .back-to-top.sticky, .cgp-tablet .reached-bottom .filters, .cgp-tablet .reached-bottom .back-to-top.sticky { bottom: 80px; }
/*.fp-viewing-1 .back-to-top.sticky, .fp-viewing-1 .filters { bottom: 80px !important; }*/
.cgp-mobile .fp-viewing-1 .filters, .cgp-mobile .fp-viewing-1 .back-to-top.sticky, .cgp-tablet .fp-viewing-1 .filters, .cgp-tablet .fp-viewing-1 .back-to-top.sticky { bottom: 80px; }

@media screen and (min-width: 1201px) {
    .ng-container app, .ng-container main, .ng-container .outer-outlet,.ng-container .fp-scroller {height:100%}
    .fp-tableCell .lists-container { height:100% !important;}
    .ng-container #games-section {height: calc(100% - 99px);}
    .ng-container .fp-scroller{ height: 100%;padding-top: 0;}
	.ng-container div.row.search-container-pc-wrapper {max-width:100% !important;}
	.search-container-pc{max-width:78.2rem;margin:0 auto;}	
	.pagination-1 recommended .big{width: 487px;height: 472px;float: left;background-position: -4px -2px;}
	.pagination-1 recommended .big .data-hover:after{background-position: -4px -477px;}
	.pagination-1 recommended .game-container.big .image-holder img {margin-top:8%}
	.pagination-1 recommended .game-container.big .data{font-size:1.5em;bottom: 2%;}
	.pagination-1 recommended .game-container.big .data.has-jackpot{bottom: 4%;}
	.pagination-1 recommended .game-container.big .data.has-jackpot span.jackpot{font-size: 0.9em !important;padding: 0.3em 1em !important;}
}
@media screen and (min-width: 1660px){
	.section.why-us >div{display:table-cell;vertical-align: middle;width: 100%;padding-bottom: 50px;}
	.section.why-us:after{content:"";display:inline-block;height:100%;width: 1px;vertical-align: middle;}
}

@media (max-height: 940px) and (min-width: 1200px) {
	.game-container:nth-last-child(-n+5) {display: none;}
} 
/*regev*/
.data-hover:after{content: ' ';display: block;width: 100%;height: 100%; background-position: -239px -894px;background-size: 466px;}
@media screen and (max-height: 935px) and (min-width: 1400px){
	.data-hover:after{    background-position:-209px -783px; background-size: 408px;}
}

@media screen and (max-width: 1400px) and (min-width: 750px){
	.game-container .data-hover:after{background-position: -193px -714px;background-size: 373px;}
        .pagination-1 recommended .big {width: 391px;height: 373px;float: left;background-position: 2px -2px;background-size: 392px;}
	.pagination-1 recommended .game-container {margin: 5px 12px 0px!important;}
        .cgp-pc .game-container .data-hover a.play-text{ bottom:46px!important; }
        .cgp-pc .game-container:hover .data-hover a.play-text { bottom: 38px!important; }
        .cgp-pc .game-container:hover .data-hover a.play-for-fun{padding-left: 13px;bottom: 12px!important;}
        html.cgp-pc .game-container.big:hover .data-hover a.play-for-fun {font-size: 12px;bottom: 26px !important;left: 10px;}
        html.cgp-pc .game-container.big:hover .data-hover a.play-text{bottom: 122px!important;font-size:20px;}
       .cgp-pc .game-container.big:hover .data-hover .play-real {margin-top: -11px !important;}
}
@media screen and (max-width:1400px){html.cgp-pc recommended .game-container.big:hover .data-hover a.play-text{bottom: 127px!important;}}
@media screen and (max-width: 1399px) and (min-width: 750px){
	.pagination-1 recommended .game-container.big .data-hover:after{background-position: 2px -376px; background-size: 392px;}
}
@media (min-width: 1201px) {
	.filters-pc .help.tab-item{opacity: 0;}
	.payment-data {display: none;}
	.why-box .box-data .title h3{font-size: 1.9375rem;}
	.search-btn.active input.search-input { font-size: 20px;font-weight: 600;}
	#games-section .filters a {box-shadow: 0px 12px 12px -3px rgba(0, 0, 0, 0.45); }
	.game-container.active .data-hover .play-real {
	background-color: #3c003a;
	width: 76px;
	height: 76px;
	display: block;
	margin: 0 auto;
	border-radius: 100%;
	border: 2px solid #fff100;
	position: absolute;
	top: 33%;
	}
  .game-container.active .data-hover .play-real:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 21px solid #fff100;
    position: absolute;
    left: 11px;
    right: 0;
    margin: 0 auto;
    top: 18px;
  }
  .right-counters .title {color: white;   font-size: 1rem;}
  .right-counters .data {color: #fff100;display: block;}
  .right-counters .row > div {width: 33%;overflow: hidden;}
  .arena-footer {display: block;}
  .search-clear {display: none;}
  .page-container {width: 100%;}
  .header-placeholder { max-width: none;}
  .header-placeholder,.scroll-container.row,#page-container > .row { max-width: none;}
  .offer-container .cta-container {max-width: 361px; width: 100%;text-align: center;display: table;margin: 0 auto;}
  .offer-container .cta-container a.primary-button.button {display:table-cell;box-shadow: 0px 4px 5px 0px rgba(255, 255, 255, 0.6);}
  .trust-icons-container {margin-right: 161px;}
  .trust-icons-container.float-left {margin-left: 161px;}
  .search-container {display: none;}
  .search-container-pc { width: calc(100% + 170px);/*regev*/}
  .page-container .search-container-pc-wrapper {height:99px;background-color: white;padding-top:49px;}
  .page-container .search-btn,
  .page-container .search-box {height: 100%;}
  .search-container-pc .categories {position: relative;top: -13px;}
  .search-container-pc .categories ul li {float: left;padding: 0px 10px;font-size: 21px;color: #b574b3;}
  .search-container-pc .categories ul li.active {
    border: 1px solid #3c003a;
    border-radius: 30px;
    font-weight: 800;
    color: #3c003a;
    background-color: #e6e6e6;
  }
  .search-container-pc .categories ul li:not(:first-child) {margin-left: 21px;}
  li.active:after {height: 0px;}
.games-list { padding-top: 44px;}
.mobile.lists-container {display: none; }
.game-container .data-hover {display: none;}
 .game-container.active .data-hover {
    display: block;
    bottom: 0px;
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    font-size: 13px;
  }
  .game-container.active .data-hover a {
    color: #f9ed1f;
    font-weight: 800;
    text-decoration: underline;
    position: absolute;
    bottom: 0px;
    display: block;
    left: 0;
    right: 0;
  }
  .game-container.active:not(.big) .data-hover {  bottom: 16px;  }
  .game-container.active .data {  display: none;  }
  .search-container-pc .categories { position: relative; top: 4px; z-index: 0;}
  .search-btn .search-clear { position: absolute;right: 0;}
  .search-btn { right:0 !important}/*regev*/
  .search-mode .search-container-pc .categories { opacity: 0; }
  .search-mode .search-container-pc .search-btn.active{   width: calc(100% - 25px) !important;}/*regev*/
  .filters-checkbox ul {position: absolute;    width: 80%;}
  .filters-checkbox ul li {border-bottom: 1px solid #333; margin: 0;padding: 0;display: block;width: 100%;line-height: 42px;position: relative;}
  .filters-checkbox ul li:before {content: "";height: 1px;background: rgba(216, 215, 215, 0.5);width: 100%;position: absolute;top: 43px;}
  .filters-checkbox ul li:hover label{color: #3c003a;}
  .filters-checkbox input[type="checkbox"]:checked + label:after {color: #ffffff;}
  .filters-checkbox label {color: white;font-weight: 100;    padding-left: 35px;}
  .filters-checkbox input[type=checkbox]:checked + label { color: #31002f;font-weight: 600 !important;}
  .filters-overlay-pc {
    position: absolute;
    width: 270px;
    z-index: 999999;
    height: calc(100% - 125px);
    border-left: 1px solid white;
    margin-top: 50px;
    transition: right 0.5s ease-out;
    display: block;
    font-size: 31px;
    color: #ffffff;
    padding-left: 30px;
    background: linear-gradient(105deg, rgba(93, 42, 73, 0.7) 2%, rgba(125, 185, 232, 0.09) 58%, rgba(125, 185, 232, 0) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d2a49', endColorstr='#007db9e8',GradientType=1 );
	}
  .filters-pc .filters-overlay-pc {
    background: linear-gradient(105deg, rgba(93, 42, 73, 0.7) 2%, rgba(125, 185, 232, 0.09) 58%, rgba(125, 185, 232, 0) 64%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d2a49', endColorstr='#007db9e8',GradientType=1 );
    right:0}
  .close-filter:hover,
  .close-filter {cursor: pointer; color: #bba2b0;}
  .filters-overlay-pc {right:-270px}
  .why-us {padding: 49px 0 70px 0;}
  .small-12.why-box {
    width: 380px;
    height: 337px;
    background-position: -496px -1141px;
    background-size: 1470px;}
  .why-box .image {
    width: 84px;
    height: 84px;
    background-position: -1356px -94px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 5px;
    background-size: 1470px;
	}
  .why-box .box-data {position: relative; padding-top: 40px;}
}
@media (min-width: 1201px) and (max-width: 1350px) {
    .filters-overlay-pc {
        width: 14vw;
        padding-left: 10px;
    }
    .filters-checkbox ul {
        width: 100%;
    }
    .filters-checkbox ul li label {
        font-size: 10px;
        line-height: 26px;
        padding-left: 25px;
    }
}

@media screen and (min-width: 375px) and (max-width: 420px) {
    .trust-icons.eight{ margin-left: 10px; }
}
@media screen and (max-width:1600px) {
.search-container-pc {width: 100%;} /*regev*/
  div.row.search-container-pc-wrapper[_ngcontent-ibp-3] {max-width: 100% !important;padding-left: 182px;}
}
@media screen and (max-width: 1460px) {
  .right-counters .row > div{width:50% !important;}
  .right-counters .row > div.this-month{border-left: none!important;}
  .today-winners{display:none;}
  .right-counters .this-month{border-left:none;}
}
.category-padding{padding: 50px 0 75px 0!important;}

@media screen and (max-width:1200px){
        .cgp-mobile .window #mobile-category, .cgp-tablet .window #mobile-category { padding: 0px 0 75px 0!important; }
        .search-container-pc-wrapper{background-color:white;}
	.lists-container>.row{height: auto !important;}
	.hide-ng-window-content .filters{display:none;} 
	#games-section{background:none;}
//	#games-section .counters-container {opacity:0;}
	.first-scroll-down .arrow {top: 10px;}
	#games-section .filters{    right: auto;top: auto;}
	.why-us-inner-section {padding-top:50px}
	.section.offer-container{z-index:4}
	.ng-container{z-index:3;background-image:url("//images.images4us.com/888Games_CGP/EN/PC-games-arena-BG--1472662502771%20%281%29-1483029042276.jpg"); background-size:cover;}
	.row.search-container-pc-wrapper {width: 100%;}
	.category-padding {padding: 70px 0 75px 0!important;}
	/*half-banner*/
	.half-banner .ng-container .fp-tableCell .fp-scrollable .lists-container,.half-banner .ng-container .fp-tableCell .lists-container{height:100%}
         
	.half-banner .scroll-from-top .fp-scroller,
	.half-banner .scroll-from-top .fp-scrollable,
	.half-banner .scroll-from-top .fp-tableCell {height: calc(100% - 165px) !important;vertical-align: top;}	
	.half-banner .window .scroll-from-top #mobile-category {padding: 0 0 75px 0!important;}
	
	.half-banner .padding-top-50 .fp-tableCell  .lists-container{height:calc(100% - 111px)}
	.half-banner  .window .padding-top-50 #mobile-category {padding:80px 0 75px 0!important; overflow-x: hidden; }
	
.after-start-slide .window .ng-container .search-container-pc-wrapper{
                animation: animationFrames ease .5s;
	        animation-iteration-count: 1;
	       animation-fill-mode:forwards; 
	      -webkit-animation: animationFrames ease .5s;
	      -webkit-animation-iteration-count: 1;
	       -webkit-transform-origin: 50% 50%;
	       transform-origin: 50% 50%;
	      -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
		 }	
.after-start-slide .window .ng-container .search-container-pc-wrapper{
                animation: animationFrames ease .5s;
	        animation-iteration-count: 1;
	       animation-fill-mode:forwards; 
	      -webkit-animation: animationFrames ease .5s;
	      -webkit-animation-iteration-count: 1;
	       -webkit-transform-origin: 50% 50%;
	       transform-origin: 50% 50%;
	      -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
		 }
	/***************************************************/
	.window>.search-container-pc-wrapper{
	  animation: animationFramesup ease .5s;
	  animation-iteration-count: 1;  
	  -webkit-transform-origin: 50% 50%;
	  transform-origin: 50% 50%;
	  animation-fill-mode:forwards; 
	  -webkit-animation: animationFramesup ease .5s;
	  -webkit-animation-iteration-count: 1;  
	  -webkit-animation-fill-mode:forwards; 
	  -webkit-box-shadow: 0 3px 0 rgba(0,0,0,.2);
	  box-shadow: 0 3px 0 rgba(0,0,0,.2);
	}								

	body.game-section-swipe .window>.search-container-pc-wrapper, .after-start-slide.game-section-swipe .window .ng-container .search-container-pc-wrapper{
	  animation: animationFramesswipe ease .5s;
	  animation-iteration-count: 1;  
	  animation-fill-mode:forwards; 
	  -webkit-animation: animationFramesswipe ease .5s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-transform-origin: 50% 50%;
	  transform-origin: 50% 50%;
	  -webkit-animation-fill-mode:forwards; 
	}
	.active-slide-down .window>.search-container-pc-wrapper{
	  animation: animationFrames ease .5s;
	  animation-iteration-count: 1;
	  animation-fill-mode:forwards; 
	  -webkit-animation: animationFrames ease .5s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-transform-origin: 50% 50%;
	  transform-origin: 50% 50%;
	  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
	}

    .small-12.why-box .description p {font-size: 12px;}
    .why-box .box-data { padding-top: 20px; }
    .why-box .box-data .title h3 { font-size: 1.4rem; }

    .section.ng-container .fp-tableCell app { height: calc(100% - 100px); }
/*    .cgp-ios .ng-container .fp-scroller {height: 100%;}*/
}

   @-moz-document url-prefix() { 
	.game-container .label.Hot, .game-container .label.New {
		right: -7px;
		top: -23px;
		-ms-transform: scale(0.8, 0.8);
		-webkit-transform: scale(0.8, 0.8);
		transform: scale(0.8, 0.8);
	}
  }

@media screen and (max-width: 1200px) and (min-width: 768px) and (max-height: 768px) {
    .half-banner .window .padding-top-50 #mobile-category {
        padding: 20px 0 75px 0!important;
        overflow-x: hidden;
    }
}

@media screen and (min-width: 768px){ .load-more { margin-top: 20px; } }

@media (min-width: 1200px) and (max-width: 1400px) {
  .search-container-pc {width: 100%;left: 0;}
  .lists-container > .row { max-width: 60.5rem}
  .lists-container.pc { padding-top: 0px;}
}
@media (max-width: 1200px) {
.half-banner .ng-container{top:-5px!important}
html .filters-checkbox input[type="checkbox"] + label:before {
    width: 30px;
    height: 30px;
    background: #ccc;
}
html .filters-checkbox input[type="checkbox"] + label:after {
    left: 7px;
    top: 11px;
}
html .filters-overlay  .filters-checkbox input[type="checkbox"] + label:before {
    border: 1px solid #3c003a;
}
html .filters-checkbox ul li label {
    min-height: 32px;
    line-height: 32px;
    padding-left: 40px;
    font-size: 18px;
}
html .filters-checkbox input[type="checkbox"]:checked + label::before {
    background: #3c003a;
}
html .filters-checkbox input[type="checkbox"]:checked + label:after {
    top: 11px;
    left: 6px;
    background-size: 735px 758px;
    width: 18px;
    height: 13px;
    background-position: -626px -22px;
}
div#mobile-category { overflow-x:hidden; }
}
@media (min-width: 750px) and (max-width: 1200px) {
  .lists-container.pc {display: none;}
  .test-game {height: 176px !important; width: 176px !important;background-size: 177px !important;}
  .why-us {height: 100%;}
  .payment-data .total-jacks {text-align: center;}
  #games-section .filters a {width: 65px;height: 65px;background-position: -1667px -323px;}
  .mfp-close-btn-in .mfp-close {background-color: #170016;}
  .mfp-content .pop-container {margin-top: 57px;top: inherit;}
  .filters-overlay .title {position: relative;padding: 0 0 0 33px; }
  .filters-checkbox { padding: 10px 0 0 33px;}
  .filters-checkbox ul li label {font-weight: 100; font-size: 21px; margin-left: 20px;padding-left: 35px;}
  .filters-checkbox ul li {border-bottom: 1px solid #e1dbe2;margin: 14px 0;padding: 0 0 9px;}
  .filters-checkbox input[type="checkbox"]:checked + label:after {font-size: 16px;left: 3px;top:0;}
  .filters-checkbox label:before {width: 33px;height: 33px;top: 4px;}
  #games-section .search-container .categories ul li.active { border-bottom: none;}
  li.active:after {content: '';height: 5px;width: 100%;background-color: #3c003a;position: absolute;bottom: -13px;display: block;left: 0;}
  .mfp-wrap .mfp-content .pop-container {background-size: 1212px;background-position: -89px -90px;width: 238px; height: 238px;}
}

@media screen  and (max-width: 811px){ .pagination-1 recommended .game-container { margin: 6px 5px !important; } }

@media (max-width: 749px) {
 .lists-container.mobile {height: calc(100% - 40px);}
  .games-list {height: calc(100% - 35px);}
  .lists-container.pc {display: none; }
  .test-game {background-size: 146px !important;}
  .payment-data {text-align: left;}
  #games-section .search-container .categories ul {padding-top: 13px;}
  .mfp-content .pop-container {width: 235px; height: 235px;background-size: 1034px;}
  .mfp-content .game-container .label {top: 20px;right: 11px;}
  .mfp-content .label.hot {background-position: -639px -70px;width: 24px;height: 34px;background-size: 1242px !important;}
  .mfp-content span.data.has-jackpot .jackpot {font-size: 14px;top: 2px;}
  .mfp-content span.data.has-jackpot .title {font-size: 13px;}
  .mfp-content .game-container-big span.data.has-jackpot .title.smallFont { font-size: 14px; margin-bottom: 4px; }
  .mfp-content span.data.has-jackpot {bottom: 15px;}
  .mfp-content #game-1 .game-container {background-position: -53px -54px;}
  .small-12.search-container:after {display: none; }
  .first-scroll-down .title {font-size: 9px;position: relative;top: 8px;}
  #games-section .search-container {height: 40px;}
  .search-container .search-btn { width: 40px;}
  #games-section .search-container .categories ul li {font-size: 13px;}
  .search-btn .search-input { height: initial;width: calc(100% - 40px);z-index: 1;font-size: 10px; margin-top: 13px;}
  .search-container .search-btn .search-box { width: 40px;}
  .search-container .search-btn .search-clear {font-size: 29px;margin-top: -2px;}
  #games-section .search-container .search-btn .search-box:after { 
  border-left: 1px solid #b1b1b1; 
  padding: 0; 
  background-position: -412px -273px; 
  background-size: 1666px;
  }
  input.search-input:-ms-input-placeholder,
  input.search-input::-moz-placeholder,
  input.search-input:-moz-placeholder,
  input.search-input::-webkit-input-placeholder {font-size: 0.8rem;}
  .data-hover:after {content: "";background-size: 100% 255%;background-position: 0 65%;}
}

@media (max-width: 374px) {
  .game-container > span.title {bottom: -12px;}
  .game-container .data.has-jackpot {bottom: 2px;}
  .label.hot { background-position: -618px -70px; width: 24px;height: 30px;}
  .label.new {background-position: -655px -75px;width: 24px; height: 26px;}
  .games-list .game-container {margin: 0 14px 14px;}
  li.active:after {height: 2px;bottom: -4px;}
  .game-container {width: 145px;height: 145px;background-size: 734px;margin: 0;}
  .game-1 {background-position: -53px -54px;}
  .small-12.search-container:after {display: none;}
  .second-line {font-size: 65px !important;}
  .trust-icons {background-size: 319px; }
  .trust-icons.secure { width: 56px;height: 32px;}
  .trust-icons.eight {width: 20px;height: 28px;background-position: -158px 6px;margin-left: 14px;}
  .trust-icons.respo {background-position: -67px -1px;width: 35px; height: 25px; margin-right: 17px;}
  .trust-icons.safe { background-position: -120px -1px;width: 27px;height: 23px;}
  .small-12.why-box {margin:0 0 11px 0;}

}
@media (min-width: 320px) and (max-width: 355px) {
  .games-list .game-container {margin: 0 0 14px;}
  .games-list .game-container:nth-child(odd) {float: left;left: 6px;}
  .games-list .game-container:nth-child(even) {float: right;right: 6px;}
  .trust-icons { background-size: 220px;}
  .trust-icons.secure { width: 37px;height: 24px;}
  .trust-icons.eight {width: 20px;height: 28px;background-position: -109px 7px;margin-left: 10px;}
  .trust-icons.respo { background-position: -46px -1px;width: 25px;height: 16px; margin-right: 14px;}
  .trust-icons.safe {background-position: -83px -1px;width: 18px;height: 15px;}
}
@media (max-width: 320px) {
 .first-scroll-down .title { font-size: 11px;} 
.first-scroll-down { transform: scale(0.7 , 0.7);top: -70px; } 
.first-scroll-down .arrow {top: 9px;transform: scale(0.8 , 0.8);}
.my-account.active .my-account-right { height: 100%; overflow: scroll; }
app .filters-checkbox ul li { margin: 4px 0; }
html:not(.cgp-ios).cgp-mobile .filters-overlay.active, .cgp-tablet .filters-overlay.active{ padding: 40px 8px 23px; }
}
#games-section .filters a {background-position:-38px 7px !important;}
/*regev*/
.game-container .data{padding: 10px !important;}
.game-container.active .data-hover .play-real{top: 40% !important;}
#games-section .filters{    margin-right: -791px !important;}
.categories nav ul li a{min-width:100px;text-align:center;}
.category{transition:opacity .8s ease-out !important;margin-left:auto;}
@media screen and (min-width: 1201px){
.game-container.big .image-holder img {margin-top:8%}
html .pagination-1 recommended .game-container.big .data{font-size:1.5em;bottom: 2%;}
/*.pagination-1 recommended .active .data-hover a:last-of-type{padding-bottom:5%; }*/
.pagination-1 recommended .game-container.big .data.has-jackpot{bottom: 4%;}
.pagination-1 recommended .game-container.big .data.has-jackpot span.jackpot{font-size: 0.9em !important;padding: 0.3em 1em !important;}
}
@media screen  and (min-width: 1550px){
	.lists-container>.row {max-width: 82rem!important;margin-left: calc(50% - 41rem) !important;margin-right: calc(50% - 41rem) !important;}
	.game-container {margin: 6px 18px!important;transition:margin 0.5s ease-out;}
}
@media screen and (max-height: 935px) and (min-width: 1400px){
/*    .game-container{margin: 6px 31px!important;background-size: 450px;} */
    .game-container{margin: 6px 19px!important;background-size: 450px;}
    .pagination-1 recommended .category{
    max-width: 75.8rem!important;
    margin-left: calc(50% - 37.9rem) !important;
    margin-right: calc(50% - 37.9rem) !important;
	}
	.pagination-1 recommended .game-container{margin: 6px 21px!important;}
        .pagination-1 recommended .big ~ .game-container {margin: 10px 21px!important;}
	.pagination-1 recommended .game-container.big {
		width: 461px;
		height: 418px;
		float: left;
		background-position: -4px -2px;
		background-size: 443px;
		margin-right: 0px !important;
	}
    .big .data-hover:after {background-position: -4px -425px;background-size: 443px;}
     /*gination-1 recommended .big, .pagination-1 recommended .big .data-hover:after, .data-hover:after { background-size: 447px; }*/

    .pagination-1 recommended .big .data-hover:after {  background-position: -4px -424px; background-size: 441px; }

    .cgp-pc .game-container:hover .data-hover a.play-text { bottom: 48px!important; }
    .cgp-pc .game-container:hover .data-hover a.play-for-fun{ padding-left: 19px; }
    
    /*html.cgp-pc .game-container:not(.big)*/
    html.cgp-pc .game-container {
      background-size: 400px;
      background-position: 3px -767px;
      width: 197px;
      height: 194px;
    }
   .game-container.big .label.Hot, .game-container.big .label.New { right: 32px; }

   @-moz-document url-prefix() { .game-container.big .label.Hot, .game-container.big .label.New { right: 23px; top: -15px; } }
   
   html.cgp-pc recommended .game-container.big:hover .data-hover a.play-text { bottom: 180px!important; }
}

@media (min-width: 1400px) and (max-width: 1550px) and (min-height: 935px) {
    .pagination-1 recommended .game-container.big{ width: 459px; height: 472px; background-size: 468px 1206px; }
    .pagination-1 recommended .game-container.big:hover .data-hover:after { background-size: 468px 1206px; }
}

@media screen and (min-height: 935px){.cgp-pc .game-container:hover .data-hover a.play-for-fun {padding-left: 20px;bottom:10px!important;}}

@media screen and (max-height: 935px) and (max-width: 1550px){
	html:not(.cgp-ios.cgp-tablet).game-container{margin: 6px 18px!important;}
	html:not(.cgp-ios.cgp-tablet).lists-container>.row {max-width: 74rem!important;margin-left: calc(50% - 37rem) !important;margin-right: calc(50% - 37rem) !important;}
}
@media screen and (max-width:1750px){
	.filters-pc #games-section .category {margin-left: 10px !important;}
	.filters-pc .game-container {margin: 6px 5px!important;}
}
@media screen and (max-width: 1687px) and (min-width: 1201px){
	#games-section .filters {right: 75px!important;margin-right: 0!important;}
}
@media screen and (max-width: 1399px){
	.lists-container>.row {max-width: 68rem!important;margin-left: calc(50% - 34rem) !important;margin-right: calc(50% - 34rem) !important;}
	.game-container .data{padding: 5px !important;}
}
 /*
@media screen and (max-width: 1024px){
    .cgp-overlay.cgp-overlay-base.cgp-overlay-fullscreen.cgp-overlay-gamewindow {width: 102% !important; height: 100% !important; left:-1%;}
}
*/
@media screen and (max-width: 1399px) and (min-width:1200px){
	recommended .lists-container>.row {max-width: 64rem!important;margin-left: calc(50% - 32rem) !important; margin-right: calc(50% - 32rem) !important;}
}
@media screen and (min-width: 1400px) {
	nav ul li a:hover{border: 1px solid transparent;}	
	nav ul li a:hover{border: 1px solid #3c003a;border-radius: 30px;color: #3c003a !important;background-color: #e6e6e6;font-weight: bold;}

.categories nav ul li a{border:1px solid transparent;border-radius:30px;position:relative}.categories nav ul li a:hover{background:0 0}.categories nav ul li a:not(.active):after,.categories nav ul li a:not(.active):before{content:"";position:absolute;display:block;width:120%;height:122px;top:-50px;left:0;border-radius:110px;z-index:-1;opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all 0,4s ease-in-out;transition:all .2s ease-in-out}.categories nav ul li a:hover:before{background:#e6e6e6;width:100%;height:41px;top:0;left:0;border-radius:30px;z-index:-1;opacity:1}.categories nav ul li a:after{-webkit-transition:all .3s cubic-bezier(.71,-.3,.44,1.25);-moz-transition:all .3s cubic-bezier(.71,-.3,.44,1.25);-o-transition:all .3s cubic-bezier(.71,-.3,.44,1.25);transition:all .3s cubic-bezier(.71,-.3,.44,1.25);border:1px solid #e6e6e6}.categories nav ul li a:hover:after{width:100%;height:41px;top:0;left:0;border-radius:30px;opacity:1;border:1px solid #3c003a}
.cgp-pc .game-container:hover .data-hover a.play-for-fun { padding-left: 17px; bottom: 5px!important; }
}

@media screen and (min-width: 1200px){.cgp-pc .game-container:hover .data-hover a.play-for-fun {padding-left: 18px;bottom: 16px!important;}}

@media screen and (min-width: 1025px) and (max-width: 1400px) {
    .search-container-pc .categories{position: relative;  top: 13px !important;z-index: 0;height: 50px}
	nav ul li a:hover{border-radius: 0;
		border: none;
		background-color: transparent;
		font-weight: 800;
		color: #3c003a!important;
		position: relative;
		border-bottom: 5px solid #3c003a;
		margin-bottom: 4px;
		}
}
@media screen and (max-width: 825px){
	.lists-container>.row {padding:0 10px; margin-left: 0 !important;  margin-right: 0 !important;}}
@media screen and (max-width: 749px){
  .lists-container>.row {padding:0;}
  .game-container{margin:3px 5px !important;}
}

@media screen and (max-width: 750px){ .cgp-mobile .game-container:hover .data-hover a.play-text { bottom: calc(100% - 68%) !important; } }


.window > .row.search-container-pc-wrapper{position: fixed;top: 49px;z-index: 1;}
.window > .counters-container{bottom: 0;position: fixed;z-index: 1;width: 100%;}
.window > .filters, .window > .filters a{width: 50px;height: 50px;transition: opacity .3s ease-out;}
.window > .filters{position: absolute;z-index: 2;opacity: 1;margin-right: -791px !important;right: auto!important;top: auto!important;left: 10px;bottom: 1%;}
.window > .filters a{display: block;}
.window .filters a {
background-position: -38px 7px !important;
display: block;
border: 2px solid #000;
border-radius: 100%;
background-color: hsla(0,0%,100%,.6);
}
.window > .container-filters .filters-overlay.active .close{top: initial;/*bottom: 51px*/; bottom:1.5%;}
@media screen and (min-width: 320px) and (max-width: 1200px) { 
	.first-scroll-down{top: -62px;transform: scale(0.8 , 0.8);} 
}

@media screen and (max-width: 1024px){
    .ng-container,
    .cgp-mobile .ng-container, 
    .cgp-tablet .ng-container { top: 0; /*-5px;*/ }

    .cgp-mobile.cgp-ios .filters-mobile .section.ng-container, .cgp-tablet.cgp-ios .filters-mobile .section.ng-container { top: 0px; }

/* commented by reg
    .half-banner .ng-container,
    .cgp-mobile .half-banner .ng-container, 
    .cgp-tablet .half-banner .ng-container { top: -5px; }   
*/

    .half-banner .section.offer-container {display: inline-block;width: 100%;} 
    .fp-tableCell { display: block; }
} 

@media screen and (width:1400px){
    html.cgp-pc .game-container {
        background-size: 376px;
        background-position: 0px -721px;
        width: 178px;
        height: 178px;
    }
}
   .small-main-offer {
position: relative;
padding-top: 60px;
padding-right: 0!important;
padding-left: 0!important;
background-image: url("//images.images4us.com/888Games_CGP/EN/mobile_image_FIX-CLEOPTRA_RISE_OF-1510205290731.jpg");
background-repeat: no-repeat;
background-position: 78% 50px;
background-size: cover;
z-index:2;
}
.hp-small-offer-container { width: 99%; padding-left: 1%; position: relative; padding-bottom: 10px; }
.hp-small-offer-container .first-line, .hp-small-offer-container .second-line { text-shadow: 0px 0px 10px #191919; }
.hp-small-offer-container .first-line { font-size: 1.4rem!important; margin-bottom: 0.2%; } 
.hp-small-offer-container .second-line { line-height: 1; font-weight: 800; } 
.hp-small-offer-container .second-line { font-size: 1.4rem!important; } 
.hp-small-offer-container .second-line-large { font-size: 2.2rem!important; }
.hp-small-offer-container .second-line-medium { font-size: 2rem!important; }
.hp-small-offer-container .cta-container { max-width: 100%; }
.hp-small-offer-container .primary-button.button { margin: 1% 0 2%; padding: 10px 30px!important; font-size: 1.1rem; }
.hp-small-offer-container .button, .hp-small-offer-container .primary-button { display: block; float: left; }
.small-offer-disclaimer { display: none; padding: 0.5% 0.625rem; font-size: 0.75rem; line-height: 1.2; }
.small-offer-disclaimer a { color: white; text-decoration: underline; }
.small-offer-disclaimer .row .small-offer-disclaimer-content { width: 100%;}
.small-main-offer-game-logo { display: none; max-width: 330px; width: 20%; position: absolute; right: 0; bottom: 0; }

.cgp-mobile .section.offer-container, .cgp-tablet .section.offer-container { position: relative; z-index: 2; }
.page-container > div:nth-child(1) { z-index: 2; }
.page-container > div:nth-child(2) { z-index: 1; }

/****************************************************************************************************************
Responsive
****************************************************************************************************************/

@media screen and (min-width: 751px) {
.small-main-offer { padding-top: 80px; background-image: url("//images.images4us.com/888Games_CGP/EN/games-arena-888-gamesMAIN-1510205275200.jpg"); background-position: center 50px; background-size: cover; }
.hp-small-offer-container { padding-bottom: 20px; }
.hp-small-offer-container .first-line { font-size: 1.7rem!important; }
.hp-small-offer-container .second-line { font-size: 1.8rem!important; }
.hp-small-offer-container .second-line-large { font-size: 3rem!important; }
.hp-small-offer-container .second-line-medium { font-size: 2.5rem!important; }
.hp-small-offer-container .primary-button.button { padding: 20px 40px 17px !important; font-size: 1.4rem; }
.small-offer-disclaimer { line-height: 1.4;}
.sport-tc.small-offer-disclaimer{visibility: hidden;}
.small-offer-disclaimer .row .small-offer-disclaimer-content { width: 81%; }
.small-main-offer-game-logo { display: block; }
}

@media screen and (min-width: 1025px) {
.small-main-offer { padding-top: 120px; }
.hp-small-offer-container .first-line { font-size: 1.8rem!important; }
.hp-small-offer-container .second-line { font-size: 2rem!important; }
.hp-small-offer-container .second-line-large { font-size: 4rem!important; }
.hp-small-offer-container .second-line-medium { font-size: 2.8rem!important; }
}

@media screen and (min-width: 1201px) {
.hp-hide-white-strip { top: -50px; }
}

@media screen and (min-width: 1651px) {
.small-offer-disclaimer .row .small-offer-disclaimer-content { width: 82%; }
}

@media screen and (min-width: 1721px) {
.small-offer-disclaimer .row .small-offer-disclaimer-content { width: 84%; }
}

@media screen and (min-width: 1751px) {
.small-offer-disclaimer .row .small-offer-disclaimer-content { width: 85%; }
}

@media screen and (min-width: 1811px) {
.small-offer-disclaimer .row .small-offer-disclaimer-content { width: 86.5%; }
}