@font-face { /* light */
	font-family: 'Inter';
	src: url('../fonts/inter-v13-latin/inter-v13-latin-300.woff2') format('woff2'), 
		 url('../fonts/inter-v13-latin/inter-v13-latin-300.woff') format('woff');
	font-weight: 300; font-style: normal; font-display: swap;
}
@font-face { /* regular */
	font-family: 'Inter';
	src: url('../fonts/inter-v13-latin/inter-v13-latin-regular.woff2') format('woff2'), 
		 url('../fonts/inter-v13-latin/inter-v13-latin-regular.woff') format('woff');
	font-weight: normal; font-style: normal; font-display: swap;
}
@font-face { /* semiBold */
	font-family: 'Inter';
	src: url('../fonts/inter-v13-latin/inter-v13-latin-600.woff2') format('woff2'),
		 url('../fonts/inter-v13-latin/inter-v13-latin-600.woff') format('woff');
	font-weight: 600; font-style: normal; font-display: swap;
}
@font-face { /* extraBold */
	font-family: 'Inter';
	src: url('../fonts/inter-v13-latin/inter-v13-latin-800.woff2') format('woff2'),
		 url('../fonts/inter-v13-latin/inter-v13-latin-800.woff') format('woff');
	font-weight: 800; font-style: normal; font-display: swap;
}

html {
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

body {
	width: 100vw;
    margin: 0;
    padding: 0;
	font-family: Inter,Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-style: normal;
}

h1 {
	font-weight: 300;
    text-transform: uppercase;
	position: relative;
	padding-bottom: 14px;
	margin: 40px 25px 0 45px;
    font-size: 38px;
}
h1::after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 80px;
    height: 2px;
    border-radius: 1px;
    background-color: #e465ff;
}

h3 {
	font-weight: 600;
}

#bodyBg {
    position: fixed; 
    height: 100%; 
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
	background-color: #222222;
	background-image: url('../images/bodyBg.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

header {
	background-color: #000000;
	color: #ffffff;
	font-family: Inter,Helvetica,Arial,sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	box-shadow: none;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	height: 90px;
	position: fixed;
	z-index: 10011;
	left: 0px;
	right: 0px;
	top: 0px;
	width: 100%;
	filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.13));
}
#headerLeft, #headerRight {
	display: flex;
	align-items: center;
}
#rfLogo {
	padding-left: 48px;
}
#rfLogo img {
	width: 50%;
	max-width: 450px;
	height: auto;
}
#headerImage {
	content: "";
	display: flex;
	align-items: center;
	min-width: 170px;
	width: 170px;
	height: 90px;
	background-image: url('../images/headerImg.webp');
	background-size: 170px 90px;
	background-repeat: no-repeat;
	margin: 0;
}

#headNav {
	display: flex;
    z-index: 10011;
    top: 0;
    right: 0;
    height: 90px;
    position: fixed;
    color: #ffffff;
    margin: 0;
    justify-content: flex-end;
    align-items: center;
}
#headNav li {
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 24px;
	cursor: pointer;
}
#headNav li.hasSubNav:after {
	color: #ffffff;
    content: '▾';
	padding-left: 10px;
}
#headNav li a.active {
	color: #e465ff;
}
#headNav li a {
	font-family: Inter,Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	line-height: 44px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	position: relative;
}
#headNav li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	border-radius: 1px;
	background-color: #e465ff;
	transform-origin: left center;
	transform: scaleX(0) translateZ(0px);
	transition: .18s transform linear;
}
#headNav li a:hover::after {
	transform: scaleX(1) translateZ(0px);
}
#headNav li a.webspecial {
	background: linear-gradient(90deg, rgba(91, 0, 222, 1) -50%, rgba(255, 0, 192, 1) 100%);
	padding: 5px 10px;
	height: 28px;
	line-height: 28px;
	border-radius: 4px;
	font-weight: 600;
	transform: unset;
}
#headNav li a.webspecial:hover {
	background: #a800f0;
	border-bottom: 0 !important;
    padding-bottom: 5px !important;
}
#headNav li a.webspecial::after,
#headNav li a.webspecial:hover::after {
    height: 0;
}

#headNav li.legal {
	display: none;
}

#headNav li ul {
	display: none !important;
}
#headNav li.collapsed ul {
	display: flex !important;
	position: absolute;
    padding: 0;
    width: max-content;
    flex-direction: column;
	top: 44px;
	right: 0;
	background-color: #000000;
}
#headNav li ul li {
	margin-right: 0;
	padding: 6px 15px;
}
#headNav li ul li a {
	font-size:15px;
	line-height:30px;
	text-transform: none;
	padding: 0;
	width: 100%;
}
#headNav li ul li a:hover {
	color: #e465ff;
}
#headNav li ul li a::after {
	display: none;
}

#mobileMenuButton {
	cursor: pointer;
	display: none;
	border: 0;
	height: 40px;
	width: 40px;
	border-radius: 0;
	margin-right: 0;
	background-color: transparent;
	background-image: url('../images/menuMobile.svg');
    background-size: 26px auto;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	right: 4vw;
	z-index: 1;
}
#mobileMenuButton.collapsed {
	background-image: url('../images/menueClose.svg');
	background-size: 20px auto;
}

#footerLine {
	background-color: #f7f7f7;
	color: #2d2d2d;
	font-family: Inter,Helvetica,Arial,sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	box-shadow: none;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 90px;
	width: 100%;
	height: 60px;
}
#footerLine {
	top: auto;
	background: rgb(91,0,222);
	background: linear-gradient(90deg, rgba(91,0,222,1) 30%, rgba(255,0,192,1) 100%);
	color: #ffffff;
	bottom: 0;
	justify-content: space-between;
	padding: 0 40px;
	height: 34px;
}

#footerLine span {
	font-size: 15px;
	font-weight: normal;
}

#footerBtn {
	display: flex;
	display: none;
	align-items: center;
    justify-content: normal;
    gap: 14px;
}

#settingsBtn {
	border: 0;
	width: 24px;
	height: 24px;
    background-color: transparent;
	cursor: pointer;
	background-image: url('../images/settings.svg');
}

#footerBtn a {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

#footerBtn a:hover {
	text-decoration: underline;
}

small, small a {
	color: #ffbc0d;
	text-align: center;
	font-size: 11px;
}



#content {
	position: fixed;
    top: 90px;
    width: 100vw;
    height: calc(100% - 144px);
    z-index: 10000;
	color: #ffffff;
	overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 0;
}

iframe {
	width: 100%;
	height: 100%;
	border: 0 none;
}

.colCnt {
	margin: 40px 25px 0 45px;
    display: flex;
    gap: 5vw;
	line-height: 1.5;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.col-1 {
	width: 100%;
	max-width: 1200px;
}

.col-2 {
	width: 50%;
	max-width: 700px;
}

.colCnt a {
	color: #e465ff;
	text-decoration: none;
}
.colCnt a:hover {
	border-bottom: 1px solid rgba(228, 101, 255, 0.7);
    padding-bottom: 2px;
}



.specialheader {
	margin: 10px 0;
}
.specialImgLink:hover {
	border-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.specialImg {
	max-width: 100%;
	border-radius: 2vw;
}
.specialBtn {
	height: 36px;
	line-height: 36px;
	background-color: #9300d4;
	color: #ffffff !important;
	border-radius: 4px;
	display: inline-block;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 15px;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float: right;
	padding: 0 15px;
}
.specialBtn:hover {
	background-color: #a800f0;
	border-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* Mobile Navigation */
@media all and (max-width: 991px) {
	#headerLeft {
		margin: 0;
	}
	#headerRight {
		margin: 0 4vw 0 3vw;
	}
	#rfLogo {
		padding-left: 4.5vw;
	}
	#rfLogo img {
		width: 85%;
		min-width: 160px;
		max-width: 260px;
	}

	#headNav {
		position: fixed;
		top: calc(-100% + 184px);
		font-family: Inter,Helvetica,Arial,sans-serif;
		background: #000000;
		color: #ffffff;
		width: 100%;
		height: calc(100% - 94px);
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		left: 0;
		z-index: 10010;
		overflow-y: auto;
        overflow-x: hidden;
	}
	#headNav li {
		margin-top: 24px;
		margin-right: 0;
		text-align: left;
		display: inline-block;
		width: 90%;
	}
/*
	#headNav li:first-of-type {
		margin-top: 0;
	}
*/
	#headNav li a {
		font-size: 24px;
		font-weight: 600;
		line-height: 34px;
		color: #ffffff;
	}
	#headNav li a.active {
		color: #e465ff;
	}
	#headNav li span {
		font-size: 16px;
		color: #e465ff;
	}
	#headNav li.legal {
		display: inline-block;
	}
	#headNav.collapsed {
		top: 60px;
	}
	#headNav li.collapsed ul {
		display: flex !important;
		padding: 0;
		flex-direction: column;
		position: relative;
		top: 0;
		width: 100%;
	}
	#headNav li ul li {
		margin-top: 0;
	}
	#headNav li ul li a {
		font-size: 18px;
	}
	#headNav li.hasSubNav:after {
		position: absolute;
		top: 6px;
		right: 12px;
	}

	#mobileMenuButton {
		display: block;
	}
	h1 {
		margin-left: 4.5vw;
		margin-right: 4vw;
	}
	.colCnt {
		margin: 0 4vw 1vw 4.5vw;
	}
	#footerBtn {
		display: none !important;
	}

	.webSpecial {
		margin-top: 25px;
	}
}

@media all and (max-width: 767px) {
	#footerLine { padding-left: 4.5vw; }
	#footerLine span { font-size: 11px; }
	.colCnt {
		flex-direction: column;
		margin: 0 4vw 10vw 4.5vw;
	}
	.col-2 {
		width: 100%;
	}
}

@media all and (min-width: 769px) and (max-width: 1279px) {
}