/*
* @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 {
	text-transform: none;
	font-size:1.2em;
	font-family: "Lucida Console", "Courier New", monospace;
	font-weight: 500;
	color: #fff !important;
}
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;
	padding: 4px 0 1px 8px;
	margin-bottom:2px;
}
/*
.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;
}
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;
}

/* 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); }
}