body{
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	line-height: 1.25;
	color: black;
	text-align: center;
	min-width: 360px;
}
a{
	color: black;
}
a:hover{
	color: #333333;
}

.clearfix{
	margin-bottom: 30px;
}

.carousel img{
	border-radius: 15px;
}
.carousel-arrow{
	display: flex;
    align-content: center;
	justify-content: center;
    flex-wrap: wrap;
}
.carousel-arrow a{
	color: black;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
}
.carousel-arrow a .fa-solid{
	display: block;
    color: #A93B30;
    font-size: 45px;
    margin-bottom: 10px;
}

.nav-pills{
	margin-bottom: 50px;
	justify-content: center;
}
.nav-pills .nav-link{
	color: white;
    font-size: 15px;
    font-weight: 700;
    background-color: black;
    border-radius: 8px;
    width: 290px;
    padding: 22px;
    margin-left: 15px;
    margin-right: 15px;
	margin-bottom: 15px;
	transition-duration: 0s;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background: rgb(218,80,65);
	background: linear-gradient(90deg, rgba(218,80,65,1) 0%, rgba(98,15,15,1) 100%);
}
.nav-pills2{
	flex-wrap: nowrap;
	flex-direction: column;
	margin: 0;
}
.nav-pills2 .nav-link{
	background-color: white;
	color: black;
	width: calc(100% - 24px);
	box-shadow: 2px 2px 21px 0px rgba(0, 0, 0, 0.1);
	margin: 0;
    margin-left: 12px;
    margin-bottom: 12px;
}
.nav-pills-container{
	max-height: 445px;
    overflow-y: auto;
	margin-top: 60px;
}
.nav-pills-container::-webkit-scrollbar{
	width: 7px;
}
.nav-pills-container::-webkit-scrollbar-track{
	background: #EBEBEB;
	border-radius: 5px;
}
.nav-pills-container::-webkit-scrollbar-thumb{
	background: linear-gradient(180deg, rgba(99,16,16,1) 0%, rgba(217,79,64,1) 100%);
	border-radius: 5px;
}
.nav-pills-container::-webkit-scrollbar-thumb:hover{
	background: linear-gradient(180deg, rgba(122,20,20,1) 0%, rgba(242,86,72,1) 100%);
}

#loader{
	display: flex;
    height: 100vh;
    color: #952A24;
    flex-direction: column;
    justify-content: center;
}

#slidenav{
	position: fixed;
    right: 0;
    height: 100%;
	overflow-y: auto;
	z-index: 10000;
}
#slidenav a{
	display: block;
    background-color: black;
    width: 100px;
    margin-bottom: 2px;
    color: white;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
    padding: 6px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#slidenav a:hover{
	background-color: #262626;
}
#slidenav a.active{
	background: rgb(218,80,65);
	background: linear-gradient(135deg, rgba(218,80,65,1) 0%, rgba(101,17,16,1) 100%);
}
#slidenav a.active:hover{
	background: rgb(242,86,72);
	background: linear-gradient(135deg, rgba(242,86,72,1) 0%, rgba(124,19,19,1) 100%);
}
#slidenav a .fa-solid{
	float: right;
    margin-top: 3px;
    margin-left: -10px;
}
#slidenav a.expand, #slidenav a.collapse{
	display: none;
}
.slidenav-wrapper{
	display: flex;
    flex-direction: column;
    justify-content: center;
	min-height: 100%;
	position: relative;
	overflow: hidden;
}

.online{
	background: rgb(116,95,61);
	background: linear-gradient(90deg, rgba(116,95,61,1) 0%, rgba(208,194,125,1) 50%, rgba(116,95,61,1) 100%);
	color: white;
	font-size: 17px;
	font-weight: 700;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 27%);
	padding-top: 15px;
	padding-bottom: 15px;
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
}
.online-counter{
	background-color: white;
    border-radius: 15px;
	color: black;
    font-size: 15px;
	text-shadow: none;
    line-height: 20px;
    padding: 8px;
    padding-left: 30px;
    padding-right: 30px;
	margin-top: 5px;
}
.online-counter span{
	display: block;
	font-size: 17px;
	font-weight: 700;
}

.header-button{
	display: block;
	background-image: url(../images/header_button.png);
	background-repeat: no-repeat;
    background-position: center;
	width: 311px;
	height: 102px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -15px;
	transition-duration: 0.2s;
	font-family: 'Philosopher', sans-serif;
	font-size: 19px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none !important;
	padding-top: 36px;
}
.header-button span{
	display: block;
    background: linear-gradient(180deg, rgba(251,235,192,1) 0%, rgba(240,188,88,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 18px;
}
.header-button:hover{
	filter: brightness(115%);
}

.panel{
	background-color: white;
	border-radius: 15px;
	box-shadow: 2px 2px 21px 0px rgba(0, 0, 0, 0.1);
	padding: 25px;
	margin-bottom: 50px;
}
.panel img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
.panel-icon{
	margin-top: 10px;
	margin-bottom: 30px;
}
.panel-icon-item{
	display: inline-block !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
	margin-top: -2px;
    margin-bottom: -2px;
}
.panel-icon-item-background{
	display: inline-block !important;
	background-color: #F8F8F8;
    padding: 15px;
    border-radius: 15px;
}
.panel-sm{
	padding: 15px;
	margin-bottom: 15px;
}
.panel-highlight{
	background-color: #F8F8F8;
	border-radius: 15px;
	padding: 15px;
}
.panel-highlight-success{
	color: #78b34c;
	background-color: #E9F5E3;
}
.panel-title{
	color: #DA5041;
	font-size: 19px;
	font-weight: 500;
	margin-bottom: 20px;
}
.panel-title2{
	color: #DA5041;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px;
}
.panel-title-map{
	color: #DA5041;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 30px;
}
.panel-title span, .panel-title2 span, .panel-title-map span{
	display: inline-block;
	background: linear-gradient(90deg, rgba(218,80,65,1) 0%, rgba(98,15,15,1) 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.panel-item{
	height: 120px;
    width: 120px;
    padding: 44px;
    margin-left: auto;
    margin-right: auto;
}
.panel-image-map{
	border-radius: 15px;
	max-width: 100%;
}
.panel-background{
	background-repeat: no-repeat;
    background-position: top center;
	padding-top: 353px;
}
.panel-background-biologist{
	background-image: url(../images/quests_background_biologist.png);
}
.panel-background-horse{
	background-image: url(../images/quests_background_horse.png);
	padding-top: 436px;
}
.panel-background-blacksmith{
	background-image: url(../images/gear_background.png);
}
.panel-background-skills{
	background-image: url(../images/skills_background2.png);
	padding-top: 574px;
	margin-top: -175px;
}
.panel-background-offlineshop{
	background-image: url(../images/offlineshop_background2.png);
	padding-top: 631px;
	margin-top: -230px;
}
.panel-background-fishing{
	background-image: url(../images/fishing_background.png);
	padding-top: 461px;
}
.panel-background-mining{
	background-image: url(../images/mining_background.png);
	padding-top: 516px;
}
.panel-background-pets{
	background-image: url(../images/pets_background.png);
	padding-top: 503px;
}
.panel-background-quality{
	background-image: url(../images/quality_background2.png);
	padding-top: 540px;
	margin-top: -30px;
}

.section{
	background-repeat: no-repeat;
    background-position: top center;
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
}
.section-title{
	color: #DA5041;
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 50px;
}
.section-title span{
	display: inline-block;
	background: linear-gradient(90deg, rgba(218,80,65,1) 0%, rgba(98,15,15,1) 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-title small{
	display: block;
	font-size: 26px;
	font-weight: 500;
}
.section-titlebar{
	background-image: url(../images/titlebar.png);
	background-repeat: no-repeat;
    background-position: top center;
	color: #f7d991;
	font-size: 42px;
	font-weight: 700;
	padding-top: 33px;
    padding-bottom: 33px;
	height: 129px;
	white-space: nowrap;
	margin-top: -50px;
	margin-bottom: 50px;
	position: relative;
    z-index: 100;
}
.section-titlebar span{
	background: linear-gradient(90deg, rgba(252,239,209,1) 0%, rgba(242,195,81,1) 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-subtitle{
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 30px;
}

.section-header{
	background-image: url(../images/header_background.png);
	height: 980px;
	padding-top: 80px;
}
.section-header h1{
	color: white;
	font-size: 34px;
	font-weight: 700;
	text-shadow: 2px 2px 5px rgb(0 0 0 / 41%);
	margin-top: 115px;
	margin-bottom: 70px;
}

.section-introduction{
	background-image: url(../images/introduction_background.png), url(../images/introduction_background2.png);
	background-position: top center, bottom center;
	margin-bottom: 110px;
}
.section-introduction-characters{
	overflow-x: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -110px;
}
.section-introduction-characters-inner{
	background-image: url(../images/introduction_characters.png);
	background-repeat: no-repeat;
    background-position: top center;
	width: 1180px;
	padding-top: 525px;
	margin-left: auto;
    margin-right: auto;
}
.section-introduction-characters-title{
	display: inline-block;
    width: calc(20% - 5px);
	font-size: 35px;
	margin-bottom: 0;
}
.section-introduction-characters-title small{
	font-size: 19px;
}

.section-start{
	background-color: #CDEAF8;
	background-image: url(../images/start_background.png);
	background-position: bottom center;
}
.section-start .section-titlebar{
	margin-bottom: 80px;
}
.section-start-character{
	background-image: url(../images/start_character.png);
	background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
	height: 560px;
	margin-top: -50px;
    margin-bottom: -50px;
}

.section-quests .panel-icon-item-background{
	margin-right: 15px !important;
}

.section-skills{
	background-image: url(../images/skills_background.png);
	background-position: bottom center;
}

.section-offlineshop{
	background-image: url(../images/offlineshop_background.png);
	background-position: bottom center;
}

.section-fishing{
	background-image: url(../images/fishing_background2.png);
	background-position: bottom center;
}
.section-fishing-character{
	background-image: url(../images/fishing_character.png);
	background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
	height: 450px;
	margin-bottom: 100px;
}

.section-mining{
	background-image: url(../images/mining_background2.png);
	background-position: bottom center;
}
.section-mining-character{
	background-image: url(../images/mining_character.png);
	background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
	height: 412px;
	margin-top: -30px;
}
.section-mining-character2{
	background-image: url(../images/mining_character2.png);
	background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
	height: 344px;
	margin-top: 80px;
	margin-bottom: 30px;
}

.section-sashes{
	background-image: url(../images/sashes_background.png);
}
.section-sashes-character{
	background-image: url(../images/sashes_character.png);
	background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
	height: 475px;
}

.section-aura{
	background-image: url(../images/aura_background.png);
}
.section-aura-character{
	background-image: url(../images/aura_character.png);
	background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
	height: 466px;
	margin-bottom: -30px;
}

.section-quality{
	background-image: url(../images/quality_background.png);
	background-position: bottom center;
}
.section-itemshop{
	background-image: url(../images/itemshop_background.png);
}
.section-battlepass{
	background-image: url(../images/battlepass_background.png);
	background-position: bottom center;
}
.section-warzone{
	background-image: url(../images/warzone_background.png);
	background-position: center -130px;
}
.section-events{
	background-image: url(../images/events_background.png);
	background-position: center 128px;
}
.section-herbareni{
	background-image: url(../images/herbareni_background.png);
	background-position: bottom center;
}
.section-final{
	background-image: url(../images/final_background.png);
	background-position: center 128px;
    background-size: cover;
}
.section-final-button{
	display: inline-block;
    color: white !important;
    font-size: 16px;
    font-weight: 700;
    background-color: black;
    border-radius: 8px;
    width: 230px;
    padding: 20px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    transition-duration: 0s;
    text-decoration: none !important;
}
.section-final-button:hover{
	background: rgb(218,80,65);
	background: linear-gradient(90deg, rgba(218,80,65,1) 0%, rgba(98,15,15,1) 100%);
}
.section-final-characters{
	background-image: url(../images/final_characters.png);
    background-repeat: no-repeat;
    background-position: top center;
    height: 977px;
    width: 100%;
    position: absolute;
    top: -70px;
    z-index: 100;
    pointer-events: none;
}
.section-final .panel{
	position: relative;
    z-index: 101;
	margin-top: 360px;
	margin-bottom: -50px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	padding-top: 100px;
    padding-bottom: 50px;
}
.section-final-logo{
	background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: top center;
    height: 215px;
	position: absolute;
	position: absolute;
    top: -140px;
    left: 0;
    right: 0;
    pointer-events: none;
}

.footer{
	background-color: black;
	color: white;
	font-size: 13px;
	font-weight: 700;
	padding: 20px;
}

@media screen and (max-width: 991px) {
	.slidenav-wrapper{
		justify-content: flex-start;
	}
	#slidenav{
		height: auto;
	}
	#slidenav a{
		display: none;
	}
	#slidenav a.expand{
		display: block;
	}
	#slidenav.expanded a{
		display: block;
	}
	#slidenav.expanded a.collapse{
		display: block;
	}
	#slidenav.expanded a.expand{
		display: none;
	}
	
	.section-start-character, .section-mining-character2{
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.section-fishing-character, .section-sashes-character, .section-aura-character{
		display: none;
	}
}

@media screen and (max-width: 575px) {
	.section-mining-character{
		display: none;
	}
}