body
{
	min-height: 100vh;
	position: relative;
	background-repeat: repeat;
	background-position: center top;
	background-color: #000000;
	  background: 
    linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)),
    url(/images/background_treasura.png);
  background-size: cover;
}
html {
	scroll-behavior: smooth;
  }
.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
img#ContentBoxHeadline
{
	display: none;
}
.navbar .nav > li > a {
    position: relative;
    display: block;
    padding: 20px 7px;
}
.break-word
{
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	display: inline-block;
	width:95px;
}
.whites
{
	color: #2c3e50 !important;
}
.table-newchar tr td
{
	border-bottom: 1px solid #C1C7CE !important;
}
.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.well img
{
	max-width: 858px;
	height: auto;
}
a:hover, a:focus {
    color: #15849e;
}
td.tab_padding
{
	padding: 10px;
	color: #fff;
}
td.tab_padding_sm
{
	padding: 5px 5px;
}

tr.tab_padding td
{
	padding: 5px !important;
}
.tab_padding_sm td
{
	padding: 5px 10px !important;
}
input[type="image"]
{
	border-width: 0px !important;
}
.navbar .glyphicon
{
	font-size: 13px
}
.navbar-default
{
	background: url(/images/back_navbar.png);
    background-repeat: repeat;
    background-size: 70%;
    background-position: 0 0;
    border: solid 1px #4b4c4c;
    border-radius: 0px;
}

.btn {
	border-radius: 0px!important;
}

.dropdown-menu > li > a
{
	color: #465051;
}
.navbar-nav > li > .dropdown-menu {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
table a:not(.btn), .table a:not(.btn) {
    text-decoration: none;
}
.well
{
	background: url(/images/background_container.png);
    background-repeat: repeat;
    background-size: 100%;
    background-position: 0 0;
    border: solid 1px #4b4c4c;
    border-radius: 0px;
    padding: 20px;
}
.panel-default {
	background: url(/images/background_container.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: 0 0;
    border: solid 1px #4b4c4c;
    border-radius: 0px;
}
.panel-default>.panel-heading{
	color:#C4CFDE;
	background-color: unset!important;
    border-color: unset;
}
.panel-heading{
	border: none;
	color: #C4CFDE;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.well h3
{
	margin-top: 0px;
	margin-bottom: 20px;
}
.footer
{
	width: 100%;
	position: absolute;
	left: 0;
	background: linear-gradient(transparent, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.8));
	background: -moz-linear-gradient(transparent, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.8));
	background: -ms-linear-gradient(transparent, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.8));
	background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.8));
	padding-top: 20px;
}
.top_bar
{
	width: 1500px;
	height: 50px;
	flex-shrink: 0;
	background: url('/images/background_top_bar3.png');
  background-repeat: repeat;
  background-size: 50%; /* mniejsza wartość = „oddalenie” wzoru */
  background-position: 0 0; /* możesz przesuwać, np. 50% 0 */
	margin: 0 auto;
	color: #C4CFDE;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: center;
	padding: 0 15px;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	border: solid 1px #292a2a;
}
.top_bar a
{
	color: #fff;
}
.top_bar .cnt
{
	width: 960px;
	margin: 0 auto;
}

.logo-global {
	display: flex;
	justify-content: center;
    margin-top: 5%;
}

.logo img
{
	max-width: 650px;
}

.logo img:hover {
	opacity: 1.0;
}

.tab_padding_sm img {
	max-width: 550px;
	height: auto;
}

.alert-success {
	background-color: #137764;
    border-radius: 0px;
}

.alert-danger {
	background-color: #54091a;
	border-color: #b91037;
	border-radius: 0px;
}

.alert-warning {
	background-color: #de9b0c;
	border-color: #eaee0a;
	border-radius: 0px;
}

.alert-info {
	background-color: #1e557a;
    color: #ffffff;
    border-radius: 0px;
}

@media (max-width: 767px)
{
	#video-ytb {
		max-width: 300px!important;
		width: 300px!important;
	}
	#video-ytb iframe{
		max-width: 330px!important;
		width: 330px!important;
	}
	.top_bar
	{
		display: none;
	}
	.well img
	{
	max-width: 305px;
	height: auto;
	}
	.logo
{
	display: none;
}

	.tab_padding_sm img {
	max-width: 45px!important;
	height: auto;
}
}
@media (min-width: 768px)
{

	.container {
		padding-bottom: 100px;
	}

	.footer {
		bottom: 0px;
	}

	.navbar-right
	{
		margin-right: -20px;
	}
	.container
	{
		max-width: 1500px;
        margin-top: 2%;
        padding-left: 0;
        padding-right: 0;
        width: 1500px;
	}
	.custom-search-width
	{
		max-width: 198px;
	}
	.dropdown-menu::before {
	    content: "";
	    width: 0;
	    display: block;
	    height: 0;
	    border-style: solid;
	    border-width: 0 7px 7px 7px;
	    border-color: #fff transparent #fff transparent;
	    top: -7px;
	    left: 45%;
	    position: absolute;
	    z-index: 100;
	}
	ul.list-unstyled li
	{
		display: inline-block;
		padding: 0 10px 0 0;
	}
	.col-md-3 {
		width: 18%;
		padding: 0;
	}
	.col-md-7 {
		width: 64%;
		padding-right: 30px;
		padding-left: 30px;
	}
	.row {
		margin-left: 0;
		margin-right: 0;
	}
	.navbar-default .navbar-collapse {
		display: flex!important;
		justify-content: space-between;
		font-size: 15px;
	}
	.navbar-collapse:before, .navbar-collapse:after {
		display: none;
	}
	.navbar-header {
		width: 185px;
	}
	.navbar-form .form-control {
		border: 2px solid rgba(25, 27, 30, 0.90);
		background: rgba(25, 27, 30, 0.70);
		box-shadow: 1px 4px 2px -3px rgba(0, 0, 0, 0.70) inset, -1px -3px 3px -2px #ffffff52 inset;
	}
}
.navbar-brand {
	padding: 12.5px;
	padding-top: 11.5px;
	border: 2px solid rgba(25, 27, 30, 0.90);
	background: rgba(25, 27, 30, 0.70);
	box-shadow: 1px 4px 2px -3px rgba(0, 0, 0, 0.70) inset, -1px -3px 3px -2px #ffffff52 inset;
	width: 45px;
	height: 45px;
	margin-top: 8px;
	transition: 0.5s;
}
.navbar-brand:hover {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	background-color: #262A2E;
}
.navbar-default .navbar-brand {
	color: #FF014F!important;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #FF014F;
}
.navbar-default .navbar-brand
{
	font-family: 'Metamorphous', cursive;
	letter-spacing: 1px;
	font-size: 23px;
	color: #FF014F;
	text-shadow: 0px 2px 0px #0F151B;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #FF014F;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #7c1731 !important;
}

.dropdown-menu > li > a:hover {
	color: whitesmoke!important;
}

.quicklogin
{
	padding: 12px;
}
.quicklogin .form-group
{
    margin-bottom: 5px;
}
.quicklogin .form-control
{
    height: 35px;
    padding: 5px 10px;
}
.quicklogin .input-group-addon
{
    padding: 5px 10px;
}


.top-bar {
	width: 1500px;
	height: 50px;
	flex-shrink: 0;
	background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
    url(/images/testback.png);
  background-repeat: repeat;
  background-size: 50%; /* mniejsza wartość = „oddalenie” wzoru */
  background-position: 0 0; /* możesz przesuwać, np. 50% 0 */
	margin: 0 auto;
	color: #C4CFDE;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: center;
	padding: 0 15px;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	border: solid 1px #292a2a;
}

.download {
	font: 700 14px / 1.1 "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    letter-spacing: .18em;
    color: #cfd6dd;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .10), 0 -1px 0 rgba(0, 0, 0, .65), 0 2px 4px rgba(0, 0, 0, .35);
    opacity: .95;
}

.download a:hover {
	text-decoration: none;
}

.translate {
	display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.translate img{
	padding: 0 5px;
}

.download, .flags {
	display: flex;
    align-content: center;
    flex-wrap: wrap;
	align-items: center;
}

.players-online {
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	z-index: 1;
	margin-top: 2%;
    margin-left: 0.5%;
}

.players-online a {
	color: #C4CFDE;
}

.players-online a:hover {
	color: #C4CFDE;
}

.players-online strong {
	font-size: 20px;
	font-weight: 700;
}

.online-svg {
	position: absolute;
    left: 50%;
    transform: translate(-50%, -0%);
    text-align: center;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .35));
}

.online-svg img {
	max-width: 400px;
	margin-top: -4.5%;
}

.players-title{
  font: 700 14px/1.1 "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: .18em;
  color: #cfd6dd;
  text-transform: uppercase;
  /* pseudo-„grawer”: jasna krawędź u dołu + ciemna u góry */
  text-shadow:
    0 1px 0 rgba(255,255,255,.10),
    0 -1px 0 rgba(0,0,0,.65),
    0 2px 4px rgba(0,0,0,.35);
  opacity: .95;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -0%);
  margin-top: 3em;
}

.players-value{
  font: 800 clamp(18px, 6vw, 34px)/1 "League Spartan", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #f2f4f7;
  letter-spacing: .02em;
  -webkit-text-stroke: 0.8px rgb(0 0 0 / 75%);
    text-shadow: 0 0 8px rgb(255 255 255 / 20%), 0 0 22px rgb(248 248 248 / 15%), 0 2px 0 rgb(0 0 0 / 75%);
}

.players-value a {
	color: #f3eedb !important
}

.players-value a:hover {
	text-decoration: none;
	color: #f3eedb !important
}

a, a:active, a:focus {
	color: #FF014F;
}

a {
	transition: 0.5s!important;
}
a:hover {
	color: #FF014F!important;
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both!important;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both!important;
}

.navbar-default .navbar-nav>li>a {
	color: #C4CFDE;
	font-weight: 500;
	transition: 0.5s;
	margin-right: 20px;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #FF014F;
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.navbar-default .navbar-nav>li>a:focus {
	color: #FF014F;
}

body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	color: #C4CFDE;
}

iconify-icon {
	margin-bottom: -5px;
}

input:focus {
    border: 2px solid #FF014F!important;
}

.form-control {
	color: #C4CFDE;
}

.input-group {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
}

.form-control {
	border-radius: 0px!important;
	border: 2px solid rgba(25, 27, 30, 0.90);
	background: rgba(25, 27, 30, 0.70);
	box-shadow: 1px 4px 2px -3px rgba(0, 0, 0, 0.70) inset, -1px -3px 3px -2px #ffffff52 inset;
	height: 40px!important;
}

input {
	font: small-caption;
	font-size: 16px;
  }

.logbuttons {
	display: flex;
    flex-wrap: wrap;
}

.logbuttons button, .logbuttons a{
	display: inline-block;
    width: 100%;
    background: #000000;
    border: unset;
    height: 40px;
    margin-bottom: 10px;
    padding: 10px;
    color: #f7f7f7;
    font-size: 15px;
    transition: 0.5s;
    border-radius: 0px;
}

.outfitstable .col-md-1 {
	width: 7.333333% !important;
}


.btnlogin, .btnlogin a{
	background: #117855 !important;
}

.btnlogin:hover, .btnlogin a:hover{
	background: #0db57c !important;
	color: #f7f7f7 !important;
}

.btnregister, .btnregister a {
	background: #7c1731 !important;
}

.btnregister:hover, .btnregister a:hover, .btnregister a:focus {
	background: #cc1242 !important;
	color: #f7f7f7 !important;
}
.logbuttons button:hover, .logbuttons a:hover {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	color: #f7f7f7 !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: transparent;
	color: #FF014F;
}




 @-webkit-keyframes slide-top {
	0% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
	100% {
	  -webkit-transform: translateY(-3px);
			  transform: translateY(-3px);
	}
  }
  @keyframes slide-top {
	0% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
	100% {
	  -webkit-transform: translateY(-3px);
			  transform: translateY(-3px);
	}
  }

.newsdate {
	top: -2px;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    padding: 5px 10px;
	border: solid 1px #4b4c4c;
}

.comments {
	color: #C4CFDE;
    float: right !important;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    padding: 5px 10px;
	transition: 0.5s;
}

.comments:hover {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	background-color: #262A2E;
}

.widget-link {
	display: flex;
	justify-content: center;
	padding-bottom: 10px;
	color: #C4CFDE;
	transition: 0.5s;
	font-weight: 300;
}

.widget-link:hover {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.changelog-text {
	padding: 12px;
	margin-bottom: 10px;
}

.social-media {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.social-media a{
	display: flex;
	justify-content: center;
    align-items: center;
	width: 60px;
	height: 60px;
	background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
	/* Shadows Gorgo */
	box-shadow: unset;
	color: #C4CFDE;
}

.navbar {
	margin-bottom: 30px;
}

.navbar-form {
	margin-top: 20.5px;
}

.well h3 {
	text-align: center;
}

.btn-info {
	color: #C4CFDE;
	border: none;
	background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
	transition: 0.5s;
	/* Shadows Gorgo */
	box-shadow: unset;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
}

.btn-info:focus, .btn-info:hover  {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	background-color: #262A2E!important;
	border: none!important;
	outline: none!important;
	color: #FF014F;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
}

.btn-default {
	color: #C4CFDE;
	border: none;
	background: linear-gradient(303deg, rgb(0 0 0 / 75%) 49.1%, rgb(13 14 15 / 75%) 100%);
	transition: 0.5s;
	font-weight: normal;
	height: 40px;
	font-family: 'Montserrat', sans-serif;
}

.btn-default:hover, .btn-default:focus {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	background-color: #262A2E!important;
	border: none!important;
	outline: none!important;
	color: #FF014F;
	font-weight: normal;
}

.input-text {
	border: 2px solid rgba(25, 27, 30, 0.90);
    background: rgba(25, 27, 30, 0.70);
    box-shadow: 1px 4px 2px -3px rgba(0, 0, 0, 0.70) inset, -1px -3px 3px -2px #ffffff52 inset;
	height: 40px;
}

.input-text:focus {
    border: 2px solid #FF014F!important;
	outline: none;
}

.submit-btn {
	color: #C4CFDE;
	border: none;
	background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
	transition: 0.5s;
	/* Shadows Gorgo */
	box-shadow: unset;
	font-weight: normal;
	height: 40px!important;
	padding: 0 15px!important;
	font-family: 'montserrat', sans-serif;
	font-size: 15px;
}

.submit-btn:hover, .submit-btn:focus {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	background-color: #262A2E!important;
	border: none!important;
	outline: none!important;
	color: #FF014F;
	font-weight: normal;
}

.back-btn {
	display: inline-block!important;
	color: #C4CFDE;
	border: none;
	background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
	transition: 0.5s;
	/* Shadows Gorgo */
	box-shadow: unset;
	font-weight: normal;
	height: 40px!important;
	padding: 0 15px!important;
	font-family: 'montserrat', sans-serif;
	font-size: 15px;
}

.back-btn:hover, .back-btn:focus {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	background-color: #262A2E!important;
	border: none!important;
	outline: none!important;
	color: #FF014F;
	font-weight: normal;
}

.general-global {
	display: flex;
    justify-content: space-evenly;
	flex-wrap: wrap;
}

.general-unique {
	width: 40%;
	display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    box-shadow: unset;
	padding: 40px 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	justify-content: center;
	height: 200px;
	text-align: center;
	border: solid 1px #4b4c4c;
}

.general-unique iconify-icon {
	margin-bottom: 10px;
}

.general-unique:hover {
	background-color: #262A2E!important;
}

h4 {
	font-family: 'Montserrat', sans-serif;
    color: #C4CFDE;
}

.general-buttons {
	display: flex;
    justify-content: center;
}

.character-global {
	display: flex;
    justify-content: space-evenly;
	flex-wrap: wrap;
}

.character-unique {
	width: 40%;
	display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    box-shadow: unset;
	padding: 40px 0;
	margin-bottom: 20px;
	margin-top: 20px;
	justify-content: center;
	padding-top: 80px;
	height: 270px;
	border: solid 1px #4b4c4c;
}

.character-unique:hover {
	background-color: #262A2E!important;
}

.input-sm {
	font-size: 15px;
}

.character-search-global {
	display: flex;
    justify-content: space-evenly;
	flex-wrap: wrap;
}

.character-search-global iconify-icon {
	margin-bottom: 10px;
}

.character-search-unique {
	width: 30%;
	display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    box-shadow: unset;
	margin-bottom: 10px;
	margin-top: 10px;
	justify-content: center;
	height: 140px;
	text-align: center;
	border: solid 1px #4b4c4c;
}

.character-search-unique:hover {
	background-color: #262A2E!important;
}

.character-search-comment-global {
	display: flex;
	justify-content: center;
}

.character-search-comment:hover {
	background-color: #262A2E!important;
}

.character-search-comment{
	width: 95%;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    box-shadow: unset;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 40px;
	position: relative;
}

.character-search-eq-stats {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.character-search-eq:hover {
	background-color: #262A2E!important;
}

.character-search-eq {
	width: 30%;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    box-shadow: unset;
	margin-bottom: 10px;
	margin-top: 10px;
	display: flex;
    align-items: center;
    justify-content: center;
	max-height: 240px;
	padding: 30px;
}

.character-search-stats:hover {
	background-color: #262A2E!important;
}

.character-search-stats {
	width: 60%;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    box-shadow: unset;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 30px;
}

.character-search-skills-global {
	display: flex;
    justify-content: space-evenly;
	flex-wrap: wrap;
}

.character-search-skills-unique {
	width: 30%;
	display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    box-shadow: unset;
	margin-bottom: 10px;
	margin-top: 10px;
	justify-content: center;
	height: 140px;
	text-align: center;
}

.character-search-skills-unique:hover {
	background-color: #262A2E!important;
}

.character-search-deaths-main {
	display: flex;
	justify-content: center;
	position: relative;
}

.character-search-deaths-global {
	display: flex;
	flex-direction: column;
	width: 95%;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    box-shadow: unset;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 30px;
	border: solid 1px #4b4c4c;
}

.character-search-deaths-global:hover {
	background-color: #262A2E!important;
}

.character-search-account-global {
	display: flex;
    justify-content: space-evenly;
	flex-wrap: wrap;
}

.character-search-account-unique {
	width: 30%;
	display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    box-shadow: unset;
	margin-bottom: 10px;
	margin-top: 10px;
	justify-content: center;
	height: 140px;
	text-align: center;
	border: solid 1px #4b4c4c;
}

.character-search-account-unique:hover {
	background-color: #262A2E!important;
}


.online-main {
	display: flex;
	justify-content: center;
	position: relative;
}

.online-global {
	width: 95%;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    box-shadow: unset;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 30px;
	border: solid 1px #4b4c4c;
}

.online-global:hover {
	background-color: #262A2E!important;
}

.btn-high {
    font-size: 13px;
    width: 100%;
    padding: 10px 0;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #26282b;
}

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #1e1e20;
}

.guilds-main {
	display: flex;
	justify-content: center;
	position: relative;
}

.guilds-global {
	width: 95%;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    box-shadow: unset;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 30px;
	border: solid 1px #4b4c4c;
}

.guilds-global:hover {
	background-color: #262A2E!important;
}

.guilds-unique {
	width: 95%;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    box-shadow: unset;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 30px;
	display: flex;
	border: solid 1px #4b4c4c;
}

.guilds-unique:hover {
	background-color: #262A2E!important;
}

.guilds-group-one {
	width: 65%;
	display: flex;
	flex-wrap: wrap;
}

.guilds-group-two {
	margin-top: 12px;
    margin-left: 10px;
}

.guilds-logo {
	width: 20%;
}

.guilds-name {
	display: flex;
    align-items: center;
    width: 70%;
    justify-content: center;
    margin-bottom: 20px;
}

.guilds-description {
	width: 100%;
}

.guild-login-form {
	display: flex;
    justify-content: center;
    margin-left: 5px;
}

.form-buttons {
	display: flex;
    justify-content: center;
}

.form-buttons input[type="submit"] {
	margin-right: 10px;
}

.pg-head a {
	color: #C4CFDE;
}

.pg-head td {
	padding: 5px 0;
}

.bans-main {
	display: flex;
	justify-content: center;
	position: relative;
}

.bans-unique {
	width: 95%;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    box-shadow: unset;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 30px;
	display: flex;
	align-items: center;
}

.bans-unique:hover {
	background-color: #262A2E!important;
}

.bans-number {
	padding-right: 5px;
}

.bans-name, .bans-level, .bans-date {
	padding-right: 30px
}

.bans-reason {
	max-width: 30%;
}

.logo-global a:hover {
	-webkit-animation: none!important;
	animation: none!important;
}

.dropdown-menu {
	background: url(/images/background_container.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: 0 0;
    border-radius: 0px !important;
	border: solid 1px #4b4c4c;
}

.dropdown-menu > li > a {
    color: #C4CFDE;
}

.dropdown-menu > li > a:hover {
    background-color: #C4CFDE;
}

.dropdown-menu::before {
	border-color: #1b1e22 transparent #1b1e22 transparent;
}


.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background: rgba(25, 27, 30, 0.70);
}

.guilds-group-one-crt {
    width: 65%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.guilds-unique-crt {
	width: 95%;
    background: var(--Background-Gorgo, linear-gradient(303deg, rgba(33, 36, 40, 0.75) 0%, rgba(22, 24, 28, 0.75) 100%));
    box-shadow: unset;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 30px;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
}

.guilds-title-logo {
	width: 100%;
	display: flex;
    align-items: center;
    flex-direction: column;
}

.guilds-description-btn {
	width: 60%;
	display: flex;
    align-items: center;
    flex-direction: column;
	text-align: center;;
}





/* RESPONSIVE */
@media (min-width: 768px) {
	.navbar-nav {
		float: left;
		margin: 0;
		margin-left: 0%;
	}

	.navbar>.container-fluid .navbar-brand {
		margin-left: -8px;
	}

	.translate-mobile {
		display: none;
	}
}

.highscore-buttons-mobile {
	display: none;
}

.table-info {
	display: none;
}

@media (max-width: 767px) {
	.top-bar {
		width: 100%;
	}

	.navbar-default {
		background: url(/images/background_container.png);
		background-size: cover;
	}

	.download {
		display: none;
	}

	.translate {
		display: none;
	}

	.players-online {
		margin-left: 31.5%;
		margin-top: 6%;
	}

	.navbar {
		margin-top: 5%;
	}

	.logo {
		display: unset;
	}

	.logo img {
		height: unset;
		max-width: 95%;
		margin-top: 10%;
	}

	.translate-mobile {
		display: inline-block;
	}

	.dropdown-menu {
		background: unset;
	}

	.players-title {
		margin-top: 3.3em;
	}

	.translate-mobile a {
		margin-right: 10px;
	}

	.navbar-brand {
		margin-left: 10px;
	}

	.social-media a {
		width: 90px;
		height: 90px;
	}

	.footer li.pull-right {
		padding-right: 15px!important;
	}

	.footer .col-lg-12 {
		padding-left: 18px!important;
	}

	.character-search-unique, .character-search-skills-unique, .character-search-account-unique {
		width: 50%;
	}

	.character-search-eq-stats {
		flex-wrap: wrap;
	}

	.character-search-eq, .character-search-stats, .online-global {
		width: 100%;
	}

	.character-search-deaths-global {
		padding: 20px;
		width: 100%;
	}

	.character-search-deaths-unique {
		padding-bottom: 10px;
	}

	.character-global {
		flex-direction: column;
		align-content: center;
	}

	.character-unique {
		width: 100%;
	}

	.online-table {
		width: 100%!important;
	}

	.highscore-buttons {
		display: none;
	}

	.highscore-buttons-mobile {
		display: flex;
    	flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 20px;
	}

	.highscore-buttons-mobile a {
		width: 30%;
		margin-bottom: 10px;
		font-size: 13px;
	}

	.highscore-buttons-mobile .btn {
		padding: 10px;
	}

	.mobile-high-table {
		width: 100%!important;
	}

	.table-info {
		display: unset;
	}

	.house-unique tr {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active {
		background-color: transparent;
	}

	.pg-head td {
		padding: 5px 5px;
	}

	.mobile-dwnl-btn {
		margin-bottom: 10px;
	}

	.rules-mobile {
		width: 100%!important;
	}

	.nobr {
		display: none;
	}

	.mobile-faq-btn {
		margin-right: 0!important;
		margin-bottom: 10px;
	}

	#faq {
		width: 100%!important;
	}

	.general-buttons {
		flex-direction: column;
		align-items: center;
	}

	.general-buttons input {
		margin-bottom: 10px;
	}
}


@media (max-width: 767px)
{
	.imgnews
	{
	max-width: 305px!important;
	height: auto;
	}

	.stories {
		flex-direction: column!important;
	}
	
	.imgstories {
		max-width: 100%!important;
	}
}

.download-btn {
	margin-bottom: 10px;
	width: 100%;
}

.download-btn a{
	display: flex;
	justify-content: center;
    align-items: center;
	width: 100%;
}

.download-btn img {
	max-width: 200px!important;
}

#bouncy-text {
	color: #E66C2C;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-size: 300%;
	font-family: "Rubik Wet Paint", system-ui;
	font-weight: 400;
	font-style: normal;
	text-shadow: 2px 2px 30px #EB4900; 
  }
  
  .bouncy-letter {
	position: relative;
	animation: bounce .8s ease infinite alternate;
  }
  
  .bouncy-letter:nth-child(1) {
	animation-delay: .1s;
  }
  .bouncy-letter:nth-child(2) {
	animation-delay: .2s;
  }
  .bouncy-letter:nth-child(3) {
	animation-delay: .3s;
  }
  .bouncy-letter:nth-child(4) {
	animation-delay: .4s;
  }
  .bouncy-letter:nth-child(5) {
	animation-delay: .5s;
  }
  .bouncy-letter:nth-child(7) {
	animation-delay: .5s;
  }
  .bouncy-letter:nth-child(8) {
	animation-delay: .45s;
  }
  .bouncy-letter:nth-child(9) {
	animation-delay: .4s;
  }
  .bouncy-letter:nth-child(10) {
	animation-delay: .35s;
  }
  .bouncy-letter:nth-child(11) {
	animation-delay: .3s;
  }
  .bouncy-letter:nth-child(12) {
	animation-delay: .25s;
  }
  .bouncy-letter:nth-child(13) {
	animation-delay: .2s;
  }
  .bouncy-letter:nth-child(14) {
	animation-delay: .15s;
  }
  .bouncy-letter:nth-child(15) {
	animation-delay: .1s;
  }
  .bouncy-letter:nth-child(16) {
	animation-delay: .1s;
  }
  
  @keyframes bounce {
	100% {
	  transform: translateY(-25px);
	}
  }

  @media (max-width: 767px)
{

	#bouncy-text {
		font-size: 150%;
	}

	@keyframes bounce {
		100% {
		  transform: translateY(-18px);
		}
	  }

}
  .snowflake {
	  user-select: none;
	  pointer-events: none;
	  z-index: 9999;
	  color: #a9cce3;
	  font-weight: bold;
	  font-family: "Arial", sans-serif;
	  white-space: nowrap;
	}