/************************ Header Line *****************************/
.main-header-container {position: -webkit-sticky; position:sticky; top:0; left:0; z-index: 70;}
.header-line		{width:100%; display:flex; flex-wrap:wrap; justify-content:flex-end; background-color:#fff; position:relative;}

@media screen and (min-width: 768px) { /* desktop-view */
	/* #site-container			{padding-top:0px;} */
	/* .header-line			{ right:0;} */
}

a.logo				{width:216px; display:table;}
a.logo img			{width:100%; height:auto; display:block;}

#login-header		{height:30px; line-height:30px; margin:10px 12px 0px 0px; padding:0px 13px 0px 13px; font-size:1.2rem; font-weight:900;}
#join-header		{height:30px; line-height:30px; margin:10px 12px 0px 0px; padding:0px 13px 0px 13px; font-size:1.2rem; font-weight:900;}
#search-demi {
	/*
	display:table; width:220px; height:44px;
	margin:12px 14px 0px 0px; padding:12px 0px 0px 14px;
	border:#a6a6a6 2px solid; border-radius:22px;
	background:#fff url('/img/search.png') no-repeat right 12px center;
	color:#8a92a6; font-size:1.7rem; line-height:100%;
	cursor:pointer; box-sizing:border-box;
	*/
	display:table; width:30px; height:30px;
	margin:10px 12px 0px 0px; padding:0px;
	background:#fff url('/img/search.png') no-repeat center center;
	cursor:pointer;
}
#search-demi > span {
	display: none;
}

a.search-demi {
	text-decoration: none;
}

@media screen and (min-width: 768px) { /* desktop-view */
	.header-line			{height:50px}
	a.logo	{width:216px; height: 100%; display: flex; justify-content: center; align-items: center;} /* ??? */
	a.logo:not(.blog-logo)	{margin: 0px auto 0px 50px; align-self:flex-start;}
}

@media screen and (max-width: 767px) { /* mobile view */
	a.logo			{margin:0 auto;}
	#login-header	{display:none !important;}
	#join-header	{display:none !important;}
	#search-demi	{display:none !important;}
	a.logo img		{height: 50px;} 
}

@media screen and (max-width: 767px) and (orientation: landscape) { /* mobile view landscape*/
	a.logo			{width:auto;}
	a.logo img		{height:8vw; width:auto;}
}
/************ Footer Logos *****************/
#footer-logos			{width:100%; max-width:34%; padding:0; text-align:center; font-size:0px;}
#footer-logos			{margin-bottom:20px; text-align: center;}
/* #footer-logos:hover			{opacity:1;} */
#footer-logos .primegaming img			{display: inline-block;}

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

@media screen and (max-width: 767px) { /* mobile view */
    #footer-links div.footer-bottom-text {margin-bottom:0px;}
}
/************************ Footer *****************************/

/************ Footer Main *****************/
#footer-main		{}
#footer-links		{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:20px;}
#footer-logos		{margin-bottom:30px;}

@media screen and (max-width: 990px) {
	#footer-main			{flex-direction:column;}
	#footer-links > div		{width:44%;}
}
@media screen and (max-width: 767px) { /* mobile view */
	#footer-logos	{margin-bottom:10vw;margin-top:1vw;}
	#footer-links > div		{width:auto;}
}

/**** Footer Links ****/
#footer-links > div				{margin-bottom:30px;}
#footer-links strong			{display:block; color:#fff; margin:0px 0px 25px 0px; padding:0; font-weight:900; font-size:2.4rem; line-height:115%; font-family:arial, helvetica, sans-serif;}
#footer-links .footer-item ul				{margin:0; padding:0;}
#footer-links .footer-item ul li				{display:block; margin:0px 0px 11px 0px; font-size:2.3rem; line-height:115%; list-style:none;}
#footer-links .footer-item ul li a			{color:#fff; text-decoration:underline; text-decoration-color: #ddd;}
#footer-links .footer-item ul li a:hover		{color:#fff; text-decoration:none;}
#footer-links .footer-item ul li a.current	{color:#fff; text-decoration:none;}
#footer-links .footer-item		{overflow: auto;}


@media screen and (max-width: 1340px) and (min-width: 768px) {
	#footer-links				{flex-direction: column;}
	#footer-links > div			{width:100%;}
	#footer-links .footer-item ul			{display: flex; justify-content: flex-start; flex-wrap: wrap;}
	#footer-links .footer-item ul li			{white-space: nowrap;}
	#footer-links .footer-item li:after	{content:"|"; display:inline-block; margin:0px 20px 0px 20px; color:#fff; font-size:2.4rem; line-height:100%;}
	#footer-links .footer-item li:last-child:after	{display: none;}
}
@media screen and (max-width: 767px) { /* mobile view */
	#footer-links				{flex-direction: column;}
	#footer-links > div			{width:100%; margin-bottom:5vw;}
	#footer-links strong		{font-size:6.3vw; line-height:115%; margin:0px 0px 3vw 0px; font-weight:bold;}
	#footer-links .footer-item ul			{display: flex; justify-content: flex-start; flex-wrap: wrap;}
	#footer-links .footer-item ul li			{font-size:100%; line-height:115%; margin:0px 0px 3vw 0px; white-space: nowrap;}
	#footer-links .footer-item li:after	{content:"|"; display:inline-block; margin:0px 5.2vw 0px 5.2vw; color:#fff; font-size:4vw; line-height:100%;}
	#footer-links .footer-item li:last-child:after	{display: none;}
	#footer-links ul li a		{font-size:4.2vw; line-height:115%; margin:0px 0px 3vw 0px;}
}

@media screen and (max-width: 1340px) {
    #footer-logos           {max-width: unset;}
}

@media screen and (max-width: 767px) { /* mobile view */
    div.footer-bottom-text          {text-align:center; font-size:85%; line-height:130%; margin:-3vw 0 3vw 0;}
    div.footer-bottom-text.first    {display: none;}
    #footer-logos li		{max-width: 50%; margin:0px 10px 0 10px; }
}

/************ 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,  #0ea1d4 0%, #006382 100%);
	background: -webkit-linear-gradient(top,  #0ea1d4 0%,#006382 100%);
	background: linear-gradient(to bottom,  #0ea1d4 0%,#006382 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%; border-right:#fff 0.52vw solid;}
#footer-search-but		{width:24%; border-right:#fff 0.52vw solid;}
#footer-promo-but		{width:26%; border-right:#fff 0.52vw solid;}
#footer-play-but		{width:26%;}

#footer-fixed ul li button,
#footer-fixed ul li a			{background-color:transparent; font-size:3.3vw; line-height:100%; color:#fff; font-weight:normal; display:flex; flex-direction:column; justify-content:flex-start; width:100%; height:100%; padding:1.3vw 0px 0px 0px; text-transform:uppercase; border-radius:0; text-align:center; text-decoration:none;}
.footer-fixed-container-pt-BR #footer-fixed ul li a {font-size:2.9vw;}
#footer-fixed ul #footer-play-but a	{
	background: -moz-linear-gradient(top,  #ed3664 0%, #ab3a56 100%);
	background: -webkit-linear-gradient(top,  #ed3664 0%,#ab3a56 100%);
	background: linear-gradient(to bottom,  #ed3664 0%,#ab3a56 100%);
}
#footer-fixed ul li button img,
#footer-fixed ul li a img		{display:block; width:7.6vw; height: 9.5vw; 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;}
}

/************ Copyrights Line *****************/
.copyrights-line		{background-color:#005E7D; color:#fff; padding:15px 0px 15px 0px; font-size:12px; line-height:115%; text-align:center;}
.copyrights-wrapper		{max-width:none !important;}

@media screen and (max-width: 767px) { /* mobile view */
	.copyrights-line	{font-size:85%; line-height:115%; padding:2vw 0px 2vw 0px;}
}

/**** Footer Texsts ****/
div.footer-text					{margin-bottom:30px; font-size:1.4rem; line-height:155%;}
div.footer-text-mobile-top		{margin-bottom:3.6vw; font-size:85%; line-height:145%; display:none;}
div.footer-text-mobile-top a		{color: #fff;}
div.footer-text-mobile-bottom	{margin-bottom:3.6vw; font-size:85%; line-height:145%; display:none;}

@media screen and (max-width: 767px) { /* mobile view */
	div.footer-text						{display:none; text-align:center;}
	div.footer-text-mobile-top			{display:block; font-size:85%; text-align:center;}
	div.footer-text-mobile-top p		{line-height:130%;}
	div.footer-text-mobile-bottom		{display:block; font-size:85%; line-height:130%; text-align:center;}
	div.footer-text-mobile-bottom p		{line-height:130%;}
}

/************ Footer Line *****************/
.footer-line		{background-color:#808080; color:#fff; padding:25px 0px 25px 0px;}
.footer-wrapper		{max-width:none !important;}

@media screen and (max-width: 767px) { /* mobile view */
	.footer-line	{padding-bottom:3vw;}
}

/************ Payments Line *****************/
.payments-line			{background-color:#005E7D; padding:25px 0 20px 0; font-family: arial, helvetica, sans-serif;}
div.payments-title		{margin-bottom:18px; text-align:center; color:#fff; font-size:2.3rem; line-height:115%; font-weight:900;}
#payment ul				{display:flex; justify-content:center; margin:0; padding:0; align-items: center;}
#payment ul li			{margin:0px 10px 10px 10px; list-style:none;}
#payment ul li img		{display:block; max-width:100%; width:auto;filter: grayscale(1) brightness(2);} /* all images height must be 80px*/

@media screen and (max-width: 767px) { /* mobile view */
	.payments-line			{padding:4vw 0 0 0;}	
	div.payments-title		{font-size:4.8vw; line-height:115%;}
	#payment ul				{flex-wrap:wrap; margin-top: 6vw;}
	#payment ul li			{margin:0px 1.8vw 6vw 1.8vw; max-width: 35%;}
	#payment ul li img		{max-height: 7vw; width:auto;} /* all images height must be 80px*/
}

.rgbeam-header {
    min-height: 31px;
    width:100%;
    background-color: #005E7D;
    padding: 3px 10px 3px 10px;
    color: #ffffff;
    font-size: 1.2rem;
    line-height: 115%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 71;
}

@media screen and (max-width: 767px) { 
    .rgbeam-header,
    .rgbeam-header.mobile {
        min-height: 53px;
        padding: 3px 4px 3px 4px;
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 91;
        display: flex!important;
        align-items: center;
        justify-content: center;
    }
} 
.fb-footer-blog {
    width: 100%;
}

.fb-footer-blog > * {
    margin-left: 4px;
    margin-right: 4px;
}

.fb-footer-blog {
    display: flex;
    justify-content: center;
    background-color: #0099CB;
    padding: 8px 0;
    font-size: 3rem;
    color: #fff;
    line-height: 100%;
    font-weight: 900;
    text-decoration: none;
    align-items: center;
}
/************************ Top Nav (Main Menu) *****************************/
#top-nav {
	direction:rtl;
	position:fixed;
	top:0; /*left:-284px;*/ left:-348px;
	z-index:90;
	/*visibility:hidden;*/
	width:348px; height:100%;
	padding-right:64px;
	background: -moz-linear-gradient(left, #005d7d 0px, #005d7d 283px, transparent 284px, transparent 348px);
	background: -webkit-linear-gradient(left, #005d7d 0px, #005d7d 283px, transparent 284px, transparent 348px);
	background: linear-gradient(to right, #005d7d 0px, #005d7d 283px, transparent 284px, transparent 348px);
	-webkit-transition: left 0.2s;
	-moz-transition: left 0.2s;
	-o-transition: left 0.2s;
	-ms-transition: left 0.2s;
	transition: left 0.2s;
}

.site-container-de-DE #top-nav {
	top:31px;
}
@media screen and (max-width: 767px) { /* mobile view */
	#top-nav {
		top: 0;
		width:100%; left:-100%;
		padding-right:14.666667%;
		background: -moz-linear-gradient(left, #005d7d 0px, #005d7d 85.333333%, transparent 85.333333%, transparent 100%);
		background: -webkit-linear-gradient(left, #005d7d 0px, #005d7d 283px, 85.333333%, transparent 85.333333%, transparent 100%);
		background: linear-gradient(to right, #005d7d 0px, #005d7d 85.333333%, transparent 85.333333%, transparent 100%);
	}

	.site-container-de-DE #top-nav {
		top:0;
	}
}

.menu-open #top-nav		{
	left:0px;
	-webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
	-o-transition: left 0.5s;
	-ms-transition: left 0.5s;
	transition: left 0.5s;
}
.search-open #top-nav, .game-open #top-nav	{z-index:9;}

div.top-nav-inner	{overflow:auto; direction:rtl; padding:0px 0px 40px 0px; height: 100%; overscroll-behavior: contain;}
div.top-nav-inner * {direction: ltr !important;} /* fix scrollbar to be on the left while keeping child elements rtl */

#menu-X {
	display:table;
	width:50px; height:50px; padding:10px;
    position:fixed;
    left:0; z-index:9;
	background:#005e7c url('/img/hamburger.png') no-repeat center center;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	transition: background-color 0.2s;
	cursor: pointer;
}
@media screen and (min-width: 768px) { /* desktop-view */
	#menu-X				{background-position:center bottom;}
	#menu-X:hover		{background-position: center top;}
	.menu-open #menu-X {
		left:284px;
		background-image:url('/img/close-w.png');
		background-position:center center;
		position: initial;
		margin-right: -50px;
		background-color: transparent;
		-webkit-transition: background-color 0.5s;
		-moz-transition: background-color 0.5s;
		-o-transition: background-color 0.5s;
		-ms-transition: background-color 0.5s;
		transition: background-color 0.5s;
	}
	.menu-open #menu-X:hover {background-color:#333;}
}

@media screen and (max-width: 767px) { /* mobile view */
	#menu-X {
		width:14.666667vw; height:14.666667vw;
		padding:0; left:-14.666667vw;
		background:url('/img/close-w-mobile.png') no-repeat center center / cover;
	}
	.menu-open #menu-X	{left:85.333333vw; background-color:rgba(0,0,0,0.7); background-position:center center;}
}

/** nav logo **/
div.nav-logo		{display:none;}
div.nav-logo a		{display:table; margin:0 auto;}
div.nav-logo img	{display:block; height:65px; width:auto;}

@media screen and (max-width: 767px) { /* mobile view */
	div.nav-logo img {height:14.666667vw; width:auto;}
}

/** nav buttons **/
div.nav-buttons			{background-color:#eee; padding:18px 11% 6px 11%;}
div.nav-buttons button	{width:150px; height:46px; margin:0 auto 15px auto; font-size:2.1rem;}
.site-container-fr-CA div.nav-buttons button {width:100%}

@media screen and (max-width: 767px) { /* mobile view */
	div.nav-buttons			{padding:4vw 11% 1.3vw 11%;}
	div.nav-buttons button	{width:39vw; height:13vw; font-size:5vw; margin-bottom:2.7vw;}
	.site-container-pt-BR  div.nav-buttons button {width:50vw;}
}

/** icons nav 1'st level **/
ul#icons-nav					{background-color:#E2DFDF; border-top:#ccc 1px solid; text-align:left; margin:0; padding:0;}
#icons-nav > li					{display:block; margin:0; font-size:2rem; line-height:115%; border-bottom:#E2DFDF 2px solid; list-style:none; text-transform:uppercase;}
#icons-nav > li a				{display:flex; justify-content:flex-start; background-color:#E2DFDF; color:#000; padding:9px 30px 4px 20px; font-weight:500; text-decoration:none; cursor: pointer;}
#icons-nav > li a img			{display:none; /*width:auto; height:28px; display:block; margin:0 20px 0 0;*/}
#icons-nav > li a span			{display:block; width:100%; padding:4px 0px 4px 0px; box-sizing: border-box;}
#icons-nav > li:first-child > a	{padding-top:15px;}
#icons-nav > li:last-child > a	{padding-bottom:6px;}
#icons-nav > li a.current		{color:#000; background-color:#fff; text-decoration:none;}
#icons-nav > li a:hover			{color:#000 !important; background-color:#fff; text-decoration:none;}
#icons-nav > li a:hover img		{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1);}
#icons-nav > li.active > a		{color:#000; background-color:#E2DFDF;}

#icons-nav > li > a:after {
	content:""; width:32px;
}
#icons-nav > li.header-menu-dropdown  > a:after {
	content:"\F107";
	font-family:"FontAwesome";
	display:block; 
	padding-top: 1px;
	font-size:25px; line-height:100%;
	color:#000; text-align:right;
}
#icons-nav > li.header-menu-dropdown  > a:hover:after {
	color:#000;
}
#icons-nav > li.header-menu-dropdown.active > a:after {
	content:"\F106";
	padding-top: 0px;
}

#icons-nav .header-menu-dropdown ul {max-height: 0px; overflow: hidden;}
#icons-nav .header-menu-dropdown.active ul {max-height: 410px;}
#icons-nav .header-menu-dropdown:not(.active) ul {margin: 0px;}

/** icons nav 2'nd level **/
#icons-nav ul {
	background-color:#E2DFDF; text-align:left;
	margin:0; padding:0;
	-webkit-transition: max-height 0.5s ease;
	-moz-transition: max-height 0.5s ease;
	-o-transition: max-height 0.5s ease;
	-ms-transition: max-height 0.5s ease;
	transition: max-height 0.5s ease;
}
#icons-nav ul li			{display:block; margin:2px 0px 0px 0px; font-size:2rem; line-height:90%; list-style:none;}
#icons-nav ul li a			{display:block; background-color:#E2DFDF; color:#005E7D; padding:4px 30px 3px 40px; font-weight:500; text-decoration:none; line-height: 135%;}
#icons-nav ul li.header-menu-child {margin:0px;}
#icons-nav ul li.header-menu-child a {padding:1px 30px 0px 40px}
#icons-nav ul li a:hover	{color:#000; background-color:#B8BF0D; font-weight:normal; text-decoration:none;}
#icons-nav ul li a.current	{color:#000; background-color:#B8BF0D; text-decoration:none;}

@media screen and (max-width: 767px) { /* mobile view */
	#icons-nav li					{font-size:5.2vw; line-height:115%;}
	#icons-nav li a					{padding:1.25vw 5vw 1.25vw 4.6vw;}
	#icons-nav li a img				{width:auto; height:7vw; margin:0 4.6vw 0 0;}
	#icons-nav li a span			{padding:0.65vw 0px 0.85vw 0px;}
	#icons-nav > li:first-child > a	{padding-top:1.85vw;}
	#icons-nav > li:last-child > a	{padding-bottom:1.85vw;}
	#icons-nav ul li				{font-size:5.2vw; line-height:115%;}
	#icons-nav ul li a				{padding:1vw 7vw 1vw 17.6vw;}
	#icons-nav > li > a:after		{width:13vw;}
	#icons-nav > li.header-menu-dropdown > a:after			{padding-top:1.9vw; font-size:8vw; line-height:50%;}
	#icons-nav > li.header-menu-dropdown.active > a:after	{padding-top:2.2vw;}
}


/** other nav 1'st level **/
ul#other-nav				{text-align:left; margin:0 0 15px 0; padding:0;}
#other-nav li				{display:block; margin:0; font-size:2rem; line-height:115%; text-transform: uppercase; list-style:none;}
#other-nav li a				{display:block; color:#fff; padding:10px 30px 10px 15px; border-bottom:#005d7d 1px solid; text-decoration:none;}
#other-nav li:first-child a	{padding-top:21px;}
#other-nav li a:hover		{color:#fff; background-color:#0099cb; text-decoration:none;}
#other-nav li a.current		{color:#fff; background-color:#0099cb; text-decoration:none;}

@media screen and (max-width: 767px) { /* mobile view */
	ul#other-nav				{margin:0 0 3.5vw 0;}
	#other-nav li				{font-size:4vw; line-height:115%;}
	#other-nav li a				{padding:3.3vw 7vw 3.4vw 7.6vw;}
	#other-nav li:first-child a	{padding-top:4vw;}
}

/*** mask ***/
.mask {
	opacity:0; z-index:-1;
	position:fixed; top:0; left:0;
	background-color:#000;
	width:100vw; height:100vh;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.menu-open .mask	{opacity:0.4; z-index:89;}

@media screen and (max-width: 767px) { /* mobile view */
	.mask {background-color:rgba(0,0,0,0.7);}
}