img.optimized.lazyloaded {
    /* test */
    /* background-color: violet!important; */
    
    /* prod */
    height: auto !important;
    padding-top: unset !important;
}

img.optimized-external {
    max-width:100%;height: auto;
    object-fit: cover;
    width: auto;
}

div.optimized-wraper {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
/************************ Header Line *****************************/
.header-line		{width:100%; height:63px; background-color:#000; display:flex; flex-wrap:wrap; justify-content:flex-end; position:relative;}

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

a.logo	{display:table;}
a.logo .main-logo {
    width: 145px;
	height: 43px;
	fill: #fff;
}

#login-header		{min-width:130px; width:auto; height:32px; margin:15px 8px 0px 0px; font-size:1.4rem; font-weight:500; padding:2px 20px 0 20px; box-sizing:border-box;}
#join-header		{min-width:130px; width:auto; height:32px; margin:15px 18px 0px 0px; font-size:1.4rem; font-weight:500; padding:2px 20px 0 20px; box-sizing:border-box;}
#search-demi {
	display:table; height:19px;
	padding-left:29px;
	margin:20px 35px 0px 0px; 
	background:url('/img/search.png') no-repeat left top;
	cursor:pointer;
}
a.search-demi {
	text-decoration: none;
}
#search-demi > span		{display:block; color:#cecece; line-height:19px;}

.header-line a.promotions {
	display:table; height:19px;
	padding-left:29px;
	margin:20px 27px 0px 0px;
	background:url('/img/icons/promotion-icon.png') no-repeat left top / 20px;
	text-decoration: none;
}
.header-line a.promotions > span	{display:block; color:#cecece; line-height:19px;}
.header-line .promotions-guest	{position: relative;}
.header-line .promotions-guest:after {
	position: absolute;
    left: 14px;
    top: -4px;
    width: 10px;
    height: 10px;
    background-color: #ff1f3a;
    font-size: 12px;
    line-height: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    content: "";
}
@media screen and (max-width: 767px) { /* mobile view */
	.header-line a.promotions		{width:5.4vw; height:5.4vw; margin:3.8vw 3.2vw 10px 0px; background-size:5.4vw;}
	.header-line a.promotions span	{display: none;}
	.header-line .promotions-guest:after {
		left:5vw; top:-1vw;
		width:2vw; height:2vw;
		font-size:2vw;
		border-width:0.3vw;
		border-radius:3vw;
	}
}

@media screen and (min-width: 768px) { /* desktop-view */
	a.logo	{position:absolute; top:11px; left:81px;}
}

@media screen and (max-width: 767px) { /* mobile view */
	.header-line	{height:auto;}
	a.logo			{width:auto; margin:2vw auto 2vw auto;}
	a.logo .main-logo	{width:28vw; height:9vw;margin-left: 5.4vw;}
	.site-container-sv a.logo .main-logo	{margin-left: 0;}
	#join-header	{display:none !important;}
	#login-header	{display:none !important;}
	#search-demi	{display:none}
}
/**** Footer Logos ****/
#footer-logos			{width:100%; margin:0px 0px 30px 0px; padding:20px 0px 20px 0px; text-align:center; font-size:0px; border-top:#1e1e1e 1px solid; border-bottom:#1e1e1e 1px solid;}
/* #footer-logos		    {text-align: center; opacity:0.7;}
#footer-logos:hover			{opacity:1;} */
#footer-logos .primegaming {display: inline-flex;column-gap: 20px;align-items: center;}
#footer-logos .primegaming img {display: block;max-width: 38vw;}
#footer-logos .optimized-wraper img {opacity:0.7;}
#footer-logos .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;}
}
/************ Footer Main *****************/
#footer-main		{display:flex; flex-wrap:wrap; justify-content:space-between;}

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

div.lordping-is-ready {
	width: 95%;
	max-width: 1200px;
	margin: 0px auto 70px auto;
	padding-top: 50px;
	border-top: #363636 1px solid;
	text-align: center;
}

div.lordping-is-ready p {
	margin: 0px auto 44px auto;
    font-size: 45px;
    line-height: 115%;
    font-weight: 500;
    text-transform: capitalize;
    color: #c7af73;
}

div.lordping-is-ready button {
	height: 50px;
	margin: 0px auto;
	font-size: 2rem;
	padding-right: 45px;
	padding-left: 45px;
}

@media screen and (max-width: 767px) { /* mobile view */
    div.lordping-is-ready			{margin:0px auto 10vw auto; padding-top:8vw;}
    div.lordping-is-ready p			{font-size:7vw; margin: 0px auto 7vw auto;}
    div.lordping-is-ready button	{height:12vw; font-size:5vw; padding-right:9vw; padding-left:9vw;}
}


/**** Footer Logo ****/

#footer-main .footer-logo {
    width: 140px;
    height: 105px;
    margin: 0 auto 45px auto;
    display: block;
}

#footer-main .footer-logo svg {
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
	#footer-main .footer-logo {
		display: block;
	}
}	

/**** Footer Links ****/
#footer-links 					{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 4%;}
.site-container-es #footer-links {grid-template-columns: 1fr 1fr 1fr;}
#footer-links > div				{margin-bottom:25px;}
#footer-links strong {
	display:block; position:relative;
	margin:0px 0px 16px 0px; padding:0px 0px 7px 0px;
	color:#d8d8d8; font-weight:700;
	font-size:2rem; line-height:115%;
	letter-spacing:1px;
	-webkit-transition: 0.25s ease;
	transition: 0.25s ease;
}
#footer-links strong:after {
	content: "";
    width: 25px; height: 3px;
    background-color: #ef9305;
    position: absolute;
    bottom: 0;  left: 0;
}
#footer-links ul				{margin:0px; padding:0px;}
#footer-links ul li				{display:block; margin:0px 0px 12px 0px; font-size:1.6rem; line-height:115%; list-style:none;}
#footer-links ul li a {
	color:#b7bbbc;
	text-decoration:none;
    transition: all .4s ease 0s;
    -webkit-transition: all .4s ease 0s;
}
#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 (max-width: 990px) { 
	#footer-links {
		grid-template-columns:  1fr  1fr;
		grid-column-gap: 2%;
	}
}

@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	{font-size:150%; line-height:115%; margin:0px 0px 4vw 0px; padding:0px 0px 2vw 0px;}
	#footer-links strong:after	{width:7vw; height:0.8vw;}
	#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 2.5vw 0px;}
	#footer-links ul li:after {
		content: "|";
		display: inline-block;
		margin: 0 3.2vw;
		color: #fff;
		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:#202020; 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:#fff;}

@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 {
    border-top: 3px solid #ef9305;
	padding: 39px 0px 30px 0px;
	background: #020202 url(/img/footer-bg.jpg) repeat-x left top;
}
.footer-wrapper		{max-width:840px !important;}

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

/************ Payments Line *****************/
.payments-line			{padding:0 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				{margin:0; padding:0; text-align: center;}
#payment ul li			{margin:0px 10px 10px 10px; list-style:none; display: inline-block;}
#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%;}
	#payment ul li img		{max-height: 30px; min-height: 30px;}
}


/************ Footer Texsts *****************/
div.footer-top-text			{color:#cecece; margin-bottom:30px; font-size:12px; line-height:15px;}
div.footer-bottom-text		{text-align:center; color:#cecece; margin-bottom:30px; font-size:85%; line-height:145%;}
div.footer-top-text a,
div.footer-bottom-text a	{color:#baaf60;}
div.footer-top-text a:hover,
div.footer-bottom-text a:hover	{color:#baaf60;}
/* 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;}
}
#rgbeam-header {
    min-height: 31px;
    width:100%;
    background-color: #202020;
    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: 53px;
        padding: 3px 4px 3px 4px;
    }
} 
/************************ Top Nav (Main Menu) *****************************/
#top-nav {
	position:fixed;
	top:0px; left:-290px;
	z-index:99;
	width:290px; height:100%;
	background-color:#060606;
	-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;}
div.nav-items		{overflow-x: hidden; overflow-y: auto; height: calc(100% - 50px); padding-bottom: 10px; overscroll-behavior: contain;}

#menu-X {
	display:table;
	width:63px; height:63px;
	position:fixed;
	left:0px; top:0; z-index:9;
	background:#202020 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:31px;
}

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

/** nav logo **/
div.nav-logo		{background-color:#1f2a30; padding:9px 0px;}
div.nav-logo a		{display:table; width:208px; margin:0 auto;}
div.nav-logo img	{display:block; width:100%; height:auto;}

/** nav buttons **/
div.nav-buttons			{width:100%; display:table; background-color:#fff; padding:18px 45px 10px 45px; text-align:center;}
div.nav-buttons	> div	{width:100%; display:inline-flex; flex-direction:column;}
div.nav-buttons button	{height:40px; margin:0 0 12px 0; font-size:2rem; font-weight:500;}
.site-container-fi div.nav-buttons button {
	padding: 0 10px;
}

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

.nav-section-title		{display:none; /*padding:0px; margin:0px 5px 5px 5px; border-top:#bfccd2 2px solid; color:#666; font-size:1.4rem; line-height:115%; font-weight:400;*/}
#other-nav .nav-section-title:last	{margin-bottom:5px;}

/** icons nav 1'st level **/
#icons-nav-1						{background-color: #202020;}
#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.6rem; line-height:115%; font-weight:700; list-style:none;}
#icons-nav-1 ul > li a				{display:flex; justify-content:space-between; background-color:#060606; color:#cecece; padding:21px 20px 20px 28px; text-decoration:none; cursor:pointer;}
/* #icons-nav-1 ul > li a:hover		{color:#ef9305; background-color:#060606; text-decoration:none;} */
/* #icons-nav-1 ul > li a.active		{color:#ef9305; background-color:#060606; text-decoration:none;} */
#icons-nav-1 ul > li a div			{flex-grow:1;}
#icons-nav-1 ul > li a span			{position: relative; display:block; width:24px; height:24px; margin:-4px 15px 0px 0px; background-repeat:no-repeat; background-position:center top;}
#icons-nav-1 ul > li.promotions-guest  a span:after {
	position: absolute;
    left: 17px;
    top: -1px;
    width: 10px;
    height: 10px;
    background-color: #ff1f3a;
    font-size: 12px;
    line-height: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    content: "";
}
@media screen and (max-width: 767px) { /* mobile view */
	#icons-nav-1 ul > li.promotions-guest  a span:after {
		/*left:5.5vw; top:-0.5vw;
		width:3vw; height:3vw;
		font-size:2vw;
		border-width:0.3vw;
		border-radius:3vw;*/
	}
}
/*#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.active a span, #icons-nav-1 ul > li a:hover span	{background-position:center bottom;}
#icons-nav-1 ul > li.header-menu-dropdown.active			{border-radius:5px 5px 0px 0px; overflow:hidden;}
/* #icons-nav-1 ul > li.header-menu-dropdown.active > a		{color:#ef9305; background-color:#060606; text-decoration:none;} */
#icons-nav-1 ul > li.header-menu-dropdown.active span	{background-position:center bottom;}

#icons-nav-2						{background-color:#fff; padding:0px 10px;}
#icons-nav-2 ul						{text-align:left; margin:0; padding:0;}
#icons-nav-2 ul > li				{display:block; margin:0 0 1px 0; font-size:2.1rem; line-height:115%; font-weight:500; list-style:none;}
#icons-nav-2 ul > li a				{display:flex; justify-content:space-between; background-color:#fff; color:#666; padding:13px 10px 10px 12px; text-decoration:none; cursor:pointer;}
#icons-nav-2 ul > li a:hover		{color:#fff; background-color:#1f2a30; text-decoration:none;}
#icons-nav-2 ul > li.active a		{color:#fff; background-color:#1f2a30; text-decoration:none;}
#icons-nav-2 ul > li a div			{flex-grow:1;}
#icons-nav-2 ul > li a span			{display:block; width:32px; height:30px; margin:-4px 15px 0px 0px; background-repeat:no-repeat; background-position:center top;}
/*#icons-nav-2 ul > li a:hover span	{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1);}*/
#icons-nav-2 ul > li a:hover span	{background-position:center bottom;}
#icons-nav-2 ul > li.active a span	{background-position:center bottom;}
#icons-nav-2 ul > li.header-menu-dropdown.active			{border-radius:5px 5px 0px 0px; overflow:hidden;}
#icons-nav-2 ul > li.header-menu-dropdown.active > a		{color:#fff; background-color:#1f2a30; text-decoration:none;}
#icons-nav-2 ul > li.header-menu-dropdown.active span	{background-position:center bottom;}
#icons-nav-1 > ul > li.header-menu-dropdown.active:last-child	{margin-bottom:-3px;} /* for next title sep */

#icons-nav-1 > ul > li > a:after,
#icons-nav-2 > ul > li > a:after {
	content:""; width:32px;
}
#icons-nav-1 > ul > li.header-menu-dropdown  > a:after,
#icons-nav-2 > ul > li.header-menu-dropdown  > a:after {
	content:"\F105";
	font-family:"FontAwesome";
	display:block; 
	font-size:25px; line-height:16px;
	color:#979797; text-align:right;
	font-weight: normal;
}
#icons-nav-1 > ul > li.header-menu-dropdown  > a:hover:after,
#icons-nav-2 > ul > li.header-menu-dropdown  > a:hover:after {
	color:#979797;
}
#icons-nav-1 > ul > li.header-menu-dropdown.active > a:after,
#icons-nav-2 > ul > li.header-menu-dropdown.active > a:after {
	content:"\F106";
	padding-top: 0px;
	color:#979797;
}

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

#icons-nav-1 a.home span		{background-image:url('/img/menu/nav-home.png');}
#icons-nav-1 a.slots span		{background-image:url('/img/menu/nav-online-slots.png');}
#icons-nav-1 a.megawaysDE span,
#icons-nav-1 a.popularDE span,
#icons-nav-1 a.newestDE span		{background-image:url('/img/menu/nav-slots-de.png');}
#icons-nav-1 a.casino span		{background-image:url('/img/menu/nav-casino-games.png');}
#icons-nav-1 a.rouletteES span,
#icons-nav-1 a.liveCasino span	{background-image:url('/img/menu/nav-live-casino.png');}
#icons-nav-1 a.blog span		{background-image:url('/img/menu/nav-opinions.png');}
#icons-nav-1 a.promotions span,
#icons-nav-1 a.promotionsNew span,
#icons-nav-1 a.promotionsNewEs span	{background-image:url('/img/menu/nav-promotions.png');}
#icons-nav-1 a.features span,
#icons-nav-1 a.featuresEs span		{background-image:url('/img/menu/nav-opinions.png');}


/** icons nav 1 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:#060606; 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:#060606; color:#cecece; padding:11px 10px 12px 57px; font-weight:400; text-decoration:none;}
#icons-nav-1 ul ul li a:hover	{color:#ef9305; background:#060606; text-decoration:none;}
#icons-nav-1 ul ul li.header-menu-child.active a {color:#ef9305; background:#060606; text-decoration:none;}
#icons-nav-1 ul ul li a.current	{color:#ef9305; background:#060606; font-weight:500;}

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


/** other nav 1'st level **/
#other-nav					{text-align:left; margin:0 0 15px 0; padding:0; border-top:#ef9303 1px solid;}
#other-nav ul				{margin:0; padding:0;}
#other-nav ul li			{display:block; margin:0 0 1px 0; font-size:1.6rem; line-height:115%; font-weight:400; list-style:none;}
#other-nav ul a				{display:block; background-color:#202020; color:#cecece; padding:21px 20px 22px 28px; text-decoration:none;}
#other-nav ul a:hover		{color:#ef9303; background-color:#000; text-decoration:none;}
#other-nav ul li.active a	{color:#ef9303; background-color:#000; text-decoration:none;}
#other-nav ul a.current		{color:#ef9303; background-color:#000; text-decoration:none;}

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

/********* Tabs 1'st level **********/
.main-tabs {
    background-color: #202020;
    padding:12px 0px 12px 0px;
    border-bottom:#404040 1px solid;
}

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

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

.main-tabs ul li a {
    display: block;
    color: #b3b3b3;
    text-decoration: none;
	-webkit-transition: 0.25s ease;
	transition: 0.25s ease;
}

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

.main-tabs ul li.active a {
    color: #fff;
    font-weight: 900;
    text-decoration: none;
}

@media screen and (max-width: 767px) { /* mobile view */
    .main-tabs          {padding:3.2vw 0px 3vw 0px;}
    .main-tabs ul       {justify-content: space-around; width: 90%; margin: 0 auto;}
    .main-tabs ul li    {font-size:4vw; line-height:115%; margin: 0;}
}


/********* Tabs 2'nd level **********/
.sub-tabs {
    background-color:#000;
    margin-bottom: 23px;
    position: sticky;
    z-index: 22;
}

.sub-tabs > div {
    max-width: 1200px;
    margin: 0 auto;
    border-bottom:#404040 1px solid;
    padding:18px 0px 18px 0px;
    box-sizing: border-box;
}

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

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

.sub-tabs ul li a {
    display: block;
    color: #eaeaea;
    text-decoration: none;
	-webkit-transition: 0.25s ease;
	transition: 0.25s ease;
}

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

.sub-tabs ul li.active a {
    color: #FAB613;
    font-weight: 700;
    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 {/*padding-right:5%; padding-left:5%; */
        width: 100%;
        overflow: hidden;
        box-sizing:border-box;
    }
    .sub-tabs > div {
        padding:12px 0px 12px 0px;
    }
    .sub-tabs:before,
    .sub-tabs:after {
        content: "";
        height: 49px;
        position: absolute;
        top: 0; z-index: 9;
    }
    .sub-tabs:before {
        width: 15px;
    }
    .sub-tabs:after {
        width: 30px;
    }
    .sub-tabs:before {
        left: 0;
        background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    }
    .sub-tabs:after {
        right: 0;
        background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
        background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    }
    .sub-tabs > div {
        width: 100vw;
        overflow: auto;
        margin-left: -15px;
    }
    .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 5vw 0px 5vw ;
        font-size:3.6vw; line-height:115%;
        text-align: center;
    }
    .sub-tabs ul li:first-child {
        padding-left: 0;
    }
    .sub-tabs ul li:last-child {
        padding-right: 3vw;
    }
}
.blog-page .area-wrapper {
    max-width: 960px;
}
.blog-home-page > .area-wrapper  {max-width:100%; width:100%;}

.blog-page {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.5rem;
    line-height: 135%;
    color: #fff;
}

@media screen and (max-width: 767px) and (orientation: portrait) { /* mobile view */    
    .blog-page {
        font-size: 3.8vw;
        line-height: 145%;
    }
}

.blog-page a {
    text-decoration: none;
}
.blog-page a:hover {
    text-decoration: underline;
}

.post.post-brief a,
.post.post-body a          {color:#ee9304; text-decoration:underline;}
.post.post-brief a:hover,
.post.post-body a:hover    {text-decoration:none;}

.blog-page h2   {font-size:210%;}

.blog-page h2,
.blog-page h3,
.blog-page h4,
.blog-page h6 {
    color: #cecece;
}

.blog-page h6 {
    font-weight: 500;
    margin: 0;
}

.blog-page h2 a,
.blog-page h3 a,
.blog-page h4 a,
.blog-page h6 a {
    color: #cecece;
    font-weight: 500;
    margin: 0;
    -webkit-transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -o-transition: color 0.5s ease-out;
    transition: color 0.5s ease-out;
}

.blog-page h6:hover a {
    color: #e40814;
}

.blog-page p {
    line-height: 150%;
}

.blog-page-columns {
    display: grid;
    grid-template-columns: 66% auto;
    column-gap: 30px;
    padding-bottom: 30px;
}

.blog-col-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
}

.blog-col-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 30px;
}

@media screen and (max-width: 767px) and (orientation: portrait) { /* mobile view */
	.blog-page-columns {
        display: initial; padding-bottom: 6vw;
    }
    
    .blog-col-2 {
        display: initial;
    }
    
    .blog-col-4 {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 15px;
    }    

    .blog-page h1.page-title {
        margin-bottom: 5vw;
    }
}

/***********************************************/
.posts-list     {margin-bottom:30px;}

.post-info    {display:flex; justify-content:space-between; margin-bottom:15px;}
.post-info .post-date  {width:100px; text-align:right;}

@media screen and (max-width: 767px) { /* mobile view */	
    .posts-list             {margin-bottom:8vw;}
    .post-info              {margin-bottom:4vw;}
    .post-info .post-date   {width:26vw;}
}

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

.post-teaser       {margin-bottom:2px;}
.post-teaser a     {color:#7d7d7d;}

@media screen and (max-width: 767px) and (orientation: portrait) { /* mobile view */    
    .post-teaser      {margin-bottom:1vw;}
}

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

.post-read    {}

.post-read a {
    height: 36px;
    background: #bd0000;
    color: #fff;
    padding: 0px 30px 0 30px;
    display: table;
    text-align: center;
    font-size: 100%;
    font-weight: 400;
    line-height: 36px;
    text-transform: uppercase;
    text-decoration: none;
    border: 0;
    border-radius: 500px;
    letter-spacing: 2px;
    box-sizing: border-box;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.post-read a:hover,
.post-read a:active,
.post-read a:focus {
    background: #740802;
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 767px) and (orientation: portrait) { /* mobile view */	
    .post-read a {
        height: 9vw;
        font-size: 115%;
        line-height: 9vw;
    }
}

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

#footer-fixed-container .blog-footer li a,
#footer-fixed-container .blog-footer li button {
        padding-top: 2.7vw;
}
#footer-fixed-container .blog-footer li img {
    width: 6vw;
    height: 6vw;
    margin-bottom: 2vw;
}

#footer-fixed ul.blog-footer li {
    width:20%;
}

#footer-fixed ul.blog-footer li button,
#footer-fixed ul.blog-footer li a {
    text-transform: initial;
}

@media screen and (max-width: 767px) and (orientation: portrait) { /* mobile view */	
    .header-sticky.blog .header-line {border-bottom: solid 1px #e40814;}
    .blog-page .load-more {
        width: 100%;
    }
}

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

.follow-us              {width:100%; background-color:#202020; padding:10px 0; text-align:center;}
.follow-us > div        {display:flex; justify-content:center;}
.follow-us > div span   {font-size:165%; line-height:115%; color:#fff; margin-right:10px;}
.follow-us > div a      { width:33px; margin-left:10px;}
.follow-us > div a img  { width:100%; height:auto;}

@media screen and (max-width: 767px) { /* mobile view */	
    .follow-us              {padding:3vw 0;}
    .follow-us > div span   {margin-right:2vw;}
    .follow-us > div a      {width:8vw; margin-left:2.6vw;}
}