/*
* @package phpBB Extension - Style Edits Prosilver
* @copyright (c) 2016 Stoker - http://www.phpbb3bbcodes.com
* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
* @Author Stoker - http://www.phpbb3bbcodes.com
*/
html, body {
	background-color: #f2f2f2;
}
#wrap {
	box-shadow: 0 0 8px 1px #b3b3b3;
}
@media (min-width: 701px) {
	#wrap {
		display: flex;
		flex-direction: column;
		min-height: calc(100dvh - 50px) !important;  
		margin-bottom:-10px;
	}
	#page-body {
		flex: 1;
	}
}
@media (max-width: 700px) {
	#wrap {
		display: flex;
		flex-direction: column;
		min-height: 100svh;  
	}
	#page-body {
		flex: 1;
	}
}
ul#nav-breadcrumbs {
		
		
	}
.inline-attachment dl.file {
	background-color: #fff;
	width: fit-content;
	padding:15px;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
}
.row-item {
	display: flex;
	align-items: center;
}
dl.row-item {
	margin: 0px !important;
}
/*
.online-list a.username-coloured em {
	animation: flash 2s ease infinite;
	-webkit-animation: flash 2s ease infinite;
	color:orange;
}
*/
.ring-ring {
	color: #D31141;
	-webkit-animation: ring 4s .7s ease-in-out infinite;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 4s .7s ease-in-out infinite;
	-moz-transform-origin: 50% 4px;
	animation: ring 4s .7s ease-in-out infinite;
	transform-origin: 50% 4px;
}
/*	CSS for donor profile start	*/
.banner-container {
	width: 100%;
	max-width: 100%;
	margin: 8px 0;
}
.banner {
	background: linear-gradient(135deg, #f8d353 0%, #d4af37 50%, #c5a028 100%);
	border-radius: 12px;
	text-align: center;
	border: 2px solid #ffd700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 4px;
	margin-bottom: 8px;
}
.text-content {
	flex: 1;
	padding: 12px 20px;
}
.banner-title {
	color: #6D4C41;
	font-size: clamp(18px, 4vw, 24px);
	font-weight: 700;
	margin: 0 0 4px 0;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.6);
	line-height: 1.2;
}
.banner-message {
	color: #5D4037;
	font-size: clamp(12px, 3vw, 14px);
	line-height: 1.4;
	margin: 0;
	font-weight: 500;
}
.text-content h1 {
	padding-top: 0;
	margin-top: 0;
}
.donateprofile {
	margin-top:8px;
	margin-bottom:8px;
	height:70px !important;
	background: #011927 url("./images/webp/donate.webp") 50% 50% / cover !important;
	border: 3px solid #fcba03 !important;
}
.donateprofile p {
	color: #fcba03;
	font-size:1.7em;
	line-height:1.4em;
	padding:10px 10px 0px 10px;
}
/*  CSS for donor profile end */
/*	Hidden users START */
.online-list a em, em.hide24user {
	font-style: italic !important;
}
/*	Hidden users END */
/*	Legend START */
.online-list em a {
	font-weight: bold;
	font-style: normal;
}
.online-list em {
	font-style: normal;
}
/*	Legend END */
.firmmessage {
	height:120px;
	text-align:center;
	background: url("./images/firmimage.png") center no-repeat;
}
.codebox {
	margin-top: 0;
}
/*
html, body.section-viewforum{
	background-color: #fff; 
}
*/
.navbar #search-box{
	box-shadow:none;
	float:right;
	margin: auto;
	padding-top:2px;
	margin-bottom:-4px;
}
i.yellowp{color:#ffd700;}
i.brownp{color:#873e23;}
i.greenp{color:#009900;}
i.orangep{color:#ffa500;}
i.bluep{color:#0076B1;}
i.redp{color:#cc0000;}
i.pinkp{color:#FF10F0;}
.statistics i.fa-bigger {font-size:14px;}
a.mark-read {
	margin-top:-3px;
}
.copyright {
	height: auto;
	background: #011927 url("./images/webp/bg_header8.webp") no-repeat 50% / cover;
	border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	margin-top:4px !important;
}
.copyright p.footer-row a, .copyright p.footer-row {
	text-shadow:0px 0px 0 rgb(150,150,150), 1px 1px 0 rgb(63,63,63),2px 2px 1px rgba(0,0,0,0.8),2px 2px 1px rgba(0,0,0,0.7),0px 0px 1px rgba(0,0,0,0.4);
	color:#fff;
}
.copyright p.footer-row {
	line-height:12px;
}
.stat-block h3 i.fa, .stat-block i#notify-live-whois-icon {
	font-size:18px;
	margin-right:2px;
}
.stat-block h3 i.fa-eye, .stat-block i#notify-live-whois-icon {
	margin-bottom:-2px !important;
	transform: scale(1.1) !important;
}
#notification_list li.bg2 {
	background-color:#ffffb3;
}
.logintexted {
	min-height:280px;
	background: url("./images/loadgo.gif") no-repeat center center;
}
.message-box textarea {
	background: #fff url("./images/bbcbg.png") no-repeat center center;
}
.headerbar {
	height: 155px;
	background: #011927 var(--bg-header, url("./images/webp/styleedits2.webp")) 50% -38px / cover;
}
.styleedits0	{ --bg-header: url("./images/webp/styleedits0.webp") }
.styleedits2	{ --bg-header: url("./images/webp/styleedits2.webp") }
.styleedits4	{ --bg-header: url("./images/webp/styleedits4.webp") }
.styleedits6	{ --bg-header: url("./images/webp/styleedits6.webp") }
.styleedits8	{ --bg-header: url("./images/webp/styleedits8.webp") }
.styleedits10	{ --bg-header: url("./images/webp/styleedits10.webp") }
.styleedits12	{ --bg-header: url("./images/webp/styleedits12.webp") }
.styleedits14	{ --bg-header: url("./images/webp/styleedits14.webp") }
.styleedits16	{ --bg-header: url("./images/webp/styleedits16.webp") }
.styleedits18	{ --bg-header: url("./images/webp/styleedits18.webp") }
.styleedits20	{ --bg-header: url("./images/webp/styleedits20.webp") }
.styleedits22	{ --bg-header: url("./images/webp/styleedits22.webp") }
.site-description p{
	text-shadow:0px 0px 0 rgb(150,150,150), 1px 1px 0 rgb(63,63,63),2px 2px 1px rgba(0,0,0,0.8),2px 2px 1px rgba(0,0,0,0.7),0px 0px 1px rgba(0,0,0,0.4);
	font-size:14px;
}
.site-description h1 {
	text-shadow:0px 0px 0 rgb(194,194,194),1px 1px 0 rgb(150,150,150), 2px 2px 0 rgb(107,107,107),3px 3px 2px rgba(0,0,0,0.8),3px 3px 1px rgba(0,0,0,0.7),0px 0px 2px rgba(0,0,0,0.4);
	font-size:36px;
}
.site-description a, .site-description a:hover, .site-description a:active, .float-header a, .float-header a:hover, .float-header a:active {
	text-decoration: none;
}
.site-description a {
	text-shadow:0px 0px 0 rgb(150,150,150), 1px 1px 0 rgb(63,63,63),2px 2px 1px rgba(0,0,0,0.8),2px 2px 1px rgba(0,0,0,0.7),0px 0px 1px rgba(0,0,0,0.4);
	color:#fff;
}
.site-description {
	margin-top:4px;
	margin-bottom:4px;
	margin-left:30px;
}
.float-header{
   float:right;
   font-size: 10em;
   margin-top:-6px;
   margin-right:30px;
}
.float-header img.avatar {
   max-height: 80px;
   max-width: 80px;
   margin-top:-15px !important;
   padding:0px !important;
}
.float-header a{
   text-shadow:0px 0px 0 rgb(187,187,187),1px 1px 0 rgb(166,166,166),2px 2px 0 rgb(144,144,144),3px 3px 0 rgb(122,122,122), 4px 4px 0 rgb(100,100,100),5px 5px 4px rgba(0,0,0,0.8),5px 5px 1px rgba(0,0,0,0.7),0px 0px 4px rgba(0,0,0,0.4);
   color:#fff;
}
/*
#search-box form{
	-webkit-box-shadow: 3px 3px 3px black;
	-moz-box-shadow: 3px 3px 3px black;
	box-shadow: 3px 3px 3px black;
}
#search-box {
	border-radius:8px;
}
.search-header {
	margin-top:108px;
}
*/
ul#nav-main i.fa-heart {
		color:#cc0000;
}
span.forum-image .steve-forum-icon {
    line-height:30px;
	width:32px;
	margin-left:-5px;
	text-align:center;
}
@media (max-width: 900px) {
	span.forum-image, .steve-forum-icon {
	display:none !important;
	}
}
a.header-avatar img {
		border-radius:50%;
}
/* ---------------------------- */
/*	BBC font size restrictions.	*/
/* ---------------------------- */
/*	Applicable sections:
		section-posting
		section-search
		section-ucp
		section-viewtopic
/* ---------------------------- */
/*	Set maximum size to 200%.	*/
span[style*="font-size:16"],
span[style*="font-size:17"], span[style*="font-size:18"],
span[style*="font-size:19"], span[style*="font-size:200"] {
	font-size: 200% !important;
}
/*	Set minimum size to 70%.	*/
span[style*="font-size:1%"], span[style*="font-size:2%"],
span[style*="font-size:3%"], span[style*="font-size:4%"],
span[style*="font-size:5%"], span[style*="font-size:6%"],
span[style*="font-size:7%"], span[style*="font-size:8%"],
span[style*="font-size:9%"], span[style*="font-size:10%"],
span[style*="font-size:11%"], span[style*="font-size:12%"],
span[style*="font-size:13%"], span[style*="font-size:14%"],
span[style*="font-size:15%"]:not([style*="font-size:150%"]),
span[style*="font-size:16%"], span[style*="font-size:17%"],
span[style*="font-size:18%"], span[style*="font-size:19%"],
span[style*="font-size:2"]:not([style*="font-size:200%"]),
span[style*="font-size:3"], span[style*="font-size:4"],
span[style*="font-size:5"], span[style*="font-size:6"] {
	font-size: clamp(8px, 70%, 70%) !important;
}
.biggerreact {
		font-weight: bold;
}
@media (max-width: 700px) {
	.headerbar {
	max-height:82px;
	background: +40px; 
	background-color: #004066; 
	background-image: -webkit-linear-gradient(top, #006CAD 0%, #057DC5 2px, #004066 80px, #004066 100%);
	background-image: linear-gradient(to bottom, #006CAD 0%, #057DC5 2px, #004066 80px, #004066 100%);
	background-repeat: repeat-x;
	}
	.site-description {
	margin-top:0;
	margin-bottom:4px;
	}
	.search-header {
	margin-top:none;
	}
	#debugfloat {
	display:none;
	}
	.site-description h1 {
	font-size:26px;
	color:#fff;
	mix-blend-mode: normal;
	}
	.site-description a {
	color:#fff;
	mix-blend-mode: normal;
	}
	.float-header{
	display:none;
	}
	span.forum-image {
	display:none !important;
	}
	.navbar{
	box-shadow:none !important;
	}
	.online, .offline {
	background-size: 2px;
	}
	.copyright{
	background:none !important;
	color:#536482;
	border-top: 1px solid #CCCCCC;
	margin-top: 16px !important;
	padding-top: 4px;
	padding-left: 0px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-align:left;
	}
	.copyright p.footer-row a, .copyright p.footer-row {
	text-shadow:none;
	color:#536482;
	}
	.copyright p.footer-row {
	line-height:12px;
	}
	.donateprofile p {
		font-size:1.4em;
		line-height:1.7em;
	}
	.banner-message {
	font-size: 12px;
	line-height: 1.3;
	}
	.banner {
	border-radius: 0;
	}
}
/*
.headerbar {
	background-color: #004066; 
	background-image: -webkit-linear-gradient(top, #006CAD 0%, #057DC5 2px, #004066 80px, #004066 100%);
	background-image: linear-gradient(to bottom, #006CAD 0%, #057DC5 2px, #004066 80px, #004066 100%);
	background-repeat: repeat-x;
}
.forabg, .forumbg {
	background-color: #001E30; 
	background-image: -webkit-linear-gradient(top, #006CAD 0%, #057DC5 2px, #001E30 30px, #001E30 100%);
	background-image: linear-gradient(to bottom, #006CAD 0%, #057DC5 2px, #001E30 30px, #001E30 100%);
	background-repeat: repeat-x;
}
*/
/* Styling of forumbg */
.forabg, .forumbg {
	background-image: none;
    background-color: transparent;
	padding:0px;
}
ul.topiclist li.header dt, ul.topiclist li.header dd.topics, ul.topiclist li.header dd.posts, ul.topiclist li.header dd.lastpost, ul.topiclist li.header dd.views, ul.topiclist li.header dd.mark, ul.topiclist li.header dd.info, ul.topiclist li.header dd.extra, ul.topiclist li.header dd.time, ul.topiclist li.header dd span.stats_info {
	text-transform: none;
	font-size:1.2em;
	line-height: 24px;
	font-family: "Lucida Console", "Courier New", monospace;
	font-weight: 500;
	color: #fff !important;
	padding: 4px 0 1px 0;
}
ul.topiclist li.header dd a, ul.topiclist li.header dt .with-mark a  {
	color: #fff !important;
}
ul.topiclist li.header a:hover  {
	color: #fff !important;
}
ul.topiclist li.header {
	background-color: #001E30; 
	background-image: -webkit-linear-gradient(top, #006CAD 0%, #057DC5 2px, #001E30 30px, #001E30 100%);
	background-image: linear-gradient(to bottom, #006CAD 0%, #057DC5 2px, #001E30 30px, #001E30 100%);
	background-repeat: repeat-x;
	margin-bottom:2px;
	padding-left: 8px;
}
/*
.forabg ul.forums {
	border-left: 4px solid white;
	border-right: 4px solid white;
}
*/
table thead {
	background-color: #001E30 !important; 
	background-image: -webkit-linear-gradient(top, #006CAD 0%, #057DC5 2px, #001E30 30px, #001E30 100%) !important !important;
	background-image: linear-gradient(to bottom, #006CAD 0%, #057DC5 2px, #001E30 30px, #001E30 100%) !important;
	background-repeat: repeat-x !important;
}

table thead tr th {
	font-size:1.2em !important;
	line-height:2.8em !important;
	color: #fff !important;
	text-transform: none !important;
	font-family: "Lucida Console", "Courier New", monospace !important;
	font-weight: 500 !important;
	padding-top: 2px !important;
	padding-bottom: 0 !important;
}
table thead tr th.name {
	padding-left:8px !important;
	white-space: nowrap;
}
table thead tr th.mark, table thead tr th.attach-status {
	white-space: nowrap;
}
table thead tr th a:hover {
	color: #fff !important;
}
.forumbg-table {
	padding:2px !important;
}
table.table1 tbody {
	border-top: 4px solid white !important;
}

/* Styling of forumbg */
#logo {
	display:none;
}
#debugfloat {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	color:#fff;
	background-color: rgb(0, 30, 48, .8);
	z-index:9999;
	border-bottom:1px solid white;
	padding:4px;
	font-size:1.2em;
	text-align:center;
}
#debugfloat a {
		color:#fff;
}
.navbar {
    background-color: #f5f5f5;
}
.navbar #nav-main {
	font-size:1.25em;
}
.navbar #nav-main i {
	font-size:1.25em;
}
.file-status.file-uploaded {
    background: none !important;
}
.file-status.file-uploaded:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #007515;
    border: 2px solid;
    border-radius: 50%;	
}
ul.forums {
    background-color: #f5f5f5;
	background-image: none;
}
li.row {
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}
ul.topics li.row {
	padding: 6px 0;
}
ul.forums li.row {
	padding: 2px 0;
}
li.row:hover {
    background-color: #f2f2f2;
}
.bg1, .bg2, .bg3 {
    background-color: #f5f5f5;
}
ul.topiclist.forums dd.topics, ul.topiclist.forums dd.posts, ul.topiclist.forums dd.redirect, ul.topiclist.topics dd.views,  ul.topiclist.topics dd.posts {
    font-weight: 600;
}
.panel {
    background-color: #f5f5f5;
}
.panel-container .panel li.header dd, .panel-container .panel li.header dt {
    color: #f5f5f5;
}
dl.details dd {
    color: #424242;
}
table.table1 td {
    color: #353535;
}
table.table1 tbody tr {
    border-color: transparent;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
    background-color: #f5f5f5;
    color: #000;
}
.tabs .tab > a {
    background: #e0e0e0;
    color: #045d8a;
    border: none;
	border-radius: 0;
	border-top-left-radius: 4px;
}
.tabs .tab > a:hover {
    background: #cccccc;
    color: #D31141;
	border-bottom: 2px solid #0076b1;
}
.tabs .tab, .minitabs .tab {
    font-weight: 500;
    line-height: 2.4em;	
}
.tabs .activetab > a, .tabs .activetab > a:hover {
    background-color: #e0e0e0;
    background-image: none;
    border-color: #f9f9f9;
    box-shadow: none;
    color: #353535;
	border-bottom: 2px solid #0076b1;
    padding-bottom: 6px;	
}
.tabs .activetab > a:hover {
    color: #D31141;
}
.navigation li {
    font-weight: 500;
}
.navigation a {
	color: #045d8a;
    background: none;
    background-color: #e0e0e0;
    border-left: 2px solid #b7b7b7;
}
.navigation a:hover {
    background: #cccccc;
    color: #BC2A4D;
	border-left: 2px solid #0076b1;
}
.navigation .active-subsection a {
    background: #e0e0e0;
    color: #353535;
    border-left: 2px solid #0076b1;
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
#navigation a, .rtl #navigation a {
    background: #e0e0e0;
	}
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px){
.navigation li:first-child a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	}
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px){
.navigation li:last-child a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	}
}
.responsive-tab .responsive-tab-link:before {
    border-color: #0076b1;
}
.cp-mini {
    background-color: #ffffff;
}
.bg3 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.tabs {
    margin: 20px 0 0 0;
    background: #ddd;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.responsive-tab .responsive-tab-link:before {
    left: 10px;
    top: 12px;
}
.responsive-tab > a.responsive-tab-link {
    line-height: 1.5em;
}
@media (max-width: 350px) {
	.dropdown-extended .dropdown-contents {
		min-width: 185px;
	}
}
.hide-me {
	display:none !important;
}
/* Thanks Kailey */
select, select.bbcode-size {
	border-radius: 5px;
	background-image: linear-gradient(to bottom, #FFFFFF 0%,#E9E9E9 100%);
	box-shadow: 0 0 0 1px #FFFFFF inset;
}
select { 
	border: solid 1px #808080;
	border-color: silver !important;
}
select.bbcode-size {
	color: #8f8f8f;
	border-color: silver !important;
	padding: 4px;
}
/*
.site_logo {
	background-image: url("./images/site_logo.png");
	display: inline-block;
	width: 184px;
	height: 61px;
}
*/

.postbody .content {
	min-height:200px;
}
@media (max-width: 700px) {
	.postbody .content {
	min-height:0px;
	}
}
.signature {
	max-height: 60px;
}
/*
.slidedesc {
	overflow:hidden;
}
.slidedesc h1{position:relative;animation:animateleft 0.5s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.slidedesc p{position:relative;animation:animateright 0.5s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
*/
/*
li.header dl{
	text-shadow:0px 0px 0 rgb(150,150,150), 1px 1px 0 rgb(63,63,63),2px 2px 1px rgba(0,0,0,0.8),2px 2px 1px rgba(0,0,0,0.7),0px 0px 1px rgba(0,0,0,0.4);
}
*/
.headerbar {
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.80);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.80);
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.80);
}
.collapsible {
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.60);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.60);
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.60);
}
/*
* Board disable shit
*/
#boarddisable {
	background: url("./images/disabled.jpg");
    background-repeat: no-repeat;
	background-position: center center;
	height:500px;
}
.online, .offline {
	background-size: 2px;
	background-position: 100% 0;
	background-repeat: repeat-y;
}
.onlines {
	background-image: url("./images/icon_user_online.gif");
	background-position: 100% 0;
	background-repeat: repeat-y;
}
.onliness { color:#008000;font-weight:bold; }
.offlines {
	background-image: url("./images/icon_user_offline.gif");
    background-position: 100% 0; 
    background-repeat: repeat-y;
}
.offliness { color:#FF0000;font-weight:bold; }
a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #fff;
	font-size:1.1em;
    background-color: #0076b1;
	border: 1px solid #0076b1;
    background-image: none;
    border-radius: 2px;
    padding: 3px 6px 3px 6px;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
    border: 1px solid #0099e6 !important;
    color: #fff !important;
    background-color: #0099e6 !important;
    background-image: none !important;
}
.iconflash {animation: flash 3s ease infinite;-webkit-animation: flash 3s ease infinite;}
.iconsizeon {font-size:8px }
.iconsizeoff {font-size:8px;}
/** Ticker **/
.ticker {
  --ticker-duration: 20s;
  z-index: 10;
  overflow: hidden;
  padding: 0.5rem;
}
.ticker__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: ticker;
  animation-duration: var(--ticker-duration);
  text-align: center;
  width: max-content;
  padding-left: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .ticker__inner {
    flex-wrap: wrap;
    white-space: inherit;
    padding-left: 0;
    width: auto;
  }
}
.ticker__inner p {
  margin: 0 2rem;
}
h2.trigger {
	padding: 0 0 0 50px;
	background: url("./images/h2_trigger_a.gif") no-repeat;
	height: 46px;
	line-height: 46px;
	max-width: auto;
	font-size: 2em;
	font-weight: normal;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 auto;
	border: 1px solid #d6d6d6;
	background: #f0f0f0;
	overflow: hidden;
	font-size: 1.2em;
	width: auto;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
}
.fade-in-text {
  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}
.fade-in-image {
  animation: fadeIn 3s;
  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
}
.cssanimate {
	webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
    animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
	margin-top:8px;
}
i.fa-gradient {background-clip: text;text-fill-color: transparent;-moz-background-clip: text;-moz-text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.fa-gradient-bday { background: linear-gradient(orange 4px, white 5px, brown 11px); }
.rainbow-text {
	background-image: linear-gradient(270deg, violet, indigo, blue, green, yellow, orange, red);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rainbow-text2 {
	background-image: linear-gradient(225deg, violet, indigo, blue, green, yellow, orange, red);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rainbow-text3 {
	background-image: linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.rainbow-image {
	background-image: linear-gradient(360deg, violet, indigo, blue, green, yellow, orange, red);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.beer-image {
	background-image: linear-gradient(360deg, #b37400, #cc8500, #e69500, orange, orange, orange, #ffb833, #ffd280, #fff6e6, white);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.shake-class {
	animation: tilt-shaking 0.3s infinite;
	animation-delay: 2s;
	animation-iteration-count: 3;
}
.star-image {
	color: #ff9900;
    animation: glow 1.5s linear alternate infinite;
}
.shimmer-image {
	mask: linear-gradient(-45deg, #000 30%, #0005, #000 70%) right/350% 100%;
	animation: shimmer 2.5s infinite;
	animation-delay: 1s;
	animation-iteration-count: 2;
}
.pulse-class {
	animation: 1.3s ease 0s infinite beat;
	animation-delay: 1s;
	animation-iteration-count: 2;
}
.brown-image {
	color: #8e3f25;
}
.shaking-image {
	animation: tilt-shaking 0.3s infinite;
}
code.inline {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C9D2D8;
    color: #2E8B57;
    display: inline;
    font-family: Monaco,'Andale Mono','Courier New',Courier,monospace;
    font-size: 0.9em;
    font-style: normal;
    line-height: 1.3em;
    padding: 0 3px;
}
.progressbbcodes {
	overflow: hidden;
	margin: 14px 10px -4px 10px;
	padding: 0 15px;
	width: 220px;
	height: 34px;
	background: #d3d5d9;
	border-radius: 17px;
	background-image: -webkit-linear-gradient(top, #ebecef, #bfc3c7);
	background-image: -moz-linear-gradient(top, #ebecef, #bfc3c7);
	background-image: -o-linear-gradient(top, #ebecef, #bfc3c7);
	background-image: linear-gradient(to bottom, #ebecef, #bfc3c7);
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 6px #b6babe, 0 7px rgba(255, 255, 255, 0.1);
}
.progressbbcodes-val {
	float: right;
	margin-left: 15px;
	font: bold 15px/34px Helvetica, Arial, sans-serif;
	color: #333;
	text-shadow: 0 1px rgba(255, 255, 255, 0.6);
}
.progressbbcodes-bar {
	display: block;
	overflow: hidden;
	height: 8px;
	margin: 13px 0;
	background: #b8b8b8;
	border-radius: 4px;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent 60%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent 60%);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), transparent 60%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 60%);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.6);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.6);
}
.progressbbcodes-in {
	display: block;
	min-width: 8px;
	height: 8px;
	background: #1997e6;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, #147cd6, #24c1fc);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -moz-linear-gradient(left, #147cd6, #24c1fc);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), -o-linear-gradient(left, #147cd6, #24c1fc);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.2)), linear-gradient(to right, #147cd6, #24c1fc);
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.progressBar {
   width:216px;
   height:41px;
   background:url("./images/bg_bar.gif") no-repeat 0 0;
   position:relative;
}
.progressBar span {
   position:absolute;
   display:block;
   width:200px;
   height:25px;
   background:url("./images/bar.gif") no-repeat 0 0;
   top:8px;
   left:8px;
   overflow:hidden;
   text-indent:-8000px;
}
.progressBar em {
   position:absolute;
   display:block;
   width:200px;
   height:25px;
   background:url("./images/bg_cover.gif") repeat-x 0 0;
   top:0;
}
/*
* Colour unread titles
*/
[class*="forum_unread"] a.forumtitle,
[class*="forum_unread_subforum"] a.forumtitle {
	color: #CC0000;
}
[class*="topic_unread"] a.topictitle {
	color: #CC0000;
}

.global_read,
.global_read_mine, 
.global_read_locked, 
.global_read_locked_mine, 
.global_unread, 
.global_unread_mine, 
.global_unread_locked, 
.global_unread_locked_mine, 
.announce_read, 
.announce_read_mine, 
.announce_read_locked, 
.announce_read_locked_mine, 
.announce_unread, 
.announce_unread_mine, 
.announce_unread_locked, 
.announce_unread_locked_mine, 
.forum_link, 
.forum_read, 
.forum_read_locked, 
.forum_read_subforum, 
.forum_unread, 
.forum_unread_locked, 
.forum_unread_subforum, 
.sticky_read, 
.sticky_read_mine, 
.sticky_read_locked, 
.sticky_read_locked_mine, 
.sticky_unread, 
.sticky_unread_mine, 
.sticky_unread_locked, 
.sticky_unread_locked_mine, 
.topic_moved, 
.topic_read, 
.topic_read_mine, 
.topic_read_hot, 
.topic_read_hot_mine, 
.topic_read_locked, 
.topic_read_locked_mine, 
.topic_unread, 
.topic_unread_mine, 
.topic_unread_hot, 
.topic_unread_hot_mine, 
.topic_unread_locked, 
.topic_unread_locked_mine,
.pm_read,
.pm_unread
 {
    background-image: none;
}
.row-item:before,
.row-item:after {
    font-size: 30px;
    left: 15px;
    padding: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	font-family: FontAwesome;
}
.topic_read_mine::after, 
.topic_read_locked_mine::after, 
.topic_unread_mine::after,
.topic_unread_locked_mine::after{
	content: "\f005";
	font-size: 1.25em;
	color:#fcba03;
	position: absolute;
	top: 20%;
	left: 2.4em;
}
.sticky_read_locked_mine::after, 
.sticky_unread_mine::after,
.sticky_read_mine::after, 
.sticky_unread_locked_mine::after, 
.topic_read_hot_mine::after, 
.topic_unread_hot_mine::after{
	content: "\f005";
	font-size: 1.25em;
	color:#fcba03;
	position: absolute;
	top: 20%;
	left: 2.4em;
}
.announce_read_mine::after, 
.announce_read_locked_mine::after, 
.announce_unread_mine::after, 
.announce_unread_locked_mine::after{
	content: "\f005";
	font-size: 1.25em;
	color:#fcba03;
	position: absolute;
	top: 20%;
	left: 2.5em;
}
.global_read:before,
.global_read_mine:before {
	content: "\f0ac"; 
	color: #0076b1;
	font-size: 36px;
	left: 0.3em;
}
.announce_read:before,
.announce_read_mine:before{
	content: "\f06a"; 
	color: #0076b1;
	font-size: 36px;
	left: 0.3em;
}
.sticky_read:before,
.sticky_read_mine:before { 
	content: "\f08d"; 
	color: #0076b1; 
	left:18px;
}
.global_unread:before,
.global_unread_mine:before {
	content: "\f0ac"; 
	color: #0076b1;
	font-size: 36px;
	mask: linear-gradient(-45deg, #000 30%, #0005, #000 70%) right/350% 100%;
	animation: shimmer 2.5s infinite;
}
.announce_unread:before,
.announce_unread_mine:before {
	content: "\f06a"; 
	color: #CC0000;
	font-size: 36px;
	mask: linear-gradient(-45deg, #000 30%, #0005, #000 70%) right/350% 100%;
	animation: shimmer 2.5s infinite;
	animation-iteration-count: 2;
	/*-webkit-animation: flash 2s ease infinite;
    animation: flash 2s ease infinite;
	
	-webkit-animation: tilt-shaking 0.3s infinite;
    animation: tilt-shaking 0.3s infinite;
	line-height:2px;
	*/
}
.sticky_unread:before,
.sticky_unread_mine:before {
	content: "\f08d"; 
	color: #CC0000; 
	left:18px;
	mask: linear-gradient(-45deg, #000 30%, #0005, #000 70%) right/350% 100%;
	animation: shimmer 2.5s infinite;
	animation-iteration-count: 2;
}
.global_read_locked:before,
.global_read_locked_mine:before,
.announce_read_locked:before,
.announce_read_locked_mine:before,
.forum_read_locked:before,
.sticky_read_locked:before,
.sticky_read_locked_mine:before,
.topic_read_locked:before,
.topic_read_locked_mine:before {
	content: "\f023"; 
	color: #0076b1; 
	font-size: 40px;
}
.global_unread_locked:before,
.global_unread_locked_mine:before,
.announce_unread_locked:before,
.announce_unread_locked_mine:before,
.forum_unread_locked:before,
.sticky_unread_locked:before,
.sticky_unread_locked_mine:before,
.topic_unread_locked:before,
.topic_unread_locked_mine:before {
	content: "\f023"; 
	color: #CC0000; 
	font-size: 40px;
}
.forum_link:before { 
	content: "\f08e"; 
	color: #0076b1;
	left:10px;
}
.forum_read:before	{ 
	content: "\f039"; 
	color: #0076b1;
	left:10px;
}
.topic_read:before,
.topic_read_mine:before{
	content: "\f15c";
	color: #0076b1;
}
.forum_read_subforum:before{
	content: "\f03a";
	color: #0076b1;
	left:10px;
}
.forum_unread_subforum:before{
	content: "\f03a";
	color: #CC0000;
	left:10px;
	mask: linear-gradient(-45deg, #000 30%, #0005, #000 70%) right/350% 100%;
	animation: shimmer 2.5s infinite;
	animation-iteration-count: 2;
}
.forum_unread:before {
	content: "\f039";
	color: #CC0000;
	left:10px;
	mask: linear-gradient(-45deg, #000 30%, #0005, #000 70%) right/350% 100%;
	animation: shimmer 2.5s infinite;
	animation-iteration-count: 2;
}
.forum_unread .forum-image .fa-bell, .forum_unread .forum-image .fa-handshake-o  {
    animation: tilt-shaking 0.3s infinite;
	animation-delay: 1s;
	animation-iteration-count: 6;
}
.forum-image .fa-beer  {
    animation: none;
}
.topic_unread:before,
.topic_unread_mine:before{
	content: "\f15c";
	color: #CC0000;
	mask: linear-gradient(-45deg, #000 30%, #0005, #000 70%) right/350% 100%;
	animation: shimmer 2.5s infinite;
	animation-iteration-count: 2;
}
.topic_moved:before { 
	content: "\f04e";  
	color: #0076b1; 
}
.topic_read_hot:before,
.topic_read_hot_mine:before { 
	content: '\f06d';  
	color: #0076b1;
			
}
.topic_unread_hot:before,
.topic_unread_hot_mine:before { 
    content: '\f06d';
    color: #CC0000;
    
	-webkit-animation: flash 2s ease infinite;
    animation: flash 2s ease infinite;
}
.pm_read:before	{ 
	content: "\f086";  
	color: #0076b1;
	font-size: 34px;
	left:10px;
}
.pm_unread:before { 
	content: "\f086"; 
	color: #CC0000;
	font-size: 34px;
	left:10px;
	mask: linear-gradient(-45deg, #000 30%, #0005, #000 70%) right/350% 100%;
	animation: shimmer 2.5s infinite;
	animation-iteration-count: 2;
}
.topic_unread_hot_mine:before,
.topic_unread_mine:before,
.topic_unread_locked_mine:before,
.sticky_unread_locked_mine:before,
.sticky_unread_mine:before,
.announce_unread_mine:before,
.announce_unread_locked_mine:before,
.global_unread_mine:before,
.global_unread_locked_mine:before {
    color: #CC0000;
}
dl.row-item dt[style*="background-image"] { 
	position: relative;
}

dl.row-item dt {
  position: relative;
}

dd.lastpost > span > :not(dfn) {
  position: relative;
}
dd.mark input {
position: relative;
}
/* Left profile switch
.postprofile {
    float: left;
    width: 180px;
    border-left: none;
}
.postbody {
    float: right;
    max-width: 100%;
	padding-left:10px;
	border-left: 1px solid #CCCCCC;
}
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.postprofile {
		float: none;
		width: auto;
	}
	.postbody {
		float: none;
		width: auto;
		border-left: none;
	}
}
*/
.flag-dk {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c8102e' d='M0 0h512.1v512H0z'/%3E%3Cpath fill='%23fff' d='M144 0h73.1v512H144z'/%3E%3Cpath fill='%23fff' d='M0 219.4h512.1v73.2H0z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	 background-size: 100% 100%;
	 background-position: center;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.flag-gb {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23012169' d='M0 0h512v512H0z'/%3E%3Cpath fill='%23fff' d='M512 0v64L322 256l190 187v69h-67L254 324L68 512H0v-68l186-187L0 74V0h62l192 188L440 0z'/%3E%3Cpath fill='%23c8102e' d='m184 324l11 34L42 512H0v-3zm124-12l54 8l150 147v45zM512 0L320 196l-4-44L466 0zM0 1l193 189l-59-8L0 49z'/%3E%3Cpath fill='%23fff' d='M176 0v512h160V0zM0 176v160h512V176z'/%3E%3Cpath fill='%23c8102e' d='M0 208v96h512v-96zM208 0v512h96V0z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.flag-us {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23bd3d44' d='M0 0h512v512H0'/%3E%3Cpath stroke='%23fff' stroke-width='40' d='M0 58h512M0 137h512M0 216h512M0 295h512M0 374h512M0 453h512'/%3E%3Cpath fill='%23192f5d' d='M0 0h390v275H0z'/%3E%3Cmarker id='flagUs1x10' markerHeight='30' markerWidth='30'%3E%3Cpath fill='%23fff' d='m15 0l9.3 28.6L0 11h30L5.7 28.6'/%3E%3C/marker%3E%3Cpath fill='none' marker-mid='url(%23flagUs1x10)' d='m0 0l18 11h65h65h65h65h66L51 39h65h65h65h65L18 66h65h65h65h65h66L51 94h65h65h65h65L18 121h65h65h65h65h66L51 149h65h65h65h65L18 177h65h65h65h65h66L51 205h65h65h65h65L18 232h65h65h65h65h66z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.flag-ro {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg fill-rule='evenodd' stroke-width='1'%3E%3Cpath fill='%2300319c' d='M0 0h170.7v512H0z'/%3E%3Cpath fill='%23ffde00' d='M170.7 0h170.6v512H170.7z'/%3E%3Cpath fill='%23de2110' d='M341.3 0H512v512H341.3z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/*	Modders Menu  */
ul.bbm-menu,
ul.bbm-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index:5;
}
ul.bbm-menu {
	background-color: #001E30; 
	background-image: -webkit-linear-gradient(top, #006CAD 0%, #057DC5 2px, #001E30 30px, #001E30 100%);
	background-image: linear-gradient(to bottom, #006CAD 0%, #057DC5 2px, #001E30 30px, #001E30 100%);
	background-repeat: repeat-x;
	min-width: 100%;
	margin: 0px -5px -5px -5px;
	padding-left:10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	border-bottom-left-radius: 7px 7px;
	border-bottom-right-radius: 7px 7px;
}
.bbm-menu a {
	color: #ffffff;
	opacity:none !important;
	}
ul.bbm-menu li {
	position: relative;
}
ul.bbm-menu li.menuacpfirst {
	order: 2;
	margin-left: auto;
}
ul.bbm-menu li.menumcp {
	order: 3;
}
ul.bbm-menu li.menuacp {
	order: 4;
	padding-right:10px;
}
ul.bbm-menu li a {
	padding: 10px 15px;
	display: block;
	position: relative;
	color: #ffffff;
	font-size: 12px;
	font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
}
ul.bbm-menu li > ul {
	background-color: rgb(0, 30, 48, .8);
	width: 100%;
	min-width: max-content;
	padding: 5px 0;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	border-bottom-left-radius: 7px 7px;
	border-bottom-right-radius: 7px 7px;
}
ul.bbm-menu li:has(ul) > a {
	padding: 10px 15px 10px 15px;
}
ul.bbm-menu li .fa {
	font-size: 22px;
	line-height: 18px;
	vertical-align: text-bottom;
}
ul.bbm-menu li .fa-angle-down {
	font-size: 14px;
	vertical-align: text-bottom;
}
ul.bbm-menu li:hover .fa-angle-down {
	transform: rotate(180deg);
}
ul.bbm-menu li span {
	line-height: 16px;
}
ul.bbm-menu li ul li.menuli .fa {
	font-size: 20px;
	vertical-align: text-center;
}
ul.bbm-menu li ul li.menuli:hover i.fa-paypal:before {
	content: "\f004";
	color:red;
}
ul.bbm-menu li ul li.menuli:hover i.fa-volume-up:before {
	content: "\f01d";
}
ul.bbm-menu li ul li.steve:hover {
	
}
ul.bbm-menu li ul li.menuli a {
	line-height:14px;
	padding-top:8px;
	padding-right:20px;
	padding-bottom:5px;
	padding-left:10px;
}
ul.bbm-menu li:hover > a {
	background-color: rgb(0, 30, 48, .8);
}
ul.bbm-menu li:hover > ul {
	display: block;
}
ul.bbm-menu li.menutophover:hover i.fa-lightbulb-o {
	color:#ffa500;
}
ul.bbm-menu li.menutophover:hover i.fa-music {
	color:#FF10F0;
}
ul.bbm-menu li.menutophover:hover i.fa-html5 {
	color:#009900;
}
ul.bbm-menu li.menutophover:hover i.fa-paypal {
	color:#cc0000;
}
ul.bbm-menu li.menutophover:hover i.fa-code {
	color:#cc0000;
}
@media (max-width: 700px) {
	ul.bbm-menu {
	justify-content: center;
	padding-left:10px;
	background:none !important;
	border-bottom-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-top:1px solid #fff;
	}
	ul.bbm-menu li .fa {
	font-size: 22px;
	vertical-align: text-bottom;
	}
	ul.bbm-menu li a {
	padding: 10px 10px !important;
	}
}
@media (max-width: 850px) {
	ul.bbm-menu li span.menuheadspan {
	display:none;
	}
}
/*	Modders Menu Adapted  */

@-webkit-keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}
@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
@keyframes ticker {
  0% {
    transform: translate3d(0%, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 1;
  }
}
@keyframes glow {
    0% {
        text-shadow: 1px 1px 18px #FFFF7F;
    }
    100% {
        text-shadow: 1px 1px 90px #FFFFB3;
    }
}
@keyframes shimmer {
  100% {
    mask-position: left;
  }
}
@keyframes beat {
  0%, 50%, 100% { transform: scale(1, 1); }
  30%, 80% { transform: scale(0.62, 0.65); }
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}