@font-face {
	font-family: cinzel-regular;
	src: url(../fonts/cinzel/Cinzel-Regular.ttf) format('truetype')
}

@font-face {
	font-family: cinzel-bold;
	src: url(../fonts/cinzel/Cinzel-Bold.ttf) format('truetype')
}

@font-face {
	font-family: nunitosans-regular;
	src: url(../fonts/Nunito_Sans/NunitoSans-Regular.ttf) format('truetype')
}

@font-face {
	font-family: nunitosans-bold;
	src: url(../fonts/Nunito_Sans/NunitoSans-Bold.ttf) format('truetype')
}

* {
	font-family: nunitosans-regular, serif
}

body {
	font-family: cinzel-regular, serif;
	background-color: #000;
	color: #575757;
}

p {
	font-family: nunitosans-regular, serif
}

h2 {
	font-family: cinzel-bold, serif;
	font-size: 22px;
	color: #d4bb7f
}

h3 {
	font-family: cinzel-bold, serif;
	font-size: 14px;
	color: #d4bb7f
}

label {
	color: #575757
}
.pagination {
	    margin-top: 1.5rem!important;
	-ms-flex-pack: center!important;
    justify-content: center!important;
}
.pagination li.active a {
color: #d4bb7f;
}
.pagination li a {
    font-family: nunitosans-regular,serif;
    font-size: 14px;
    color: #656565;
    padding: 8px;
    text-decoration: none;
}
.thead-inverse {
background-color: #310f0f!important;    color: #d4bb7f;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: white;
    background-color: #310f0f;
border-color: unset;
    border: none;
}
.nav-tabs {
    border-bottom: 1px solid #380d0d;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #310f0f;
}
.nav-tabs .nav-link, .nav-tabs .nav-link {
    color: white;
}
.table-dark td, .table-dark th, .table-dark thead th {
    border-top: 1px solid #1f1e1e;
    border-bottom: 1px solid #1f1e1e;
	
}
.table td, .table th {
    border-top: 1px solid #1f1e1e;;
}
.table-dark {
    color: #656565;
    background-color: #111111;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: #151414;
}
.table > tbody > tr > td {
	vertical-align: middle;
}
input[type=text],
input[type=email],
input[type=password], select {
	font-family: nunitosans-regular, serif;
	font-size: 13px;
	color: #d4bb7f;
	background-color: #0a0a0a!important;
	border: 1px solid #262525!important;
	padding: 6px;
	width: 100%
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus {
	background-color: #0a0a0a;
	color: #d4bb7f
}

table {
	font-family: nunitosans-regular, serif;
	color: #575757;
	text-align: left
}

header {
	padding-top: 156px;
	background: url(../img/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center
}

header #vote {
	position: absolute;
	margin-left: 635px;
	margin-top: -155px;
	z-index: 0
}

.head-color-upper {
	background: #674133;
	background: linear-gradient(0deg, rgba(103, 65, 51, 1) 0%, rgba(210, 185, 126, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: cinzel-bold, serif;
	font-size: 52px!important;
	text-transform: uppercase
}

.head-color-lower {
	background: #674133;
	background: linear-gradient(0deg, rgba(103, 65, 51, 1) 0%, rgba(210, 185, 126, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: cinzel-bold, serif;
	font-size: 52px!important;
	text-transform: uppercase
}

.p-color {
	color: #d4bb7f
}

.navbar-expand-lg .navbar-nav .nav-link {
	text-transform: uppercase;
	color: #d4bb7f;
	font-size: 14px
}

#mainNav {
	width: 100%;
	position: relative;
	background-image: url(../img/nav_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.section-header {
	position: relative;
	background-image: url(../img/content_spacer.png);
	width: 100%;
	height: 70px;
	padding: 15px 0
}

.section-header h2,
.section-header h3 {
	margin: unset
}

.top-players .section-body {
	background: url(../img/top_players_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0;
	width: 100%;
	background-color: #050505
}

.top-players .player-class {
	background: url(../img/top_players_placement_bg.png);
	width: 254px;
	height: 385px
}

.top-players .player-class:hover {
	filter: brightness(120%)
}

.top-players .player-class .player-badget {
	padding: 120px 25px 0;
	text-align: center
}

.top-players .player-class .player-badget .badget {
	display: block;
	padding: 0 53px;
	margin: 8px 0
}

.top-players .player-class .player-badget .text-class {
	font-family: cinzel-bold, serif;
	font-size: 20px;
	text-transform: uppercase;
	color: #ffd89d
}

.top-players .player-class .player-badget .text-player {
	display: block;
	font-family: nunitosans-regular, serif;
	font-size: 14px;
	color: #d4bb7f
}

.top-players .player-class .player-badget .text-playtime {
	display: block;
	font-family: nunitosans-regular, serif;
	font-size: 14px;
	color: #7f6060
}

.news .section-body {
	background: url(../img/news_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0;
	width: 100%;
	background-color: #411313;
	min-height: 487px
}

.news-content {}

.news-content h3 {
	font-family: nunitosans-bold, serif;
	text-transform: uppercase
}

.news-text {
	font-size: 14px;
	color: #7f6060;
	max-width: 500px
}

.news-image-left {
	float: right
}

.news-image-right {}

.rewards .section-body {
	background: url(../img/rewards_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0;
	width: 100%;
	background-color: #1c0809;
	min-height: 908px
}

.rewards h2 {
	font-family: cinzel-bold, serif;
	font-size: 43px;
	color: #2e0e0e;
	margin-top: 150px
}

.rewards-box {}

.rewards .rewards-carousel-control-active {
	color: #d4bb7f;
	font-family: nunitosans-bold, serif;
	font-size: 38px;
	text-decoration: none
}

.rewards .rewards-carousel-control-active:hover {
	color: #edd18e;
	text-decoration: none
}

.rewards .rewards-carousel-control {
	display: block;
	margin-top: 15px;
	color: #b38172;
	font-family: nunitosans-regular, serif;
	font-size: 17px;
	text-decoration: none
}

.rewards .rewards-carousel-control:hover {
	color: #da9d8a;
	text-decoration: none
}

.rewards .first-place-title {
	display: block;
	margin: 8px 0;
	font-family: cinzel-bold, serif;
	font-size: 43px;
	color: #d4bb7f
}

.rewards .second-place-title {
	display: block;
	margin: 8px 0;
	font-family: cinzel-bold, serif;
	font-size: 25px;
	color: #d4bb7f
}

.rewards .place-desc {
	display: block;
	font-family: nunitosans-regular, serif;
	font-size: 14px;
	color: #d4bb7f
}

.server-media .section-body {
	background: url(../img/media_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0;
	width: 100%;
	min-height: 568px
}

.server-status .section-body {
	background: url(../img/server_status_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0;
	width: 100%;
	background-color: #040404;
	min-height: 470px;
	background-size: cover
}

.server-status .server-statistics {
	background-image: url(../img/server_status_border_new.png);
	background-size: cover;
	padding: 45px 30px;
	width: 516px;
	height: 352px;
	background-size: 516px 352px
}

.server-statistics .splitter {
	width: 240px;
	margin-right: 35px
}

.server-statistics .text-left {
	font-family: nunitosans-regular, serif;
	font-size: 15px;
	color: #8e8e8e;
	width: 125px;
	display: inline-block
}

.server-statistics .text-right {
	font-family: nunitosans-regular, serif;
	font-size: 15px;
	color: #cab772
}

.server-statistics .record {
	margin-top: 10px
}

.server-statistics .record-section {
	margin-top: 40px
}

.server-status-channel-text {
	color: #c7c18b;
	margin-bottom: unset;
	text-align: left
}

.server-status-online-text {
	padding-left: 40px;
	font-size: 16px;
	float: right
}

.server-status-info-text {
	font-size: 10px;
	color: #c7c18b;
	float: right;
	font-family: nunitosans-regular, serif
}

.server-status-channel {
	padding: 10px;
	width: 220px
}

.server-status-port-status {
	font-size: 12px;
	background-color: rgba(49, 49, 49, .5);
	padding: 25px 0
}

.server-status-port-status .info {
	color: #8e8e8e
}

.server-status-port-status .status {
	color: #d4bb7f
}

footer {
	background: url(../img/footer_bg_new.png);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0;
	width: 100%;
	min-height: 445px;
	margin-top: -220px
}

.footer-ul {
	float: right
}

.footer-ul li {
	float: left;
	padding: 12px;
	list-style: none;
	color: #c3b87c;
	margin-top: 26px;
	font-weight: 500;
	font-size: 13px!important;
	text-transform: uppercase
}

.footer-ul li a {
	color: #c3b87c;
	text-decoration: none
}

.footer-ul li a:hover {
	color: #c8bfc1
}

footer .footer-render {
	position: absolute;
	top: -241px;
	right: 0;
	pointer-events: none
}

.copyright,
.backlink {
	color: #c3b87c;
	font-weight: 500;
	font-size: 13px!important;
	float: right;
	margin-bottom: unset
}

.copyright a {
	color: #c8bfc1
}

.backlink a {
	color: #c8bfc1
}

@media(min-width:992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: 2.2rem
	}
	.support {
		padding-right: 26px!important
	}
}
.page-hd {
	background-image: none!important
}
.subpage {
	background: url(../img/subpage_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0;
	width: 100%;
	height: 1130px
}

.subpage-title, .bd-c {
	background: url(../img/subpage_title_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0;
	width: 100%;
	height: 270px
}

.subpage-title h1, .bd-c h2 {
	text-align: center;
	font-family: cinzel-bold, serif;
	font-size: 42px;
	text-transform: uppercase;
	background: #ffe198;
	background: -webkit-linear-gradient(to bottom, #FFE198 65%, #633D31 100%);
	background: -moz-linear-gradient(to bottom, #FFE198 65%, #633D31 100%);
	background: linear-gradient(to bottom, #FFE198 65%, #633D31 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding-top: 120px
}
.jumbotron {
	background-color: #0a0a0a;
}
.subpage-content {
	background: #111;
	min-height: 700px;
	border: #262525 1px solid;
	padding: 50px
}

.ranking {
	font-family: nunitosans-regular, serif;
	font-size: 13px;
	color: #656565;
	border: 1px solid #1f1e1e;
	width: 100%
}

.ranking .ranking-header {
	background-color: #310f0f!important
}

.ranking th {
	color: #d4bb7f
}

.ranking td,
.ranking th {
	padding: 10px;
	border-top: 1px solid #1f1e1e;
	border-bottom: 1px solid #1f1e1e
}

.ranking tr:nth-child(odd) {
	background-color: #151414
}

.ranking tr.marked {
	-webkit-animation: flash 2s infinite;
	animation: flash 2s infinite
}

.ranking a {
	color: #d4bb7f;
	text-decoration: none
}

.ranking a:hover {
	color: #e6cc8d
}

.ranking-paginator {
	display: inline-block
}

.ranking-paginator a {
	font-family: nunitosans-regular, serif;
	font-size: 14px;
	color: #656565;
	padding: 8px;
	text-decoration: none
}

.ranking-paginator a:hover {
	color: #888
}

.ranking-paginator a.active {
	color: #d4bb7f
}

.scroll-down {
	cursor: pointer;
	background: url(../img/scroll_down.png);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0;
	width: 100%;
	height: 36px;
	margin-bottom: 25px
}

.scroll-down:hover {
	background-image: url(../img/scroll_down_hover.png)
}

.scroll-down p {
	margin-bottom: 25px;
	position: relative;
	padding-top: 35px;
	font-size: 12px;
	color: #d4bb7f
}

.scroll-top {
	cursor: pointer;
	background: url(../img/scroll_down.png);
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 0;
	width: 100%;
	height: 36px;
	margin-bottom: 25px;
	transform: rotate(180deg)
}

.scroll-top:hover {
	background-image: url(../img/scroll_down_hover.png)
}

.scroll-top p {
	margin-bottom: 25px;
	position: relative;
	padding-top: 35px;
	font-size: 12px;
	color: #d4bb7f
}

.btn-custom {
	position: relative;
	text-align: center
}

.btn-text-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%
}

.btn-text-bold {
	font-family: cinzel-bold, serif
}

.btn-login {
	background-image: url(../img/nav_login_btn.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 128px;
	height: 34px;
	font-family: cinzel-regular, serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #d4bb7f
}

.btn-login:hover {
	color: #e6cc8d;
	filter: brightness(120%)
}

.btn-download {
	background-image: url(../img/btn_download.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 257px;
	height: 116px
}

.btn-download:hover {
	filter: brightness(120%)
}

.btn-text-download-main {
	position: absolute;
	top: 52%;
	left: 60%;
	transform: translate(-50%, -50%);
	width: 100%;
	font-family: cinzel-bold, serif;
	font-size: 20px;
	text-transform: uppercase;
	color: #cab078;
	background: #ffe198;
	background: -webkit-linear-gradient(to bottom, #FFE198 50%, #633D31 100%);
	background: -moz-linear-gradient(to bottom, #FFE198 50%, #633D31 100%);
	background: linear-gradient(to bottom, #FFE198 50%, #633D31 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.btn-text-download-second {
	position: absolute;
	top: 65%;
	left: 60%;
	transform: translate(-50%, -50%);
	width: 100%;
	font-family: nunitosans-regular, serif;
	font-size: 13px;
	color: #fff
}

.btn-donate {
	background-image: url(../img/btn_donate.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 283px;
	height: 203px
}

.btn-donate2 {
	background-image: url(../img/btn_donate2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 283px;
	height: 208px
}

.btn-donate:hover {
	filter: brightness(120%)
}

.btn-donate2:hover {
	filter: brightness(120%)
}

.btn-text-donate-main {
	position: absolute;
	top: 52%;
	left: 60%;
	transform: translate(-50%, -50%);
	width: 100%;
	font-family: cinzel-bold, serif;
	font-size: 20px;
	text-transform: uppercase;
	color: #cab078;
	background: #ffe198;
	background: -webkit-linear-gradient(to bottom, #FFE198 50%, #633D31 100%);
	background: -moz-linear-gradient(to bottom, #FFE198 50%, #633D31 100%);
	background: linear-gradient(to bottom, #FFE198 50%, #633D31 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.btn-text-donate-second {
	position: absolute;
	top: 65%;
	left: 60%;
	transform: translate(-50%, -50%);
	width: 100%;
	font-family: nunitosans-regular, serif;
	font-size: 13px;
	color: #fff
}

.btn-vote {
	background-image: url(../img/vote_bg_new.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 328px;
	height: 193px;
	font-family: cinzel-bold, serif;
	font-size: 17px;
	text-transform: uppercase;
	color: #d4bb7f
}

.btn-vote:hover {
	filter: brightness(120%)
}

.btn-text-vote {
	position: absolute;
	top: 29%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%
}

.btn-brown-main {
	background-image: url(../img/btn_brown_main.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 270px;
	height: 64px;
	font-family: cinzel-bold, serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #d4bb7f
}

.btn-brown-main:hover {
	color: #e6cc8d;
	filter: brightness(120%)
}

.btn-brown-main:active {
	filter: brightness(80%)
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #310f0f!important;
    border-color: #310f0f!important;
}
.list-group-item {
    background-color: #1e1d1d;
}
.list-group-item-action:active, .list-group-item-action:hover, .list-group-item-action:focus {
    color: #212529;
    background-color: #222121;
}
.modal-content {
	background-color: #190808;
}
.modal-header {
	border-bottom: 1px solid #321410;
	color: white;
}
.modal-footer {
border-top: 1px solid #2c0d0d;
}
a {
    color: #d4bb7f;
}
a:hover {
    color: #efcf82;
}
input.btn-red-main {
    border: none;
    background-color: transparent;
}
.btn-red-main {
	background-image: url(../img/btn_red_main.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 270px;
	height: 64px;
	font-family: cinzel-bold, serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #d4bb7f
}

.btn-red-main:hover {
	color: #e6cc8d;
	filter: brightness(120%)
}

.btn-red-main:active {
	filter: brightness(80%)
}

.btn-brown-small {
	background-image: url(../img/btn_brown_small.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 166px;
	height: 42px;
	font-family: nunitosans-regular, serif;
	font-size: 13px;
	color: #d4bb7f
}

.btn-brown-small:hover {
	color: #e6cc8d;
	filter: brightness(120%)
}

.btn-brown-small:active {
	filter: brightness(80%)
}

.btn-red-small {
	background-image: url(../img/btn_red_small.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 166px;
	height: 42px;
	font-family: nunitosans-regular, serif;
	font-size: 13px;
	color: #d4bb7f
}

.btn-red-small:hover {
	color: #e6cc8d;
	filter: brightness(120%)
}

.btn-red-small:active {
	filter: brightness(80%)
}

.btn-search {
	position: absolute;
	color: #d4bb7f;
	padding-top: 5px;
	margin-left: -25px
}

.btn-search:hover {
	color: #d4bb7f;
	filter: brightness(120%)
}

.input-group-text {
	color: #575757;
	background-color: #0a0a0a;
	border: 1px solid #262525!important;
	padding: .48rem .75rem
}

.logo {
	width: 70px
}

.logo:hover {
	filter: brightness(120%)
}

.img-hover:hover {
	filter: brightness(120%)
}

.swal2-modal {
	background-color: #111!important;
	border: 2px solid #262525!important
}

#swal2-title {
	color: #d4bb7f!important
}

#swal2-content {
	color: #a45f5f!important
}

.swal2-footer {
	border-top: 1px solid #262525!important
}

.swal2-footer a {
	color: #fff!important
}

.swal2-footer a:hover {
	color: #fff!important
}

.swal2-styled.swal2-confirm {
	background-color: #4a120e!important
}

.swal2-loader {
	border-color: #a45f5f transparent #a45f5f transparent!important
}

.language-flag {
	width: 30px;
	height: 30px;
	margin-left: 15px
}

.language-flag:hover {
	filter: brightness(120%)
}

.language-flag:active {
	filter: brightness(80%)
}

@-webkit-keyframes flash {
	0% {
		background: #474444
	}
	50% {
		background: transparent
	}
	100% {
		background: rgba(71, 68, 68, .5)
	}
}

@keyframes flash {
	0% {
		background: rgba(71, 68, 68, .5)
	}
	50% {
		background: transparent
	}
	100% {
		background: rgba(71, 68, 68, .5)
	}
}

@media only screen and (max-width:992px) {
	header #vote {
		margin-left: 300px
	}
	.btn-group {
		display: block
	}
	.news-image-left {
		float: left
	}
	.rewards-box {
		transform: scale(.9)
	}
}

@media only screen and (max-width:600px) {
	header #vote {
		right: 50px;
		float: right
	}
	header {
		background: url(../img/header_bg_small.jpg)
	}
	.rewards-box {
		transform: scale(.46)!important
	}
}

@media only screen and (min-width:600px) {}

@media only screen and (min-width:768px) {}

@media only screen and (max-width:768px) {
	header #vote {
		right: 50px;
		float: right
	}
	.gallery {
		transform: scale(.5)!important
	}
	.gallery-controls-previous {
		left: -320px!important
	}
	.gallery-controls-next {
		left: 320px!important
	}
	.rewards-box {
		transform: scale(.7)
	}
}

@media only screen and (min-width:992px) {}

@media only screen and (min-width:1200px) {}