@font-face {
	font-family: 'DINCondReg';
	src: url('../fonts/dinpro-condensedregular.eot');
	src: url('../fonts/dinpro-condensedregular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dinpro-condensedregular.woff2') format('woff2'),
		url('../fonts/dinpro-condensedregular.woff') format('woff'),
		url('../fonts/dinpro-condensedregular.ttf') format('truetype'),
		url('../fonts/dinpro-condensedregular.svg#dinpro-condensedregular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'DINCond';
	src: url('../fonts/dincondensed.eot');
	src: url('../fonts/dincondensed.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dincondensed.woff2') format('woff2'),
		url('../fonts/dincondensed.woff') format('woff'),
		url('../fonts/dincondensed.ttf') format('truetype'),
		url('../fonts/dincondensed.svg#dincondensed') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

::-webkit-scrollbar{width:12px; height:12px; margin-left:-2px;}
/* фон полосы */
::-webkit-scrollbar-track{border-width: 0; background-color: rgb(0,0,0,0.8); border-radius:0px;}
::-webkit-scrollbar-track:hover{background-color: rgb(0,0,0,0.8);}
/* бегунок */
::-webkit-scrollbar-thumb{border-width: 1px; border-color: #777; border-radius:0px; background-color: #177008;}
::-webkit-scrollbar-thumb:hover{border-width: 0; border-color: #555; background-color: #177008;}

::backdrop {background: transparent;}

* {scrollbar-width: thin; scrollbar-color: #177008 #7f7f7f;}
body {margin: 0; font-family: 'DINCondReg'; font-size: 18px; line-height: 1.4; color: #ebddc3; background: #161616; letter-spacing: 1px; /*user-select: none;*/ /*background: url(../img/body.jpg) repeat;*/}
*,*:before,*:after {box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {margin: 0;}
ul, li {list-style: none; padding: 0; margin: 0;}
hr {display: block; width: 100%; height: 1px; margin: 40px 0; border: 0; background-color: #e5e5e5;}
p {margin: 0;}
input, select, textarea {font-family: 'DINCondReg';}
input:focus, select:focus, textarea:focus {outline: none;}
body:active, body:focus {outline: none !important;}
body::-moz-focus-inner {border: 0 !important;}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
img {pointer-events: none;}
div {/* cursor: default */;}
a:link, a:visited {text-decoration: none; color: #ebddc3; transition: color 0.3s ease;}
a:hover {color: #fedc87; transition: color 0.3s ease;}

.modal {display: none; position: fixed; z-index: 5; width: 100%; height: 100%;}
.modal_shadow {display: none; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100vh; position: absolute; z-index: 1; top: 0; left: 0;}
.authorization {display: none; height: 347px; width: 337px; background: url(https://bravegames.space/regiment/images2/home/authorization_bg.png) repeat-x; margin: 0 auto; position: relative; top: 200px; padding: 25px 10px; z-index: 4;}
.modal_close {background: url(https://bravegames.space/regiment/images2/close.png) no-repeat 0 0; width: 33px; height: 32px; position: absolute; top: -7px; right: 3px; z-index: 2; cursor: pointer; transition: background 0.5s ease;}
.authorization_logo {position: relative; top: 10px; filter: drop-shadow(0px 1px 2px #111); justify-content: center; display: flex;}
.authorization_line {position: relative; top: 20px; justify-content: center; display: flex;}
.authorization_tagline {position: relative; top: 30px; text-transform: uppercase; font-size: 18px; padding: 0 30px; text-align: center;}
.authorization_entry {position: relative; top: 44px; text-transform: uppercase; font-size: 18px; color: orange; justify-content: center; display: flex;}
.authorization_social_button {position: relative; top: 52px; display: flex; justify-content: center;}
.authorization_vk {background: url(https://bravegames.space/regiment/images2/home/social.png) no-repeat 0 0; width: 58px; height: 58px; cursor: pointer; justify-content: center; display: flex;}
.authorization_ok {background: url(https://bravegames.space/regiment/images2/home/social.png) no-repeat -58px 0; width: 58px; height: 58px;}
.authorization_my {background: url(https://bravegames.space/regiment/images2/home/social.png) no-repeat -116px 0; width: 58px; height: 58px; filter: grayscale(1) opacity(0.3);}
.authorization_app {background: url(https://bravegames.space/regiment/images2/home/social.png) no-repeat -232px 0; width: 58px; height: 58px;}
.authorization_app a:link {display: block; width: 48px; height: 48px; margin: 2px 0 0 5px;}
.authorization_vk:hover {background: url(https://bravegames.space/regiment/images2/home/social_hover.png) no-repeat 0 0; width: 58px; height: 58px; cursor: pointer;}
.authorization_ok:hover {background: url(https://bravegames.space/regiment/images2/home/social_hover.png) no-repeat -58px 0; width: 58px; height: 58px; cursor: pointer;}
.authorization_app:hover {background: url(https://bravegames.space/regiment/images2/home/social_hover.png) no-repeat -232px 0; width: 58px; height: 58px; cursor: pointer;}


header.top {position: relative; z-index: 2; width: 100%; background: rgb(34 34 34 / 50%); border-bottom: 1px solid #3e3e3e;}
.logo {height: 90px; width: 400px; display: grid; align-items: center;}
.logo img {width: 100%;}
.navbar {padding: 0;}
.navbar-collapse {justify-content: end;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {color: #ebddc3;}
.navbar-dark .navbar-nav .nav-link {color: #ebddc3;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: #fedc87;}
.menu {justify-content: end; line-height: 74px;}
.menu__item {margin: 0 28px;}
.burger {display: flex;
    align-items: center;
    justify-content: end;}

.header {background: url(../img/bg_header.jpg) no-repeat; background-size: cover; background-position: center; background-color: rgba(22, 22, 22, 0.7); background-blend-mode: overlay; height: 700px; padding-top: 116px; position: relative;}
.header .container {height: 100%; position: relative; bottom: 0; padding: 0; align-items: end; display: flex;}
.header .top_shadow {position: absolute; top: 0; left: 0; right: 0; height: 21rem; width: 100%; background: linear-gradient(0deg, rgba(22,22,22, 0), rgba(22,22,22, .05) 11.5%, rgba(22,22,22, .38) 41%, rgba(22,22,22, .65) 63%, rgba(22,22,22, .95) 85%, rgba(22,22,22, .99) 95%, rgba(22,22,22, 1));}
.header .bottom_shadow {position: absolute; bottom: 0; left: 0; right: 0; height: 21rem; width: 100%; background: linear-gradient(180deg, rgba(22,22,22, 0), rgba(22,22,22, .05) 11.5%, rgba(22,22,22, .38) 41%, rgba(22,22,22, .65) 63%, rgba(22,22,22, .95) 85%, rgba(22,22,22, 1));}
.characters {padding: 0; margin: 0;}
.characters img {width: 719px; /*filter: drop-shadow(25px 25px 25px #000);*/}
.offer {color: #ebddc3; text-shadow: 1px 2px 3px #000; background: hsl(0deg 0% 4.87% / 60%); padding: 25px; border-radius: 25px; margin-top: 20%;}
.offer {/*box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);*/ border-radius: 9px; border: none; background: rgba(0, 0, 0, 0.8); background: url(../img/body.jpg) repeat; box-sizing: border-box; max-width: 554px; margin: 15px auto 0; padding: 45px; position: relative; width: 100%; z-index: 1; border: 1px solid #ebddc3; outline-offset: -3px;}
.offer__title {font-size: 30px;}
.offer__text {font-size: 18px; padding-top: 20px; line-height: 22px;}
.icons {margin-top: 10px; justify-content: center;}
.icons__item {font-size: 36px; margin-right: 30px;}

.btn_play {background-image: radial-gradient(85.3% 129.17% at 50% 95.83%, #f5c974 0, transparent 53.65%), linear-gradient(180deg, #f56914, #ec3c04); font-size: 24px; letter-spacing: .32px; display: block; align-items: center; text-transform: uppercase; font-weight: 700; line-height: 20px; width: 230px; text-align: center; line-height: 50px; text-shadow: 1px 1px 1px #000; position: relative; top: 60%; right: -50%; z-index: 1; border-radius: 3px; color: #ebddc3}

section h3 {font-family: 'DINCondReg'; font-size: 36px; text-transform: uppercase; font-weight: bold; background: linear-gradient(180deg, #fedc87, #fdae35); /* Градиент от красного к зеленому, синему */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(1px 1px 1px black); margin: 0 auto 25px;}

section .container {padding: 40px 0;}
section.about p {line-height: 30px; margin-bottom: 15px; font-size: 20px; font-style: italic;}

section.statistics {background: url(../img/bg_stat.jpg) no-repeat; background-size: cover; background-position: center; background-color: rgba(22, 22, 22, 0.9); background-blend-mode: overlay; /*height: 400px;*/ padding: 40px 0 ; position: relative;}
section .top_shadow {position: absolute; top: 0; left: 0; right: 0; height: 10rem; width: 100%; background: linear-gradient(0deg, rgba(22,22,22, 0), rgba(22,22,22, .05) 11.5%, rgba(22,22,22, .38) 41%, rgba(22,22,22, .65) 63%, rgba(22,22,22, .95) 85%, rgba(22,22,22, .99) 95%, rgba(22,22,22, 1));}
section .bottom_shadow {position: absolute; bottom: 0; left: 0; right: 0; height: 10rem; width: 100%; background: linear-gradient(180deg, rgba(22,22,22, 0), rgba(22,22,22, .05) 11.5%, rgba(22,22,22, .38) 41%, rgba(22,22,22, .65) 63%, rgba(22,22,22, .95) 85%, rgba(22,22,22, 1));}
.stat_item {text-align: center; color: #ebddc3; font-family: DINCond;}
.stat_image {height: 130px;}
.stat_count {font-size: 60px; margin-top: 28px;}
.stat_count:after {content: ""; display: block; height: 1px; background: #fedc87; width: 83px; margin: 5px auto 0;}
.stat_name {font-size: 25px; margin-top: 20px; padding: 0 40px; line-height: 32px; font-family: 'DINCondReg';}

section.media {background: url(../img/bg_media.jpg) no-repeat; background-size: cover; background-position: center; background-color: rgba(22, 22, 22, 0.9); background-blend-mode: overlay; height: 500px; padding: 40px 0 ; position: relative;}
section.media .top_shadow {position: absolute; top: 0; left: 0; right: 0; height: 10rem; width: 100%; background: linear-gradient(0deg, rgba(22,22,22, 0), rgba(22,22,22, .05) 11.5%, rgba(22,22,22, .38) 41%, rgba(22,22,22, .65) 63%, rgba(22,22,22, .95) 85%, rgba(22,22,22, .99) 95%, rgba(22,22,22, 1));}
section.media .bottom_shadow {position: absolute; bottom: 0; left: 0; right: 0; height: 10rem; width: 100%; background: linear-gradient(180deg, rgba(22,22,22, 0), rgba(22,22,22, .05) 11.5%, rgba(22,22,22, .38) 41%, rgba(22,22,22, .65) 63%, rgba(22,22,22, .95) 85%, rgba(22,22,22, 1));}
section.media .container {z-index: 1;}
.blog .carousel-indicators {left: 0; top: 260px; height: 8px;}
/* The colour of the indicators */
.blog .carousel-indicators li {background: #a3a3a3; width: 30px; height: 7px; border: none; border-radius: 5px;}
.blog .carousel-indicators .active {background: #fedc87;}
.carousel-indicators li::before,
.carousel-indicators li::after {display: none;}


.news_item {position: relative; margin: 20px 0; background: #555; border: 1px solid #8a8a8a; filter: drop-shadow(0 3px 9px rgba(0,0,0,.7)); max-height: 100%; min-height: 348px;}
.news_item_image img {width: 100%;}
.news_item_date {position: absolute; top: 20px; right: 0px; background: url(https://bravegames.space/regiment/images2/talents/talents_boss_health.png) no-repeat; width: 94px; height: 24px; color: #ebddc3; font-size: 16px; padding-left: 9px; text-align: center; line-height: 23px;}
.news_item_title {padding: 10px 10px; font-weight: 500; font-size: 21px; letter-spacing: 0.5px; text-shadow: 1px 1px 1px #333; color: #fedc87;}
.news_item_text {padding: 0px 10px 15px; font-size: 16px; letter-spacing: 0.5px;}
.all_news {display: flex; justify-content: center;}
.btn_news {background-image: radial-gradient(85.3% 129.17% at 50% 95.83%, #f5c974 0, transparent 53.65%), linear-gradient(180deg, #f56914, #ec3c04); font-size: 24px; letter-spacing: .32px; display: block; align-items: center; text-transform: uppercase; font-weight: 700; line-height: 20px; width: 230px; text-align: center; line-height: 50px; text-shadow: 1px 1px 1px #000; position: relative; z-index: 1; border-radius: 3px; color: #ebddc3}

.footer_logo {width: 98%; margin-bottom: 10px;}
.footer .icons {margin-top: 0; justify-content: flex-start;}
.footer p {line-height: 29px;}
.footer .icons__item {font-size: 30px;}
.copyright {background-color: rgba(0, 0, 0, 0.05); border-top: 1px solid #3e3e3e;}

@media (max-width:1200px) {
	.logo img {width: 100%}
	.menu__item {margin: 0 15px;}
	.btn_play {top: 40%; right: -20%;}
	.navbar-expand-lg Х
}
@media (max-width:992px) {
	.menu__item {margin: 0 15px;}
	/*.btn_play {top: -150px; right: 0; justify-content: center; display: flex; margin: 0 auto;}*/
	.characters {justify-content: center; display: flex; position: absolute; margin: 0 auto; right: 0; left: 0; bottom: 0px;}
	.button_action {justify-content: center; display: flex; position: absolute; margin: 0 auto; right: 0; left: 0; bottom: 100px;}
	.btn_play {top: 0; right: 0;}
	.container {max-width: 90%;}
	.news_item {max-height: 306px; height: 306px;}
	.news_item_title {max-height: 62px; line-height: 21px; font-size: 20px;}
}
@media (max-width:768px) {
	header.top {position: relative;}
	.logo {height: 100%; margin-top: 10px;}
	.menu {justify-content: center; line-height: 50px; margin-bottom: 10px;}
	.menu__item {margin: 0 30px;}
	.button_action {justify-content: center; display: flex; position: absolute; margin: 0 auto; right: 0; left: 0; bottom: -50px;}
	.btn_play {top: 0; right: 0;}
	.characters {justify-content: center; display: flex;}
	.btn_play {top: -150px; right: 0; justify-content: center; display: flex; margin: 0 auto;}
	.container {max-width: 90%;}
	.news_item {max-height: 320px; height: 320px;}
	.characters img {width: 100%;}
}
@media (max-width:768px) and (orientation: portrait) {
	.header {height: 600px;}
}
@media (max-width:576px) {
	.menu__item {margin: 0 15px;}
	.news_item {max-height: 100%; height: auto;}
	.blog .carousel-indicators {top: 110%;}
}
@media (max-width:576px) and (orientation: portrait) {
	.header {height: 500px;}
	.logo {width: 70%;}
}