/* COMPONENT: Promotions Lobby - Daily Deals Promotions */
#fullContent .daily-wrap {
	padding-bottom: 8px;
	margin-bottom: 30px;
	overflow: hidden;
}
#fullContent .daily-wrap .warpLiveCasinoGameItem {
	width: 123px;
	margin: 0 auto;
	text-align: center;
	float: left;
	height: auto;
}
#fullContent .daily-wrap .warpLiveCasinoGameItem a {
	color: #fff;
	text-decoration: none;
}
#fullContent .daily-wrap .warpLiveCasinoGameItem div {
	margin-top: -18px;
	position: relative;
	text-transform: uppercase;
	font-size: 12px;
}
#fullContent .daily-wrap .warpLiveCasinoGameItem div:after {
	content: url("//images-nj.secured-igaming-services.com/888Casino_CGP_US/en/border-horizontal-1548244739728.png");
	display: block;
	position: absolute;
	top: 7px;
}
#fullContent .daily-wrap.warpLiveCasinoGameItem a {
	color: #fff;
	text-decoration: none;
}

@media screen and (min-width: 840px){
    .promo-teaser-item > div{
      display: flex;
      flex-wrap: wrap;
    }
}

@media screen and (min-width: 200px) {
	#fullContent .daily-wrap .warpLiveCasinoGameItem {
		width: 50%;
	}
}
@media screen and (min-width: 319px) {
	#fullContent .daily-wrap .warpLiveCasinoGameItem {
		width: 50%;
		padding: 0;
	}
	#fullContent .daily-wrap .warpGameItemNotHover {
		width: 155px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 440px) {
	#fullContent .daily-wrap .warpLiveCasinoGameItem {
		width: 33.33%;
	}
}
@media screen and (min-width: 560px) {
	#fullContent .daily-wrap .warpLiveCasinoGameItem {
		width: 25%;
	}
}
@media screen and (min-width: 690px) {
	#fullContent .daily-wrap .warpLiveCasinoGameItem {
		width: 20%;
	}
}
@media screen and (min-width: 800px) {
	#fullContent .daily-wrap .warpLiveCasinoGameItem {
		width: 14.2%;
	}
}
@media screen and (max-width: 840px) {
	#fullContent .daily-wrap .warpLiveCasinoGameItem {
		width: 50%;
		margin: 20px 0px;
		height: 180px;
	}
}
@media screen and (min-width: 925px) {
	#fullContent .daily-wrap .warpLiveCasinoGameItem {
		width: 14.28%;
	}
	#fullContent .dealer-wrap .warpLiveCasinoGameItem {
		height: 145px;
		width: 120px;
		padding-right: 18px;
		box-sizing: content-box;
	}
	#fullContent .dealer-wrap .warpLiveCasinoGameItem:nth-of-type(7n+7) {
		padding-right: 0;
	}
}

/* COMPONENT: Promotions Lobby - Disclaimer */
#fullContent .wrapperCGP {
	position: relative;
	z-index: 0;
}
#fullContent .promotionDisclaimer .disclaimer,
#fullContent .promotionTC .disclaimer {
	font-size: 11px;
	font-family: "888-DemiBold", verdana, sans-serif;
	margin: 0 0 35px 0;
}
@media screen and (max-width: 1279px) {
	#fullContent .promotionDisclaimer,
	#fullContent .promotionTC {
		margin: 0;
	}
}

/* COMPONENT: Promotions Lobby - Promotion Item */
#fullContent .linkWrapper {
	display: block;
}
#fullContent .accordion-content div:after {
	content: "";
	clear: both;
	width: 100%;
	display: block;
}
#fullContent .horizontal-teaser-text {
	padding-top: 9px;
}
#fullContent .main-image-banner .here.block {
	margin-bottom: 30px;
}
#fullContent .promo-wrapper {
	background-color: #171717;
	width: 48%;
	margin-bottom: 20px;
	margin-right: 2%;
	font-size: 15px;
	padding: 0.9375rem;
	float: left;
}
#fullContent .promo-wrapper .linkWrapper img {
	width: 100%;
}
#fullContent .promo-wrapper div:last-of-type {
	max-width: 100%;
        margin: 0;
}
#fullContent .promo-wrapper h3 {
	color: #7df700;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	margin-top: 10px;
}
@media screen and (max-width: 1280px) {
	#fullContent .promo-wrapper {
		width: 48%;
		margin-right: 2%;
	}
}
@media screen and (max-width: 840px) {
	#fullContent .promo-wrapper {
		width: 100%;
		margin-right: 0;
	}
}

/* COMPONENT: Promotions Lobby CSS */
#fullContent .first-grey-bg {
	text-align: center;
}
#fullContent .promotion-lobby-template .grey-bg {
	position: relative;
}
#fullContent .promotion-lobby-template .grey-bg:before {
	content: "";
	background: url("//images-nj.secured-igaming-services.com/888Casino_CGP_US/en/shadow-bg-1548244796084.png")no-repeat;
	width: 100%;
	height: 230px;
	top: 0px;
	left: 0;
	position: absolute;
	background-position: top center;
	z-index: -1;
	background-size: contain;
}
#fullContent .promotion-lobby-template h1:before,
#fullContent .promotion-lobby-template .swiper-with-arrows:before,
#fullContent .promotion-lobby-template .swiper-with-arrows:after {
	background: none;
}
#fullContent .promotion-lobby-template h2 {
	font-size: 16px;
	color: #7ffc02;
	font-weight: bold;
	position: relative;
	padding-bottom: 0px;
	margin-top: -65px !important;
	padding-top: 65px !important;
	padding-left: 64px !important;
	margin-left: -40px !important;
	display: block;
	line-height: 36px;
        text-transform: uppercase;
}
#fullContent .promotion-lobby-template h2:before {
	content: '';
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 2%, rgba(0, 0, 0, 0.1) 85%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 2%, rgba(0, 0, 0, 0.1) 85%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 2%, rgba(0, 0, 0, 0.1) 85%, rgba(0, 0, 0, 0) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
	position: absolute;
	border-left: 2px solid #7ffc02;
	height: 36px;
	width: 230px;
	left: 40px;
	margin: 0;
	z-index: -1;
}
#fullContent .promotion-lobby-template section section,
#fullContent .promotion-lobby-template article {
	padding: 20px 0px;
}
#fullContent .promotion-lobby-template h1 {
	margin-bottom: 0px;
}
@media screen and (max-width: 1700px) {
	#fullContent .accordion .grey-bg:not(.fix-graf-gap):before {
		display: block;
		border-top: 1px solid #353535;
		top: 1px;
	}
	#fullContent .promotion-lobby-template .grey-bg {
		border-top: 1px solid #000;
		border-top: 1px solid #000000;
		margin-left: -7px;
		width: calc(100% + 14px);
		padding: 15px 7px;
	}
	#fullContent .promotion-lobby-template h1:before,
	#fullContent .promotion-lobby-template .swiper-with-arrows:before,
	#fullContent .promotion-lobby-template h1 {
		border: 0px;
	}
	#fullContent .promotion-lobby-template h1 {
		margin-left: 0;
		padding: 0 0 15px 0;
	}
}
@media screen and (max-width: 840px) {
	#fullContent .promotion-lobby-template h2 {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 640px) {
	#fullContent .promotion-lobby-template h2 {
		padding-top: 0px !important;
		margin-top: 0px !important;
	}
	#fullContent .promotion-lobby-template h2:before {
		height: 100%;
	}
}

/* COMPONENT: Promotions Lobby - Secondery Menu */
#fullContent .seconderyMenu {
	position: relative;
	padding: 1px 0;
}
#fullContent .seconderyMenu a {
	display: inline-block;
	position: relative;
}
#fullContent .seconderyMenu a.active-button {
	color: #7cf700;
}
@media only screen and (max-width: 640px) {
	#fullContent .seconderyMenu {
		display: none !important;
	}
}

/* COMPONENT: Promotions Lobby - Policies and Claims */
#fullContent .step-text {
	padding-top: 11px;
}
#fullContent .stap-wrap a {
	color: white;
	text-decoration: none;
	text-align: center;
}

#fullContent .column:not(:first-of-type) .stap-wrap:after {
	background-color: transparent;
}
@media screen and (max-width: 840px) {
	#fullContent .stap-wrap.promotion-lobby {
		background: none;
		width: 90%;
		font-size: 12px;
	}
}
@media only screen and (max-width: 640px) {
	#fullContent .stap-wrap {
		text-align: center;
		margin: 10px 0;
	}
}

/* COMPONENT: Promotions Lobby - SEO Section */
#fullContent .teaser-data .text {
	color: white;
}
#fullContent .s-section .teaser-data {
	text-align: center;
	max-width: 210px;
	padding: 2px 0;
	margin: 0 auto;
}
@media only screen and (max-width: 640px) and (orientation: portrait) {
	#fullContent .s-main-text {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* COMPONENT: Promotions Lobby - Buttons */
#fullContent .button.hollow, 
#fullContent .yellow-btn-left .button {
	margin-top: 15px;
}
#fullContent .yellow-btn-left .button {
	display: inline-block;
	margin-left: 10px;
}
/* TOP CTA */
#fullContent .main-button {
	display: block;
	max-width: 270px;
	margin: 0 auto;
}
/* TOP CTA Langs */
html[lang="ru"] #fullContent .promotion-btn .main-button .button {
	width: 200px;
}
html[lang="es"] #fullContent .promotion-btn .main-button .button {
	width: 220px;
}
html[lang="sv"] #fullContent .promotion-btn .main-button .button,
html[lang="fr"] #fullContent .promotion-btn .main-button .button {
	width: 180px;
}
/* Teaser CTA */
#fullContent .promotion-btn .button {
	font-size: 0.9em;
}
/* Green CTA Langs */
html[lang="el"] #fullContent .button.hollow,
html[lang="el"] #fullContent .button.hollow:focus,
html[lang="el"] #fullContent .button.hollow:hover {
	font-size: 12px;
	line-height: 3;
}
html[lang="da"] #fullContent .button.hollow,
html[lang="da"] #fullContent .button.hollow:focus,
html[lang="da"] #fullContent .button.hollow:hover {
	min-width: 125px;
}
@media screen and (max-width: 1280px) {
	html[lang="es"] #fullContent .button.hollow,
	html[lang="es"] #fullContent .button.hollow:focus,
	html[lang="es"] #fullContent .button.hollow:hover {
		width: 105px;
	}
}
@media screen and (max-width: 460px) {
	#fullContent .button {
		min-width: 120px;
	}
	#fullContent .button.hollow,
	#fullContent .button.hollow:focus,
	#fullContent .button.hollow:hover,
	#fullContent .promotion-btn .button .hollow,
	#fullContent .promotion-btn .main-button .button,
	html[lang="ru"] #fullContent .promotion-btn .main-button .button,
	html[lang="fr"] #fullContent .promotion-btn .main-button .button,
	html[lang="sv"] #fullContent .promotion-btn .main-button .button {
		font-size: 10px;
	}
	html[lang="el"] #fullContent .promotion-btn .main-button .button,
	html[lang="de"] #fullContent .promotion-btn .main-button .button {
		width: 104px;
		min-width: 104px;
	}
	html[lang="es"] #fullContent .promotion-btn .main-button .button {
		width: 180px;
	}
	html[lang="es"] #fullContent .button.hollow,
	html[lang="es"] #fullContent .button.hollow:focus,
	html[lang="es"] #fullContent .button.hollow:hover {
		width: 100px;
		font-size: 10px;
		min-width: 100px;
	}
	html[lang="el"] #fullContent .button.hollow,
	html[lang="el"] #fullContent .button.hollow:focus,
	html[lang="el"] #fullContent .button.hollow:hover,
	html[lang="de"] #fullContent .button.hollow,
	html[lang="de"] #fullContent .button.hollow:focus,
	html[lang="de"] #fullContent .button.hollow:hover {
		width: 141px;
		font-size: 10px;
	}
	html[lang="da"] #fullContent .button.hollow,
	html[lang="da"] #fullContent .button.hollow:focus,
	html[lang="da"] #fullContent .button.hollow:hover,
	html[lang="da"] #fullContent .promotion-btn .button .hollow,
	html[lang="da"] #fullContent .promotion-btn .main-button .button{
		width: 125px;
	}
}

/* COMPONENT: Promotions Lobby - RTL CSS */
.cgp-rtl #fullContent .breadcrumbs a,
.cgp-rtl #fullContent .breadcrumbs span {
	font-size: 12px;
}
.cgp-rtl #fullContent .promo-wrapper {
	float: right;
	margin-left: 2%;
	margin-right: 0;
}
.cgp-rtl #fullContent .promotion-lobby-template h2 {
	padding-left: 0px !important;
	margin-left: 0px !important;
	padding-right: 64px !important;
	margin-right: -40px !important;
}
.cgp-rtl #fullContent .promotion-lobby-template h2:before {
	content: '';
	background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.65) 2%, rgba(0, 0, 0, 0.1) 85%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.65) 2%, rgba(0, 0, 0, 0.1) 85%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to left, rgba(0, 0, 0, 0.65) 2%, rgba(0, 0, 0, 0.1) 85%, rgba(0, 0, 0, 0) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
	border-right: 2px solid #7ffc02;
	border-left: 0;
	right: 40px;
	left: 0;
}
.cgp-rtl #fullContent .seconderyMenu a {
	border-left: 1px solid #717171;
	border-right: 0;
	padding: 0px 0px 0px 15px;
	margin-right: 0;
	margin-left: 8px;
}
.cgp-rtl #fullContent .seconderyMenu a:first-child {
	padding-right: 0px;
	padding-left: 8px;
}
.cgp-rtl #fullContent .seconderyMenu a:last-child {
	border-left: 0px;
}
.cgp-rtl #fullContent .promotion-btn .main-button .button {
	float: right;
	line-height: 2.5;
	margin-right: 10px;
	margin-left: 0px;
}
.cgp-rtl #fullContent .main-button {
	min-width: auto;
}
.cgp-rtl #fullContent .daily-wrap .warpLiveCasinoGameItem {
	float: right;
}
.cgp-rtl #fullContent .small-up-2 > .column:last-child,
.cgp-rtl #fullContent .small-up-2 > .columns:last-child {
	float: right;
}
@media screen and (max-width: 1700px) {
	.cgp-rtl #fullContent .promotion-lobby-template .grey-bg {
		margin-left: 0px;
		margin-right: -7px;
	}
}
@media screen and (max-width: 1280px) {
	.cgp-rtl #fullContent .promo-wrapper {
		margin-left: 2%;
		margin-right: 0;
	}
}
@media screen and (max-width: 840px) {
	.cgp-rtl #fullContent .promo-wrapper {
		margin-right: 0;
		margin-left: 0;
	}
}
@media screen and (max-width: 420px) {
	.cgp-rtl #fullContent .promotion-btn .main-button .button {
		margin: 0 10px 0 0;
		margin-top: 15px;
	}
}
@media screen and (min-width: 641px) {
	.cgp-rtl #fullContent .medium-up-4 > .column:last-child,
	.cgp-rtl #fullContent .medium-up-4 > .columns:last-child {
		float: right;
	}
}

/*  COMPONENT GAMES LIST */
#fullContent.hot_games_lobby .Inner-Promotion-template .game-List-warp .games-list-item{
    width: 14.28%;
}

#fullContent.hot_games_lobby .Inner-Promotion-template .game-List-warp .gameName{
font-size: 1.4rem;
font-weight: 300;
color: #ffffff;
font-family: "888-DemiBold",verdana,sans-serif;
}

#fullContent.hot_games_lobby .Inner-Promotion-template .game-List-warp .cgp-live-feed-content{
font-size: 1.4rem;
font-weight: 600;
color: #fce403;
font-family: "888-DemiBold",verdana,sans-serif;
}

#fullContent.hot_games_lobby .Inner-Promotion-template .games-list-item .img-item{
max-width: 120px;
width: 100%;
height: 120px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}


#fullContent.hot_games_lobby .Inner-Promotion-template .games-list-item .img-item img {
   width: 6rem;
   opacity: 0;
   transition: all 400ms ease;
}

#fullContent.hot_games_lobby .Inner-Promotion-template .game-List-warp .gamePage {
position: absolute;
left: 0;
right: 0;
opacity: 0;
transform: translateY(8rem);
transition: all 400ms ease;
margin: auto;
}

#fullContent.hot_games_lobby .Inner-Promotion-template .game-List-warp .gamePage a {
    height: 4rem;
    width: 4rem;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 50px;
    padding-top: 0.2rem;
    opacity: .6;
    font-size: 2.2rem;
    font-family: "Oleo-Script-Regular",verdana,sans-serif;
    text-decoration: none;
    color: #fff;
    display: block;
}

#fullContent.hot_games_lobby .Inner-Promotion-template .game-List-warp .gamePage a:hover{
 opacity: 1;
}

#fullContent.hot_games_lobby .Inner-Promotion-template .games-list-item .game-info-container {
  opacity: 1;
  transition: all 400ms ease;
}

#fullContent.hot_games_lobby .Inner-Promotion-template .games-list-item:hover .img-item img{
   opacity: 1;
}

#fullContent.hot_games_lobby .Inner-Promotion-template .games-list-item.active:hover .gamePage {
   opacity: 1;
   transform: translateY(0rem);
}

#fullContent.hot_games_lobby .Inner-Promotion-template .games-list-item.active:hover .game-info-container{
   transform: translateY(8rem);
   opacity: 0;
}


@media screen and (max-width: 840px) {
#fullContent.hot_games_lobby .Inner-Promotion-template .game-List-warp .games-list-item{
    width: 50%;
}
}

.cgp-rtl #fullContent .promotion-lobby-template h2 {
    padding-left: 0px !important;
    margin-left: 0px !important;
    padding-right: 64px !important;
    margin-right: -40px !important;
}