@media screen and (min-width: 768px) {
    .casino-games {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 4%!important;
        -moz-column-gap: 4%!important;
        column-gap: 4%!important;
        border-top: 1px solid #00b262;
        padding-top: 6px;
    }
}

.casino-games > div {border-bottom: 1px solid #00b262 ;margin-bottom: 6px; padding-bottom: 6px; display: inline-block; width: 100%;}
.casino-games .col-2-flex {display: flex; justify-content: space-between;align-items: center; flex-wrap: wrap;}

@media screen and (max-width: 767px) { /* mobile view */
    .casino-games .col-2-flex > div {max-width: 55%;}
}

.casino-games .col-2-flex > *	 {width:unset;max-width: 55%} /* 2 items */
.jackpots-total {
	border: solid 2px #04B463;
	border-radius: 24px;
	text-align: center;
	display: table;
	margin: 0px auto 20px auto;
	font-weight: bold;
	padding: 2px 25px 7px 25px;
	font-size: 24px;
	color: #162D46;
	white-space: nowrap;
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 48%, #f4f4f4 52%, #f4f4f4 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 48%,#f4f4f4 52%,#f4f4f4 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 48%,#f4f4f4 52%,#f4f4f4 100%);
}
.game-box > a			{color: #000;}
.game-container			{height:270px; position:relative; z-index:10; overflow: hidden;}
.game-container > div {
	width: 100%; min-height: 270px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center bottom;
	position: absolute;
	bottom: 0;
}

.jackpot-game-box .game-logo {
	min-height: unset;
}

.jackpot-game-box .game-logo img {
	display: inline-block;
}

.jackpot-game-box .game-name {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

div.game-jackpot {
	width:100%; 
	background:url('/img/game-jackpot.png') no-repeat center bottom / contain;
	position: absolute; bottom: 0;
	padding-top: 222px;
	font-size: 2rem;
	font-weight: 700;
}

.game-jackpot span		{line-height:38px; display:inline-block;}

@media screen and (max-width: 1280px) {
	.game-container			{height:19vw;}
	.game-container > div	{min-height:18vw;}
	div.game-jackpot		{padding-top:14vw;}
}
@media screen and (max-width: 767px) { /* mobile view */
	#jackpots-hp > div			{width:100%; margin-bottom:1vw;}
	.game-container				{height:66vw;}
	.game-container > div		{min-height:66vw;}
	div.game-jackpot			{padding-top:56vw; font-size:4.5vw;}
	div.game-jackpot span		{line-height:100%;}
	#jackpots-hp div.game-name				{height:17vw;}
	#jackpots-hp div.game-logo				{background-size:65%;}
	/* bigger button */
	#jackpots-hp .game-cta button.special				{height:auto; border-width:0.4vw; margin:0px auto 1vw auto; padding:0.6vw;}
	#jackpots-hp .game-cta button.special div			{border-width:0.5vw; border-radius:500px; padding:0.2vw 3vw 0.2vw 2vw; font-size:5vw;}
	#jackpots-hp .game-cta button.special div > span	{width:5vw; height:5vw; margin-left:1.5vw; margin-top:-0.5vw; border-width:0.5vw;}
	#jackpots-hp .game-cta .triangle					{margin-top:-1.1vw; border-width:1.5vw; margin-left:0.4vw;}
}
@media screen and (max-width: 380px) {
	div.game-jackpot			{padding-top:55vw; font-size:5vw;}
}


/***** Specific code for specific Jackpots *****/
.jackpot-game-box .game-theme {
	background-size: 72%;
	background-position-y: 100px;
}
.jackpot-game-box .game-art {
	bottom: -10px;
}
@media screen and (max-width: 1280px) { /* 3 items */
	.jackpot-game-box .game-theme	{background-position-y: 5.5vw;}
}
@media screen and (max-width: 767px) { /* 1 items */
	.jackpot-game-box .game-theme	{background-position-y: 20vw;}
}
#games-hp > div			{width:31%; margin:0; font-size:1.6rem; line-height:115%; text-align:center;margin-bottom: 4px;}

@media screen and (max-width: 767px) { /* mobile view */
	#games-hp > div				{width:48%; margin-bottom:4vw;}
	#games-hp div.game-name		{height:10vw;}
}

/************************ Hp Games Line *************************************************/
.games-hp-line			{margin-top:-1.3%; padding-bottom:30px; background:url('/img/games-bg-top.png') no-repeat center top / 100%;}
.games-hp-line-inner	{padding-top:84px; background:url('/img/games-bg.png') no-repeat center 4.7%;}
.games-hp-wrapper		{width:95%; margin:0px auto;}

.games-hp-wrapper h2 {
	font-size: 72px;
	line-height: 105%;
	font-style: italic;
	color: #007ea7;
	text-align: center;
	font-weight: bold;
	text-shadow: 0px 0px 20px rgba(55, 119, 147, 0.4);
	margin:0px auto 6px auto; padding:0;
	background: -webkit-linear-gradient(#53c1e4, #206688);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
}

#games-hp				{width:auto; display:flex; justify-content:space-between; flex-wrap:wrap;}


@media (max-width: 1400px) {
	.games-hp-line			{margin-top:-1.4%;}
}
@media (max-width: 1280px) {
	.games-hp-line			{margin-top:-1.5%;}
	.games-hp-wrapper		{max-width:80%;}
}
@media screen and (max-width: 768px) { /* mobile view */
	.games-hp-wrapper		{max-width:90%;}
}
@media screen and (max-width: 767px) { /* mobile view */
	.games-hp-line				{background-image:none;}
	.games-hp-line-inner		{padding-top:10vw; background-image:none;}
	.games-hp-wrapper h2		{font-size:10vw; max-width:77vw; margin-bottom:14px;}
}

@media screen and (max-width: 480px) {
	.games-hp-wrapper		{max-width:90%;}
	.games-hp-wrapper h2	{font-size:14vw; max-width:none;}
}

/** div.game-name CSS is up **/


/************************ Hp Features Line *************************************************/
.features-line {
	padding-top:40px; border-radius:0px 0 50% 50% / 15%;
	background: -moz-linear-gradient(top,  rgba(0,167,225,1) 0%, rgba(0,127,168,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,167,225,1) 0%,rgba(0,127,168,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,167,225,1) 0%,rgba(0,127,168,1) 100%);
}
@media (max-width: 1230px) {
	.features-line			{border-radius:0px 0 50% 50% / 5vw;}
}

#features				{display:flex; justify-content:space-between;}
#features > div			{width:30%; max-width:250px; text-align:center; margin-bottom:40px;}
#features > div img		{width:100%; height:auto; display:block; margin-bottom:10px;}
#features > div h3		{color:#fff; font-size:4rem; line-height:100%; font-weight:bold; font-style:italic; padding:0px 15px;}

@media screen and (max-width: 767px) { /* mobile view */
	.features-line			{padding-top:5vw;}
	#features > div			{width:30%; margin-bottom:5vw;}
	#features > div h3		{font-size:5vw; padding:0;}
}

img.optisized.lazyloaded {
    height: auto !important;
    padding-top: unset !important;
}
/************ Footer Logos *****************/
#footer-logos			{margin-bottom:20px;opacity:0.6; text-align: center;}
.site-container-da #footer-logos {opacity:1;}
#footer-logos:hover			{opacity:1;}
#footer-logos .primegaming img {
    display: block;
    max-width: 38vw;
}
#footer-logos .primegaming {
    display: inline-flex;
    column-gap: 20px;
    align-items: center;
}

/************ Footer Texsts *****************/
div.footer-top-text			    {margin-bottom:10px; font-size:12px; line-height:15px;}
#footer-links div.footer-bottom-text		    {margin-bottom:15px; font-size:75%; line-height:145%;text-align: center;}
div.footer-bottom-text a		{color: #fff}

div.footer-text			{margin-bottom:30px; font-size:1.2rem; line-height:135%; color:#fff; text-align:center;}
.footer-text h4			{color:#fff; font-weight:bolder;}
.footer-text a			{color:#fff; text-decoration:underline;}
.footer-text a:hover	{color:#fff736; text-decoration:none;}
.footer-text p.site-version{margin-top: 1rem;}

@media screen and (max-width: 767px) { /* mobile view */
    #footer-links div.footer-bottom-text {margin-bottom:0px;}
}
/************************ Footer *****************************/
/************ Footer Line *****************/
.footer-line {
	padding:25px 0px 0px 0px;
	background: -moz-linear-gradient(top, rgba(0,167,225,1) 0%, rgba(0,126,167,1) 73%);
	background: -webkit-linear-gradient(top, rgba(0,167,225,1) 0%,rgba(0,126,167,1) 73%);
	background: linear-gradient(to bottom, rgba(0,167,225,1) 0%,rgba(0,126,167,1) 73%);
}

/**** Footer Links ****/
#footer-links				{display:flex; flex-wrap:wrap; justify-content:center;margin:0px auto 30px auto; padding:0;}
#footer-links li			{margin:0px 0px 10px 0px; font-size:1.6rem; line-height:115%; list-style:none;}
#footer-links li a			{color:#fff; text-decoration:underline;}
#footer-links li a span		{padding:0px 0.5em 0px 1em;}
#footer-links li a:hover	{color:#fff736; text-decoration:none;}
#footer-links li a.current	{color:#fff736; text-decoration:none;}
#footer-links li a:after	{display:inline-block; padding:0px 0 0px 0.5em; color:#fff; content:"|";}
#footer-links li:last-child a:after		{display:none;}

@media screen and (max-width: 767px) {
    #footer-links li a span		{padding:0px 0.3em 0px 0.6em;}
#footer-links li a:after	{padding:0px 0 0px 0.3em;}
}
/**** Footer Logos - Moved to leagal footer Component ****/

/**** Footer Texsts  - Moved to leagal footer text Component ****/

/**** Footer Coins ****/
.footer-coins {
	height: 78px; margin-top: 15px;
	background: url('/img/footer-coins.png') no-repeat center center / contain;
}

@media screen and (max-width: 1024px) {
	.footer-coins	{background-size:cover;}
}
@media screen and (max-width: 767px) {
    .footer-coins {height:56px;}
}
@media screen and (max-width: 600px) {
    .footer-coins {height:32px;}
}


/************ Footer Fixed bottom Line *****************/
#footer-fixed-container {position: fixed; bottom: 0; width: 100%; z-index: 70; }
#footer-fixed {
	width:100%; height:16.9vw;
	position:relative; bottom:0; left:0; right:0;
	border-top:#fff 2px solid; z-index:70;
	box-sizing:border-box;
	background: -moz-linear-gradient(top,  #dedfe1 0%, #dfddde 100%);
	background: -webkit-linear-gradient(top,  #dedfe1 0%,#dfddde 100%);
	background: linear-gradient(to bottom,  #dedfe1 0%,#dfddde 100%);
}	
#footer-fixed ul		{height:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:0; margin:0;}
#footer-fixed ul li		{margin:0px; list-style:none;}

#footer-menu-but		{width:24%; padding-right:0.52vw;}
#footer-search-but		{width:24%; padding-right:0.52vw;}
#footer-promo-but		{width:26%; padding-right:0.52vw;}
#footer-play-but		{width:26%;}

#footer-fixed ul li button,
#footer-fixed ul li a {
	font-size:3.3vw; line-height:100%; color:#676767; font-weight:normal;
	display:flex; flex-direction:column; justify-content:flex-start;
	width:100%; height:100%;
	padding:2.3vw 0px 0px 0px; text-transform:uppercase;
	border-radius:0; text-align:center; text-decoration:none;
	background: -moz-linear-gradient(top,  #fff 0%, #c4c4c4 100%);
	background: -webkit-linear-gradient(top,  #fff 0%,#c4c4c4 100%);
	background: linear-gradient(to bottom,  #fff 0%,#c4c4c4 100%);
}

#footer-fixed ul #footer-play-but a	{
	background: -moz-linear-gradient(top,  #cd3301 0%, #9c2803 100%);
	background: -webkit-linear-gradient(top,  #cd3301 0%,#9c2803 100%);
	background: linear-gradient(to bottom,  #cd3301 0%,#9c2803 100%);
	color:#fff;
}

#footer-fixed ul li button img,
#footer-fixed ul li a img		{display:block; width:8vw; height:auto; margin:0 auto 0.5vw auto;}
footer-play-but img				{position:relative; left:0.8vw;}

@media screen and (min-width: 768px) { /* desktop-view */
	#footer-fixed	{display:none;}
}

@media screen and (max-width: 767px) and (orientation: landscape) { /* mobile view landscape*/
	#footer-fixed				{height:auto; padding:0;}
	#footer-fixed ul			{}
	#footer-fixed ul li			{width:auto !important; flex-grow:1;}
	#footer-fixed ul li button,
	#footer-fixed ul li a		{width:auto; flex-direction:row; justify-content:center; padding:1vw 1vw 1vw 1vw; font-size:3.3vw; line-height:100%;}
	#footer-fixed ul li button img,
	#footer-fixed ul li a img	{width:auto; height:50px; margin:0;}
	#footer-fixed ul li button > *,
	#footer-fixed ul li a > *	{align-self:center; padding-right:1vw; padding-left:1vw;}
}

#icons-nav li.active a {
    color: #007bff;
}

@media screen and (max-width: 768px) { /* mobile view */
    #icons-nav li:first-child {
        margin-left: 20px!important;
    }

    #icons-nav li:last-child {
        margin-right: 20px!important;
    }
}
#icons-nav li.active a {
    color: #007bff;
}
.table2_in table td, .vip-lounge-levels-table td, .vip-lounge-levels-table th {
    border-bottom: solid 1px #00b262;
}
.table2_in .table2_in_h2 td {
    text-align: center;
}
.table2_in .table2_in_h2 td img{
    display: inline;
}
.table th, .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.vip_main .table {
    border-bottom: 2px solid #00b262;
}
.vip_main .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
.table2_in table td, .vip-lounge-levels-table td, .vip-lounge-levels-table th {
    border-bottom: solid 1px #00b262;
}
.table2_in table td p, .vip-lounge-levels-table td p, .vip-lounge-levels-table th p {
    margin: 0;
}
.vip-lounge-levels-table {
    font-size: 12px;
    width: 100%;
    margin: 10px 0;
}

@media screen and (max-width:768px) {
    .main-area .table2_in {
        overflow-x: scroll;
        max-width: 92vw;
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .main-area .table2_in > table {
        width: max-content;
    }
}

@media screen and (min-width: 769px) { /*desctop view */
	.side-area		{width:170px; margin:110px 0 45px 0;}
}

/** side nav **/
ul#icons-nav				{margin:0; padding:0;}
#icons-nav li				{display:block; margin:0; font-size:1.6rem; line-height:115%; list-style:none;}
#icons-nav li a				{display:block; padding:8px 0px 8px 0px; text-decoration:none;}
#icons-nav li a:hover		{color:#5a5a5a; text-decoration:underline;}
#icons-nav li.current a		{color:#083306; text-decoration:none;}

@media screen and (max-width: 768px) { /*mobile view */
	.side-area	    	{
        width: 108%;
        margin: -12px -40px 14px -40px;
        position: relative;
        border-bottom: 1px solid #083306;
    }
	.side-area-inner   	{width:100%; overflow:auto;}
	.side-area:before {
        content:""; width:40px; height:40px;
        position:absolute; top:0; left:0; z-index:9;
        background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    }
	.side-area:after {
        content:""; width:40px; height:40px;
        position:absolute; top:0; right:0; z-index:9;
        background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    }
    ul#icons-nav    	{display:block; text-align:center; white-space:nowrap;}
    #icons-nav li		{display:inline-block; margin:0px 10px 0px 10px !important;}
}

@media screen and (max-width: 767px) { /*mobile view */
	.side-area	    	{
        width: 108%;
        margin: -12px -4% 14px -4%;
        position: relative;
        border-bottom: 1px solid #083306;
    }
}
/****/
/****** 3rd level - pannel - game page ******/
#game-page .area-wrapper {
    width: 100%;
	max-width: none;
	/*background-color: yellow;*/
}
#game-page .normal-wrapper.area-wrapper {
    width: 95%;
	/* max-width: 1310px; */
}

#game-page div.tabs-section-wrap			{display:none; overflow:hidden; padding:0;}
#game-page div.tabs-section-wrap.active		{display:block;}
#game-page div.tab-section-pannel			{display:none;}
#game-page div.tab-section-pannel.active	{display:block;}
#game-pannel								{text-align:left;}
#game-page div.game-info					{display: inline-block; margin: 0 auto; text-align: left;}

@media screen and (max-width: 767px) { /* mobile view */
	#game-page div.tabs-section-wrap	{padding:0;}
}
@media screen and (max-width: 540px) {
	.game-info h1	{font-size:240%; margin-bottom:20px;}
}

/****************** Game stuff ***************/

/** standard params **/
div.param-card				{display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between; padding:15px 20px 20px 20px; border:#00a7e1 2px solid;}
div.param-card.image		{padding:0; overflow: hidden; position: relative;}
div.param-card.image .game-img-rect img	{height: 100%; max-width: unset;}
div.param-card.image .img-ph-warpper {
	overflow: hidden;
    border-radius: 2px;
    display: flex;
	justify-content: center;
}
@media screen and (max-width: 767px) { /* mobile view */	
	div.param-cards-group > div.param-card.image img {
		height: auto;
		width: 100%;
	}
}
div.param-card.capitalized	{text-transform: capitalize;}
div.param-card-head > div	{text-align:center; padding:0; margin:0px 0px 25px 0px; display:flex; flex-wrap:wrap; justify-content:flex-end; flex-direction:column; box-sizing:border-box;}
div.param-card-head			{display:table; margin:auto;}
div.param-card-head img		{display:table-cell; vertical-align:middle;}
div.param-card-head div		{display:table-cell; vertical-align:middle; padding-left:10px; color:#676767; font-size:2rem; line-height:115%; font-weight:bold;}
div.param-card-body			{display:flex; flex-direction:column; flex-grow:1; justify-content:center; text-align:center; word-break: break-all;}
div.param-row strong		{color:#00a7e1; font-size:3.6rem; line-height:115%; font-weight:bold;}

.param-card div.score-param-row		{height:100%; display:flex; justify-content:space-between;}
.param-card div.raitings			{width:60%; display:flex; flex-direction:column; justify-content:center;}
.site-container-nb-NO .param-card div.raitings,
.site-container-de .param-card div.raitings,
.site-container-fi .param-card div.raitings {width:50%;}
.param-card div.score-raitings		{display:flex; justify-content:space-between; margin:7px 0px 7px 0px;}
.param-card div.overall				{width:32%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.site-container-de .param-card div.overall,
.site-container-nb-NO .param-card div.overall,
.site-container-fi .param-card div.overall {width:42%;}
.param-card .score-raitings div		{width:44%; display:flex; flex-direction:column; justify-content:center;}
.param-card .score-raitings img		{width:100%; height:auto; display:block;}
.param-card .raitings span			{color:#00a7e1; font-size:2rem; line-height:115%; font-weight:bold;}
.param-card div.overall div			{color:#00a7e1; font-size:3rem; line-height:115%; font-weight:bold;}
.param-card div.overall div span	{display:none;}
.param-card div.overall strong		{color:#0099CC; font-size:4.5rem; line-height:115%; font-weight:bold;}

.param-card .score-1 img {
	background: -moz-linear-gradient(left, #ffd940 19%, transparent 0);
	background: -webkit-linear-gradient(left, #ffd940 19%, transparent 0);
	background: linear-gradient(to right, #ffd940 19%, transparent 0);
}
.param-card .score-2 img {
	background: -moz-linear-gradient(left, #ffd940 40%, transparent 0);
	background: -webkit-linear-gradient(left, #ffd940 40%, transparent 0);
	background: linear-gradient(to right, #ffd940 40%, transparent 0);
}
.param-card .score-3 img {
	background: -moz-linear-gradient(left, #ffd940 60%, transparent 0);
	background: -webkit-linear-gradient(left, #ffd940 60%, transparent 0);
	background: linear-gradient(to right, #ffd940 60%, transparent 0);
}
.param-card .score-4 img {
	background: -moz-linear-gradient(left, #ffd940 80%, transparent 0);
	background: -webkit-linear-gradient(left, #ffd940 80%, transparent 0);
	background: linear-gradient(to right, #ffd940 80%, transparent 0);
}
.param-card .score-5 img {
	background: #ffd940;
}

div.param-cards-group > div			{background-color:#f9f9f8; border-radius:2px;}

div.param-cards-group .game-img {
	position:relative;
	height:auto;
	display:block;
}

div.param-cards-group .game-img .game-up {
	width: 100%; height: 100%;
	display: inline-flex; flex-direction: column;
	justify-content: space-around;
    position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    z-index: 3;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

div.param-cards-group .game-img .game-up button {
	-webkit-transform:scale(1.5);
	transform:scale(1.5);
	display: inline-block;
}

div.param-cards-group .game-img:hover .game-up {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}

/** icons pannel **/
div.icon-panel			{position:absolute; bottom:0;}
.icon-panel #tags {
	display: inline-flex;
    position: absolute;
	bottom: 0; left: 0;
    z-index: 2;
	margin:0; padding:0;
}
.icon-panel li.tag {
	position: relative;
	padding: 3px 4px 4px 21px;
	margin: 0;
	border-radius: 0 2px 0 0;
	line-height: 100%;
	white-space: nowrap;
	text-transform: uppercase;
	list-style-type:none;
}

.icon-panel li.tag:first-child {
    padding-left: 9px;
}

.icon-panel li.tag:after {
	content: "";
	display: block;
	width: 16px; height: 100%;
	position: absolute;
	z-index:-1;
	bottom: 0; left: 100%;
	border-radius: 0 2px 0 0;
	-webkit-transform: skew(30deg,0deg);
	-moz-transform: skew(30deg,0deg);
	-ms-transform: skew(30deg,0deg);
	transform: skew(30deg,0deg);
	-webkit-transform-origin: bottom right;
	-moz-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
}

.icon-panel li.tag.jackpot			{background-color:#f9a446; color:#000; z-index:9;}
.icon-panel li.tag.new				{background-color:#fdd93e; color:#fff; z-index:8;}
.icon-panel li.tag.popular			{background-color:#00a7e1; color:#fff; z-index:7;}
.icon-panel li.tag.live_dealer		{background-color:#050505; color:#fff; z-index:6;}

.icon-panel li.tag.jackpot:after		{background-color:#f9a446;}
.icon-panel li.tag.new:after			{background-color:#fdd93e;}
.icon-panel li.tag.popular:after		{background-color:#00a7e1;}
.icon-panel li.tag.live_dealer:after	{background-color:#050505;}

.icon-panel li.tag span {
    position: relative;
	z-index: 10;
	font-size: 1.4rem;
	line-height: 115%;
}

/** bets range **/
div.mm-range			{display:flex; flex-wrap:wrap; justify-content:space-between;}
div.min-max strong		{margin-bottom:2px;}
div.mm-arrow			{width: 100%; height:1px; background-color:#676767; margin-top:8px; position:relative;;}
div.mm-arrow:before {
    content:""; display:block;
    width: 5px; height: 9px;
    position: absolute;
    bottom: -4px; left: 0;
    background :url('/img/GamePage/minmax-left.gif');
    z-index: 9;
}
div.mm-arrow:after {
    content:""; display:block;
    width: 5px; height: 9px;
    position: absolute;
    bottom: -4px; right: 0;
    background :url('/img/GamePage/minmax-right.gif');
    z-index: 9;
}
div.min-max span		{padding-top:10px;  color:#676767; font-size:1.6rem; line-height:110%;}

/* popup yes img */
/* @media screen and (max-width: 799px) { 
	#game-page div.game-info		{max-width:590px;}
	div.param-card-body		{padding: 6vw 0 6vw 0;}
	div.mm-range			{padding:0 8%;}
			
	#game-popup .param-cards-group > div.param-card.image		{display:block !important; grid-column-start:1; grid-column-end:3; margin-bottom:0 !important; border-radius:2px 2px 0px 0px;}
	#game-popup div.param-card.image .img-ph-warpper			{border-radius:2px 2px 0px 0px;}
	#game-popup div.param-card.image .game-img-rect img			{width:100% !important;}
} */

@media screen and (max-width: 799px) and (min-width: 768px) {
	#game-popup .param-cards-group div.param-row strong		{font-size: 5.7vw;}
}

@media screen and (max-width: 767px) {
	#game-page div.game-info		{max-width:500px;}
	div.param-card-body				{padding: 6vw 0 0 0;}
	.min-max div.param-card-body	{width:100%; max-width:90%; margin-left:auto; margin-right:auto;}
	#game-popup .param-cards-group > div.param-card.image	{margin-bottom:0 !important;}
	#game-popup div.param-card.image .img-ph-warpper {border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
	#game-popup param-card.score 		{border-top-left-radius:0px; border-top-right-radius:0px;}
	.param-card div.score-param-row		{flex-direction:column;}
	.param-card div.raitings			{width:100%; flex-direction:row; justify-content:space-between; flex-wrap:wrap; margin-bottom:2.5vw;}
	.site-container-nb-NO .param-card div.raitings,
	.site-container-de .param-card div.raitings,
	.site-container-fi .param-card div.raitings {width:100%;}
	.param-card div.score-raitings		{width:44%; margin:0.7vw 0px 0.7vw 0px;}
	.param-card div.overall				{width:100%; flex-direction:row; justify-content:center;}
	.site-container-de .param-card div.overall,
	.site-container-nb-NO .param-card div.overall,
	.site-container-fi .param-card div.overall {width:100%;}
	div.param-row strong				{font-size: 5.7vw;}
	.param-card div.overall strong		{font-size: 5.7vw;}
	.param-card div.overall div			{font-size: 5.7vw;}
	.param-card div.overall div span	{display:inline-block; margin-right:2vw;}
}

@media screen and (max-width: 540px) { /* mobile responsive */
	div.param-row strong			{font-size:6.5vw;}
	.param-card div.overall strong	{font-size:6.5vw;}
	div.param-card-head div			{font-size:5vw; font-weight:bold;}
	.param-card .raitings span		{font-size:4vw; font-weight:bold;}
	.param-card div.overall div		{font-size:6.5vw; font-weight:bold;}
	div.param-card-head img			{width:8vw;}
	div.min-max span				{font-size:2.7vw; font-weight:bold;}
}
@media screen and (max-width: 400px) { /* mobile responsive */
	.param-card div.score-raitings	{width:100%;}
	div.param-row strong			{font-size:9vw;}
	.param-card div.overall strong	{font-size: 9vw;}
	.param-card div.overall div		{font-size: 9vw;}
	.site-container-de div.overall div,
	.site-container-nb-NO div.overall div,
	.site-container-fi div.overall div {font-size: 7vw;}
	div.min-max span				{font-size:3.2vw; font-weight:bold;}
	.param-card .raitings span		{font-size: 5vw;}
}

/************************** structure **************************/
div.param-cards-group {
	margin-bottom: 20px;
}

.param-cards-group > div.param-card  {
	margin-bottom: 10px;
}

.param-cards-group > div.param-card.score  {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 2;
}

.param-cards-group > div.param-card.image  {
	grid-column-start: 1;
	grid-column-end: 3;
}

@media screen and (min-width: 768px) {
	.param-cards-group {
		display:inline-grid; 
		grid-gap:20px;
		grid-template-columns: repeat(2, 240px);		
		grid-auto-rows: 240px;
	}

	.param-cards-group > div.param-card  {
		margin-bottom: unset;
	}
}

@media screen and (max-width: 767px) {
	.param-cards-group > div.param-card.score  {
		border-top-width: 0px;
	}
	.param-cards-group > div.param-card.image  {
		border-bottom-width: 0px;
	}
}

/***** type 1 default *****/
.default-wrapper		{max-width:1280px;text-align: center;}
.casino-wrapper		{max-width:1280px;text-align: center;}
.scratch_cards-wrapper		{max-width:1280px;text-align: center;}

@media screen and (min-width: 880px) {
	.param-cards-group {
		grid-template-columns: repeat(3, 240px);
	}
}

@media screen and (min-width: 1362px) {
	.param-cards-group  {
		grid-template-columns: repeat(4, 240px);
	}
}

/* @media screen and (min-width: 1600px) {
	.param-cards-group.default  {
		grid-template-columns: repeat(5, 240px);
	}
} */


/** carousel ?? **/
#game-carousel				{width:100%; background-color:#0099CC; text-align:center; padding:30px 0 30px 0;}
#game-page .images-title	{width:95%; max-width:1310px; margin: 0 auto 20px auto;display: none;}
#game-carousel h2			{color:#fff; font-size:3.6rem; line-height:115%; font-weight:800; display:inline;}
#game-carousel #images		{width:unset; max-width:1310px; white-space: nowrap; margin: 0 auto; overflow: hidden;}
#game-carousel #images.gallery		{display: flex; flex-direction: row; justify-content: space-between;}
#game-carousel #images img			{max-width: 30%; height:auto; display:inline-block; vertical-align: bottom;}

@media screen and (max-width: 767px) { /* mobile view */
	#game-carousel				{padding:3.5vw 0 4.5vw 0; overflow-x: auto;}
	#game-carousel #images		{max-width:unset;}
	#game-carousel #images.gallery		{display: inline;}
	#game-page .images-title	{margin-bottom:2.6vw;}
	#game-carousel h2			{font-size:145%;}
	#game-carousel #images img	{max-width: 80%; margin: 0 3%;}
}

/** game text **/
#game-text						{padding:50px 0 30px 0;}
#game-text div.game-banner		{margin-bottom:50px;}
#game-text #game-banner-1		{padding-top:25px;}
#game-text img.desktop-only		{display:block;}
#game-text img.mobile-only		{display:none;}
#game-text .section-block		{margin-bottom:20px;}
#game-text .section-block h2	{margin-bottom:20px;}
#game-text .section-block h3	{margin-bottom:15px; font-size:150%; text-transform:uppercase;}
#game-text .col-2-flex > * p:last-child	{margin-bottom:0;}
#game-text .col-3-flex > * p:last-child	{margin-bottom:0;}
.game-content-wrapper .images-section {
	margin-left: -2.5%;
    margin-right: -2.5%;
	background-color: #0099CC;
	max-width: unset;
}
.game-content-wrapper sectiontitle {
	display: none;
}

.game-content-wrapper .images-section img {
	max-width: 360px;
	width: 30%;
	display: inline-block;
}

.game-content-wrapper .images-section gameimage {
	display: block;
    text-align: center;
    padding: 15px 2.5%;
}

.game-content-wrapper .game-seo {
	max-width: 1310px;
    margin: 30px auto;
}

#game-popup .game-content-wrapper .game-seo {
    margin: 30px 4%;
}

@media screen and (max-width: 767px) { /* mobile view */
	#game-text						{padding:6.5vw 0 4vw 0;}
	#game-text div.game-banner		{margin:0 -4.3% 6.5vw -4.3%;}
	#game-text #game-banner-1		{padding-top:2vw;}
	#game-text img.desktop-only		{display:none;}
	#game-text img.mobile-only		{display:block;}
	#game-text .section-block		{margin-bottom:3.5vw;}
	#game-text .section-block h2	{margin-bottom:3.2vw;}
	#game-text .section-block h3	{margin-bottom:3vw; font-size:100%;}
}

.recommended {
    padding-top: 1em;
}

.recommended h2 {
    text-align: center;
}

.recommended .categories {
    /*justify-content: space-evenly !important;*/
    justify-content: center !important;
    flex-wrap: unset !important;
}

#game-page  .game-up a.play-demo {
	color: #fff;
	cursor: pointer;
}

#game-page  .game-up div.play-demo {
	margin-top: 15px;
}

#game-page  .game-up a.play-demo:hover {
	color: #fff;
}
.promotions-block {
    display: inline-grid; 
    grid-column-gap: 4%;
    grid-template-columns: 18% auto;
    margin-bottom: 30px;
}

.content-line div.promotions-seperator {
    margin-top: 0;
    width: 100%;
    height: 1.5px;
    background-color: #00b262;
    margin-bottom: 30px;
}

.promotions-block .img-promotion {
    grid-column: 1;
    grid-row: 1/3;
}

.promotions-block h2 {
    grid-column: 2;
}

.promotions-block .txt-wrap {
    display: flex; 
    flex-flow: column;
}

.promotions-block .txt-wrap button {
    margin: 0;
}

.promotions-block .txt-wrap .txt-promotion {
    flex-grow: 1;	
}

.promotions-block .terms {
    grid-column: 1/-1;
    margin-top: 2%;
}

@media screen and (min-width: 768px) { /* desktop view' */
    .promotions-block h2 {
        font-size: 240%;
    }

    .promotions-block h3 {
        font-size: 150%;
    }
}

@media screen and (max-width: 768px) {
	.promotions-block {
        display: block;
    }

    .promotions-block h2 {
        font-size: 180%;
    }

    .promotions-block .txt-wrap button {
        margin: 0 auto;
    }    

    .promotions-block .img-promotion {
        margin-bottom: 2%;
        max-width: 30%;
    }

    .content-line div.promotions-seperator {
        /* margin-left: -4%;
        margin-right: -4%; */
    }
}

/** promotions **/
div.terms.desktop {
	display: block !important;
}

div.terms.mobile {
	display: none !important;
}

div.terms p {
	font-size: 90%;
	margin-bottom: 8px;
}


@media screen and (max-width: 767px) { /* mobile view */
	div.terms.desktop {
		display: none !important;
	}
	
	div.terms.mobile {
		padding-top: 20px;
		display: block !important;
	}
}
.payment-page h3 {
    color: #007ea7;
    font-size: 1.75rem;
    margin-top: 16px;
}

.payment-page .payment-option {
    margin-bottom: 15px;
}

.payment-page img {
    width: auto;
}
.site-container-empty .content{
    text-align: center;
    padding: 10%;
}
.site-container-empty .contentText{
    margin-bottom: 50px;
}
.site-container-empty img{
    display: inline;
}
/************ Constant Templates *****************/

/** intro (half text half image) **/
div.intro-block					{display:flex; flex-wrap:wrap; justify-content:space-between;}
.intro-block .txt-wrap			{width:48%; display:flex; flex-direction:column; margin-top:-9px;}
.intro-block .txt-wrap img, .intro-block .txt-wrap video		{display:none;}
.intro-block .txt-wrap button.mbl	{display:none;}
.intro-block p					{margin-bottom:20px; /*flex-grow:1;*/}
.intro-block .img-wrap			{width:48%; border-radius:2px;}
.intro-block .img-wrap img		{width:100%; height:auto; display:block; border-radius:2px;}
/* .intro-block button			{height:60px; font-size:28px;} */
.intro-block .img-wrap button	{margin: 24px auto;}

/* Diverse Selection of Online Scratch Card Games */
.no-webp #diverse-selection-hp .img-wrap	{background:url('/img/hp/scratchcards-seo-img-top.jpg') no-repeat center center / cover;}
.webp #diverse-selection-hp .img-wrap		{background:url('/img/hp/scratchcards-seo-img-top.webp') no-repeat center center / cover;}
#diverse-selection-hp .img-wrap img		{opacity:0;}

/* Scratch Card Games at LuckyMe Slots (scratch-cards-games) */
.no-webp #scratch-cards-games .img-wrap	{background:url('/img/scratchCards/Scratchcards-imgs-top.jpg') no-repeat center center / cover;}
.webp #scratch-cards-games .img-wrap		{background:url('/img/scratchCards/Scratchcards-imgs-top.webp') no-repeat center center / cover;}
#scratch-cards-games .img-wrap img		{opacity:0;}

/* Instant Win Games at LuckyMe Slots (instant-win-games) */
.no-webp #instant-win-games .img-wrap	{background:url('/img/InstantWin/instant-win-games-top.jpg') no-repeat center center / cover;}
.webp #instant-win-games .img-wrap		{background:url('/img/InstantWin/instant-win-games-top.webp') no-repeat center center / cover;}
#instant-win-games .img-wrap img		{opacity:0;}

/* Enjoy Mobile Slots In Your Own Time */
.no-webp #slots-mobile .img-wrap	{background:url('/img/slots/slots-phone.jpg') no-repeat center center / cover;}
.webp #slots-mobile .img-wrap		{background:url('/img/slots/slots-phone.webp') no-repeat center center / cover;}
#slots-mobile .img-wrap img			{opacity:0;}

/* Online Casino Games at LuckyMe Slots (casino-games) */
.no-webp #casino-games .img-wrap	{background:url('/img/Casino/casino-games-top.jpg') no-repeat center center / cover;}
.webp #casino-games .img-wrap		{background:url('/img/Casino/casino-games-top.webp') no-repeat center center / cover;}
#casino-games .img-wrap img		{opacity:0;}

@media screen and (max-width: 1040px) and (min-width: 768px) { 
	.intro-block .txt-wrap		{width:40%;}
	.intro-block .img-wrap		{width:55%;}
}

@media screen and (max-width: 767px) { /* mobile view */
	.intro-block .txt-wrap			{width:100%; margin-top:0;}
	.intro-block .txt-wrap img, .intro-block .txt-wrap video		{width:100%; display:block; margin-bottom:3.5vw; border-radius:1.8vw;}
	.intro-block .txt-wrap button.mbl	{display:unset; margin-top: 8px; margin-bottom: 16px;}
	.intro-block p					{margin-bottom:4vw;}
	.intro-block .img-wrap			{display:none;}
	/* .intro-block button			{height:13.7vw; padding:0 5.9vw 0 5.9vw; font-size:6.46vw; margin-right:auto; margin-left:auto;} */
}


/** games-gallery (columns with text, image, button) **/
div.games-gallery-item		{display:flex; flex-direction:column;}
/*.games-gallery-item  h2,
.games-gallery-item  h3		{flex-grow:1;}*/
.games-gallery-item img		{width:100%; height:auto; display:block; margin-bottom:20px; border-radius:2px;}
.games-gallery-item  p		{flex-grow: 1;}

@media screen and (max-width: 767px) { /* mobile view */
	.games-gallery-item img		{width:100%; display:block; margin-bottom:3.9vw; border-radius:1.8vw;}
}

/** FAQ **/
.faq-block ul				{padding:0; margin:0;}
.faq-block ul li			{margin:0; padding:0; list-style:none;}
.faq-block ul li strong		{font-size:100%; line-height:150%; color:#00b262;}
.faq-block ul li span		{display:block; float:left; font-size:56px; line-height:40px; font-weight:700; color:#00b262; margin-right: 8px; margin-top: 4px;}

@media screen and (max-width: 767px) { /* mobile view */
	.faq-block ul li			{margin:0;}
	.faq-block ul li strong		{line-height:150%;}
	.faq-block ul li span		{font-size:13.3vw; line-height:9.8vw;}
}

/** hp seo icons **/
.games-gallery-item img.hp-seo-icon {
	margin: 0px auto 24px auto !important;
	height: 6.4vw !important;
	width: auto !important;
	min-height: 64px;
}

@media screen and (max-width: 767px) { /* mobile view */
	.games-gallery-item img.hp-seo-icon {
		margin: 0px auto 3vw auto !important;
		height: 34vw !important;
	}
}

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

/************ Overview Line *****************/
.overview-line			{background-color:#fff; padding:25px 0 25px 0;}

@media screen and (max-width: 767px) { /* mobile view */
	.overview-line		{padding:0.5vw 0 2.6vw 0;}
}

/** hp intro **/
.seo-home .intro-block			{margin-bottom:50px;}
.seo-home .page-seperator		{    border: #00b262bf 1px solid; width: 98%; display: block;margin: 0 auto;}

@media screen and (max-width: 767px) { /* mobile view */
	.seo-home .intro-block			{margin-bottom:8.6vw;}
}

/** hp FAQ **/
.seo-home .faq-block		{margin-bottom:25px;}

@media screen and (max-width: 767px) { /* mobile view */
	.seo-home .faq-block		{margin-bottom:6vw;}
}

/** stages **/
.stages img		{margin-bottom:16px;}
@media screen and (max-width: 767px) { /* mobile view */
	.stages img		{margin-bottom:3vw;}
}

/*************** ???????????  XXXXXXXXXXX to delete ??  XXXXXXXXXXX ????????????? ********/
/** Blackjack - How to Play **/
#blackjack-how-to-play						{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px;}
#blackjack-how-to-play .txt-wrap			{width:48%;}
#blackjack-how-to-play h2					{margin-bottom:20px;}
#blackjack-how-to-play .txt-wrap img		{display:none;}
#blackjack-how-to-play .img-wrap			{width:48%;background:url('/img/blackjack/how-to-play.jpg') no-repeat center center / cover;}
#blackjack-how-to-play .img-wrap img		{opacity:0; width:100%; height:auto; display:block;}
#blackjack-how-to-play .feed > ul			{padding:0; margin:0;}

@media screen and (max-width: 767px) { /* mobile view */
	#blackjack-how-to-play						{margin-bottom:7vw;}
	#blackjack-how-to-play .txt-wrap			{width:100%;}
	#blackjack-how-to-play .txt-wrap img		{width:108.6%; max-width:none; display:block; margin:0 -4.3% 3.5vw -4.3%;}
	#blackjack-how-to-play h2					{font-weight:800; margin-bottom:3.5vw;}
	#blackjack-how-to-play .img-wrap			{display:none;}
	#blackjack-how-to-play .feed > ul			{padding:0; margin:0 0 6vw 0;}
	#blackjack-how-to-play .feed > ul > li		{margin-bottom:2.4vw;}
	#blackjack-how-to-play button				{display:flex; height:13.7vw; font-size:6.46vw; padding:0 5.9vw 0 5.9vw; margin:0 auto 0 auto;}
}


#essential					{margin-bottom:25px; margin-top: 43px;}
#essential ul				{padding:0; margin:0;}
#essential ul li			{margin:0 0 10px 0; padding:0; list-style:none;}

@media screen and (max-width: 767px) { /* mobile view */
	#essential				{margin-bottom:6vw; margin-top: 30px;}
	#essential ul			{padding:0; margin:0;}
	#essential ul li		{margin:0 0 2vw 0;}
}

#blackjack-why-online-better					{margin-bottom:25px;}
#blackjack-why-online-better ul					{padding:0; margin:0;}
#blackjack-why-online-better ul li				{margin:0 0 10px 0; padding:0; list-style:none;}
#blackjack-why-online-better ul li span			{width:80px; display:block; float:left; font-size:56px; line-height:40px; font-weight:800; color:#06b2bc;}

@media screen and (max-width: 767px) { /* mobile view */
	#blackjack-why-online-better				{margin-bottom:6vw;}
	#blackjack-why-online-better ul				{padding:0; margin:0;}
	#blackjack-why-online-better ul li			{margin:0 0 2vw 0;}
	#blackjack-why-online-better ul li span		{width:18vw; font-size:12.5vw; line-height:9.8vw;}
}


#blackjack-live-dealer					{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px;}
#blackjack-live-dealer .txt-wrap			{width:30%;}
#blackjack-live-dealer h2					{color:#00b262; margin-bottom:20px;}
#blackjack-live-dealer .txt-wrap img		{display:none;}
#blackjack-live-dealer p					{line-height:160%; margin-bottom:20px;}
#blackjack-live-dealer .img-wrap			{width:65%;background:url('/img/blackjack/live-dealer-blackjack.jpg') no-repeat center center / cover;}
#blackjack-live-dealer .img-wrap img		{opacity:0; width:100%; height:auto; display:block;}
#blackjack-live-dealer button				{height:60px; font-size:28px;}

@media screen and (max-width: 1040px) and (min-width: 768px) { 
	#blackjack-live-dealer .txt-wrap		{width:40%;}
	#blackjack-live-dealer .img-wrap		{width:55%;}
}

@media screen and (max-width: 767px) { /* mobile view */
	#blackjack-live-dealer					{margin-bottom:30px;}
	#blackjack-live-dealer .txt-wrap		{width:100%; margin-bottom:2.64vw;}
	#blackjack-live-dealer h2				{font-size:4.75vw; margin-bottom:3.5vw;}
	#blackjack-live-dealer .txt-wrap img	{width:108.6%; max-width:none; display:block; margin:0 -4.3% 3.5vw -4.3%;}
	#blackjack-live-dealer p				{margin-bottom:4vw;}
	#blackjack-live-dealer .img-wrap		{display:none;}
	#blackjack-live-dealer button			{height:13.7vw; padding:0 5.9vw 0 5.9vw; font-size:6.46vw; margin-right:auto; margin-left:auto;}
}

/** slingo games **/
#blackjack-tips					{margin-bottom:43px;margin-top: 30px;}
#blackjack-gallery				{display:flex; flex-wrap:wrap; justify-content:space-between;}
#blackjack-gallery h2			{}
#blackjack-gallery > div		{width:30%; position:relative;}
#blackjack-gallery h3			{font-size:150%; margin-bottom:20px;}
#blackjack-gallery img			{width:100%; height:auto; display:block; margin-bottom:20px;}
#blackjack-gallery p			{margin:0;}
#blackjack-gallery .button-wrap	{width:100%; position:absolute; left:0; right:0; bottom:0;}
#blackjack-gallery button		{height:60px; font-size:28px; margin:0px auto 0px auto;}

@media screen and (max-width: 767px) { /* mobile view */
	#blackjack-tips				{margin-bottom:2vw;}
	#blackjack-gallery h2		{font-weight:800;}
	#blackjack-gallery > div	{width:100%; margin-bottom:7.26vw;}
	#blackjack-gallery h3		{font-size:100%; margin-bottom:3.9vw;}
	#blackjack-gallery img		{width:108.6%; max-width:none; display:block; margin:0 -4.3% 3.9vw -4.3%;}
	#blackjack-gallery button	{height:13.7vw; font-size:6.46vw; padding:0 5.9vw 0 5.9vw;}
}


.roulette-type					{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px;}
.roulette-type .txt-wrap			{width:30%;}
.roulette-type h2					{}
.roulette-type .txt-wrap img		{display:none;}
.roulette-type p					{line-height:160%; margin-bottom:20px;}
.roulette-type .img-wrap img		{opacity:0; width:100%; height:auto; display:block;}

@media screen and (max-width: 1040px) and (min-width: 768px) { 
	.roulette-type .txt-wrap		{width:40%;}
	.roulette-type .img-wrap		{width:55%;}
}

@media screen and (max-width: 767px) { /* mobile view */
	.roulette-type					{ margin-bottom:10px;}
	.roulette-type .txt-wrap		{width:100%; margin-bottom:2.64vw;}
	.roulette-type h2				{font-weight:800;}
	.roulette-type .txt-wrap img	{width:108.6%; max-width:none; display:block; margin:0 -4.3% 3.5vw -4.3%;}
	.roulette-type p				{margin-bottom:4vw;}
	.roulette-type .img-wrap		{display:none;}
}
#roulette-type-1 .img-wrap			{width:65%;background:url('/img/roulette/american-roulette.jpg') no-repeat center center / cover;}
#roulette-type-2 .img-wrap			{width:65%;background:url('/img/roulette/european-roulette.jpg') no-repeat center center / cover;}
#roulette-type-3 .img-wrap			{width:65%;background:url('/img/roulette/french-roulette.jpg') no-repeat center center / cover;}
#roulette-type-4 .img-wrap			{width:65%;background:url('/img/roulette/live-dealer.jpg') no-repeat center center / cover;}


#rules-odds				{margin-bottom:45px;}
#rules-odds h3			{font-size:150%; margin-bottom:20px;}
#rules-odds .col-2-flex > div	{margin-bottom:0 !important;}

@media screen and (max-width: 767px) { /* mobile view */
	#rules-odds		{margin-bottom:6vw;}
	#rules-odds h3	{font-size:100%; margin-bottom:2.64vw;}
	#rules-odds .section-block		{margin-bottom:6vw;}
	#rules-odds .col-2-flex > div	{margin-bottom:6vw !important;}
}

#rules-odds					{margin-bottom:25px;}
#rules-odds ul				{padding:0; margin:0;}
#rules-odds ul li			{margin:0 0 10px 0; padding:0; list-style:none;display: flex;}
#rules-odds ul li span		{margin-right:10px;display: block; font-size: 20px; line-height: 20px; font-weight: 800; color: #06b2bc;}

@media screen and (max-width: 767px) { /* mobile view */
	#rules-odds				{margin-bottom:6vw;}
	#rules-odds ul			{padding:0; margin:0;}
	#rules-odds ul li		{margin:0 0 0 0;}
	#rules-odds ul li span	{width: 5vw; font-size: 3.5vw; line-height: 5.5vw;}
}

#live-dealer .col-2-flex > div	{margin-bottom:0 !important;}

@media screen and (max-width: 767px) { /* mobile view */
	#live-dealer .col-2-flex > div	{margin-bottom:6vw !important;}
}

#how-to-play-slots					{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px;}
#how-to-play-slots .txt-wrap			{width:48%;}
#how-to-play-slots h2					{margin-bottom:20px;}
#how-to-play-slots .txt-wrap img		{display:none;}
#how-to-play-slots .img-wrap			{width:48%;background:url('/img/slots/slots1.jpg') no-repeat center center / cover;}
#how-to-play-slots .img-wrap img		{opacity:0; width:100%; height:auto; display:block;}
#how-to-play-slots .feed > ul			{padding:0; margin:0;}

@media screen and (max-width: 767px) { /* mobile view */
	#how-to-play-slots					{margin-bottom:7vw;}
	#how-to-play-slots .txt-wrap			{width:100%;}
	#how-to-play-slots .txt-wrap img		{width:108.6%; max-width:none; display:block; margin:0 -4.3% 3.5vw -4.3%;}
	#how-to-play-slots h2					{font-weight:800; margin-bottom:3.5vw;}
	#how-to-play-slots .img-wrap			{display:none;}
	#how-to-play-slots .feed > ul			{padding:0; margin:0 0 6vw 0;}
	#how-to-play-slots .feed > ul > li	{margin-bottom:2.4vw;}
}

#online-slots-better					{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px;}
#online-slots-better .txt-wrap			{width:48%;}
#online-slots-better h2					{margin-bottom:20px;}
#online-slots-better .txt-wrap img		{display:none;}
#online-slots-better .img-wrap			{width:48%;background:url('/img/slots/slots2.jpg') no-repeat center center / cover;}
#online-slots-better .img-wrap img		{opacity:0; width:100%; height:auto; display:block;}
#online-slots-better .feed > ul			{padding:0; margin:0;}
#online-slots-better button				{display:none;}

@media screen and (max-width: 767px) { /* mobile view */
	#online-slots-better					{margin-bottom:7vw;}
	#online-slots-better .txt-wrap			{width:100%;}
	#online-slots-better .txt-wrap img		{width:108.6%; max-width:none; display:block; margin:0 -4.3% 3.5vw -4.3%;}
	#online-slots-better h2					{font-weight:800; margin-bottom:3.5vw;}
	#online-slots-better .img-wrap			{display:none;}
	#online-slots-better .feed > ul			{padding:0; margin:0 0 6vw 0;}
	#online-slots-better .feed > ul > li	{margin-bottom:2.4vw;}
	#online-slots-better button				{display:flex; height:13.7vw; font-size:6.46vw; padding:0 5.9vw 0 5.9vw; margin:0 auto 0 auto;}
}

/** win-daily-jackpot **/
#win-daily-jackpots					{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px;}
#win-daily-jackpots .txt-wrap			{width:48%;}
#win-daily-jackpots h2				{margin-bottom:20px;}
#win-daily-jackpots .txt-wrap img		{display:none;}
#win-daily-jackpots .img-wrap			{width:48%;background:url('/img/daily_jackpots/red-tiger.png') no-repeat center center / cover;}
#win-daily-jackpots .img-wrap img		{opacity:0; width:100%; height:auto; display:block;}
#win-daily-jackpots .feed > ul		{padding:0; margin:0;}
#win-daily-jackpots button			{display:flex; font-size:1.5vw; margin:0 auto 0 auto;}

@media screen and (max-width: 767px) { /* mobile view */
	#win-daily-jackpots					{margin-bottom:7vw;}
	#win-daily-jackpots .txt-wrap			{width:100%;}
	#win-daily-jackpots .txt-wrap img		{width:108.6%; max-width:none; display:block; margin:0 -4.3% 3.5vw -4.3%;}
	#win-daily-jackpots h2				{font-weight:800; margin-bottom:3.5vw;}
	#win-daily-jackpots .img-wrap			{display:none;}
	#win-daily-jackpots .feed > ul		{padding:0; margin:0 0 6vw 0;}
	#win-daily-jackpots .feed > ul > li	{margin-bottom:2.4vw;}
	#win-daily-jackpots button			{display:flex; height:13.7vw; font-size:6.46vw; padding:0 5.9vw 0 5.9vw; margin:0 auto 0 auto;}
}

#jackpot-vs-regular					{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px;}
#jackpot-vs-regular .txt-wrap			{display: flex; flex-direction: column; width:48%;}
#jackpot-vs-regular h2					{margin-bottom:20px;}
#jackpot-vs-regular .txt-wrap img		{display:none;}
#jackpot-vs-regular .img-wrap			{width:48%;background:url('/img/Jackpots/winstar-vs-starburst.jpg') no-repeat center center / cover;}
#jackpot-vs-regular .img-wrap img		{opacity:0; width:100%; height:auto; display:block;}
#jackpot-vs-regular .feed 			{display: flex; flex-direction: column; flex-grow: 1;}
#jackpot-vs-regular .feed > ul			{padding:0; margin:0; flex-grow: 1;}

@media screen and (max-width: 767px) { /* mobile view */
	#jackpot-vs-regular					{margin-bottom:7vw;}
	#jackpot-vs-regular .txt-wrap			{width:100%;}
	#jackpot-vs-regular .txt-wrap img		{width:108.6%; max-width:none; display:block; margin:0 -4.3% 3.5vw -4.3%;}
	#jackpot-vs-regular h2					{font-weight:800; margin-bottom:3.5vw;}
	#jackpot-vs-regular .img-wrap			{display:none;}
	#jackpot-vs-regular .feed > ul			{padding:0; margin:0 0 6vw 0;}
	#jackpot-vs-regular .feed > ul > li	{margin-bottom:2.4vw;}
	#jackpot-vs-regular button				{display:flex; height:13.7vw; font-size:6.46vw; padding:0 5.9vw 0 5.9vw; margin:0 auto 0 auto;}
}


#what-is-jackpot					{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px;}
#what-is-jackpot .txt-wrap			{width:30%;}
#what-is-jackpot h1					{color:#00b262; margin-bottom:20px;}
#what-is-jackpot .txt-wrap img		{display:none;}
#what-is-jackpot p					{line-height:160%; margin-bottom:20px;}
#what-is-jackpot .img-wrap			{width:65%;background:url('/img/Jackpots/jackpot.jpg') no-repeat center center / cover;}
#what-is-jackpot .img-wrap img		{opacity:0; width:100%; height:auto; display:block;}
/* #what-is-jackpot button				{height:60px; font-size:28px;} */

@media screen and (max-width: 1040px) and (min-width: 768px) { 
	#what-is-jackpot .txt-wrap		{width:40%;}
	#what-is-jackpot .img-wrap		{width:55%;}
}

@media screen and (max-width: 767px) { /* mobile view */
	#what-is-jackpot					{margin-bottom:20px;}
	#what-is-jackpot .txt-wrap		{width:100%; margin-bottom:2.64vw;}
	#what-is-jackpot h1				{font-size:4.75vw; margin-bottom:3.5vw;}
	#what-is-jackpot .txt-wrap img	{width:108.6%; max-width:none; display:block; margin:0 -4.3% 3.5vw -4.3%;}
	#what-is-jackpot p				{margin-bottom:4vw;}
	#what-is-jackpot .img-wrap		{display:none;}
	/* #what-is-jackpot button			{height:13.7vw; padding:0 5.9vw 0 5.9vw; font-size:6.46vw; margin-right:auto; margin-left:auto;} */
}

/** FAQ **/
#jackpot-tips				{margin-bottom:25px;}
#jackpot-tips ul				{padding:0; margin:0;}
#jackpot-tips ul li			{margin:0 0 10px 0; padding:0; list-style:none;}
#jackpot-tips ul li span		{width:60px; display:block; float:left; font-size:56px; line-height:40px; font-weight:800; color:#06b2bc;}

@media screen and (max-width: 767px) { /* mobile view */
	#jackpot-tips				{margin-bottom:6vw;}
	#jackpot-tips ul				{padding:0; margin:0;}
	#jackpot-tips ul li			{margin:0 0 2vw 0;}
	#jackpot-tips ul li span		{width:14vw; font-size:12.5vw; line-height:9.8vw;}
}

/** FAQ **/
#faq				{margin-bottom:25px;}
#faq ul				{padding:0; margin:0;}
#faq ul li			{margin:0 0 10px 0; padding:0; list-style:none;}

@media screen and (max-width: 767px) { /* mobile view */
	#faq				{margin-bottom:6vw;}
	#faq ul				{padding:0; margin:0;}
	#faq ul li			{margin:0 0 2vw 0;}
}

/** promotions **/
ol.primary-color li {
	counter-increment: list;
	list-style-type: none !important;
	position: relative;
}
  
ol.primary-color li:before {
	color: #00b262;
	content: counter(list) ".";
	left: -32px;
	position: absolute;
	text-align: right;
	font-weight: 700;
	width: 26px;
}

div.terms.desktop {
	display: block !important;
}

div.terms.mobile {
	display: none !important;
}

div.terms p {
	font-size: 85%;
}

div.terms a {
	color: #00b262;
}

@media screen and (max-width: 767px) { /* mobile view */
	div.terms.desktop {
		display: none !important;
	}
	
	div.terms.mobile {
		padding-top: 20px;
		display: block !important;
	}
}
/************ Search Results Container ************/
#search-results-container	{padding:24px 20px 10px 20px; position:relative; max-height:100vh; overflow:hidden; box-sizing:border-box;}
.searching #search-results-container	{max-height:none; overflow:initial;}
#search-cover				{background-color:rgba(238,238,238,0.9); position:absolute; top:0; left:0; z-index:5; width:100%; height:100%;}
.searching #search-cover	{display:none;}

/**** Search Msg ****/
#search-msg			{max-width:90%; padding-top:20px; color:#ff2c52; font-size:3.5rem; font-weight:500; line-height:125%; text-align:center;}
#search-msg p		{margin:0 0 20px 0px;}

@keyframes glow-text {
	from {
		color:#007bff;
	} to {
		color:#00b262;
	}
}
@-webkit-keyframes glow-text {
	from {
		color:#007bff;
	} to {
		color:#00b262;
  }
}

#no-search-msg {
	position:absolute; z-index:10;
	font-size:6.5rem; line-height:145%;
	font-weight:bold; text-align:center;
	-webkit-animation: glow-text 5s ease-in-out infinite alternate;
	-moz-animation: glow-text 5s ease-in-out infinite alternate;
    animation: glow-text 5s ease-in-out infinite alternate; 
    width: 100%;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0px;
    top: 0px;
}

.searching #no-search-msg	{display:none;}
#no-search-msg strong		{display:block; font-size:6rem; line-height:115%; font-weight:bold; margin-bottom:8px;}
#no-search-msg span			{display:block; font-size:4rem; line-height:115%; font-weight:500;}

/**** Search Results ****/
#search-results ul						{display:flex; flex-wrap:wrap; justify-content:flex-start; margin:0px -5px 0px -5px; padding:0px;}
#search-results ul li					{margin:0px 5px 15px 5px;}
#search-results ul li div.img-wrap		{filter:blur(6px); -webkit-filter:blur(6px);}
.searching #search-results ul li div.img-wrap	{filter:none; -webkit-filter:none;}
#search-results ul li span.highlight	{display:inline-block; color:#ff3250; font-weight:600; text-decoration:underline;}
#search-results ul li .game-link button	{display:none;}

#search-results ul li a {
    height: 28px;
    overflow: hidden;
    line-height: 27px;
    padding: 0 5px;
    position: absolute;
    bottom: 0; left: 0;  right: 0;
    z-index: 4;
    background-color: #FCD430;
    color: #5a5a5a;
}
#search-results ul li a:hover {
    color: #000;
}

#search-results .game-unit .mobile  {display:none !important}
#search-results .game-up button     {}
#search-results .game-up button.special div       {padding-right:10px; padding-left:10px;}
#search-results .game-up button .rounded-circle   {display:none;}

#search-results .game-up button span {}

@media screen and (min-width: 1841px) { /* 7 items */
	#search-results ul li		{width:calc(14.28571% - 10px);}
}

@media screen and (max-width: 1840px) { /* 6 items */
	#search-results ul li		{width:calc(16.666666% - 10px);}
}

@media screen and (max-width: 1600px) { /* 5 items */
	#search-results ul li		{width:calc(20% - 10px);}
}

@media screen and (max-width: 1300px) { /* 4 items */
	#search-results ul li		{width:calc(25% - 10px);}
}

@media screen and (max-width: 840px) { /* 3 items */
	#search-results ul li		{width:calc(33.333333% - 10px);}
}

@media screen and (max-width: 600px) { /* 2 items */
	#search-results ul li		{width:calc(50% - 10px);}
}

.highlighted {
	color: #660000;
	font-weight: bold
}

/**** mobile view All Search Results ****/
@media screen and (max-width: 767px) { /* mobile view */
	#search-results-container	{padding:1vw 3.3vw 1.6vw 3.3vw;}
	#search-msg					{margin:0px auto; padding-top:3.7vw; font-size:4vw; line-height:125%; font-weight:600; text-align:center;}
	#search-msg p				{margin:0 0 3.3vw 0px; text-align:center;}
	#no-search-msg 				{padding-top:11vw; z-index:10;}
	#no-search-msg strong		{font-size:8vw; line-height:115%;}
	#no-search-msg p			{font-size:5.3vw; line-height:115%;}
	#search-results				{padding:0;}
	#search-results .desktop	{display:block !important;}
}

/* purgecss start ignore */
/************************ Search Popup *****************************/
#search-popup {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #eee;
	text-align: left;
	box-sizing: border-box;
	height:100vh;
}

#search-popup > div {
	max-height:100vh;
}

.search-open #search-popup {
	display: block;
}
#search-popup > div.searching {
	overflow-y: scroll;
}

/**** search box in popup ****/
#search {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	width: 100%;
	display: flex;
	background-color: #edebec;
	border-bottom: #676767 2px solid;
	padding: 12px 20px 17px 20px;
	z-index: 100;
}
#search form {
	display: flex;
	width: 100%;
	position: relative;
}
#search label {
	display: none;
}
#search input.search-input {
	width: 100%;
	height: 58px;
	border: #00a7e1 2px solid;
	border-radius: 500px;
	font-size: 2.2rem;
	line-height: 49px;
	padding: 0px 80px 0px 15px;
	text-align: left;
	color: #000000;
}
#search button.search-but {
	width: 65px;
	height: 54px;
	position: absolute;
	right: 2px;
	top: 2px;
	flex-direction: column;
	color: #676767;
	padding: 0 0 7px 0;
	font-size: 60px;
	border-radius: 500px;
	z-index: 2;
}
@media all and (-ms-high-contrast: none) {
	/* IE11 */
	#search button.search-but {
		padding: 6px 0 0 0;
	}
}
#search button.search-but:hover {
	color: #000024;
}
.searching #search button.search-but {
	display: none;
}
#search button.clear-search {
	width: 34px;
	height: 34px;
	position: absolute;
	right: 15px;
	top: 12px;
	background: #C4C4C4;
	color: #fff;
	padding: 0;
	font-size: 35px;
	line-height: 1em;
	border-radius: 500px;
	z-index: 3;
}
@media all and (-ms-high-contrast: none) {
	/* IE11 */
	#search button.clear-search {
		padding: 3px 0 0 0;
	}
}
.searching #search button.clear-search {
	display: flex;
}
#search span.clear-search-content {
	display: table;
	position: absolute;
	right: 13px;
	font-size: 30px;
	padding-bottom: 2px;
	-webkit-transition: right 0.3s;
	-moz-transition: right 0.3s;
	-o-transition: right 0.3s;
	-ms-transition: right 0.3s;
	transition: right 0.3s;
}
#search span.clear-search-content.active {
	right: 60px;
}
#search span.search-items {
	display: none;
	font-size: 15px;
	color: #a1a5a8;
	line-height: 58px;
}
.searching #search span.search-items {
	display: table;
}

#search button.search-back {
	height: 58px;
	display: table;
	margin: 0px 28px 0px 0px;
	white-space: nowrap;
	color: #676767;
	line-height: 100%;
	font-weight: 500;
	background-color: transparent;
	padding: 0;
	border: 0;
}
#search button.search-back span {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	font-size: 3rem;
	line-height: 59px;
	color: #000;
}
#search button.search-back .fa {
	height: 100%;
	vertical-align: middle;
	font-size: 3.8rem;
	line-height: 56px;
	margin-right: 12px;
	-webkit-transition: margin 0.3s;
	-moz-transition: margin 0.3s;
	-o-transition: margin 0.3s;
	-ms-transition: margin 0.3s;
	transition: margin 0.3s;
	font-weight: 800;
}
@media all and (-ms-high-contrast: none) {
	/* IE11 */
	#search button.search-back .fa {
		margin-top: -6px;
	}
}

#search button.search-back:hover .fa {
	margin-right: 6px;
	margin-left: 6px;
}

/**** mobile view Search Box ****/
@media screen and (max-width: 767px) {
	/* mobile view */
	#search {
		border-bottom-width: 0.52vw;
		padding: 2.64vw;
	}
	#search form {
	}
	#search input.search-input {
		height: 10.66vw;
		border-width: 0.52vw;
		font-size: 4.5vw;
		line-height: 10vw;
		padding-left: 10px;
	}
	#search button.search-but {
		width: 9.62vw;
		height: 9.62vw;
		right: 0.52vw;
		top: 0.52vw;
		padding: 0 0 1.4vw 0;
		font-size: 11vw;
	}
	@supports (-moz-appearance: none) {
		/* firefox */
		#search button.search-but {
			font-size: 9.62vw;
			top: 0.7vw;
		}
	}
	#search button.search-back {
		height: 10.66vw;
		margin: 0px 4vw 0px 0px;
	}
	#search button.search-back span {
		display: none;
	}
	#search button.search-back .fa {
		font-size: 11vw;
		line-height: 10.5vw;
		margin-right: 0;
	}
	#search button.search-back:hover .fa {
		margin-right: -6px;
		margin-left: 6px;
	}
	#search span.clear-search-content.active {
		right: 10.4vw;
	}
	#search button.clear-search {
		width: 6.4vw;
		height: 6.4vw;
		right: 2.6vw;
		top: 2.13vw;
		font-size: 6.7vw;
	}
	@supports (-moz-appearance: none) {
		/* firefox */
		#search button.clear-search {
			font-size: 5vw;
			line-height: 100%;
			padding-bottom: 0.6vw;
		}
	}
	#search span.search-items {
		font-size: 3vw;
		line-height: 10.4vw;
	}
}

#no-search-msg {
	font-family: "Open Sans", arial, helvetica, sans-serif;
}
/* purgecss end ignore */
.canada-region {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.canada-region > div {
  width: 480px;
  z-index: 9998;
  padding: 0;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
  border: solid 2px #1ba6e1;
  border-radius: 2px;
  background: #fff;  
  margin-bottom: 10vh;
}

.canada-region .ontario {
padding: 30px 30px 6px 30px;
color:#000;
text-align: center;
}

.canada-region .ontario a {
cursor: pointer;
}

.canada-region .ontario .reset {
font-size: 85%;
margin-top: 40px;
margin-bottom: 0;
}

.canada-region .ontario .reset > p:first-child {
  margin-bottom: 0;
  }

.canada-region .ontario .spingenie {
  font-size: 200%;
}

.canada-region .selection img {  
  display: block;
}

.canada-region .selection button {
  height: auto;
  padding: 0;
  background: transparent;
  width: 50%;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .canada-region > div {
    max-height: unset !important;
    height: auto !important;
    width: 94vw;
  }
}
.voucher-registration {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.voucher-registration > div {
  width: 580px;
  z-index: 9998;
  padding: 0;
  max-height: 80vh;
  overflow: auto;
  border: solid 1px #01b4bb;
  min-height: 600px;
  background: #fff;
}

.title-msg {
  margin-bottom: 8px;
  text-align: center;
}

.title-msg h4 {
  color: #00b3b5;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 0px !important;
}

.voucher-btn {
  margin: 0 auto !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
  margin-top: 12px !important;
}

.voucher-window {
  min-height: 300px !important;
  width: 520px;
}

.voucher-container {
  padding: 8px 0px !important;
}


.voucher-body {
  text-align: center;
  padding: 24px;
}

.voucher-form {
  margin-bottom: 12px !important;
  padding-left: 12px !important;
  border-radius: 20px !important;
}

.voucher-form:focus {
  color: #495057 !important;
  background-color: #fff !important;
  border-color: #80bdff !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

.voucher-body a {
  cursor: pointer;
}

.status-msg {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .voucher-registration > div {
    max-height: 100vh !important;
    height: 100% !important;
  }
}

.voucher-body.hidden {
  display: none;
}

.voucher-loader {
  display: none;
  padding: 20px;
  width: 100%;
  overflow: hidden;
}

.loader {
  border: 24px solid #f3f3f3;
  border-radius: 50%;
  border-top: 24px solid #1ba6e1;
  border-bottom: 24px solid #1ba6e1;
  width: 140px;
  height: 140px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  opacity: 0.4;
}

.voucher-loader.active {
  display: block;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.post-registration {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
}

.post-registration .post-register-container {
	width: 450px;
	z-index: 9998;
	padding: 0;
	max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    border: solid 2px #005E7D;
    border-radius: 2px;
    background: #E2DFDF;
    height: 100%;
}

.post-registration .window-outside {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100% - 180px);
}

.post-registration .window-inside {
    font-size: larger;
    text-align: center;
    padding: 0 10%;
}

.post-registration .congrats-title {
    font-weight: 800;
    font-size: 200%;
    margin-bottom: 24px;
    line-height: 125%;
    color: #676767;
    text-transform: uppercase;
}

.post-registration .congrats-sub-text {
    font-size: 140%;
    color: #676767;
    font-weight: 700;
}

.post-registration .image {
    position: relative;
    margin: 30px auto;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    height: 128px;
}

.post-registration .window-inside button {
    margin: 0 auto;
}

@media screen and (max-width:768px) {
    .post-registration .post-register-container {
        max-height: 100vh;
    }

    .post-registration .post-register-container {
        border-radius: 0px;
    }
}
#frmRegistration,
#frmLogin,
#frmResetPaddword {
	width: 100%;
	height: 100%;
	border: none 0px transparent;
}

@media screen and (max-width:767px) {
	#frmRegistration,
	#frmLogin,
	#frmResetPaddword {
		border-radius: 0px;
		max-height: 100%;
		max-width: none;
		height: 100vh;
		border: transparent none 0;
	}
}

.account-feed{
	max-width: 580px;
	z-index: 9998;
	padding: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	border: solid 2px #F69720;
	min-height: 600px;
	margin: auto;
	background: white;
	max-height: 100vh;
}

.popup-header {
	position: sticky;
	top: 0;
}

.popup-body {
	padding: 12px 16px;
	font-size: 85%;
}

.popup-body h2{
	font-size: 140%;
	margin-bottom: 0.4em;
}

.background-logo {
	background-color: #ffffff;
	position: relative;
}

.acc-comp .logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 198px;
	padding: 16px 0px 10px 0px;
	border-style: none;
}

.form-head {
	color: #ffffff;
	background: linear-gradient(0deg, #676767, #676767), linear-gradient(0deg, #CC3300, #CC3300), #F69720;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.form-head span {
	color: #ffffff;
	margin: auto;
}

.form-head .close {
	height: 40px;
}

.form-head .head-1 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	margin: 8px;
}

.form-head .head-2 {
    line-height: 10px;
}

.close {
	float: right;
    font-size: 1.5rem;
    font-weight: 700;
	line-height: 1;
    text-shadow: 0 1px 0 #fff;
	width: 40px;
    height: 40px;
    text-indent: 999px;
    overflow: hidden;
    right: 0px !important;
    opacity: 1;
    top: 9px;
    margin-right: 5px !important;
    position: absolute;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAABhQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVjccKgAAAAh0Uk5Te/vDFQD/09cT4iDqAAAAdElEQVR4nGNgVHaBAiMBBtEwEwjbOTWQQTU0GcIxCw1iMAuFSDmnhiYzgAiIRJgJgwtECizGAKEgQgwQGiLCAFEBUcsA1hteCjaFAWIqxHwQx8U8NLTYBRsHRRmyAShGI1uK4hxkh6J4AcVzKN5GCRDkoAIAmE5Raxt54fEAAAAASUVORK5CYII=') no-repeat center;
	cursor: pointer;
}


@media screen and (min-width:768px) {
	.account-feed {
		margin-top: 10vh;
		max-height: 80vh;
	}
}

@media screen and (max-width:768px) {
	.account-feed {
		height: 100vh;
	}
}

.account-feed .popup-body .loader-container {
	margin-top: 26%;
}
.maintenance {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
}

.maintenance .maintenance-container {
	z-index: 9998;
	padding: 0;
	max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    border: solid 2px #005E7D;
    border-radius: 2px;
    background: #E2DFDF;
    height: 100%;
    position: relative;
}

.maintenance .window-outside {
    align-items: center;
}

.maintenance .window-inside {
    font-size: larger;
    text-align: center;
}

@media screen and (max-width:768px) {
    .maintenance .maintenance-container {
        max-height: 100vh;
    }

    .maintenance .maintenance-container .close {
        position: fixed;
    }

    .maintenance .window-outside {
        max-height: 100vh;
    }
}