/************************ Header Line *****************************/
.header-line		{width:100%; height:65px; display:flex; flex-wrap:wrap; justify-content:flex-end; background-color:#fff; position:relative; z-index:70; box-shadow:0 0 12px rgba(0,0,0,0.4);}

@media screen and (min-width: 768px) { /* desktop-view */
	.header-line			{
		/* position:fixed; */
		top:0; left:0; right:0;padding-left: 59px;}
}

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

.site-container-frca a.logo img,
.site-container-ca a.logo img {
	padding: 4px 0 4px 0;
    width: auto;
    max-height: 61px;
}

#login-header		{margin:12px 12px 0px 0px; padding:0px 20px 0px 20px; font-size:2rem; font-weight:900;}
.site-container-sv #login-header		{padding:0; font-weight: 700;color: #1988fe; background-color: transparent; border-style: none;text-decoration: underline;text-transform: none;}
.site-container-sv #login-header:focus		{color: #1988fe; background-color: transparent;}
.footer-fixed-container-sv #footer-play-but button.negative-white {padding: 0 6px; font-weight: 700;color: #1988fe; background-color: transparent; text-decoration: underline;text-transform: none;}
#join-header		{margin:12px 12px 0px 0px; padding:0px 33px 0px 33px; font-size:2rem; font-weight:900;}
a.search-demi {margin-right: 14px;}
#search-demi {
	display:table; width:220px; height:44px;
	margin:12px 0px 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;
}
a.search-demi {
	text-decoration: none;
}

@media screen and (min-width: 1400px) { /* desktop-view */
	a.logo	{position:absolute; top:0; left:50%; margin-left:-100px;}
	.site-container-frca a.logo,
	.site-container-ca a.logo {
		max-width:45%; margin:0 auto;width: auto;height: 53px; max-height: unset;position: initial;
	}
}

@media screen and (min-width: 1600px) { /* desktop-view */
	.site-container-frca a.logo,
	.site-container-ca a.logo {
		position:absolute; top:0; left:50%; margin-left:-100px;
	}
}

@media screen and (min-width: 768px) { /* desktop-view */
	a.logo	{width:200px;}
}

@media screen and (max-width: 1024px) { /* desktop-view */
	#search-demi {
		width:51px;
	}
	#search-demi > span {
		display: none;
	}
}

@media screen and (max-width: 767px) { /* mobile view */
	.header-line	{height:auto; position:static;}
	.header-line.mobile	{display: flex !important;}
	a.logo			{max-width:45%; margin:0 auto;width: auto;height: 53px; max-height: unset;}
	#login-header	{display:none !important;}
	#join-header	{display:none !important;}
	.search-demi, #search-demi	{display:none !important;}
	a.logo img			{width:auto; height:auto; display:inline-block;max-height: 51px;}
	.site-container-frca a.logo,
	.site-container-ca a.logo {
		max-width: unset;
        margin: 0 0 0 10px;        
        max-height: unset;
        flex-grow: 1;
	}
	.site-container-frca a.logo img,
	.site-container-ca a.logo img {
		max-height: 50px;
		padding: 0;
	}
}

@media screen and (max-width: 767px) and (orientation: landscape) { /* mobile view landscape*/
	a.logo			{width:auto;}
	a.logo img		{height:8vw; width:auto;}
	.site-container-frca a.logo img,
	.site-container-ca a.logo img {
		max-height: 50px;
	}
}

.ontario-lang {
	display: flex;
	column-gap: 6px;
	align-self: center;
    padding: 0;
    margin: 2px 24px 0 0;
	color: #13005b;
}

@media screen and (max-width: 767px) { /* mobile view */
	.ontario-lang {
		margin: 0 16px 0 0;
	}
}

.ontario-lang .lang-sep {
	color: #13005b;
}

.ontario-lang .lang-sep:last-child {
	display: none;
}

.ontario-lang .current {
	font-weight: bolder;
	border-bottom: solid 2px #1988fe;
	color: #1988fe;
}

.ontario-lang a {
	text-decoration: none;
	padding: 0;
    margin: 0;
	color: inherit;
	cursor: pointer;
}

#promotions-header {
	position:relative; 
	padding-top: 18px;
    margin-right: 10px;
}

@media screen and (max-width: 767px) { /* mobile view */
	#promotions-header {
		display: none;
	}
}

#promotions-header.guest:after {
	position: absolute;
    left: 56%;
    top: 17px;
    width: 14px;
    height: 14px;
    line-height: 8px;
    color: #fff;
    background-color: #E30813;
    font-size: 10px;
    border-radius: 40px;
    content: '3';
    border: solid 1px #E30813;
    display: flex;
    align-items: center;
    justify-content: center;
}  
/************ Footer Logos *****************/
#footer-logos			{width:100%; max-width:890px; margin:0px auto 30px auto; padding:0; text-align:center; font-size:0px;}
#footer-logos .primegaming img {
    display: block;
    max-width: 38vw;
}

#footer-logos .primegaming {
    display: inline-flex;
    align-items: center;
    column-gap: 20px;
    flex-wrap: wrap;
    row-gap: 20px;
    justify-content: center;
}

/************ Footer Texsts *****************/
div.footer-top-text			    {margin-bottom:10px; font-size:12px; line-height:15px;}
div.footer-bottom-text		    {margin-bottom:10px; font-size:85%; line-height:145%; width: 100%;}
div.footer-bottom-text a		{color: #000}
div.footer-bottom-text.first    {border-top:solid 1px #000; padding-top: 25px;}

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

/************ Footer Main *****************/
#footer-main		{display:flex; flex-wrap:wrap; justify-content:space-between; color: #000;}
#footer-links		{display:flex; flex-wrap:wrap; justify-content:space-between;}
#footer-links.lp		{justify-content:flex-start; column-gap: 10%;}
#footer-logos		{margin-bottom:30px;}
#footer-main a		{color:#000; text-decoration:underline; text-decoration-color:rgba(0, 7, 45,0.6);}

@media screen and (min-width: 991px) {
	#footer-links	{width:60%; max-width:1000px;}
	#footer-logos	{width:36%;}
}
@media screen and (max-width: 990px) {
	#footer-main			{display: block;}
	#footer-links > div		{width:44%;}
}
@media screen and (max-width: 767px) { /* mobile view */
	#footer-logos	{margin-bottom:4.6vw;margin-top:4.6vw;}
	#footer-links > div		{width:auto;}
}

/**** Footer Links ****/
#footer-links > div				{margin-bottom:30px;}
#footer-links strong			{display:block; margin:0px 0px 15px 0px; padding:0; font-weight:700; font-size:3rem; line-height:115%;}
#footer-links ul				{margin:0; padding:0; font-family: "Maven Pro", arial, helvetica, sans-serif;}
#footer-links ul li				{display:block; margin:0px 0px 10px 0px; font-size:2rem; line-height:115%; list-style:none;}
#footer-links ul li a			{color:#000; text-decoration:underline; text-decoration-color:rgba(0, 7, 45,0.6);}
#footer-links ul li a:hover		{color:#fff; text-decoration:none;}
#footer-links ul li a.current	{color:#fff; text-decoration:none;}

/* @media screen and (min-width: 1341px) {
	#footer-links > div		{width:31%;}
} */
@media screen and (max-width: 1340px) {
	#footer-links > div		{width:44%;}
}
@media screen and (max-width: 990px) and (min-width: 768px) {
	#footer-links > div		{width:31%;}
}
@media screen and (max-width: 767px) { /* mobile view */
	#footer-links > div		{width:auto; margin-bottom:4vw; max-width: 50%;}
	#footer-links strong	{font-size:130%; line-height:115%; margin:0px 0px 5vw 0px;}
	#footer-links ul li		{font-size:100%; line-height:115%; margin:0px 0px 3vw 0px;}
}

/************ Footer Fixed bottom Line *****************/
#footer-fixed-container { position: fixed; bottom: 0; width: 100%; z-index: 70; }
#footer-fixed {
	width:100%; height:15vw;
	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,  rgba(255,255,255,1) 0%, rgba(213,213,213,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(213,213,213,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(213,213,213,1) 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:14%;}
#footer-search-but		{
	width:14%;
	padding-top: 2px;
}
#footer-promotions-but		{
	width:14%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 2px;
	padding-left: 4px;
	border: #1988fe 2px solid;
	border-right-width: 0;
	background-color: #fff;
	position: relative;
}
#footer-play-but		{flex-grow: 1;}

#footer-fixed ul li button		{width:100%; height:100%; padding:0px; border-radius:0;}
#footer-fixed ul li button img	{display:block; width:100%; height:100%;}
#footer-menu-but button			{background-color:#13005b;}
#footer-search-but button		{background-color:#fff;}
#footer-play-but button			{font-size:5.3vw; line-height:100%; background-color:#1988fe; color:#fff; font-weight:900;}

@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 ul li button		{width:auto; height:50px;}
	#footer-fixed ul li button img	{width:auto; height:50px;}
	#footer-search-but	{width:auto;}
	#footer-search-but img	{width:auto; height:50px;}
	#footer-play-but {width:auto;flex-grow: 1;justify-content: stretch;}
	#footer-play-but button {flex-grow: 1}
	#footer-fixed {height: auto; padding: 0;background: #fff;}
	#footer-fixed ul li button {font-size:3.3vw; line-height:100%; padding: 4px 10px;}
	#footer-menu-but {width:auto;}
	#footer-fixed ul #footer-menu-but button {padding: 0;}
}

/************ Copyrights Line *****************/
.copyrights-line		{background-color:#13005b; 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:3vw 0px 3vw 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-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;}
	div.footer-text-mobile-top			{display:block; font-size:85%;}
	div.footer-text-mobile-top p		{line-height:130%;}
	div.footer-text-mobile-bottom		{display:block; font-size:85%; line-height:130%;}
	div.footer-text-mobile-bottom p		{line-height:130%;}
}

/************ Footer Line *****************/
.footer-line		{background-color:#fea646; 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:#d2b6be; padding:25px 0 20px 0; font-family: "Maven Pro", arial, helvetica, sans-serif;}
div.payments-title		{margin-bottom:24px; text-align:center;}
div.payments-title h2	{color:#fff; font-size:3.6rem; 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;} /* all images height must be 80px*/

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

/************ facebook *****************/
.fb-footer {
	background-color: #1988fe;
	color: #ffffff;
	font-weight: 900;
	display: flex;
	font-family: "Maven Pro", arial, helvetica, sans-serif;
	font-size: 150%;
	justify-content: center;
	padding: 8px 0;
}

.fb-footer a {
	color: #ffffff;
	text-decoration: none;
	line-height: 100%;
	display: flex;
}

.fb-footer a:hover {
	color: #ffffff;
	text-decoration: none;
}

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

#footer-promotions-but.guest:after {
	position: absolute;
    left: 56%;
    top: 8px;
    width: 14px;
    height: 14px;
    line-height: 8px;
    color: #fff;
    background-color: #E30813;
    font-size: 10px;
    border-radius: 40px;
    content: '3';
    border: solid 1px #E30813;
    display: flex;
    align-items: center;
    justify-content: center;
}  
.rgbeam-header {
    min-height: 31px;
    width:100%;
    background-color: #1988fe;
    padding: 3px 10px;
    color: #ffffff;
    font-size: 1.2rem;
    line-height: 115%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 91;
}

.site-container-ca .rgbeam-header,
.site-container-frca .rgbeam-header {
    padding: 1px 10px;
}

@media screen and (max-width: 767px) { 
    .rgbeam-header.mobile {
        min-height: 53px;
        padding: 3px 4px;
        position: sticky;
        position: -webkit-sticky;
        display: flex!important;
        top: 0;
    }

    .site-container-ca .rgbeam-header,
    .site-container-frca .rgbeam-header {
        padding: 0px 4px;
    }
} 
.slogan {
    width: 100%;
    background-color: #00072d;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 1rem;
    font-size: 2rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .slogan {font-size: 1.4rem;padding: 0.5rem;}
}
/************************ Top Nav (Main Menu) *****************************/
#top-nav {
	direction:rtl;
	position:fixed;
	top:31px; /*left:-364px;*/ left:-428px;
	z-index:91;
	/*visibility:hidden;*/
	width:428px; height:100%;
	padding-right:64px;
	background: -moz-linear-gradient(left, #13005b 0px, #13005b 363px, transparent 364px, transparent 428px);
	background: -webkit-linear-gradient(left, #13005b 0px, #13005b 363px, transparent 364px, transparent 428px);
	background: linear-gradient(to right, #13005b 0px, #13005b 363px, transparent 364px, transparent 428px);
	-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-en-GB #top-nav,
.site-container-en-ROW #top-nav,
.site-container-en-IE #top-nav,
.site-container-en-CA #top-nav,
.site-container-en-IN #top-nav,
.site-container-en-NZ #top-nav,
.site-container-ca #top-nav  {
	top:45px;
}

.site-container-de-DE #top-nav,
.site-container-sv #top-nav {
	top: 31px;
}

.site-container-ca #top-nav {
	top: 76px;
}

.site-container-fr-CA #top-nav,
.site-container-pt-BR #top-nav,
.site-container-fi #top-nav,
.site-container-frca #top-nav,
.site-container-es #top-nav {
	top: 0;
}

/* .site-container-frca #top-nav  {
	top:31px;
} */

@media screen and (max-width: 767px) { /* mobile view */
	#top-nav {
		top: 0 !important;
		width:100%; left:-100%;
		padding-right:14.666667vw;
		background: -moz-linear-gradient(left, #13005b 0px, #13005b 85.333333%, transparent 85.333333%, transparent 100%);
		background: -webkit-linear-gradient(left, #13005b 0px, #13005b 363px, 85.333333%, transparent 85.333333%, transparent 100%);
		background: linear-gradient(to right, #13005b 0px, #13005b 85.333333%, transparent 85.333333%, transparent 100%);
	}
}

.menu-open #top-nav		{left:0px;}
.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:none;
	width:64px; height:65px; padding:20px;
    position:fixed;
    left:0; z-index:9;
	background:url('/img/hamburger.png') no-repeat center bottom;
	-webkit-transition: background-color 0.5s, left 0.5s;
	-moz-transition: background-color 0.5s, left 0.5s;
	-o-transition: background-color 0.5s, left 0.5s;
	-ms-transition: background-color 0.5s, left 0.5s;
	transition: background-color 0.5s, left 0.5s;
	cursor: pointer;
}

@media screen and (min-width: 768px) { /* desktop-view */
	#menu-X				{background-position:center bottom;display: table;}
	#menu-X:hover		{background-position: center top;}
	.menu-open #menu-X {
		left:364px;
		background-image:url('/img/close-w.png');
		background-position:center center;
		background-color:#5f5f5f;
	}
	.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;
		width:14.666667vw; height:14.666667vw;
		padding:0;
		display: block;
		background-color:#474747 !important; 
		background-position:center center;
		background:url('/img/close-w-mobile.png') no-repeat center center / cover;}
}

/** nav logo **/
div.nav-logo		{background-color:#13005b;}
div.nav-logo a		{display:table; margin:0 auto;}
div.nav-logo img	{display:block; height:65px; width:auto;}
.site-container-ca div.nav-logo img,
.site-container-frca div.nav-logo img {
	padding: 7px 0;
}

@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:100%; height:46px; margin:0 auto 10px auto; font-size:2.1rem;}
div.nav-buttons button	{width:100%; height:46px; margin:0 auto 10px auto; font-size:2.1rem;}

@media screen and (max-width: 767px) { /* mobile view */
	div.nav-buttons			{padding:4vw 11% 1.3vw 11%;}
	div.nav-buttons button	{height:10.7vw; font-size:5vw; margin-bottom:2.7vw; border-width:0.52vw;}
}

/** icons nav 1'st level **/
ul#icons-nav					{background-color:#fff; border-top:#ccc 2px solid; text-align:left; margin:0; padding:0;}
#icons-nav > li					{display:block; margin:0; font-size:1.7rem; line-height:115%; border-bottom:#fff 2px solid; list-style:none; text-transform:uppercase;}
#icons-nav > li a				{display:flex; justify-content:flex-start; background-color:#fff; color:#13005b; padding:9px 30px 4px 20px; font-weight:500; text-decoration:none;}
#icons-nav > li a img			{width:auto; height:28px; display:block; margin:0 20px 0 0;}
#icons-nav > li a span			{display:block; width:100%; padding:4px 0px 11px 0px; box-sizing: border-box; cursor: pointer;}
#icons-nav > li:first-child > a	{padding-top:8px;}
#icons-nav > li:last-child > a	{padding-bottom:8px;}
#icons-nav > li a.current		{color:#fff; background-color:#1988fe; text-decoration:none;}
#icons-nav > li a:hover			{color:#fff !important; background-color:#1988fe !important; font-weight:700; 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:#13005b; background-color:#e8e8e8; font-weight:700;}

#icons-nav > li > a:after {
	content:""; width:32px;
}
#icons-nav > li.header-menu-dropdown  > a:after {
	content:"\F0D7";
	font-family:"FontAwesome";
	display:block; 
	padding-top: 4px;
	font-size:22px; line-height:100%;
	color:#1988fe; text-align:right;
}
#icons-nav > li.header-menu-dropdown  > a:hover:after {
	color:#fff;
}
#icons-nav > li.header-menu-dropdown.active > a:after {
	content:"\F0DE";
	padding-top: 7px;
}

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

/** icons nav 2'nd level **/
#icons-nav ul {
	background-color:#e8e8e8; 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:1.7rem; line-height:115%; list-style:none;}
#icons-nav ul li a			{display:block; background-color:#e8e8e8; color:#13005b; padding:14px 30px 14px 90px; font-weight:500; text-decoration:none;}
#icons-nav ul li a:hover	{color:#fff; background-color:#1988fe; font-weight:700; text-decoration:none;}
#icons-nav ul li a.current	{color:#fff; background-color:#1988fe; text-decoration:none;}

@media screen and (max-width: 767px) { /* mobile view */
	#icons-nav li					{font-size:4vw; 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:1.65vw 0px 1.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:4vw; line-height:115%;}
	#icons-nav ul li a				{padding:3vw 7vw 3vw 17.6vw;}
	#icons-nav > li > a:after		{width:13vw;}
	#icons-nav > li.header-menu-dropdown > a:after			{padding-top:1.8vw; font-size:8vw; line-height:50%;}
	#icons-nav > li.header-menu-dropdown.active > a:after	{padding-top:3.8vw;}
}


/** 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:1.7rem; line-height:115%; list-style:none;}
#other-nav li a				{display:block; color:#fff; padding:13px 30px 14px 33px; border-bottom:#13005b 1px solid; text-decoration:none;}
#other-nav li:first-child a	{padding-top:17px;}
#other-nav li a:hover		{color:#fff; background-color:#1988fe; text-decoration:none;}
#other-nav li a.current		{color:#fff; background-color:#1988fe; 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:rgba(27,9,99,0.8);
	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;}

@media screen and (min-device-width: 769px) {
    /* Track */
    .top-nav-inner.scrollable::-webkit-scrollbar-track {
        background: #1988FE; 
        border-radius:  0;
    }

    /* Handle */
    .top-nav-inner.scrollable::-webkit-scrollbar-thumb {
        background: #A6D0FC; 
        border-radius:   0;
    }
}

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