#preloader {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
	-webkit-transition: height 0.8s ease;
	transition: height 0.8s ease;
	background: #171421;
	opacity: 1;
	z-index: 100;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99999;
}
#preloader .holder {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1920px;
	height: 1200px;
	margin: -600px auto auto -960px;
}
#preloader .logopr {
	position: absolute;
	top: 50%;
	left: 48.3%;
	-webkit-transform: translate(-42%, -80%);
	-ms-transform: translate(-42%, -80%);
	transform: translate(-42%, -80%);
	animation-name: slideDown;
	-webkit-animation-name: slideDown;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
}
#preloader .logopr img {
	max-width: 400px;
	min-width: 250px;
}
.loaded #preloader {
	height: 0;
}
.seq-preloader {
	position: absolute;
	top: 43%;
	left: 50%;
	-webkit-transform: translate(-50%, 15vh);
	-ms-transform: translate(-50%, 15vh);
	transform: translate(-50%, 15vh);
	animation-name: circleDown;
	-webkit-animation-name: circleDown;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
}
.seq-preloader.seq-preloaded {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility 0s 0.5s, opacity 0.5s;
	-ms-transition: visibility 0s 0.5s, opacity 0.5s;
	transition: visibility 0s 0.5s, opacity 0.5s;
}

@keyframes seq-preloader {
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes seq-preloader {
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes slideDown {
	0% {
		transform: translate(-42%, 100vh);
	}
	100% {
		transform: translate(-42%, -80%);
	}
}
@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translate(-42%, -100vh);
	}
	100% {
		-webkit-transform: translate(-42%, -80%);
	}
}

/* GLOBAL */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="month"],
input[type="week"] {
	position: relative;
	display: block;
	width: 100%;
	height: 50px;
	background: #ffffff;
	border: 1px solid #000000;
	color: #000000;
	font-size: 14px;
	padding: 0 15px;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder {
	color: #000000;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="week"]:-moz-placeholder {
	color: #000000;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="week"]::-moz-placeholder {
	color: #000000;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder {
	color: #000000;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
input[type="text"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
input[type="date"]:focus::-webkit-input-placeholder,
input[type="datetime"]:focus::-webkit-input-placeholder,
input[type="number"]:focus::-webkit-input-placeholder,
input[type="search"]:focus::-webkit-input-placeholder,
input[type="tel"]:focus::-webkit-input-placeholder,
input[type="time"]:focus::-webkit-input-placeholder,
input[type="url"]:focus::-webkit-input-placeholder,
input[type="month"]:focus::-webkit-input-placeholder,
input[type="week"]:focus::-webkit-input-placeholder {
	transform: translateY(-100%);
	visibility: hidden;
	opacity: 0;
}
input[type="text"]:focus:-moz-placeholder,
input[type="password"]:focus:-moz-placeholder,
input[type="date"]:focus:-moz-placeholder,
input[type="datetime"]:focus:-moz-placeholder,
input[type="number"]:focus:-moz-placeholder,
input[type="search"]:focus:-moz-placeholder,
input[type="tel"]:focus:-moz-placeholder,
input[type="time"]:focus:-moz-placeholder,
input[type="url"]:focus:-moz-placeholder,
input[type="month"]:focus:-moz-placeholder,
input[type="week"]:focus:-moz-placeholder {
	transform: translateY(-100%);
	visibility: hidden;
	opacity: 0;
}
input[type="text"]:focus::-moz-placeholder,
input[type="password"]:focus::-moz-placeholder,
input[type="date"]:focus::-moz-placeholder,
input[type="datetime"]:focus::-moz-placeholder,
input[type="number"]:focus::-moz-placeholder,
input[type="search"]:focus::-moz-placeholder,
input[type="tel"]:focus::-moz-placeholder,
input[type="time"]:focus::-moz-placeholder,
input[type="url"]:focus::-moz-placeholder,
input[type="month"]:focus::-moz-placeholder,
input[type="week"]:focus::-moz-placeholder {
	transform: translateY(-100%);
	visibility: hidden;
	opacity: 0;
}
input[type="text"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
input[type="date"]:focus:-ms-input-placeholder,
input[type="datetime"]:focus:-ms-input-placeholder,
input[type="number"]:focus:-ms-input-placeholder,
input[type="search"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
input[type="time"]:focus:-ms-input-placeholder,
input[type="url"]:focus:-ms-input-placeholder,
input[type="month"]:focus:-ms-input-placeholder,
input[type="week"]:focus:-ms-input-placeholder {
	transform: translateY(-100%);
	visibility: hidden;
	opacity: 0;
}

::-webkit-scrollbar {
	width: 9px;
}
::-webkit-scrollbar-track {
	background: #15181f;
}
::-webkit-scrollbar-thumb {
	background: #343842;
}

select {
	position: relative;
	display: block;
	width: 100%;
	height: 50px;
	background: #ffffff;
	border: 1px solid #000000;
	color: #000000;
	font-size: 14px;
	padding: 0 15px;
}

textarea {
	position: relative;
	display: block;
	width: 100%;
	height: 50px;
	background: #ffffff;
	border: 1px solid #000000;
	color: #000000;
	font-size: 14px;
	padding: 0 15px;
}
textarea::-webkit-input-placeholder {
	color: #000000;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
textarea:-moz-placeholder {
	color: #000000;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
textarea::-moz-placeholder {
	color: #000000;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
textarea:-ms-input-placeholder {
	color: #000000;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
textarea:focus::-webkit-input-placeholder {
	transform: translateY(-100%);
	visibility: hidden;
	opacity: 0;
}
textarea:focus:-moz-placeholder {
	transform: translateY(-100%);
	visibility: hidden;
	opacity: 0;
}
textarea:focus::-moz-placeholder {
	transform: translateY(-100%);
	visibility: hidden;
	opacity: 0;
}
textarea:focus:-ms-input-placeholder {
	transform: translateY(-100%);
	visibility: hidden;
	opacity: 0;
}

div,
section {
	position: relative;
	display: block;
}

.all-button-1 {
	position: relative;
	display: flex;
	align-items: center;
	width: 240px;
	height: 60px;
	z-index: 1;
}
.all-button-1:before {
	content: "";
	position: absolute;
	display: block;
	width: 240px;
	height: 73px;
	bottom: 0;
	left: 0;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index: -1;
}
.all-button-1 .ico {
	position: relative;
	display: block;
	width: 78px;
	height: 60px;
}
.all-button-1 .ico img {
	position: absolute;
	display: block;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}
.all-button-1 .ico.ico-1 img {
	bottom: 1px;
	left: 12px;
}
.all-button-1 .ico.ico-2 img {
	bottom: 1px;
	left: 14px;
}
.all-button-1 .ico.ico-3 img {
	bottom: -5px;
	left: 20px;
}
.all-button-1.btn-1:before {
	background: url(../images/btn-1.png) no-repeat;
}
.all-button-1.btn-2:before {
	background: url(../images/btn-2.png) no-repeat;
}
.all-button-1.btn-3:before {
	background: url(../images/btn-3.png) no-repeat;
}
.all-button-1 .desc {
	position: relative;
	display: block;
	padding-right: 7px;
	text-align: left;
}
.all-button-1 .desc span {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
}
.all-button-1 .desc p {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 10px;
}
.all-button-1.btn-1 .desc p {
	color: #6375b9;
}
.all-button-1.btn-2 .desc p {
	color: #769b5c;
}
.all-button-1.btn-3 .desc p {
	color: #98aaef;
}
.all-button-1:hover .ico img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.all-button-1:hover:before {
	filter: contrast(150%);
}

.all-button-2 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 115px;
	height: 30px;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.4);
	text-align: center;
	z-index: 1;
	background: none;
	border: none;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	cursor: pointer;
}
.all-button-2:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/btn.png) no-repeat;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
@media (min-width: 1000px) {
	.all-button-2:hover:before {
		filter: contrast(150%);
	}
}

.content-title {
	position: relative;
	display: flex;
	width: 100%;
	text-align: left;
	margin: 0 auto 25px;
}
.content-title .ico {
	position: relative;
	display: block;
	margin-right: 2px;
}
.content-title .ico img {
	position: relative;
	display: block;
	top: -2px;
	filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.6));
}
.content-title .desc {
	position: relative;
	display: block;
}
.content-title .desc span {
	position: relative;
	display: block;
	color: #ffcc00;
	font-size: 14px;
	font-weight: 700;
}
.content-title .desc p {
	position: relative;
	display: block;
	color: #8782a3;
	font-size: 12px;
	margin-top: 3px;
}
@media (max-width: 1000px) {
	.content-title {
		flex-direction: column-reverse;
		align-items: center;
		text-align: center;
		margin-bottom: 10px;
	}
	.content-title .ico {
		margin-top: 5px;
	}
}

* {
	margin: 0px;
	padding: 0px;
	outline: none;
	box-sizing: border-box;
}
*:before,
*:after {
	box-sizing: border-box;
}

body {
	background: #161220;
	font-family: "Play", sans-serif;
}
body.overflow-hidden {
	overflow: hidden;
}

a {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
	cursor: pointer;
}

#general {
	position: relative;
	display: block;
	width: 100%;
	min-height: 1700px;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/bg1-min.jpg) no-repeat center top,
		url(../images/bg2-min.jpg) no-repeat center bottom;
}
@media (max-width: 600px) {
	#general {
		background: url(../images/bg1m-min.jpg) no-repeat center top,
			url(../images/bg2-min.jpg) no-repeat center bottom;
	}
}
#general .wrapper {
	position: relative;
	display: flex;
	width: calc(100% - 10px);
	max-width: 1200px;
	min-height: 1700px;
	margin: 0 auto;
	padding-top: 140px;
	flex-direction: column;
}
@media (max-width: 600px) {
	#general .wrapper {
		padding-top: 70px;
	}
}
#general .wrapper .inner {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}
#general .wrapper .inner.content {
	flex-grow: 3;
}
/*
.load-toggle {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	z-index: 99999;
	top: 0;
	left: 0;
}
.load-toggle:before {
	content: '';
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	background: #ffcc00;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation-name: loaderBefore;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: loaderBefore;
	-moz-animation-duration: 0.5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-name: loaderBefore;
	-o-animation-duration: 0.5s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: alternate;
	-o-animation-timing-function: ease-in-out;
	animation-name: loaderBefore;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}
.load-toggle:after {
	content: '';
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	background: #ffcc00;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation-name: loader;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: loader;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-name: loader;
	-o-animation-duration: 1s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-in-out;
	animation-name: loader;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-timing-function: ease-in-out;
}

@-webkit-keyframes loader {
	0% {
		transform: translate(-50%, -50%) scale(0);
	}
	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
		visibility: hidden;
	}
}
@-moz-keyframes loader {
	0% {
		transform: translate(-50%, -50%) scale(0);
	}
	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
		visibility: hidden;
	}
}
@-o-keyframes loader {
	0% {
		transform: translate(-50%, -50%) scale(0);
	}
	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
		visibility: hidden;
	}
}
@keyframes loader {
	0% {
		transform: translate(-50%, -50%) scale(0);
	}
	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
		visibility: hidden;
	}
}

*/
.menu {
	position: fixed;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}
.menu .wrapper {
	position: relative;
	display: flex;
	width: calc(100% - 20px);
	max-width: 1200px;
	height: 140px;
	align-items: center;
	margin: 0 auto;
}
@media (min-width: 1100px) {
	.menu .wrapper ul.navi {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex: 1;
	}
	.menu .wrapper ul.navi + * {
		margin-left: 64px;
	}
	.menu .wrapper ul.navi li.first {
		position: relative;
		display: block;
	}
	.menu .wrapper ul.navi li.first + li.first {
		margin-left: 15px;
	}
	.menu .wrapper ul.navi li.first > a {
		position: relative;
		display: flex;
		z-index: 1;
		align-items: center;
	}
	.menu .wrapper ul.navi li.first > a .ico {
		position: relative;
		display: flex;
		width: 56px;
		flex: none;
		align-items: center;
		justify-content: flex-start;
		z-index: 2;
	}
	.menu .wrapper ul.navi li.first > a .ico img {
		position: absolute;
		display: block;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.menu .wrapper ul.navi li.first > a .desc {
		position: relative;
		display: block;
	}
	.menu .wrapper ul.navi li.first > a .desc p:after {
		content: "";
		position: absolute;
		display: block;
		z-index: -1;
		top: -3px;
		left: -9px;
		right: -9px;
		bottom: -4px;
		background: #ffcc00;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
		transform: skew(-15deg) scaleX(0.9);
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
	}
	.menu .wrapper ul.navi li.first > a span {
		position: relative;
		display: block;
		color: #fffbec;
		font-size: 16px;
		font-weight: 700;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.menu .wrapper ul.navi li.first > a.children span:before {
		content: "";
		position: absolute;
		display: block;
		width: 8px;
		height: 7px;
		-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		background: #ffcc00;
		top: 50%;
		left: calc(100% + 8px);
		margin-top: 1px;
		transform: translateY(-50%);
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.menu .wrapper ul.navi li.first > a p {
		position: relative;
		display: block;
		color: #9ca3b2;
		font-size: 12px;
		margin-top: 2px;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.menu .wrapper ul.navi li.first > a:hover p {
		color: #161220;
	}
	.menu .wrapper ul.navi li.first > a:hover:before {
		transform: translateY(-10%) rotate(360deg);
		top: 5px;
	}
	.menu .wrapper ul.navi li.first > a:hover .ico img {
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9);
	}
	.menu .wrapper ul.navi li.first > a:hover .desc p:after {
		visibility: visible;
		opacity: 1;
		transform: skew(-15deg) scaleX(1);
	}
	.menu .wrapper ul.navi li.first ul.sub {
		position: absolute;
		display: block !important;
		width: 250px;
		top: calc(100% + 20px);
		padding-top: 20px;
		left: calc(50% + 20px);
		transform: translateX(-50%);
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
		pointer-events: none;
	}
	.menu .wrapper ul.navi li.first ul.sub ul.sub {
		top: 20px;
		width: 260px;
		left: 100%;
		transform: unset;
		padding: 0 0 0 10px;
		pointer-events: none;
	}
	.menu .wrapper ul.navi li.first ul.sub li {
		position: relative;
		display: block;
	}
	.menu .wrapper ul.navi li.first ul.sub li + li {
		margin-top: 3px;
	}
	.menu .wrapper ul.navi li.first ul.sub li a {
		position: relative;
		display: block;
		width: 100%;
		padding: 12px 20px;
		z-index: 1;
		color: #fffbec;
		font-size: 16px;
		font-weight: 700;
	}
	.menu .wrapper ul.navi li.first ul.sub li a:after {
		content: "";
		position: absolute !important;
		display: block !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		background: rgba(22, 18, 32, 0.9) !important;
		transform: skew(-20deg) !important;
		z-index: -1;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.menu .wrapper ul.navi li.first ul.sub li a:hover {
		color: #161220;
	}
	.menu .wrapper ul.navi li.first ul.sub li a:hover:after {
		background: #ffcc00 !important;
	}
	.menu .wrapper ul.navi li.first ul.sub li a.children:before {
		content: "";
		position: absolute !important;
		display: block !important;
		width: 8px !important;
		height: 7px !important;
		-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
		clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
		background: #ffcc00 !important;
		top: 50% !important;
		left: calc(100% - 19px) !important;
		margin-top: 1px !important;
		transform: translateY(-50%) !important;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.menu .wrapper ul.navi li.first ul.sub li.have-subs:hover a.children {
		color: #161220;
	}
	.menu .wrapper ul.navi li.first ul.sub li.have-subs:hover a.children:after {
		background: #ffcc00 !important;
	}
	.menu .wrapper ul.navi li.first ul.sub li.have-subs:hover a.children:before {
		background: #161220 !important;
	}
	.menu .wrapper ul.navi li.first ul.sub li.have-subs:hover > ul.sub {
		visibility: visible;
		opacity: 1;
		top: 0;
		pointer-events: visible;
	}
	.menu .wrapper ul.navi li.first.have-subs:hover a.children p {
		color: #161220;
	}
	.menu .wrapper ul.navi li.first.have-subs:hover a.children:before {
		transform: translateY(-10%) rotate(360deg);
		top: 5px;
	}
	.menu .wrapper ul.navi li.first.have-subs:hover a.children p:after {
		visibility: visible;
		opacity: 1;
		transform: skew(-15deg) scaleX(1);
	}
	.menu .wrapper ul.navi li.first.have-subs:hover > ul.sub {
		visibility: visible;
		opacity: 1;
		top: calc(100% + 0px);
		pointer-events: visible;
	}
}
@media (max-width: 1100px) {
	.menu .wrapper ul.navi {
		position: fixed;
		display: flex;
		width: 100%;
		padding: 0px 5px 10px;
		height: calc(100vh - 70px);
		top: 70px;
		left: 0;
		background: rgba(22, 18, 32, 0.9);
		align-items: center;
		flex-direction: column;
		overflow: hidden auto;
		visibility: hidden;
		opacity: 0;
		transform: translateY(40px);
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.menu .wrapper ul.navi.active {
		visibility: visible;
		opacity: 1;
		transform: translateY(0px);
	}
	.menu .wrapper ul.navi:before {
		content: "";
		position: relative;
		display: block;
		width: 280px;
		height: 283px;
		background: url(../images/logo.png) no-repeat center;
		background-size: contain;
		margin: 0 auto 15px;
		flex: none;
	}
	.menu .wrapper ul.navi li.first {
		position: relative;
		display: block;
		width: 100%;
		max-width: 320px;
		flex: none;
	}
	.menu .wrapper ul.navi li.first + li.first {
		margin-top: 3px;
	}
	.menu .wrapper ul.navi li.first > a {
		position: relative;
		display: block;
		width: 100%;
		padding: 12px 10px;
		text-align: center;
		background: url(../images/status.png) no-repeat center bottom;
		background-size: cover;
	}
	.menu .wrapper ul.navi li.first > a .ico {
		display: none;
	}
	.menu .wrapper ul.navi li.first > a span {
		position: relative;
		display: block;
		color: #ffffff;
		font-size: 18px;
		font-weight: 700;
	}
	.menu .wrapper ul.navi li.first > a p {
		position: relative;
		display: block;
		color: #fffbec;
		font-size: 12px;
	}
	.menu .wrapper ul.navi li.first > a.children:before {
		content: "";
		position: absolute !important;
		display: block !important;
		width: 8px !important;
		height: 7px !important;
		-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
		clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
		background: #ffffff !important;
		top: 50% !important;
		left: calc(100% - 19px) !important;
		margin-top: 1px !important;
		transform: translateY(-50%) !important;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.menu .wrapper ul.navi li.first > a.children.active {
		filter: brightness(1.4);
	}
	.menu .wrapper ul.navi li.first.have-subs ul.sub {
		position: relative;
		display: none;
		width: 100%;
		padding: 0px 0 0px 10px;
		border-left: 1px solid #514977;
		margin: 3px 0 0;
	}
	.menu .wrapper ul.navi li.first.have-subs ul.sub li {
		position: relative;
		display: block;
		width: 100%;
		max-width: 320px;
	}
	.menu .wrapper ul.navi li.first.have-subs ul.sub li + li {
		margin-top: 3px;
	}
	.menu .wrapper ul.navi li.first.have-subs ul.sub li > a {
		position: relative;
		display: block;
		width: 100%;
		padding: 12px 10px;
		text-align: left;
		background: url(../images/status.png) no-repeat center bottom;
		color: #ffffff;
		font-size: 16px;
		font-weight: 700;
	}
	.menu .wrapper ul.navi li.first.have-subs ul.sub li > a span {
		position: relative;
		display: block;
		color: #ffffff;
		font-size: 18px;
		font-weight: 700;
	}
	.menu .wrapper ul.navi li.first.have-subs ul.sub li > a p {
		position: relative;
		display: block;
		color: #fffbec;
		font-size: 12px;
	}
	.menu .wrapper ul.navi li.first.have-subs ul.sub li > a.children:before {
		content: "";
		position: absolute !important;
		display: block !important;
		width: 8px !important;
		height: 7px !important;
		-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
		clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
		background: #ffffff !important;
		top: 50% !important;
		left: calc(100% - 19px) !important;
		margin-top: 1px !important;
		transform: translateY(-50%) !important;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.menu .wrapper ul.navi li.first.have-subs ul.sub li > a.children.active {
		filter: brightness(1.4);
	}
}
.menu .wrapper .navi-button {
	position: relative;
	display: none;
	width: 30px;
	height: 20px;
	margin-right: auto;
}
.menu .wrapper .navi-button:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #ffcc00;
	top: 0;
	left: 0;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transform: rotate(0deg) translate(0, 0);
	-ms-transform: rotate(0deg) translate(0, 0);
	transform: rotate(0deg) translate(0, 0);
}
.menu .wrapper .navi-button:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #ffcc00;
	bottom: 0;
	left: 0;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transform: rotate(0deg) translate(0, 0);
	-ms-transform: rotate(0deg) translate(0, 0);
	transform: rotate(0deg) translate(0, 0);
}
.menu .wrapper .navi-button span {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #ffcc00;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.menu .wrapper .navi-button.toggle:before {
	-webkit-transform: rotate(45deg) translate(1px, -50%);
	-ms-transform: rotate(45deg) translate(1px, -50%);
	transform: rotate(45deg) translate(1px, -50%);
	top: 50%;
}
.menu .wrapper .navi-button.toggle:after {
	-webkit-transform: rotate(-45deg) translate(1px, 50%);
	-ms-transform: rotate(-45deg) translate(1px, 50%);
	transform: rotate(-45deg) translate(1px, 50%);
	top: 50%;
}
.menu .wrapper .navi-button.toggle span {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	visibility: hidden;
	opacity: 0;
}
.menu .wrapper .lang {
	position: relative;
	display: block;
	width: 76px;
	height: 30px;
	padding: 0 20px 0 26px;
	flex: none;
}
.menu .wrapper .lang .current {
	position: relative;
	display: flex;
	width: 30px;
	height: 30px;
	border: 2px solid #ffcc00;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.menu .wrapper .lang .current img {
	position: relative;
	display: block;
	max-width: 24px;
	max-height: 24px;
	width: auto;
	height: auto;
	margin: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.menu .wrapper .lang .current:before {
	content: "";
	position: absolute;
	display: block;
	width: 6px;
	height: 5px;
	-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	background: #ffcc00;
	top: 50%;
	left: calc(100% + 11px);
	transform: translateY(-50%);
}
.menu .wrapper .lang .current:after {
	content: attr(data-text);
	position: absolute;
	display: flex;
	width: 26px;
	height: 30px;
	align-items: center;
	color: #7f818d;
	text-shadow: 0 0 0 #7f818d;
	font-size: 14px;
	top: -2px;
	right: 100%;
}
.menu .wrapper .lang ul.sub {
	position: absolute;
	display: block;
	width: 30px;
	top: 100%;
	padding-top: 5px;
	pointer-events: none;
}
.menu .wrapper .lang ul.sub li {
	position: relative;
	display: block;
	transform: translate(10px, -5px);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	transition-delay: 0s;
}
.menu .wrapper .lang ul.sub li + li {
	margin-top: 5px;
}
.menu .wrapper .lang ul.sub li:nth-child(2) {
	transition-delay: 0.1s;
}
.menu .wrapper .lang ul.sub li:nth-child(3) {
	transition-delay: 0.15s;
}
.menu .wrapper .lang ul.sub li:nth-child(4) {
	transition-delay: 0.2s;
}
.menu .wrapper .lang ul.sub li:nth-child(5) {
	transition-delay: 0.25s;
}
.menu .wrapper .lang ul.sub li:nth-child(6) {
	transition-delay: 0.3s;
}
.menu .wrapper .lang ul.sub li:nth-child(7) {
	transition-delay: 0.35s;
}
.menu .wrapper .lang ul.sub li:nth-child(8) {
	transition-delay: 0.4s;
}
.menu .wrapper .lang ul.sub li:nth-child(9) {
	transition-delay: 0.45s;
}
.menu .wrapper .lang ul.sub li:nth-child(10) {
	transition-delay: 0.5s;
}
.menu .wrapper .lang ul.sub li a {
	position: relative;
	display: flex;
	width: 30px;
	height: 30px;
	border: 2px solid #ffcc00;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.menu .wrapper .lang ul.sub li a img {
	position: relative;
	display: block;
	max-width: 24px;
	max-height: 24px;
	width: auto;
	height: auto;
	margin: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.menu .wrapper .lang ul.sub li a:hover img {
	opacity: 0.5;
}
.menu .wrapper .lang:hover ul.sub {
	pointer-events: visible;
}
.menu .wrapper .lang:hover ul.sub li {
	visibility: visible;
	opacity: 1;
	transform: translate(0px, 0px);
}
.menu.fixed {
	background: rgba(22, 18, 32, 0.9);
}
.menu.fixed .wrapper {
	height: 70px;
}
@media (max-width: 1100px) {
	.menu {
		background: rgba(22, 18, 32, 0.9);
	}
	.menu .wrapper {
		width: calc(100% - 40px);
		height: 70px;
	}
	.menu .wrapper .navi-button {
		display: block;
	}
}

.header {
	padding-bottom: 55px;
}
.header .box {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.header .box .logo {
	position: relative;
	display: block;
	width: 100%;
	height: 440px;
}
.header .box .logo a {
	position: absolute;
	display: block;
	width: 567px;
	height: 440px;
	top: 0;
	left: -4px;
	right: 0;
	margin: auto;
}
.header .box .logo a:before {
	content: "";
	position: absolute;
	display: block;
	width: 567px;
	height: 575px;
	background: url(../images/logo.png) no-repeat;
	top: -67px;
	left: 0;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}
.header .box .logo a:after {
	content: "";
	position: absolute;
	display: block;
	width: 567px;
	height: 575px;
	background: url(../images/logo.png) no-repeat;
	top: -67px;
	left: 0;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}
@media (min-width: 1000px) {
	.header .box .logo a:hover:before {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		filter: blur(3px);
		visibility: visible;
		opacity: 1;
	}
	.header .box .logo a:hover:after {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
		visibility: visible;
		opacity: 1;
	}
}
@media (max-width: 600px) {
	.header .box .logo {
		height: 290px;
	}
	.header .box .logo a {
		width: 300px;
		height: 290px;
	}
}
.header .box .block {
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 30px auto 0;
}
.header .box .block ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.header .box .block ul:before {
	content: "";
	position: absolute;
	display: block;
	width: 90px;
	height: 17px;
	background: url(../images/arrow-left.png) no-repeat;
	top: calc(50% + 4px);
	transform: translateY(-50%);
	right: calc(100% + 22px);
}
.header .box .block ul:after {
	content: "";
	position: absolute;
	display: block;
	width: 90px;
	height: 17px;
	background: url(../images/arrow-right.png) no-repeat;
	top: calc(50% + 4px);
	transform: translateY(-50%);
	left: calc(100% + 22px);
}
.header .box .block ul li {
	position: relative;
	display: block;
	margin: 14px 14px 6px;
}
@media (max-width: 1000px) {
	.header .box .block ul:after,
	.header .box .block ul:before {
		display: none;
	}
}

.footer {
	padding-top: 55px;
}
.footer .flex {
	position: relative;
	display: flex;
	width: 100%;
	border-top: 1px solid #373154;
	padding: 25px 0 30px;
}
.footer .flex .block {
	position: relative;
	display: flex;
	flex: 1;
	flex-direction: column;
}
.footer .flex .block .menu-list {
	position: relative;
	display: flex;
	width: 100%;
	margin-bottom: auto;
	padding-top: 10px;
}
.footer .flex .block .menu-list .list {
	position: relative;
	display: flex;
	flex: 1;
	text-align: left;
	flex-direction: column;
}
.footer .flex .block .menu-list .list .title {
	position: relative;
	display: block;
	color: #ffcc00;
	font-size: 16px;
	font-weight: 700;
	height: 10px;
}
.footer .flex .block .menu-list .list ul {
	position: relative;
	display: block;
	margin-top: 20px;
}
@media (min-width: 1000px) {
	.footer .flex .block .menu-list .list ul {
		display: block !important;
	}
}
.footer .flex .block .menu-list .list ul li {
	position: relative;
	display: block;
}
.footer .flex .block .menu-list .list ul li + li {
	margin-top: 10px;
}
.footer .flex .block .menu-list .list ul li a {
	position: relative;
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
}
.footer .flex .block .menu-list .list ul li a:hover span {
	text-decoration: underline;
}
.footer .flex .block .text {
	position: relative;
	display: flex;
	margin-top: 20px;
	color: #8782a3;
	font-size: 10px;
	text-align: left;
	justify-content: space-between;
	align-items: center;
}

.footer .flex .block .text a {
	position: relative;
	color: #8782a3;
	font-size: 12px;
}

.footer .flex .block .text a:hover {
	color: #c9c9c9;
	text-decoration: underline;
}

.footer .flex .coolness {
	position: relative;
	display: block;
	flex: none;
	width: 122px;
	height: 31px;
	background: url(../images/coolness.png) no-repeat;
	margin: auto 0 0 33px;
}
.footer .flex .coolness:hover {
	opacity: 0.7;
}
.footer .flex .vk {
	position: relative;
	display: block;
	flex: none;
	width: 280px;
	margin-left: 33px;
}
.footer .flex .vk img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 1000px) {
	.footer .flex {
		flex-direction: column;
	}
	.footer .flex .block .menu-list {
		flex-direction: column;
		align-items: center;
		margin: 0;
		padding: 0;
	}
	.footer .flex .block .menu-list .list {
		text-align: center;
	}
	.footer .flex .block .menu-list .list + .list .title {
		margin-top: 20px;
	}
	.footer .flex .block .menu-list .list .title.empty {
		display: none;
	}
	.footer .flex .block .menu-list .list ul {
		display: none;
		margin: 0;
	}
	.footer .flex .block .menu-list .list ul li {
		margin-top: 7px;
	}
	.footer .flex .block .menu-list .list ul li + li {
		margin-top: 7px;
	}
	.footer .flex .block .menu-list .list ul li a {
		font-size: 0;
	}
	.footer .flex .block .menu-list .list ul li a span {
		font-size: 12px;
	}
	.footer .flex .block .text {
		margin-top: 20px;
		text-align: center;
	}
	.footer .flex .coolness {
		order: 1;
		margin: 20px auto 0;
	}
	.footer .flex .vk {
		margin: 20px auto 0;
	}
}

/* CONTENT */
.content {
	padding-top: 18px;
}
.content:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: -25px;
	right: -25px;
	height: 678px;
	background: url(../images/content.png) no-repeat center top;
}
.content .flex-box-1 {
	position: relative;
	display: flex;
	width: 100%;
}
.content .flex-box-1 .slider {
	position: relative;
	display: block;
	flex: 1;
	max-width: 780px;
	height: 244px;
	box-shadow: 0px 13px 10px 0px rgba(11, 9, 16, 0.33);
	background: #000000;
}
.content .flex-box-1 .slider .item {
	position: absolute !important;
	display: block;
	width: 100%;
	height: 244px;
	top: 0 !important;
	left: 0 !important;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.content .flex-box-1 .slider .item img.img-char {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
}
.content .flex-box-1 .slider .item .flex {
	position: relative;
	display: flex;
	width: 100%;
	height: 244px;
}
.content .flex-box-1 .slider .item .flex .desc {
	position: relative;
	display: block;
	margin: auto 0 0;
	padding: 45px 10px 40px 255px;
	text-align: left;
}
@media (max-width: 1100px) {
	.content .flex-box-1 .slider .item .flex .desc {
		padding: 45px 10px 40px 225px;
	}
}
.content .flex-box-1 .slider .item .flex .desc .title {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	padding-left: 38px;
}
.content .flex-box-1 .slider .item .flex .desc .title:before {
	content: "";
	position: absolute;
	display: block;
	width: 50px;
	height: 52px;
	background: url(../images/arrow.png) no-repeat;
	top: -15px;
	left: -14px;
}
.content .flex-box-1 .slider .item .flex .desc .text {
	position: relative;
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	padding-top: 17px;
	text-shadow: 1px 1px #000;
}
.content .flex-box-1 .slider .slick-list {
	overflow: unset;
	width: 100%;
}
.content .flex-box-1 .slider .slick-track {
	width: 100% !important;
}
.content .flex-box-1 .slider ul.slick-dots {
	position: absolute;
	display: flex;
	width: 100%;
	padding: 24px;
	flex-wrap: wrap;
	justify-content: flex-end;
	z-index: 2;
}
.content .flex-box-1 .slider ul.slick-dots li {
	position: relative;
	display: block;
	margin: 0 0 5px 5px;
}
.content .flex-box-1 .slider ul.slick-dots li button {
	position: relative;
	display: flex;
	width: 18px;
	height: 18px;
	background: rgba(212, 212, 212, 0.1);
	border: none;
	font-size: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.content .flex-box-1 .slider ul.slick-dots li button:before {
	content: "";
	position: relative;
	display: block;
	width: 8px;
	height: 8px;
	background: #ffcc00;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: auto;
	opacity: 0;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
@media (min-width: 1000px) {
	.content .flex-box-1 .slider ul.slick-dots li button:hover:before {
		opacity: 0.5;
	}
}
.content .flex-box-1 .slider ul.slick-dots li.slick-active button:before {
	opacity: 1;
}
.content .flex-box-1 .status {
	position: relative;
	display: block;
	width: 392px;
	flex: none;
	margin-left: auto;
	padding-top: 8px;
	padding-left: 20px;
}
.content .flex-box-1 .status .block {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}
.content .flex-box-1 .status .block .item {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 65px;
	background: url(../images/status.png) no-repeat center bottom;
	background-size: cover;
	box-shadow: 0px 13px 10px 0px rgba(11, 9, 16, 0.33);
	padding-right: 18px;
	text-align: left;
}
.content .flex-box-1 .status .block .item + .item {
	margin-top: 4px;
}
.content .flex-box-1 .status .block .item .ico {
	position: relative;
	display: flex;
	width: 80px;
	flex: none;
}
.content .flex-box-1 .status .block .item .ico img {
	position: relative;
	display: block;
	margin: auto;
}
.content .flex-box-1 .status .block .item .desc {
	position: relative;
	display: block;
	flex: 1;
	padding: 10px 10px 10px 0;
	overflow: hidden;
}
.content .flex-box-1 .status .block .item .desc span {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 12px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.content .flex-box-1 .status .block .item .desc span a {
	position: relative;
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
}
.content .flex-box-1 .status .block .item .desc span a:hover {
	text-decoration: underline;
}
.content .flex-box-1 .status .block .item .desc p {
	position: relative;
	display: block;
	color: #635d79;
	text-shadow: 0 0 0 #635d79;
	font-size: 10px;
	margin-top: 4px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.content .flex-box-1 .status .block .item .online {
	position: relative;
	display: block;
	color: #ffcc00;
	font-size: 16px;
	font-weight: 700;
	width: 52px;
	flex: none;
}
.content .flex-box-1 .status .block .item .stat {
	position: relative;
	display: flex;
	width: 15px;
	height: 14px;
	align-items: center;
	justify-content: center;
	flex: none;
}
.content .flex-box-1 .status .block .item .stat img {
	position: absolute;
	display: block;
}
.content .flex-box-1 .status .block .total {
	position: relative;
	display: block;
	margin: 22px auto 0;
	color: #625786;
	text-shadow: 0 0 0 #625786;
	font-size: 12px;
	text-align: left;
}
.content .flex-box-1 .status .block .total span {
	position: relative;
	display: inline-block;
	color: #ffffff;
	text-shadow: none;
}
@media (max-width: 1000px) {
	.content .flex-box-1 {
		flex-direction: column;
	}
	.content .flex-box-1 .slider {
		flex: none;
		width: 100%;
		margin: 0 auto;
	}
	.content .flex-box-1 .status {
		width: 100%;
		max-width: 372px;
		margin: 30px auto 0;
		padding: 0;
	}
	.content .flex-box-1 .status .block .total {
		text-align: center;
	}
}
@media (max-width: 600px) {
	.content .flex-box-1 .slider .item img.img-char {
		left: 0 !important;
		right: 0 !important;
		margin: auto !important;
		opacity: 0.3 !important;
	}
	.content .flex-box-1 .slider .item .flex .desc {
		padding: 10px 10px 40px;
		text-align: center;
		width: 100%;
	}
	.content .flex-box-1 .slider .item .flex .desc .title {
		padding: 0;
	}
	.content .flex-box-1 .slider .item .flex .desc .title:before {
		display: none;
	}
	.content .flex-box-1 .slider ul.slick-dots {
		top: unset;
		bottom: 0;
		justify-content: center;
		padding: 10px 5px;
	}
	.content .flex-box-1 .slider ul.slick-dots li {
		margin: 2px;
	}
}
@media (max-width: 500px) {
	.content .flex-box-1 .status .block .item {
		padding-right: 8px;
	}
}
.content .news-box {
	position: relative;
	display: flex;
	width: 100%;
	padding-top: 53px;
}
.content .news-box .block {
	position: relative;
	display: block;
	flex: 1;
}
.content .news-box .block + .block {
	margin-left: 36px;
}
.content .news-box .block .content-title {
	margin-bottom: 28px;
}
.content .news-box .block .news {
	position: relative;
	display: block;
	width: 100%;
}
@media (min-width: 1000px) {
	.content .news-box .block .news:hover .item {
		opacity: 0.5;
	}
}
.content .news-box .block .news .item {
	position: relative;
	display: flex;
	align-items: center;
	padding: 15px 35px 15px 0;
	min-height: 65px;
	background: url(../images/news.png) no-repeat center bottom;
	background-size: cover;
	box-shadow: 0px 13px 10px 0px rgba(11, 9, 16, 0.43);
}
.content .news-box .block .news .item + .item {
	margin-top: 4px;
}
.content .news-box .block .news .item .ico {
	position: relative;
	display: flex;
	width: 80px;
	align-items: center;
	justify-content: center;
}
.content .news-box .block .news .item .ico img {
	position: absolute;
	display: block;
}
.content .news-box .block .news .item .title {
	position: relative;
	display: block;
	flex: 1;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
}
.content .news-box .block .news .item .date {
	margin-left: auto;
	padding-left: 15px;
	color: #8782a3;
	font-size: 12px;
}
@media (min-width: 1000px) {
	.content .news-box .block .news .item:hover {
		opacity: 1;
		transform: scaleY(1.2) scaleX(1.1);
		z-index: 2;
	}
}
@media (max-width: 1000px) {
	.content .news-box {
		flex-direction: column;
	}
	.content .news-box .block {
		width: 100%;
		flex: none;
		max-width: 580px;
		margin: 0 auto;
	}
	.content .news-box .block + .block {
		margin: 40px auto 0;
	}
	.content .news-box .block .content-title {
		margin-bottom: 15px;
	}
}
.content .flex-box-2 {
	position: relative;
	display: flex;
	width: 100%;
	margin: 60px auto 0;
}
.content .flex-box-2 .gallery {
	position: relative;
	display: block;
	flex: 1;
	max-width: 780px;
}
.content .flex-box-2 .gallery .side {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0 auto 20px;
}
.content .flex-box-2 .gallery .side .content-title {
	margin: 0 10px 0 0;
}
.content .flex-box-2 .gallery .side ul.arrows {
	position: relative;
	display: none;
	flex: none;
	align-items: center;
}
.content .flex-box-2 .gallery .side ul.arrows li {
	position: relative;
	display: block;
}
.content .flex-box-2 .gallery .side ul.arrows li + li {
	margin-left: 4px;
}
.content .flex-box-2 .gallery .side ul.arrows li a {
	position: relative;
	display: flex;
	width: 28px;
	height: 28px;
	background: #1e1b27;
}
.content .flex-box-2 .gallery .side ul.arrows li a:before {
	content: "";
	position: relative;
	display: block;
	width: 10px;
	height: 17px;
	margin: auto;
}
.content .flex-box-2 .gallery .side ul.arrows li a.prev:before {
	background: url(../images/prev.png) no-repeat;
}
.content .flex-box-2 .gallery .side ul.arrows li a.next:before {
	background: url(../images/next.png) no-repeat;
}
@media (min-width: 1000px) {
	.content .flex-box-2 .gallery .side ul.arrows li a:hover {
		background: #000000;
	}
}
.content .flex-box-2 .gallery .load-toggle {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.content .flex-box-2 .gallery .box {
	position: relative;
	display: none;
	width: 100%;
}
.content .flex-box-2 .gallery .box .wrap-item {
	position: relative;
	display: none;
	width: 100%;
}
.content .flex-box-2 .gallery .box .wrap-item.active {
	display: flex;
}
.content .flex-box-2 .gallery .box .wrap-item .item {
	position: relative;
	display: block;
	width: calc(50% - 15px);
}
.content .flex-box-2 .gallery .box .wrap-item .item + .item {
	margin-left: auto;
}
.content .flex-box-2 .gallery .box .wrap-item .item .frame {
	position: relative;
	display: block;
	width: 100%;
	height: 190px;
	background: #000000 url(../images/stream-1.png) no-repeat center;
	background-size: cover;
}
.content .flex-box-2 .gallery .box .wrap-item .item .frame iframe,
.content .flex-box-2 .gallery .box .wrap-item .item .frame a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none;
}

.content .flex-box-2 .gallery .box .wrap-item .item .frame .play {
	position: absolute;
	display: flex;
	width: 60px;
	height: 60px;
	border: 2px solid #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.content .flex-box-2 .gallery .box .wrap-item .item .frame .play:before {
	content: "";
	position: relative;
	display: block;
	width: 20px;
	height: 24px;
	background: #ffffff;
	-webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	margin: auto;
	left: 2px;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.content .flex-box-2 .gallery .box .wrap-item .item .frame .play:hover {
	border: 2px solid #ffcc00;
}
.content .flex-box-2 .gallery .box .wrap-item .item .frame .play:hover:before {
	background: #ffcc00;
}
.content .flex-box-2 .gallery .box .wrap-item .item .text {
	position: relative;
	display: block;
	width: 100%;
	margin: 13px 0 0;
	color: #8782a3;
	text-shadow: 0 0 0 #8782a3;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
}
.content .flex-box-2 .gallery .box .wrap-item .item .text span {
	position: relative;
	display: inline-block;
	margin-right: 3px;
	text-shadow: none;
	color: #ffcc00;
}
.content .flex-box-2 .gallery .box .wrap-item .item:nth-child(even) .frame {
	background: #000000 url(../images/stream-2.png) no-repeat center;
	background-size: cover;
}
.content .flex-box-2 .links {
	position: relative;
	display: block;
	width: 392px;
	padding-left: 20px;
	margin-left: auto;
	flex: none;
}
.content .flex-box-2 .links .content-title {
	margin-bottom: 20px;
}
.content .flex-box-2 .links ul {
	position: relative;
	display: flex;
	justify-content: space-between;
}
.content .flex-box-2 .links ul li {
	position: relative;
	display: block;
}
.content .flex-box-2 .links ul li + li {
	margin-left: 10px;
}
.content .flex-box-2 .links ul li a {
	position: relative;
	display: block;
	width: 96px;
	height: 190px;
}
.content .flex-box-2 .links ul li a:before {
	content: "";
	position: absolute;
	display: block;
	pointer-events: none;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.content .flex-box-2 .links ul li a.link-1:before {
	width: 117px;
	height: 215px;
	bottom: -15px;
	left: -14px;
	background: url(../images/link-1.png) no-repeat;
}
.content .flex-box-2 .links ul li a.link-2:before {
	width: 163px;
	height: 222px;
	bottom: -15px;
	left: -60px;
	background: url(../images/link-2.png) no-repeat;
}
.content .flex-box-2 .links ul li a.link-3:before {
	width: 169px;
	height: 214px;
	bottom: -15px;
	left: -66px;
	background: url(../images/link-3.png) no-repeat;
}
@media (min-width: 1000px) {
	.content .flex-box-2 .links ul li a:hover:before {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		filter: contrast(150%);
	}
}
@media (max-width: 1000px) {
	.content .flex-box-2 {
		flex-direction: column;
	}
	.content .flex-box-2 .gallery {
		width: 100%;
		flex: none;
		margin: 0 auto;
	}
	.content .flex-box-2 .gallery .side {
		flex-direction: column;
	}
	.content .flex-box-2 .gallery .side .content-title {
		margin: 0;
	}
	.content .flex-box-2 .gallery .side .arrows {
		margin: 20px auto 0;
	}
	.content .flex-box-2 .gallery .box .item .frame {
		height: 0;
		padding-bottom: 56.25%;
	}
	.content .flex-box-2 .links {
		width: 100%;
		margin: 40px auto 0;
		padding: 0;
	}
	.content .flex-box-2 .links ul {
		justify-content: center;
	}
	.content .flex-box-2 .links ul li {
		margin: 0 25px;
	}
}
@media (max-width: 700px) {
	.content .flex-box-2 .gallery .box .wrap-item {
		flex-direction: column;
		max-width: 500px;
		margin: 0 auto;
	}
	.content .flex-box-2 .gallery .box .wrap-item .item {
		width: 100%;
	}
	.content .flex-box-2 .gallery .box .wrap-item .item + .item {
		margin: 15px auto 0;
	}
	.content .flex-box-2 .gallery .box .wrap-item .item .text {
		text-align: center;
	}
}
@media (max-width: 400px) {
	.content .flex-box-2 .links ul li {
		margin: 0 5px;
	}
}

.modal {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden auto;
	background: rgba(13, 12, 19, 0.8);
	z-index: 9999;
	padding: 30px 0;
}
.modal.modal-in {
	display: flex;
}
.modal#modal-files {
	padding-bottom: 50px;
}
.modal .overclose {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
}
.modal .modal-content {
	position: relative;
	display: block;
	width: calc(100% - 20px);
	max-width: 960px;
	background: url(../images/modal.png) no-repeat center;
	background-size: cover;
	margin: auto;
	padding: 25px 15px;
	border-top: 1px solid rgba(216, 235, 255, 0.1);
	z-index: 2;
}
.modal .modal-content:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 36px;
	top: -9px;
	left: 0;
	background: url(../images/modal-top.png) no-repeat center;
}
.modal .modal-content .modal-close {
	position: absolute;
	display: block;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #ff2a2a;
	z-index: 5;
	top: 18px;
	right: 21px;
}
.modal .modal-content .modal-close:before,
.modal .modal-content .modal-close:after {
	content: "";
	position: absolute;
	display: block;
	width: 10px;
	height: 1px;
	background: #ff2a2a;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
.modal .modal-content .modal-close:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.modal .modal-content .modal-close:hover {
	transform: rotate(360deg);
}

.modal .load-files-box {
	position: relative;
	display: flex;
	width: 100%;
}
.modal .load-files-box .block {
	position: relative;
	display: block;
	flex: 1;
	padding: 0 20px 20px;
	max-width: 50%;
}
.modal .load-files-box .block + .block {
	border-left: 1px solid rgba(216, 235, 255, 0.1);
}
.modal .load-files-box .block .title {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 21px;
}
.modal .load-files-box .block .title .ico {
	position: relative;
	display: block;
	margin-right: -5px;
}
.modal .load-files-box .block .title .ico img {
	position: relative;
	display: block;
	top: -1px;
}
.modal .load-files-box .block .title .text {
	position: relative;
	display: block;
	color: #ffcc00;
	font-size: 14px;
	font-weight: 700;
}
.modal .load-files-box .block .box {
	position: relative;
	display: block;
	padding-left: 17px;
}
.modal .load-files-box .block .box + .box {
	margin-top: 10px;
}
.modal .load-files-box .block .box .desc {
	position: relative;
	display: flex;
}
.modal .load-files-box .block .box .desc .step {
	position: relative;
	display: flex;
	width: 30px;
	height: 30px;
	border: 2px solid #ffcc00;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	flex: none;
}
.modal .load-files-box .block .box .desc .step + .text {
	margin-left: 19px;
}
.modal .load-files-box .block .box .desc .text {
	position: relative;
	display: block;
	padding-top: 7px;
}
.modal .load-files-box .block .box .desc .text span {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
}
.modal .load-files-box .block .box .desc .text span + p {
	margin-top: 5px;
}
.modal .load-files-box .block .box .desc .text p {
	position: relative;
	display: block;
	color: #5b637c;
	text-shadow: 0 0 0 #5b637c;
	font-size: 12px;
	line-height: 14px;
}
.modal .load-files-box .block .box .items {
	position: relative;
	display: block;
	width: 100%;
	margin: 19px auto 0;
	padding-left: 49px;
}
.modal .load-files-box .block .box .items .item {
	position: relative;
	display: flex;
	width: 100%;
	align-items: center;
	background: rgba(13, 12, 19, 0.4);
	padding: 5px 4px 5px 0;
}
.modal .load-files-box .block .box .items .item:before {
	content: "";
	position: absolute;
	display: block;
	width: 50px;
	height: 52px;
	background: url(../images/arrow.png) no-repeat;
	top: 50%;
	left: -25px;
	transform: translateY(-50%);
}
.modal .load-files-box .block .box .items .item + .item {
	margin-top: 3px;
}
.modal .load-files-box .block .box .items .item .text {
	position: relative;
	display: block;
	padding: 5px 10px 5px 23px;
	color: #ffffff;
	font-size: 12px;
	line-height: 14px;
	flex: 1;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.modal .load-files-box .block .box .items .item .link {
	margin-left: auto;
	flex: none;
}
.modal .load-files-box .block .box .items .other {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 5px;
}
.modal .load-files-box .block .box .items .other a.torrent {
	position: relative;
	display: flex;
	margin: 5px 0 5px auto;
	align-items: center;
}
.modal .load-files-box .block .box .items .other a.torrent img {
	position: relative;
	display: block;
	margin-right: 10px;
}
.modal .load-files-box .block .box .items .other a.torrent span {
	position: relative;
	display: block;
	color: #bbb8d1;
	font-size: 10px;
	line-height: 14px;
}
.modal .load-files-box .block .box .items .other a.torrent:hover span {
	text-decoration: underline;
}

.modal .action-link {
	margin: 10px auto -53px;
}

@media (max-width: 1000px) {
	.modal#modal-files .modal-content {
		max-width: 500px;
	}

	.modal .load-files-box {
		flex-direction: column;
	}
	.modal .load-files-box .block {
		flex: none;
		width: 100%;
		max-width: unset;
		padding: 20px 0;
	}
	.modal .load-files-box .block + .block {
		border: none;
		border-top: 1px solid rgba(216, 235, 255, 0.1);
	}
	.modal .load-files-box .block .title {
		flex-direction: column-reverse;
	}
	.modal .load-files-box .block .title .ico {
		margin: 10px auto 0;
	}
	.modal .load-files-box .block .title .text {
		text-align: center;
	}
	.modal .load-files-box .block .box {
		padding: 0;
	}
	.modal .load-files-box .block .box .desc {
		flex-direction: column;
		align-items: center;
	}
	.modal .load-files-box .block .box .desc .step {
		width: 50px;
		height: 50px;
		font-size: 24px;
		margin-bottom: 5px;
	}
	.modal .load-files-box .block .box .desc .text {
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
		text-align: center;
	}
	.modal .load-files-box .block .box .items {
		padding: 0 10px;
	}
	.modal .load-files-box .block .box .items .item {
		flex-direction: column;
		padding: 15px 10px;
	}
	.modal .load-files-box .block .box .items .item:after {
		content: "";
		position: absolute;
		display: block;
		width: 50px;
		height: 52px;
		background: url(../images/arrow.png) no-repeat;
		top: 50%;
		right: -25px;
		transform: translateY(-50%) rotate(180deg);
	}
	.modal .load-files-box .block .box .items .item .text {
		width: 100%;
		text-align: center;
		flex: none;
	}
	.modal .load-files-box .block .box .items .item .link {
		margin: 5px 0 0;
	}
	.modal .load-files-box .block .box .items .other {
		justify-content: center;
	}
	.modal .load-files-box .block .box .items .other a.torrent {
		margin: 5px auto;
	}
}
.content.about:before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: -25px;
	right: -25px;
	height: 971px;
	background: url(../images/about/content.png) no-repeat center top;
}
.content .about-page-box {
	position: relative;
	display: flex;
	width: 100%;
}
.content .about-page-box .nav-box {
	position: relative;
	display: block;
	width: 270px;
	flex: none;
}
.content .about-page-box .nav-box .toggle-tabs-box {
	position: relative;
	display: none;
	align-items: center;
	height: 50px;
	padding: 5px 15px;
	background: #1b1b2a;
}
.content .about-page-box .nav-box .toggle-tabs-box .text {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
}
.content .about-page-box .nav-box .toggle-tabs-box .toggle {
	position: relative;
	display: block;
	width: 30px;
	height: 20px;
	margin-left: auto;
}
.content .about-page-box .nav-box .toggle-tabs-box .toggle:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #ffcc00;
	top: 0;
	left: 0;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transform: rotate(0deg) translate(0, 0);
	-ms-transform: rotate(0deg) translate(0, 0);
	transform: rotate(0deg) translate(0, 0);
}
.content .about-page-box .nav-box .toggle-tabs-box .toggle:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #ffcc00;
	bottom: 0;
	left: 0;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transform: rotate(0deg) translate(0, 0);
	-ms-transform: rotate(0deg) translate(0, 0);
	transform: rotate(0deg) translate(0, 0);
}
.content .about-page-box .nav-box .toggle-tabs-box .toggle span {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #ffcc00;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.content .about-page-box .nav-box .box {
	position: relative;
	display: block;
	width: 100%;
}
.content .about-page-box .nav-box .box .close-tabs-box {
	position: relative;
	display: none;
	width: 46px;
	height: 46px;
	margin: auto auto 20px;
	flex: none;
}
.content .about-page-box .nav-box .box .close-tabs-box + * {
	margin-top: 0 !important;
}
.content .about-page-box .nav-box .box .close-tabs-box:before,
.content .about-page-box .nav-box .box .close-tabs-box:after {
	content: "";
	position: absolute;
	display: block;
	width: 36px;
	height: 2px;
	background: #ff2a2a;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
.content .about-page-box .nav-box .box .close-tabs-box:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.content .about-page-box .nav-box .box ul.tabs {
	position: relative;
	display: block;
	width: 100%;
}
.content .about-page-box .nav-box .box ul.tabs li.first {
	position: relative;
	display: block;
	width: 100%;
}
.content .about-page-box .nav-box .box ul.tabs li.first + li.first {
	margin-top: 2px;
}
.content .about-page-box .nav-box .box ul.tabs li.first > a {
	position: relative;
	display: flex;
	width: 100%;
	padding: 8px;
	min-height: 50px;
	align-items: center;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	background: rgba(27, 27, 42, 0.8);
}
.content .about-page-box .nav-box .box ul.tabs li.first > a .ico {
	position: relative;
	display: flex;
	width: 59px;
}
.content .about-page-box .nav-box .box ul.tabs li.first > a .ico .img {
	position: relative;
	display: flex;
	width: 38px;
	height: 38px;
	background: url(../images/about/ico.png) no-repeat;
}
.content .about-page-box .nav-box .box ul.tabs li.first > a .ico .img img {
	position: relative;
	display: block;
	max-width: 36px;
	max-height: 36px;
	width: auto;
	height: auto;
	margin: auto;
}
.content .about-page-box .nav-box .box ul.tabs li.first > a.active {
	color: #ffcc00;
	background: #1b1b2a;
}
@media (min-width: 1000px) {
	.content .about-page-box .nav-box .box ul.tabs li.first > a:hover {
		color: #ffcc00;
		background: #1b1b2a;
	}
}
.content .about-page-box .nav-box .box ul.tabs li.first ul.sub {
	position: relative;
	display: none;
	width: 100%;
	padding: 15px 0 15px 60px;
	text-align: left;
}
.content .about-page-box .nav-box .box ul.tabs li.first ul.sub li {
	position: relative;
	display: block;
	text-align: left;
}
.content .about-page-box .nav-box .box ul.tabs li.first ul.sub li + li {
	margin-top: 10px;
}
.content .about-page-box .nav-box .box ul.tabs li.first ul.sub li a {
	position: relative;
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
}
@media (min-width: 1000px) {
	.content .about-page-box .nav-box .box ul.tabs li.first ul.sub li a:hover {
		color: #ffcc00;
	}
}
.content .about-page-box .nav-box .box ul.tabs li.first ul.sub li a.active {
	color: #ffcc00;
}
.content .about-page-box .about-content {
	position: relative;
	display: block;
	flex: 1;
	padding-left: 34px;
	padding-top: 10px;
}
.content .about-page-box .about-content .about-item {
	position: relative;
	display: none;
	width: 100%;
	text-align: left;
}
.content .about-page-box .about-content .about-item.active {
	display: block;
}
.content .about-page-box .about-content .about-item .title {
	position: relative;
	display: block;
	width: 100%;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 32px;
}
.content .about-page-box .about-content .about-item .text {
	position: relative;
	display: block;
	width: 100%;
	color: #ffffff;
	line-height: 18px;
	font-size: 12px;
}
.content .about-page-box .about-content .about-item .text .tl {
	position: relative;
	display: block;
	color: #ffba00;
	font-size: 12px;
	font-weight: 700;
}
.content .about-page-box .about-content .about-item .text ul {
	position: relative;
	display: block;
}
.content .about-page-box .about-content .about-item .text ul li {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 12px;
}

.menu .wrapper .lang {
	font-size: 0px !important;
}

.menu .wrapper ul.navi li.first:hover .ico img {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}

.offbuttons a {
	display: block;
	width: 300px;
	height: 72px;
	color: #fff;
	text-decoration: none;
	padding: 16px 0px 0px 95px;
}

.offbuttons a span {
	font-size: 14px;
}

.offbuttons a h3 {
	font-size: 15px;
	font-weight: 600;
}

.offbuttons > :first-child {
	background: url(../images/vk.png) no-repeat;
	margin: 0px 0px 10px 0px;
}

.offbuttons > :nth-of-type(2) {
	background: url(../images/dc.png) no-repeat;
	margin: 0px 0px 10px 0px;
}

.offbuttons > :last-child {
	background: url(../images/tg.png) no-repeat;
}

.offbuttons a img {
	width: 100%;
	height: auto;
	min-width: 320px;
	will-change: transform;
}

.offbuttons a:hover {
	filter: brightness(120%);
}

a.children {
	pointer-events: none;
	cursor: pointer;
}
@media screen and (max-width: 991px) and (min-width: 320px) {
	#page-container.sidebar-inverse #sidebar {
		background-color: #10121f !important;
	}

	.btn-block {
		width: auto !important;
	}

	button.btn.btn-rounded.btn-primary.btn-create-account.submit-btn {
		padding: 15px 15px 15px 15px;
		margin: -7px 15px 0px 0px;
		font-size: 12px;
	}

	.cplogo a img {
		width: 200px !important;
		height: auto !important;
	}
}

@media (max-width: 1000px) {
	.content .about-page-box {
		flex-direction: column;
	}
	.content .about-page-box .nav-box {
		width: 100%;
	}
	.content .about-page-box .nav-box .toggle-tabs-box {
		display: flex;
	}
	.content .about-page-box .nav-box .box {
		position: fixed;
		display: flex;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(22, 18, 32, 0.9);
		z-index: 200;
		padding: 20px 0;
		overflow: hidden auto;
		flex-direction: column;
		visibility: hidden;
		opacity: 0;
		transform: translateY(40px);
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.content .about-page-box .nav-box .box.active {
		visibility: visible;
		opacity: 1;
		transform: translateY(0px);
	}
	.content .about-page-box .nav-box .box .close-tabs-box {
		display: block;
	}
	.content .about-page-box .nav-box .box ul.tabs {
		margin: auto;
		width: calc(100% - 20px);
		max-width: 320px;
	}
	.content .about-page-box .about-content {
		flex: none;
		width: 100%;
		padding: 0 15px;
		margin: 25px auto 0;
	}
	.content .about-page-box .about-content .about-item {
		text-align: center;
	}
}

.shownav {
	display: block !important;
}

@media screen and (max-width: 1000px) and (min-width: 320px) {
	.offbuttons.list {
		margin: 30px 0px 0px 0px;
	}

	.footer .flex .block .text span {
		padding: 0px 10px 0px 10px;
	}
}

.status .block > :nth-child(1) .ico:before {
	content: url(../images/ico-status-1.png);
	position: relative;
	top: 2px;
	left: 8px;
}

.status .block > :nth-child(2) .ico:before {
	content: url(../images/ico-status-2.png);
	position: relative;
	top: 2px;
	left: 8px;
}

.streamadd {
	margin-top: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	grid-area: 10px;
}

.bttn {
	display: inline-block;
	line-height: 1;
	text-align: center;
	background-color: #ffcc00;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	border-radius: 5px;
	transition: background-color 0.3s ease;
	padding: 10px 20px;
}

.bttn:hover {
	background-color: #e6b800;
}