.game-page  #game-page-labels .game-labels,
.param-card.image .game-labels,
.game-unit-search .mobile .game-labels,
.game-tile .game-labels {
    display: flex;
    position: absolute;
    top: 0; left: 0;
    z-index: 2;
}

.game-page  #game-page-labels .game-label,
.param-card.image .game-label,
.game-unit-search .mobile .game-label,
.game-tile .game-label {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 115%;
    text-transform: uppercase;
    padding: 6px 6px 3px 6px;
    position: relative;
    border-radius: 12px 0 12px 0;
}

.game-page  #game-page-labels .game-label {
    border-radius: 0 0 6px 0;
}

.game-page  #game-page-labels .game-new,
.param-card.image .game-new,
.game-unit-search .mobile .game-labels .game-new,
.game-tile .game-new {
    background-color:#F18C04; color: #fff;
}
.param-card.image .game-popular,
.game-unit-search .mobile .game-labels .game-popular,
.game-tile .game-popular {
    background-color:#000; color: #fff;
}
/* .param-card.image .game-daily-drop,
.game-unit-search .mobile .game-labels .game-daily-drop,
.game-tile .game-daily-drop {
    background-color:#37474F; color: #fff;
}
.param-card.image .game-exclusive,
.game-unit-search .mobile .game-labels .game-exclusive,
.game-tile .game-exclusive {
    background-color:#C4B783; color: #000;
} */

.game-page  #game-page-labels .game-label span,
.param-card.image .game-label span,
.game-unit-search .mobile .game-labels span,
.game-tile .game-label span {
    position: relative;
    z-index: 9;
}

@media screen and (max-width: 767px) { /* mobile view */
    .game-page  #game-page-labels .game-label,
    .param-card.image .game-label,
    .game-unit-search .mobile .game-label,
    .game-tile .game-label {
        font-size: 1.1rem;
        border-radius: 8px 0 8px 0;
    }

    .game-unit-search .mobile .game-labels {
        display: none;
    }

    .game-unit-search .mobile .game-label {
        padding: 3px 0px 1px 6px;
    }
}


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

.game-page  #game-page-labels .game-win,
.param-card.image .game-win,
.game-unit-search .mobile .game-labels .game-win,
.game-tile .game-win {
    display: table;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 115%;
    position: absolute;
    left: 0; bottom: 0;
    background-color: rgba(38,38,38,0.75);
    color: #fff;
    padding: 5px 6px 3px 6px;
    z-index: 2;
    border-radius: 0 12px 0 0;
}

.game-unit-search .mobile .game-labels .game-win {
    right: 0;
    left: unset;
    border-radius: 12px 12px 0 0;
}

.game-page  #game-page-labels .game-win {
    bottom: 1px;
}

.game-page  #game-page-labels .game-win span,
.param-card.image .game-win span,
.game-unit-search .mobile .game-labels span,
.game-tile .game-win span {
    position: relative;
    z-index: 9;
}

.game-page  #game-page-labels {
    position: absolute;
    display: none;
}

/**** mobile view Game Unit ****/

@media screen and (max-width: 767px) { /* mobile view */
    .game-page  #game-page-labels .game-win,
    .param-card.image .game-win,
    .game-unit-search .mobile .game-labels .game-win,
    .game-tile .game-win {
        font-size: 1.6rem;
        line-height: 125%;
    }
    .game-page  #game-page-labels {
        display: initial;
    }
}

@media screen and (max-width: 420px) { /* mobile view */
    .game-page  #game-page-labels .game-win,
    .param-card.image .game-win,
    .game-unit-search .mobile .game-labels .game-win,
    .game-tile .game-win {
        font-size: 1.2rem;
		line-height: 125%;
		padding: 2px 6px 2px 6px;
    }
}

div.game-tile {
    /*background-color: #fff;*/
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    box-sizing: border-box;
}

/* div.game-tile:hover {
    box-shadow: 0px 0px 10px #777;
} */

.game-tile .img-wrap {
    overflow: hidden;
    position: relative;
    padding-top: 100%;
	height: 0;
	box-sizing:content-box;
}

.game-tile img:not(button img) {
    width: 100%;
    height: auto;
    display: block;
	position: absolute;
	top:0; right:0; bottom:0; left:0;
}

.game-tile a {
    display: block;
    width: 94%;
    margin: 20px 3% 8px 3%;
    font-size: 1.7rem;
    line-height: 115%;
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
}

.game-tile a:not(.play-demo) {
    text-transform: uppercase;
}

.games-list h2 {
    display: table;
    color: #f9f9f9;
}
.games-list h2:after {
    content: "\F105";
    font-family: "FontAwesome";
    font-weight: 400;
    margin: 0px 0px 0px 15px;
    font-size: 21px;
    line-height: 21px;
    position: relative;
    top: -1px;
    color: #fff;
}

.games-list a.skeleton,
.game-tile.skeleton a:not(.play-demo) {
    border-radius: 7px;
    background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
    background-size: 600px;
    animation: shine-lines 1.6s infinite linear;
    color: transparent;
}

@keyframes shine-lines {
    0% {
      background-position: -100px;
    }
    40%, 100% {
      background-position: 140px;
    }
  }
  @keyframes shine-avatar {
    0% {
      background-position: -32px;
    }
    40%, 100% {
      background-position: 208px;
    }
  }

.game-tile a:hover {
    text-decoration: none;
}

@media screen and (max-width: 840px) {
	.game-tile a	{font-size:1.6rem; line-height:19px;}
}

@media screen and (max-width: 767px) { /* mobile view */
	.game-tile a	{font-size:1.5rem; line-height:18px;}
    .games-list h2          {font-size:140%;}
    .games-list h2:after    {font-size:4vw; line-height:4vw; top:-0.1vw; margin:0px 0px 0px 2.4vw;}
}
@media screen and (max-width: 640px) {
	.game-tile a	{font-size:1.2rem; line-height:17px;margin: 10px 3% 8px 3%;}
}


/******** game up ********/
.game-tile .game-up {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0; left: 0;
    bottom: 0; right: 0;
    background-color: rgba(0,0,0,0.75);
    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);
}

/*.game-tile .game-up a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 5px 6% 11px 6%;
    font-size: 1.5rem;
    line-height: 120%;
    font-weight: 500;
    box-sizing: border-box;
}

.game-tile .game-up a:hover {
    color: #fff;
    text-decoration: underline;
}*/

.game-tile .img-wrap:hover .game-up {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/** play now **/
.game-tile .game-up button {
    max-width: 90%;
    height: 57px;
    margin: 0px auto 28px auto;
    font-size: 2.4rem;
    padding: 0px 35px;
}
.site-container-de-DE .game-tile .game-up button {
    font-size: 2.3rem;
    padding: 0px 28px;
}
.game-tile .game-up button picture {
    width: 100%;
}

@media screen and (max-width: 840px) {
    .game-tile .game-up button  {height:5vw; padding-left:4vw; padding-right:4vw; font-size:2.4vw;margin: 0px auto 15px auto;}
    .site-container-de-DE .game-tile .game-up button {
        padding-left:2vw;
        padding-right:2vw;
        font-size:1.9vw;
    }
}

@media screen and (max-width: 1023px) {
    .site-container-es .game-tile .game-up button {
        padding-left: 2vw;
        padding-right: 2vw;
        font-size: 2.2vw;
    }
}

/***********************/
.game-tile div.play-demo {
    color: #fff;
    padding-bottom: 6px;
}

.game-tile div.play-demo a {
    color: #fff;
    padding: 0 !important;
}

.game-tile div.play-demo a:hover {
    color: #ffcc33;
}

/***** animation *****/
/* div.game-tile {
    opacity: 0.1;
    animation: reveal 0.3s forwards;
    -webkit-animation: reveal 0.3s forwards;
} */

@keyframes reveal {
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes reveal {
    100% {
        opacity: 1;
    }
}


.loader-container {
    display: flex;
    height: 100%;
    width: 100%;
    margin: 15% 0;
}

.loader {
    border: 50px solid #000;
    border-radius: 50%;
    border-top: 50px solid #4e4b4b;
    border-bottom: 50px solid #4e4b4b;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: 0 auto 0 auto;
    opacity: 0.4;
}

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

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.game-page	{padding-bottom:20px;}

#game-page h1 {
	margin-bottom: 0.7em;
	font-size: 190%;
	  color: #cecece;
	font-weight: 500;
}

@media screen and (max-width: 767px) { /* mobile view */
	#game-page h1		{font-size:8vw; margin-bottom:5vw;}
  }
  
#game-page .area-wrapper {
    max-width: 1200px;
}

#game-page .recommended .area-wrapper {
	width: 100%;
}

.game-content-wrapper	{margin:0px auto 25px auto;}
.game-block				{display:table; width:100%;}
.game-description		{margin:0px auto 30px auto;font-size: 110%; line-height: 150%;}

#game-page .game-info {
	margin:0px auto 25px auto;
}

#game-page .param-card.image .game-img {
	position: relative;
}

@media screen and (max-width: 767px) { /* mobile view */
	#game-page .game-img .game-labels,
	#game-page .game-img .game-img-sq {
		display: none;
	}
	#game-page .param-cards-group {}
}

#game-page .param-cards-group.other .param-card:nth-last-child(2) {
	border-bottom-style: solid;
}

#game-page .param-card:last-child {
	border-bottom-style: none;
}

#game-page .param-card.image .icon-panel {
	position: absolute;
	bottom: 0;
}

.game-page-sep		{height:1px; background-color:#303030;}

/****** main param cards ********/
#game-page .param-card-upper	{margin:10px auto 20px auto; display:flex; justify-content:flex-start; }
.game-popup #game-page .param-card-upper	{max-width:870px;margin:0 auto 40px auto; }
#game-page .param-card-upper .image			{display:none;}
.game-popup #game-page .param-card-upper .image	{display:block; width:57%; position:relative; margin-right:4.5%;}
#game-page .param-card-upper .image img		{width:100%; position:relative; margin-right:4.5%;}
#game-page .main-param-cards .param-card {
	display: flex;
    justify-content:flex-start;
	margin-bottom: 15px;
}
@media screen and (min-width: 768px) { /* desktop view */
	#game-page .main-param-cards				{display:flex; justify-content:flex-start; flex-wrap:wrap;}
	.game-popup #game-page .main-param-cards	{display:block;}
	#game-page .main-param-cards .param-card	{margin-right:28px;}
	.game-popup #game-page .main-param-cards .param-card	{margin-right:0;}
}

#game-page .main-param-cards .param-card-body {
	font-size: 1.5rem;
	line-height: 115%;
	color: #8c8c8c;
	padding-left: 12px;
}
#game-page .main-param-cards .param-card-body a {
	color: #8c8c8c;
}
#game-page .volatility .param-card-body	{padding-left:0 !important; color:#d3d3d3; font-size:1.4rem; font-weight:500; text-decoration:none;}
#stars-wrap		{display:flex;}
#stars-wrap .rating-num		{color: #fff; font-weight: 500; font-size: 1.4rem;}
#stars-wrap .rating-img		{margin-right:8px;}
#stars-wrap .rating-img	img	{outline:#000 2px solid; outline-offset:-1px; display: inline;}

#game-page .main-param-cards .param-card-body strong {
	font-weight: 400;
}

#game-page .main-param-cards .param-card.features .param-card-body strong {
	text-transform: capitalize;
}

#game-page .main-param-cards .param-card.features .param-card-body,
#game-page .main-param-cards .param-card.themes .param-card-body,
#game-page .main-param-cards .param-card.provider .param-card-body {
	padding-left: 5px;
}

#game-page .main-param-cards .param-card.rating .param-card-body {
	padding-left: 0px;
}

#game-page .main-param-cards .param-card.rating {
	margin-right: 22px;
}

#game-page .main-param-cards .param-card.features,
#game-page .main-param-cards .param-card.themes,
#game-page .main-param-cards .param-card.provider {
	margin-right: 18px;
}

#game-page .main-param-cards .param-card-head {
	font-size: 1.5rem;
	line-height: 115%;
	color: #ef9305;
}

#game-page .main-param-cards .param-card-head img {
	margin-right: 15px;
}

@media screen and (max-width: 767px) { /* mobile view */
	#game-page .param-card-upper		{flex-direction:column; margin-bottom:7vw;}
	.game-popup #game-page .param-card-upper .image	{width:100%; margin-right:0;}
	#game-page .game-img				{margin:0 -4% 4vw -4%;}
	#stars-wrap .rating-img				{width:26vw; margin-right:2vw;}
	#stars-wrap .rating-img	img			{width:100%;}
	#game-page .main-param-cards .param-card			{margin-bottom:2.5vw;}
	#game-page .main-param-cards .param-card-head		{font-size:4.2vw;}
	#game-page .main-param-cards .param-card-head img	{margin-right:3vw;}
	#game-page .main-param-cards .param-card-body		{font-size:4.2vw; padding-left:2vw;}
	#game-page .volatility .param-card				{margin-bottom:3.3vw;}
	#game-page .volatility .param-card-body			{font-size:3.8vw;}
}

/****** param cards ********/
#game-page .param-cards {
	max-width:870px;
	margin:0 auto 40px auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr max-content;
	row-gap: 0px;
	column-gap: 0;
	align-content: center;
}
#game-page .live_casino .param-cards {
	max-width:650px;
	grid-template-columns: 1fr 1fr max-content;
}
@media screen and (min-width: 768px) { /* desktop view */
	#game-page .DEFAULT .param-cards	{max-width:650px; grid-template-columns: 1fr 1fr max-content;}
}

#game-page .param-cards .param-card {
	display: flex;
	flex-direction: column;
    padding: 30px 0 30px 0;
	border-bottom:#303030 1px solid;
}

#game-page .param-cards .param-card-head {
	font-size: 1.5rem;
	line-height: 115%;
	font-weight: 400;
	color: #9e9e9e;
	order: 2;
}

#game-page .param-cards .param-card-head img {
	margin-right: 15px;
}

#game-page .param-cards .param-card-body {
	font-size: 2rem;
	line-height: 115%;
	color: #cecece;
	order: 1;
	margin-bottom: 15px;
}

#game-page .param-cards .param-card-body strong {
	font-weight: 700;
}

#game-page .param-cards-group.slots .param-cards .param-card:nth-child(n+5) { /* all from 5 */
	border-bottom: 0;
}
#game-page .param-cards-group.live_casino .param-cards .param-card:nth-child(n+4) { /* all from 5 */
	border-bottom: 0;
}

@media screen and (max-width: 767px) { /* mobile view */
	#game-page .param-cards				{margin-bottom:3vw; grid-template-columns:47% 53%;}
	#game-page .param-cards .param-card {padding:3vw 0 5vw 0; border-bottom:0;}
	#game-page .param-cards .param-card:nth-of-type(2n+2) {padding-left:5vw; border-left:#303030 1px solid;}
	#game-page .param-cards .param-card-head	{font-size:4vw;}
	#game-page .param-cards .param-card-body	{font-size:5.7vw; margin-bottom:5vw;}
	#game-page .live_casino .param-cards {
		grid-template-columns:47% 53%;
	}
}
/****************************************/

#game-page .game-info button.play {
	background-color:#0E0E0E; border:#e37d1b 2px solid;
	width:270px; height:60px;
	font-size:2.4rem; font-weight:500;
	margin:0px auto 35px auto;
}
#game-page .game-info button.play:hover,
#game-page .game-info button.play:active,
#game-page .game-info button.play:focus {
	background-color:#000;
}

#game-page .game-block .game-btn {
	margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) { /* mobile view */
	#game-page .game-info button.play	{width:70vw; height:16vw; font-size:6vw; margin:5vw auto 10vw auto;}
}

#game-page .param-cards-group.other {
	max-width: 738px;
	margin: 0 auto;
}

#game-page .param-cards-group.other .param-cards {
	grid-template-columns: auto;
	column-gap: 0;
}

@media screen and (min-width: 768px) {
	#game-page .param-card.image {
		position: relative;
	}
}

@media screen and (max-width: 766px) {
	#game-page .param-card.image .game-labels, .game-tile .game-labels {
		bottom: unset;
		top: 42px;
	}
}

.game-popup #game-page .param-card.image .game-labels, .game-tile .game-labels {
	top: 0;
	z-index: 2;
	bottom: unset;
}

#game-page .param-card.image img {
	border-radius: 12px;
    overflow: hidden;
}

@media screen and (max-width: 1290px) and (min-width: 768px) {
	#game-page .param-cards-group {
		column-gap: 3%;
	}

	#game-page .param-card {
		grid-template-columns: max-content auto;
	}

	#game-page .param-card .param-card-body {
		justify-self: end;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	#game-page .game-img .game-img-sq {
		max-width: 230px;
	}

	#game-page .param-cards {
		margin-top: -5px;
	}

	 #game-page .param-card {
		grid-template-columns: auto auto;
		column-gap: 3%;
	}

	#game-page .param-card .param-icon {
		margin-right: 8px;
		width: 26px;
		height: 26px;
	}

	#game-page .param-card .param-card-head,
	#game-page .param-card .param-card-body {
		font-size: 1.6rem;
	}
}

.param-card.volatility span.volatility {
    background: transparent url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0D%0A%3Csvg%20width%3D%2232%22%20height%3D%2216%22%20fill%3D%22none%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%3E%0D%0A%20%3Cmetadata%3E%0D%0A%20%20%3Crdf%3ARDF%3E%0D%0A%20%20%20%3Ccc%3AWork%20rdf%3Aabout%3D%22%22%3E%0D%0A%20%20%20%20%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0D%0A%20%20%20%20%3Cdc%3Atype%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%2F%3E%0D%0A%20%20%20%20%3Cdc%3Atitle%2F%3E%0D%0A%20%20%20%3C%2Fcc%3AWork%3E%0D%0A%20%20%3C%2Frdf%3ARDF%3E%0D%0A%20%3C%2Fmetadata%3E%0D%0A%20%3Cpath%20d%3D%22m30%2016c0-7.732-6.268-14-14-14-7.732%200-14%206.268-14%2014%22%20stroke%3D%22url(%23paint0_linear)%22%20stroke-width%3D%224%22%2F%3E%0D%0A%20%3Cdefs%3E%0D%0A%20%20%3ClinearGradient%20id%3D%22paint0_linear%22%20x1%3D%222%22%20x2%3D%2230%22%20y1%3D%2210.75%22%20y2%3D%2210.75%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0D%0A%20%20%20%3Cstop%20stop-color%3D%22%237CDA01%22%20offset%3D%220%22%2F%3E%0D%0A%20%20%20%3Cstop%20stop-color%3D%22%23FAC601%22%20offset%3D%22.55208%22%2F%3E%0D%0A%20%20%20%3Cstop%20stop-color%3D%22%23BE1C01%22%20offset%3D%221%22%2F%3E%0D%0A%20%20%3C%2FlinearGradient%3E%0D%0A%20%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A") center no-repeat;
    background-size: contain;
    position: relative;
    display: inline-block;
	width: 2em;
	margin-left: 6px;
}

.param-card.volatility span.volatility:before {
    content: '';
    display: block;
    padding-top: 50%
}

.param-card.volatility span.volatility:after {
    content: '';
    display: block;
    position: absolute;
    background: transparent url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0D%0A%3Csvg%20width%3D%227.4572%22%20height%3D%2219.478%22%20version%3D%221.1%22%20viewBox%3D%220%200%201.973%205.1536%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%3E%0D%0A%20%3Cmetadata%3E%0D%0A%20%20%3Crdf%3ARDF%3E%0D%0A%20%20%20%3Ccc%3AWork%20rdf%3Aabout%3D%22%22%3E%0D%0A%20%20%20%20%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0D%0A%20%20%20%20%3Cdc%3Atype%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%2F%3E%0D%0A%20%20%20%20%3Cdc%3Atitle%2F%3E%0D%0A%20%20%20%3C%2Fcc%3AWork%3E%0D%0A%20%20%3C%2Frdf%3ARDF%3E%0D%0A%20%3C%2Fmetadata%3E%0D%0A%20%3Cg%20transform%3D%22rotate(-34.127%20-52.075%20-225.16)%22%3E%0D%0A%20%20%3Cpath%20d%3D%22m-137.76-5.3924c-5e-3%20-0.031803-9e-3%20-0.06395-0.0116-0.096467-0.0223-0.30245%200.0853-0.59666%200.29512-0.80716l2.6742-2.6826c0.0896-0.089844%200.22781-0.10087%200.32946-0.026323%200.10168%200.074566%200.13822%200.21375%200.0871%200.33172l-1.5274%203.5235c-0.11988%200.27652-0.34988%200.48093-0.63106%200.56084-0.28117%200.079904-0.57906%200.025532-0.81732-0.14917-0.21265-0.15592-0.35457-0.39068-0.39846-0.65434z%22%20fill%3D%22%23cccccf%22%20stroke-width%3D%22.26458%22%2F%3E%0D%0A%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A") center no-repeat;
    background-size: contain;
    width: 25%;
    height: 130%;
    bottom: -10%;
    left: 37.5%;
    transform-origin: 50% 80%;
    transform: rotate(0deg)
}

.param-card.volatility span.volatility.__high:after {
    transform: rotate(90deg)
}

.param-card.volatility span.volatility.__high-medium:after {
    transform: rotate(70deg)
}

.param-card.volatility span.volatility.__high-low:after {
    transform: rotate(50deg)
}

.param-card.volatility span.volatility.__medium-high:after {
    transform: rotate(30deg)
}

.param-card.volatility span.volatility.__medium:after {
    transform: rotate(10deg)
}

.param-card.volatility span.volatility.__medium-low:after {
    transform: rotate(-10deg)
}

.param-card.volatility span.volatility.__low-high:after {
    transform: rotate(-30deg)
}

.param-card.volatility span.volatility.__low-medium:after {
    transform: rotate(-50deg)
}

.param-card.volatility span.volatility.__low:after {
    transform: rotate(-70deg)
}

/******************************  recommended ******************************/
.recommended .area-wrapper		{max-width:1150px;}

.recommended h2 {font-size: 140%;}

.recommended div.tab-section-pannel ul {
	margin:0 !important; padding:0px !important;
	display:flex; flex-wrap:wrap;
	justify-content: space-between !important;
}

.recommended div.tab-section-pannel ul li {
    width: 23%;
    padding:0px; margin: 0px 0px 20px 0px;
    list-style: none;
    box-sizing: border-box;
}

.site-container-de-DE .game-popup .recommended .game-tile .game-up button {
    font-size: 2.2rem;
    padding: 0px 20px;
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
    .recommended .tab-section-pannel .game-tile .game-up button {
        padding-left:3vw; padding-right:3vw; font-size:1.7vw;
    }
    .game-tile a:not(.play-demo) {
      font-size: 1.7vw;
    }
	.recommended .tab-section-pannel ul li a:not(.play-demo) {
		font-size: 1.7vw;
	}
}

@media screen and (max-width: 840px) {
	.game-popup .recommended .tab-section-pannel .game-tile .game-up button {
		padding-left:4vw;
        padding-right:4vw;
		font-size:3vw;
		height: 7vw;
	}
}

@media screen and (max-width: 767px) { /* mobile view */
	.recommended div.tab-section-pannel ul li {
		width: 48%;
		margin: 0px 0px 4vw 0px;
	}
}

#game-page .games-seo .mt-0 {
	margin-top: 1em;
}

/******************************  game text blocks ******************************/
.game-block .cms-section-block,
.game-block	.section-block	{margin-bottom:30px;}

.game-block h1,
.game-block .cms-section-block h1,
.game-block .section-block h1	{color: #c7af73; font-size:180%;}
.game-block h2,
.game-block .cms-section-block h2,
.game-block .section-block h2	{color: #c7af73; font-size:140%;}
.game-block h3,
.game-block .cms-section-block h3,
.game-block .section-block h3	{color: #c7af73; font-size:120%;}
.game-block h4,
.game-block .cms-section-block h4,
.game-block .section-block h4	{color: #c7af73; font-size:100%;}

/** gallery  **/
.game-block .gallery-block				{width:unset; max-width:1310px; white-space: nowrap; margin-right: auto; margin-left: auto; overflow: hidden;}
.game-block .gallery-block .gallery		{display: flex; flex-direction: row; justify-content: space-between;}
.game-block .gallery-block img			{max-width: 30%; height:auto; display:inline-block; vertical-align: bottom;}

@media screen and (max-width: 767px) { /* mobile view */
	.game-block .gallery-block					{padding:3.5vw 0 4.5vw 0; overflow-x: auto;}
	.game-block .gallery-block .gallery			{display: initial;}
	.game-block .gallery-block img				{max-width: 80%; margin: 0 3%;}
	.game-block .gallery-block img:last-child	{margin-right: 0;}
	.game-block .gallery-block img:first-child	{margin-left: 0;}
}

#game-page .game-disclaimer {
	text-align: center;
	padding: 0 0 20px 0;
	font-size: 80%;
	line-height: 1.2em;
}

.param-cards-group .play-demo {
    cursor: pointer;
    color: #ef9305;
    font-size: 1.5rem;
}

#game-page .game-info button.play.play-with-demo {
	margin-bottom: 0;
}

#game-page .game-info div.play-demo {
	text-align: center;
	margin-bottom: 35px;
	margin-top: 5px;
}

#game-page .game-info a.play-demo {
	color: #fff;
    font-size: 1.5rem;
}

.editor-box.twitter-box {
    display: table;
    margin: 0 auto 1em auto;
    max-width: 80%;
    min-height: 250px;
    min-width: 80%;
}

@media screen and (max-width: 767px) and (orientation: portrait) { /* mobile view */	
    .editor-box.twitter-box {
        max-width: 90%;
    }
}

.editor-box.facebook-box {
    display: table;
    margin: 0 auto 2em auto;
    max-width: 100%;
    min-height: 250px;
}

.editor-box.facebook-box .fb-post {
    overflow-y: hidden;
    overflow-x: auto;
    max-width: 92vw;
}

@media screen and (max-width: 767px) and (orientation: portrait) { /* mobile view */	
    .editor-box.facebook-box {
        max-width: 90%;
    }
}


.fr-video,
.editor-box.youtube-box {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    display: block;
    margin-bottom: 2em;
}

.fr-video iframe,
.editor-box.youtube-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.editor-box.instagram-box {
	min-width: 100px;
	min-height: 400px;
	text-align: center;
}

.editor-box.instagram-box > div {
	display: inline-block;
}