/************************ Header Line *****************************/
.header-line		{width:100%; height:71px; display:flex; flex-wrap:wrap; justify-content:flex-end; background-color:#002538; border-bottom:#186b9d 1px solid; position:relative; box-sizing:border-box;}

@media screen and (min-width: 768px) { /* desktop-view */
	.header-line	{padding-left:50px;}
}

a.logo				{width:150px; display:table; position:absolute; top:9px; left:50%; margin-left:-75px;}
a.logo img			{width:auto; max-width:100%; height:auto; display:block;}

.header-buts		{display:flex;}
#join-header		{height:40px; margin:15px 15px 0px 0px; font-size:115%; font-weight:700; box-sizing:border-box;}
#login-header		{height:40px; margin:15px 14px 0px 0px; font-size:115%; font-weight:700; box-sizing:border-box;}
#search-demi {
	display:table; width:175px; height:40px; border-radius:20px;
	margin:15px 14px 0px 0px; 
	padding: 12px 0px 0px 14px;
	background:#fff url('/img/Search-desktop.png') no-repeat center right 12px;
	cursor:pointer; color:#002538;
	font-size: 1.5rem; line-height: 100%;
	border: #9e9c9d 1px solid;
	box-sizing: border-box;
}
a.search-demi {
	text-decoration: none;
}
#search-demi > span		{}

@media screen and (max-width: 1100px) {
	#search-demi	{width:30px; height:30px; margin:22px 10px 0px 0px; padding:0; background:url('/img/Search-tablet.png') no-repeat center center; border:0;}
	#search-demi > span		{display:none;}
	#join-header		{padding:0 25px;}
	#login-header		{padding:0 25px;}
}

@media screen and (max-width: 767px) { /* mobile view */
	.header-line	{height:auto;}
	a.logo			{width:104px; height:50.84px; margin:7px auto -5px auto; position:static; top:auto; left:auto; }
	#join-header	{display:none !important;}
	#login-header	{display:none !important;}
	#search-demi	{margin:13px 10px 0px 0px;}
}
img.optimized.lazyloaded {
    height: auto !important;
    padding-top: unset !important;
}

img.optimized-external {
    object-fit: contain;
}

span.optimized-wraper {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
#rgbeam-header {
    min-height: 31px;
    width:100%;
    background-color: #196a9f;
    padding: 3px 10px 3px 10px;
    color: #ffffff;
    font-size: 1.2rem;
    line-height: 115%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) { 
    #rgbeam-header {
        min-height: 40px;
        padding: 3px 4px 3px 4px;
    }
}
/**** Footer Logos ****/
#footer-logos		    {margin-bottom:0px;text-align: center; padding: 0; opacity:0.7;}
#footer-logos .primegaming {display: inline-flex;column-gap: 20px;align-items: center;}
#footer-logos .primegaming img {display: block;max-width: 38vw;}
#footer-logos span.optimized-wraper img {opacity:0.7;}
#footer-logos span.optimized-wraper img:hover {opacity: 1;}

@media screen and (max-width: 767px) { /* mobile view */
    #footer-logos	    {margin: 0 0 10px 0; max-width: 92vw; overflow: hidden;}
}
/************************ Top Nav (Main Menu) *****************************/
#top-nav {
	position:fixed;
	top:0px; left:-290px;
	z-index:99;
	width:290px; height:100%;
	background-color:#002538;
	-webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
	-o-transition: left 0.5s;
	-ms-transition: left 0.5s;
	transition: left 0.5s;
}

.menu-open #top-nav		{left:0px;}
.search-open #top-nav, .game-open #top-nav	{z-index:9;}

div.top-nav-inner	{height: 100%; overscroll-behavior: contain; background:#002538 url('/img/menu/36-side-menu-img.png') no-repeat right top 432px;}
div.nav-items		{overflow-x: hidden; overflow-y:auto; height:100%; padding-bottom:20px; overscroll-behavior: contain;}

#menu-X {
	display:table;
	width:58px; height:51px;
	position:fixed;
	left:10px; 
	top:10px;
	z-index:9;
	background:#002538 url('/img/hamburger.png') no-repeat center top;
	cursor: pointer;
	-webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
	-o-transition: left 0.5s;
	-ms-transition: left 0.5s;
	transition: left 0.5s;
}

.site-container-de-DE #menu-X,
.site-container-da #menu-X,
.site-container-sv #menu-X {
	top:41px; 
}

#menu-X:hover	{background-color:#024668;}
	
.menu-open #menu-X {
	width:50px; height:50px;
	left:290px; top:0px;
	background:#002538 url('/img/close-x.png') no-repeat center center / 22px;
	
}
.menu-open #menu-X:hover {background-color:#024668;}
	
@media screen and (max-width: 767px) { /* mobile view */
	#menu-X {
		width:48px; height:48px;
		padding:0; left:-100px;
		background:#002538 url('/img/close-w-mobile.png') no-repeat center center / 22px;
	}
	.menu-open #menu-X	{left:290px;}
}

/** nav buttons **/
div.nav-buttons			{width:100%; display:table; padding:15px 75px 5px 75px; text-align:center;}
.site-container-es div.nav-buttons			{padding:15px 65px 5px 65px; }
div.nav-buttons	> div	{width:100%; display:inline-flex; flex-direction:column;}
div.nav-buttons button	{height:40px; margin:0 0 15px 0; font-size:2rem; font-weight:500;}
.site-container-es div.nav-buttons button,
.site-container-fi div.nav-buttons button {
	padding: 0 10px;
}

@media screen and (max-width: 767px) { /* mobile view */
}

.nav-section-title		{display:none;}
#other-nav .nav-section-title:last-child	{margin-bottom:5px;}

/** icons nav 1'st level **/
#icons-nav-1						{background-color:#0679b2;}
#icons-nav-1 ul						{text-align:left; margin:0; padding:0;}
#icons-nav-1 ul > li				{display:block; margin:0 0 1px 0; font-size:1.9rem; line-height:115%; font-weight:500; list-style:none;}
#icons-nav-1 ul > li a				{display:flex; justify-content:space-between; background-color:#0679b2; color:#fff; padding:12px 16px 8px 16px; text-decoration:none; cursor:pointer;}
#icons-nav-1 ul > li a:hover		{color:#002538; background-color:#fff; text-decoration:none;}
#icons-nav-1 ul > li.active > a		{color:#fff; background-color:#0e5784; text-decoration:none;}
#icons-nav-1 ul > li a div			{flex-grow:1;}
#icons-nav-1 ul > li a span			{display:block; width:25px; height:25px; margin:-3px 15px 0px 0px; background-repeat:no-repeat; background-position:center top;}
/*#icons-nav-1 ul > li a:hover span	{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1);}*/
#icons-nav-1 ul > li a:hover span	{background-position:center bottom;}
#icons-nav-1 ul > li.active a span,
#icons-nav-1 ul > li.active a:hover span	{background-position:center top;}

#icons-nav-1 ul > li:first-child > a	{padding-top:18px;}
#icons-nav-1 ul > li:last-child > a		{padding-bottom:25px;}

#icons-nav-1 ul > li.promotions-guest	{position: relative;}
#icons-nav-1 ul > li.promotions-guest:after {
	position:absolute;
	left: 14px;
	top:8px;
	width:14px;
	height:14px;
	line-height:8px;
	color:#fff;
	background-color:#e72637;
	font-size:8px;
	border-radius:40px;
	content:'1';
	border:solid 1px #e72637;
	display: flex;
	align-items: center;
	justify-content: center;
}  

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

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

a.home span			{background-image:url('/img/menu/nav-home.png');}
a.slots span		{background-image:url('/img/menu/nav-online-slots.png');}
a.casino span		{background-image:url('/img/menu/nav-casino-games.png');}
a.liveRouletteES  span,
a.liveCasino span	{background-image:url('/img/menu/nav-live-casino.png');}
a.promotions span	{background-image:url('/img/menu/nav-promotions.png');}

/** icons nav 2'nd level **/
#icons-nav-1 ul ul {
	-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-1 ul ul				{background-color:#0e5784; text-align:left; margin:0px auto 0px auto; padding:0; border-radius:0px 0px 5px 5px;}
#icons-nav-1 ul ul li			{display:block; margin:0px 0px 1px 0px; font-size:90%; line-height:115%; list-style:none;}
#icons-nav-1 ul ul li a			{display:block; background-color:#0e5784; color:#fff; padding:11px 10px 12px 77px; font-weight:400; text-decoration:none;}
#icons-nav-1 ul ul li a:hover	{color:#fff; background:#0c496f; text-decoration:none;}
#icons-nav-1 ul ul li.header-menu-child.active a {color:#fff; background:#0c496f; text-decoration:none;}
#icons-nav-1 ul ul li a.current	{color:#fff; background:#0c496f; font-weight:500;}

/** other nav **/
#other-nav						{margin-bottom:30px; padding-top:8px;}
#other-nav ul					{text-align:left; margin:0; padding:0;}
#other-nav ul > li				{display:block; margin:0 0 1px 0; font-size:1.9rem; line-height:115%; font-weight:400; list-style:none;}
#other-nav ul > li a			{display:flex; justify-content:space-between; background-color:transparent; color:#fff; padding:12px 16px 8px 16px; text-decoration:none; cursor:pointer;}
#other-nav ul > li a:hover		{color:#15b9ff; text-decoration:none;}

@media screen and (max-width: 767px) { /* mobile view */
	.site-container-es #top-nav .menu-promotions {display: none;}
}

/*** mask ***/
.mask {
	opacity:0; z-index:-1;
	position:fixed; top:0; left:0;
	background-color:rgba(0,0,0,0.6);
	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:1; z-index:89;}

/************ Footer Main *****************/
#footer-main		{display:flex; flex-wrap:wrap; justify-content:space-between;}

@media screen and (max-width: 990px) {
	#footer-main			{flex-direction:column;}
}

/**** Footer Links ****/
.footer-links-logos				{display: grid; grid-template-columns: 1.4fr 1fr; grid-column-gap: 10%;grid-row-gap: 10px;}
#footer-links 					{display: inline-grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 4%;}
.site-container-de-DE #footer-links {grid-template-columns: 1fr 1fr;}
.site-container-es #footer-links {grid-template-columns: 0.9fr 0.9fr 1.2fr;}
#footer-links strong			{display:block; margin:0px 0px 20px 0px; padding:0; color:#15b9ff; font-weight:700; font-size:2.6rem; line-height:115%;}
#footer-links ul				{margin:0; padding:0;}
#footer-links ul li				{display:block; margin:0px 0px 15px 0px; font-size:1.7rem; line-height:115%; list-style:none;}
#footer-links ul li a			{color:#fff; text-decoration:none;}
#footer-links ul li a:hover		{color:#8ab4cc; text-decoration:underline;}
#footer-links ul li a.current	{color:#8ab4cc; text-decoration:none;}

@media screen and (max-width: 1680px) { 
	.footer-links-logos			{display: grid; grid-template-columns: 1.6fr 1fr; grid-column-gap: 5%;}
}

@media screen and (max-width: 1280px) { 
	.footer-links-logos {
		grid-template-columns: 1.6fr 1fr;
		grid-column-gap: 2%;
	}
	#footer-links strong {
		font-size: 2.6rem;
	}	
}

@media screen and (max-width: 1024px) { 
	#footer-links {
		grid-template-columns: 1fr 1fr;
	}
	#footer-links > div:first-child {
		grid-row-start: 1;
    	grid-row-end: 3;
	}
}

@media screen and (max-width: 768px) { 
	#footer-links strong {
		font-size: 2.3rem;
	}
}

@media screen and (max-width: 767px) { /* mobile view */
	.footer-links-logos {
		display: block;
	}

	#footer-links {
		display: block;
	}

	#footer-links > div {
		margin-bottom: 4vh;
	}

	#footer-links strong	{line-height:115%; margin:0px 0px 5vw 0px;}
	#footer-links ul		{display:flex; justify-content:flex-start;  flex-wrap:wrap;}
	#footer-links ul li		{white-space:nowrap; font-size:120%; line-height:115%; margin:0px 0px 3vw 0px;}
	#footer-links ul li:after {
		content: "|";
		display: inline-block;
		margin: 0 3.2vw;
		color: #196a9f;
		font-size: 4vw;
		line-height: 100%;
	}
	#footer-links ul li:last-child:after {
		display: none;
	}
	#footer-links ul li a	{margin: 0 0 3vw;}
}

/************ Copyrights Line *****************/
.copyrights-line		{background-color:#196a9f; color:#fff; padding:7px 30px 6px 30px; font-size:14px; line-height:115%; text-align:center;}
.copyrights-wrapper		{max-width:none !important;}
div.copyrights-wrapper a		{color:#fff;}
div.copyrights-wrapper a:hover	{color:#000;}

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

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

@media screen and (max-width: 767px) { /* mobile view */
	div.footer-text					{display:none;}
	/* div.footer-text-mobile-top		{display:block; text-align:center;}
	div.footer-text-mobile-bottom	{display:block; text-align:center;} */
}

/************ Footer Line *****************/
.footer-line		{background-color:#002538; 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:#196a9f; padding:25px 0 20px 0;}
div.payments-title		{margin-bottom:24px; text-align:center;}
div.payments-title h2	{color:#fff; font-size:3.2rem; line-height:115%; font-weight:500;}
#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		{max-height: 40px;min-height: 40px;} /* all images height must be 80px*/

@media screen and (max-width: 767px) { /* mobile view */
	.payments-line			{padding:4vw 0 3vw 0;}
	div.payments-title h2	{font-size:5.5vw; line-height:115%;}
	#payment ul				{flex-wrap:wrap}
	#payment ul li			{margin:0px 1.8vw 3vw 1.8vw;max-width: 40%;}
}


/************ Footer Texsts *****************/
div.footer-top-text			{color:#fff; margin-bottom:10px; font-size:12px; line-height:15px;}
div.footer-bottom-text		{color:#fff; margin-bottom:10px; font-size:85%; line-height:145%;}
div.footer-top-text a,
div.footer-bottom-text a	{color:#fff;}
div.footer-top-text a:hover,
div.footer-bottom-text a:hover	{color:#8199A4;}
/* div.footer-bottom-text.first	{padding-top: 25px;} */

@media screen and (min-width: 768px) {
	div.footer-bottom-text.seo-text {
		grid-row-start: 2;
		grid-column-end: 3;
		grid-column-start: 1;
	}
}

@media screen and (max-width: 767px) { /* mobile view */
    /* div.footer-bottom-text.first    {display: none;} */
	div.footer-bottom-text		    {margin-bottom:3vw; line-height:160%;}
	div.footer-bottom-text.seo-text {margin-bottom:5vh;}
}

@media screen and (height: 400px) and (orientation: portrait) { /* mobile view keyboard*/
	/* #footer-fixed-container {
        display: none;
    } */
}
/********* Tabs 1'st level **********/
.main-tabs.site {
    background-color: #186b9e;
    position: sticky;
    position: -webkit-sticky;
    z-index: 2;
}

.main-tabs.site ul {
    width: auto;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.main-tabs.site ul li {
    margin: 0px 15px;
    font-size: 2rem;
    line-height: 115%;
    font-weight: 500;
    text-align: center;
    list-style: none;
}

.main-tabs.site ul li a {
    display: block;
    color: #fff;
    padding:18px 30px 14px 30px;
    text-decoration: none;
}

.main-tabs.site ul li a:hover {
    color: #0d344d;
    text-decoration: none;
}

.main-tabs.site ul li.active a {
    background-color: #fff;
    color: #002538;
    text-decoration: none;
}

@media screen and (max-width: 990px) {
    .main-tabs.site ul li    {margin:0px 30px;}
}

.main-tabs.site li div {
    display: table;
    background-size: 100%;
    width: 40px; height: 40px;
    margin: 0 auto 15px auto;
    background-repeat: no-repeat;
    background-position: center top;
    text-decoration: none;
}

.main-tabs.site li a:hover div, .main-tabs.site li.active a div {
    background-position: center bottom;
}

div.nav-img-liveRouletteES,
div.nav-img-liveCasino {background-image: url('/img/menu/Category-live-casino.png');}
div.nav-img-slots {background-image: url('/img/menu/Category-slots.png');}
div.nav-img-casino {background-image: url('/img/menu/Category-casino.png');}

@media screen and (max-width: 767px) { /* mobile view */
    .main-tabs.site          {background-color:#002538;}
    .main-tabs.site ul       {justify-content:space-between;}
    .main-tabs.site ul li    {width:32.8%; font-size:4.7vw; line-height:115%; margin:0; display: flex;}
    .main-tabs.site ul li a  {width:100%; padding:3.2vw 0px 3vw 0px; background-color:#186b9f;}
    .main-tabs.site li div   {width:8vw; height:8vw; margin-bottom:2vw;}
    .site-container-nb-NO .main-tabs.site ul li,
    .site-container-pt-BR .main-tabs.site ul li,
    .site-container-da .main-tabs.site ul li {font-size:4.1vw;}
}


/********* Tabs 2'nd level **********/
.sub-tabs {
    background-color:#fff;
    position: sticky;
    position: -webkit-sticky;
    z-index: 2;
}

.sub-tabs > div {
}

.sub-tabs ul {
    width: auto;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.sub-tabs ul li {
    margin: 0px 20px;
    font-size: 2rem;
    line-height: 115%;
    font-weight: 500;
    text-align: center;
    list-style: none;
}

.sub-tabs ul li a {
    padding:19px 25px 17px 25px;
    display: block;
    color: #186b9d;
    text-decoration: none;
}

.sub-tabs ul li a:hover {
    color: #002538;
    text-decoration: none;
}

.sub-tabs ul li.active a {
    background-color: #002538;
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 990px) {
    .sub-tabs ul li    {margin:0px 20px;}
}

@media screen and (max-width: 767px) { /* mobile view */
    div.sub-tabs {
        width: 100%;
        overflow: hidden;
        box-sizing:border-box;
    }
    /* .sub-tabs:before,
    .sub-tabs:after {
        height: 49px;
        position: absolute;
        top: 0; z-index: 9;
        color:#186b9f;
    }
    .sub-tabs:before {
        content: "<";
        width: 15px;
    }
    .sub-tabs:after {
        content: ">";
        width: 30px;
    }
    .sub-tabs:before {
        left: 0;
        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%);
    }
    .sub-tabs:after {
        right: 0;
        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%);
    } */
    /* .sub-tabs:before {
        content: "";
        width: 30px;
    }
    .sub-tabs:after {
        content: "";
        width: 30px;
    } */
    .sub-tabs > div {
        width: 108%;
        overflow: auto;        
        padding:0;
        margin-left: -8vw;
    }
    .sub-tabs ul {
        display: block;
        padding: 0px 8vw 0px 8vw;
        text-align: center;
        white-space: nowrap;
    }
    .sub-tabs ul li {
        display: inline-block;
        margin: 0px 0vw 0px 0vw !important;
        padding: 0;
        font-size:3.6vw; line-height:115%;
        min-width: 20%;
        text-align: center;
    }
    .sub-tabs.sub-tabs-liveCasino ul li {        
        min-width: 27%;
    }
    .sub-tabs ul li a {
        padding: 4vw 3.5vw 4vw 3.5vw;
    }
}