@charset "utf-8";
/*CSS3*/

/*
Developer company: LLC "Akona"
Template developer: Elesin Alexander
*/

:root {
	/*site ratio*/
	--r: 20rem;

	/*header size*/
	--header-height: var(--js-header-height, 0px);

	/*margins*/
	--m1: calc(var(--r) * 20/20);
	--m2: calc(var(--r) * 30/20);
	--m3: calc(var(--r) * 40/20);
	--m4: calc(var(--r) * 50/20);
	--m5: calc(var(--r) * 60/20);

	--m-df: calc(var(--r) * 100/20);

	/*site-paddings*/
	--site-padding: 50rem;
	--content-offset-top: 10rem;
	--content-offset-bottom: 9rem;


	/*typography*/
	--lh: 1.32;
	--fs: 20rem;
	--fs13: calc(var(--fs) * 13/20);
	--fs14: calc(var(--fs) * 14/20);
	--fs15: calc(var(--fs) * 15/20);
	--fs16: calc(var(--fs) * 16/20);
	--fs18: calc(var(--fs) * 18/20);
	--fs20: calc(var(--fs) * 20/20);
	--fs22: calc(var(--fs) * 22/20);
	--fs24: calc(var(--fs) * 24/20);

	--hb: 20px;
	--h1: calc(var(--hb) * 24/20);
	--h2: calc(var(--hb) * 20/20);
	--h3: calc(var(--hb) * 20/20);
	--h4: calc(var(--hb) * 20/20);
	--h5: calc(var(--hb) * 20/20);
	--h6: calc(var(--hb) * 20/20);


	/*inputs*/
	--input-height: 45px;
	--btn-height: 45px;


	/*other*/
	--main-color: #FF872D;
}

@font-face {
	font-family: "Roboto";
	font-display: swap;
	src: local("☺");
	src: url("../fonts/subset-Roboto-Bold.woff2") format("woff2"),
		url("../fonts/subset-Roboto-Bold.woff") format("woff"),
		url("../fonts/subset-Roboto-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	font-display: swap;
	src: local("☺");
	src: url("../fonts/subset-Roboto-Medium.woff2") format("woff2"),
		url("../fonts/subset-Roboto-Medium.woff") format("woff"),
		url("../fonts/subset-Roboto-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	font-display: swap;
	src: local("☺");
	src: url("../fonts/subset-Roboto-Regular.woff2") format("woff2"),
		url("../fonts/subset-Roboto-Regular.woff") format("woff"),
		url("../fonts/subset-Roboto-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	font-display: swap;
	src: local("☺");
	src: url("../fonts/subset-Roboto-SemiBold.woff2") format("woff2"),
		url("../fonts/subset-Roboto-SemiBold.woff") format("woff"),
		url("../fonts/subset-Roboto-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Roboto Condensed";
	font-display: swap;
	src: local("☺");
	src: url("../fonts/subset-RobotoCondensed-Bold.woff2") format("woff2"),
		url("../fonts/subset-RobotoCondensed-Bold.woff") format("woff"),
		url("../fonts/subset-RobotoCondensed-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}



@font-face {
	font-family: "icomoon";
	font-display: swap;
	src: local("☺");
	src: url("../fonts/icomoon.woff") format("woff"),
		url("../fonts/icomoon.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arr-b:before {
	content: "\e900";
}

.icon-arr-t:before {
	content: "\e901";
}

.icon-arr-l:before {
	content: "\e902";
}

.icon-arr-r:before {
	content: "\e903";
}



html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	font-size: 1px;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],

/* 1 */

input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
	border-radius: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input[type='password'] {
	font-family: Verdana;
	letter-spacing: 0.125em;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	min-width: 0;
}

legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: touch;
}

a {
	text-decoration: underline;
	color: inherit;
}

a:hover {
	text-decoration: none;
}


img {
	max-width: 100%;
	width: auto;
	height: auto;
	border: 0;
}

.row:after,
.clearfix:after {
	content: ' ';
	display: table;
	clear: both;
}

.container {
	margin: 0 auto;
	padding: 0 var(--site-padding);
	max-width: 100%;
}

.btn {
	/*	iOS reset style*/
	-webkit-appearance: none;
	border-radius: 0;
	border: 0;
	min-height: var(--btn-height);
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

ul.custom {
	display: block;
	margin: 0;
	padding: 0;
}

ul.custom > li {
	display: block;
	list-style: none;
}

input[type="radio"],
input[type="checkbox"] {
	width: auto;
	height: auto;
	margin: auto;
	padding: 0;
}

html body input[type="checkbox"],
html body input[type="radio"] {
	width: auto;
	height: auto;
	padding: 0;
}

body {
	background: #A1B7C5;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	min-width: 320px;
	font-size: var(--fs16);
	line-height: var(--lh);
}

.site-wrapper {
	min-height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.content {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-top: var(--content-offset-top);
	padding-bottom: var(--content-offset-bottom);
}

body.compensate-for-scrollbar {
	overflow: hidden;
	overflow-y: visible;
}

body.compensate-for-scrollbar {
	margin-right: 0px;
}

.cover {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.cover:after {
	content: ' ';
	padding: 20% 0;
	width: 1px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.cover > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;';
}


html body .m0 {
	margin-bottom: 0;
}

html body .m0-top {
	margin-top: 0;
}

html body .p0 {
	padding-bottom: 0;
}

html body .p0-top {
	padding-top: 0;
}


html body .m1 {
	margin-bottom: var(--m1);
}

html body .m1-top {
	margin-top: var(--m1);
}

html body .p1 {
	padding-bottom: var(--m1);
}

html body .p1-top {
	padding-top: var(--m1);
}

html body .m2 {
	margin-bottom: var(--m2);
}

html body .m2-top {
	margin-top: var(--m2);
}

html body .p2 {
	padding-bottom: var(--m2);
}

html body .p2-top {
	padding-top: var(--m2);
}

html body .m3 {
	margin-bottom: var(--m3);
}

html body .m3-top {
	margin-top: var(--m3);
}

html body .p3 {
	padding-bottom: var(--m3);
}

html body .p3-top {
	padding-top: var(--m3);
}

html body .m4 {
	margin-bottom: var(--m4);
}

html body .m4-top {
	margin-top: var(--m4);
}

html body .p4 {
	padding-bottom: var(--m4);
}

html body .p4-top {
	padding-top: var(--m4);
}

html body .m5 {
	margin-bottom: var(--m5);
}

html body .m5-top {
	margin-top: var(--m5);
}

html body .p5 {
	padding-bottom: var(--m5);
}

html body .p5-top {
	padding-top: var(--m5);
}

p {
	margin: 0 0 15rem 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading,
.heading2,
.heading3,
.heading4,
.heading5,
.heading6 {
	margin: 0 0 15rem 0;
	padding: 0;
	font-family: "Roboto Condensed";
	font-weight: 700;
	font-size: var(--h1);
	line-height: 1.17;
	text-transform: uppercase;
	color: #425e6c;
}

h1,
.heading {
	font-size: var(--h1);
}

h2,
.heading2 {
	font-size: var(--h2);
}

h3,
.heading3 {
	font-size: var(--h3);
}

h4,
.heading4 {
	font-size: var(--h4);
}

h5,
.heading5 {
	font-size: var(--h5);
}

h6,
.heading6 {
	font-size: var(--h6);
}

.heading-hidden {
	position: absolute;
	right: 1000%;
	bottom: 1000%;
}


.header {
	background: #e2e6e7;
	border-bottom: 3px solid #1C3049;
	position: relative;
	z-index: 120;
	font-size: var(--fs16);
	font-weight: 500;
	line-height: 1;
}

.h-flex {
	--cols-offset: 30rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	overflow: hidden;
	width: 325rem;
	-webkit-box-shadow: -8px 8px 8px -8px rgba(0, 0, 0, 0.6);
	box-shadow: -8px 8px 8px -8px rgba(0, 0, 0, 0.6);
}

.logo:after {
	content: ' ';
	padding: 9.925% 0;
	width: 1px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.logo > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

.h-col-l,
.h-col-r {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.h-col-c {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 1%;
	min-height: 65rem;
	border-right: 2px solid #d2d7da;
	padding-left: var(--cols-offset);
	padding-right: var(--cols-offset);
	margin-right: var(--cols-offset);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}




ul.nav-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}




.h-col-r-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.h-ot {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: var(--cols-offset);
	min-width: 203rem;
}

.h-info {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 1%;
	font-weight: 700;
	font-size: 11px;
	line-height: 1.28;
	text-align: right;
}


.h-info-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.h-info-item-ot {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.h-info-item-main {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 1%;
}




.h-ot > *:not(:last-child) {
	margin-bottom: 13rem;
}


ul.h-lang-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: var(--main-color);
	font-weight: 500;
	font-size: 13px;
}

ul.h-lang-list > li {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

ul.h-lang-list > li:not(:last-child):after {
	content: '/';

}

ul.h-lang-list a {
	text-decoration: none;
	-webkit-transition: color 300ms;
	transition: color 300ms;
}

ul.h-lang-list a:hover {
	text-decoration: none;
	color: black;
}


.h-tel {
	font-weight: 400;
	text-decoration: none;
}

.h-link {
	text-decoration: none;
	display: block;
}

.h-link:hover,
.h-tel:hover {
	text-decoration: none;
}


ul.social-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-right: 2rem;
	padding-top: 1px;
}

ul.social-list > li {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 6rem;
}

ul.social-list a {
	background-color: var(--main-color);
	width: 25px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 50%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: white;
	font-size: 13px;
	text-decoration: none;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}

ul.social-list a:hover {
	opacity: 0.7;
}

ul.nav-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	max-width: calc(100% + 48rem);
	margin-right: -48rem;
}

ul.nav-list > li {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 48rem;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

}

ul.nav-list a {
	text-decoration: none;
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-top: 10rem;
	padding-bottom: 10rem;

}

ul.nav-list > li > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

ul.nav-list a:hover {
	text-decoration: none;
}

.subnav-arr-ico {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.subnav-arr-ico:after {
	content: '\e900';
	font-family: icomoon;
	font-size: 0.55em;
	margin-left: 10rem;
	color: var(--main-color);
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-transition: bottom 300ms, -webkit-transform 300ms;
	transition: bottom 300ms, -webkit-transform 300ms;
	transition: transform 300ms, bottom 300ms;
	transition: transform 300ms, bottom 300ms, -webkit-transform 300ms;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	bottom: -1px;
}

.subnav.active .subnav-arr-ico:after {
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	bottom: 1px;
}


@media screen and (min-width: 1200px) {
	.subnav-list-wrp {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 2;
		padding-top: 15rem;
		margin-left: -14rem;
		width: 280rem;
		-webkit-transform: translateY(-10rem);
		transform: translateY(-10rem);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms;
		transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms;
		transition: transform 300ms, opacity 300ms, visibility 300ms;
		transition: transform 300ms, opacity 300ms, visibility 300ms, -webkit-transform 300ms;
	}

	ul.subnav-list {
		background: linear-gradient(102.49deg, #fafafa -1.42%, #d9dad8 100%) #fafafa;
		font-weight: 500;
		font-size: var(--fs14);
		color: #000;
	}

	ul.subnav-list > li {
		border-bottom: 2px solid #7291a5;
	}

	ul.subnav-list a {
		display: block;
		padding: 20rem 14rem;
		position: relative;
		z-index: 1;
	}

	ul.subnav-list a::before {
		content: ' ';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		background: linear-gradient(106.07deg, #fafafa 38.78%, #beeaf5 100%);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 300ms, visibility 300ms;
		transition: opacity 300ms, visibility 300ms;
	}

	ul.subnav-list a:hover::before {
		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity 300ms, visibility 300ms;
		transition: opacity 300ms, visibility 300ms;
	}


	.subnav.active .subnav-list-wrp {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}

}





.content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

}

.content > .container {
	width: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.main-content-wrapper {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 1%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	min-height: 465px;
}

.bottom-content-wrapper {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	margin-top: 6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.bottom-content,
.main-content {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 1%;
	position: relative;
}

.bottom-content-aside,
.main-content-aside {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 20rem;
	width: 440rem;
}

.bottom-content-aside {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.bottom-content-aside::after {
	content: ' ';
	width: 38rem;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;

}

.main-content,
.main-content-aside {
	border: 3px solid #7291a5;
	border-radius: 20px;
	-webkit-box-shadow: inset 4px 4px 0 0 #fff, 0 4px 4px 0 rgba(70, 109, 138, 0.5), inset 0 -5px 4px 0 #8dabc3;
	box-shadow: inset 4px 4px 0 0 #fff, 0 4px 4px 0 rgba(70, 109, 138, 0.5), inset 0 -5px 4px 0 #8dabc3;
	background: #d0dae3;
}

.gl-slider .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}


.gl-slider .swiper-slide {
	width: 7.14%;
}


.marquee-outer-wrapper {
	position: relative;
	background-color: transparent;
	padding: 14px 18px;
}


.marquee-wrapper {
	overflow: hidden;
	width: 100%;
	padding: 0;
	cursor: -webkit-grab;
	cursor: grab;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	background: #c2cfd3;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-box-shadow: inset 0 4px 4px 0 rgba(255, 255, 255, 0.25), 0 4px 10px 0 #425e6c;
	box-shadow: inset 0 4px 4px 0 rgba(255, 255, 255, 0.25), 0 4px 10px 0 #425e6c;
}

.marquee-wrapper:active {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.marquee-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	will-change: transform;
	background: #393a3a;
	-webkit-box-shadow: inset 0 4px 4px 0 rgba(255, 255, 255, 0.25), 0 4px 10px 0 #425e6c;
	box-shadow: inset 0 4px 4px 0 rgba(255, 255, 255, 0.25), 0 4px 10px 0 #425e6c;
}

.marquee-slide {
	color: #fff;
	padding: 14rem 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	background-image: url('../img/marquee-dot.svg'), url('../img/marquee-dot.svg');
	background-size: 8px 6px;
	background-position: left top 5px, left bottom 3px;
	background-repeat: repeat-x;

}



.marquee-item {
	width: 90rem;
	height: 52rem;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.marquee-item > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: -webkit-filter 300ms;
	transition: -webkit-filter 300ms;
	transition: filter 300ms;
	transition: filter 300ms, -webkit-filter 300ms;
}

.marquee-text {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: var(--fs16);
	font-family: "Roboto Condensed";
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}


.marquee-item:hover > img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}


.marquee-track a,
.marquee-track img {
	-webkit-user-drag: none;
	user-drag: none;
}

.marquee-item:hover .marquee-text {
	opacity: 0;
}


.marquee-decor {
	position: absolute;
	z-index: 2;
	width: 25px;
	height: 25px;
	-webkit-box-shadow: inset 0 4px 4px 0 rgba(255, 255, 255, 0.25), 0 4px 10px 0 #425e6c;
	box-shadow: inset 0 4px 4px 0 rgba(255, 255, 255, 0.25), 0 4px 10px 0 #425e6c;
	background: #c2cfd3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50%;
	border: 1px solid #a1b7c6;
}

.marquee-decor:nth-child(1) {
	left: 0;
	top: 0;
}

.marquee-decor:nth-child(2) {
	right: 0;
	top: 0;
}

.marquee-decor:nth-child(3) {
	left: 0;
	bottom: 0;
}

.marquee-decor:nth-child(4) {
	right: 0;
	bottom: 0;
}

.marquee-decor:nth-child(5) {
	left: 30.1%;
	bottom: 0;
}

.marquee-decor:nth-child(6) {
	right: 30.1%;
	bottom: 0;
}

.slogan {
	max-width: 100%;
	width: 340rem;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.slogan:after {
	content: ' ';
	padding: 7.64% 0;
	width: 1px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.slogan > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}


.main-content-aside {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 19rem 29rem;
}

.main-content-aside .main-box {
	width: 100%;
}

.main-box {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 50%;
}

@media screen and (min-width: 1200px) {
	.main-content-aside .main-box:not(:last-child) {
		border-bottom: 2px solid #7291a5;
		padding-bottom: 22rem;
	}
}

.main-content-aside .main-box:last-child {
	padding-top: 22rem;
}


.main-box h2 {
	letter-spacing: 0.02em;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: calc(var(--hb) * 20/20);
	margin-bottom: 10rem;
}

.main-content-aside .main-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}


.main-box-centered {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 1%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
}



/*book*/
.book-wrapper {
	position: relative;
	z-index: 1;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 1%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-height: 250px;
	margin: 2% 6% 0% 7.5%;
}

.book {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 1%;
	background-image: url('../img/book.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	position: relative;
}

.book-wrapper::before {
	content: ' ';
	position: absolute;
	top: 5%;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-filter: blur(40px);
	filter: blur(40px);
	background: rgba(67, 104, 111, 0.3);
	z-index: -1;
}

.book-left-page {
	position: absolute;
	/*	background-color: rgba(255, 0, 0, 0.33);*/

	width: 50.3%;
	height: 96.4%;
	top: -0.4%;
	left: 1.2%;
}

.book-right-page {
	position: absolute;
	/*	background-color: rgba(0, 0, 255, 0.47);*/
	border-radius: 10px;
	width: 29.8%;
	height: 75.7%;
	top: 10.5%;
	left: 62.2%;
}


.book-inner {
	height: 100%;
	overflow: hidden;
	padding-top: 11px;
}

.nw-main .scrollbar-track,
.book-detail .scrollbar-track,
.book-inner .scrollbar-track {
	display: none !important;
}

.book-inner {}

.nw-main[data-scrollbar].scroll-active,
.book-detail-inner[data-scrollbar].scroll-active,
.book-inner[data-scrollbar].scroll-active {
	-webkit-mask-image:
		linear-gradient(to bottom, transparent 0px, black 30px),
		linear-gradient(to top, transparent 0px, black 30px);
	mask-image:
		linear-gradient(to bottom, transparent 0px, black 30px),
		linear-gradient(to top, transparent 0px, black 30px);
	-webkit-mask-size:
		100% calc(100% - 30px),
		100% calc(100% - 0px);
	mask-size:
		100% calc(100% - 30px),
		100% calc(100% - 0px);
	-webkit-mask-position:
		left top,
		left bottom;
	mask-position:
		left top,
		left bottom;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-transition: -webkit-mask-size 50ms;
	transition: -webkit-mask-size 50ms;
	transition: mask-size 50ms;
	transition: mask-size 50ms, -webkit-mask-size 50ms;
}

.nw-main[data-scrollbar].scroll-active.start,
.book-detail-inner[data-scrollbar].scroll-active.start,
.book-inner[data-scrollbar].scroll-active.start {
	-webkit-mask-size:
		100% calc(100% - 30px),
		100% calc(100% - 30px);
	mask-size:
		100% calc(100% - 30px),
		100% calc(100% - 30px);
}

.nw-main[data-scrollbar].scroll-active.end,
.book-detail-inner[data-scrollbar].scroll-active.end,
.book-inner[data-scrollbar].scroll-active.end {
	-webkit-mask-size:
		100% calc(100% - 0px),
		100% calc(100% - 30px);
	mask-size:
		100% calc(100% - 0px),
		100% calc(100% - 30px);
}


ol.book-pages-list {
	counter-reset: count;
	margin: 0;
	padding: 0;
}

ol.book-pages-list > li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 12px;
	width: 100%;
}

ol.book-pages-list > li:nth-child(1) {
	margin-left: -12px;
}

ol.book-pages-list > li:nth-child(2) {
	margin-left: -11px;
}

ol.book-pages-list > li:nth-child(3) {
	margin-left: -9px;
}

ol.book-pages-list > li:nth-child(4) {
	margin-left: -7px;
}

ol.book-pages-list > li:nth-child(5) {
	margin-left: -4px;
}

ol.book-pages-list > li:nth-child(6) {
	margin-left: -3px;
}

ol.book-pages-list > li:nth-child(7) {
	margin-left: -2px;
}




ol.book-pages-list > li:before {
	counter-increment: count;
	content: counter(count);

	-ms-flex-negative: 0;

	flex-shrink: 0;
	-webkit-box-shadow: 0 -2px 4px 0 rgba(115, 133, 139, 0.25);
	box-shadow: 0 -2px 4px 0 rgba(115, 133, 139, 0.25);
	background: #dceff9;
	border: 2px solid #d7ecf4;
	border-radius: 7px 0 0 7px;
	position: relative;
	z-index: -1;
	width: 33px;
	height: 26px;
	padding-right: 6px;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color: #5e6e74;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.book-page {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 1%;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	font-weight: 400;
	font-size: 10px;
	line-height: 140%;
	padding-right: 5px;
	color: #1a1c1d;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 10px;
	-webkit-transition: color 300ms;
	transition: color 300ms;
	cursor: pointer;

}

.book-page::before {
	content: ' ';
	position: absolute;
	left: -6px;
	right: 0;
	top: -9px;
	bottom: 0;
	background-color: #cae1eb;
	border: 1px solid #d7ecf4;
	z-index: -1;
	border-radius: 10px 10px 0 0;
	-webkit-transform: skewX(-8deg);
	transform: skewX(-8deg);
	-webkit-transform-origin: right top;
	transform-origin: right top;

}

.book-page.active,
.book-page:hover {
	color: var(--main-color);
}

ol.book-pages-list > li:not(:last-child) .book-page span {
	position: relative;
	top: -2px;
}


.book-detail {
	color: white;
	height: 100%;
	position: relative;
}

.book-detail-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.book-detail-inner {
	height: 100%;

}

.book-detail-content {
	padding: 32rem 8px;
}

.book-detail-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin-top: -1px;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.08;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-transition: color 300ms;
	transition: color 300ms;
}

.book-detail-item:hover {
	text-decoration: none;
	color: var(--main-color);
	-webkit-transition: color 300ms;
	transition: color 300ms;
}

.book-detail-item > i {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 2px;
	margin-right: 6px;
	font-size: 14px;
	-webkit-transform: scaleX(0.8);
	transform: scaleX(0.8);
}

.book-detail-item-text {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 1%;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.book-detail-slide {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 300ms, visibility 300ms;
	transition: opacity 300ms, visibility 300ms;
}

.book-detail-slide.active {
	opacity: 1;
	visibility: visible;
}






/*monitor*/
.monitor-wrapper {
	position: relative;
	z-index: 1;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 1%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-height: 212px;
	margin: 5.6% 3.9% 7.3% 7.9%;
}

.monitor {
	position: relative;
	z-index: 2;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 1%;


	flex-grow: 1;
	height: 1%;
	background-image: url('../img/monitor.png');
	background-size: 100% 100%;

}

.monitor-wrapper::before {
	content: ' ';
	position: absolute;
	top: 8%;
	left: -3%;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-filter: blur(15px);
	filter: blur(15px);
	z-index: -1;
}

.monitor-left-page {
	position: absolute;
	/*	background-color: rgba(255, 0, 0, 0.33);*/
	border-radius: 10px;
	width: 35.2%;
	height: 75.2%;
	top: 12.6%;
	left: 15.5%;
}

.monitor-right-page {
	position: absolute;
	/*	background-color: rgba(0, 0, 255, 0.47);*/
	border-radius: 10px;
	width: 34.9%;
	height: 75.2%;
	top: 12.6%;
	left: 51.2%;
	padding: 5rem;
}



.monitor-date {
	font-weight: 400;
	font-size: 14px;
	line-height: 129%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #5e6e74;
}

.monitor-inner-heading > a {
	font-weight: 600;
	font-size: var(--fs14);
	line-height: 129%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #5e6e74;
	text-transform: none;
}

.monitor-left-slider-content,
.monitor-left-slider {
	height: 100%;
}


.monitor-left-slider-content {}

.monitor-left-slider-content .scrollbar-thumb {
	width: 2px;
	border-radius: 0;
	background: var(--main-color);
	cursor: pointer;
}

.monitor-left-slider-content .scrollbar-track-y {
	width: 2px;
	background: transparent;
	z-index: 2;
}

.monitor-left-slider-content[data-scrollbar="true"] {
	margin-right: 0;
	padding-right: 0;
}


.monitor-left-slider-content .scroll-content {
	min-height: 99%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.monitor-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 13rem 5rem 5rem 13rem;
}

.monitor-date {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	margin-bottom: 10px;
}

.monitor-inner-heading {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: "Roboto";
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	margin: 0 0 10px 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.monitor-inner-heading:last-child {
	margin-bottom: 0;
}

.monitor-right-page-img {
	position: relative;
	width: 100%;
	height: 100%;
}

.monitor-right-page-img > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}

.monitor-pg-wrp {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 2;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: -35rem;
	padding-right: 13rem;
}

.sw-dot {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 0;
	width: 25px;
	height: 25px;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: transparent;
}

.sw-dot::after {
	content: ' ';
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	background-color: #425e6c;
	-webkit-transition: background-color 300ms;
	transition: background-color 300ms;
}

.sw-dot.sw-dot-active::after {
	background-color: var(--main-color);
}




/*main content*/
.main-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.main-content .main-box {
	--main-content-box-padding-y: 19rem;
	--main-content-box-padding-x: 27rem;
	width: 50%;
	padding: var(--main-content-box-padding-y) var(--main-content-box-padding-x);
}

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

	.main-content .main-box:nth-child(4n+1),
	.main-content .main-box:nth-child(4n+3) {
		border-right: 2px solid #7291a5;
	}
}

.main-content .main-box:nth-child(4n+3),
.main-content .main-box:nth-child(4n+4) {
	border-top: 2px solid #7291a5;
}

@media screen and (min-width: 1200px) {
	.main-content .main-box {
		position: absolute;
	}

	.main-content .main-box:nth-child(4n+1) {
		left: 0;
		top: 0;
	}

	.main-content .main-box:nth-child(4n+2) {
		left: 50%;
		top: 0;
	}

	.main-content .main-box:nth-child(4n+3) {
		left: 0;
		top: 50%;
	}

	.main-content .main-box:nth-child(4n+4) {
		left: 50%;
		top: 50%;
	}
}



.nw-slider-wrp {
	--nw-slider-padding-y: 22rem;
	--nw-slider-padding-x: 30rem;


	background-color: #163D58;
	color: white;
	margin-left: calc(-1 * var(--main-content-box-padding-x) / 2);
	margin-top: calc(-1 * var(--main-content-box-padding-y) / 2.5);
	margin-right: calc(-1 * var(--main-content-box-padding-x) / 1.9);
	height: calc(100% + var(--main-content-box-padding-y) / 1.6);

	border-radius: 20px;
	position: relative;
	overflow: hidden;
}

.nw-slider-wrp h2 {
	color: white;
	line-height: 1.4;
}

.nw-bg-slider {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: black;
}

.nw-bg-slider .swiper-slide {
	position: relative;
}

.nw-bg-slider .swiper-slide > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	opacity: 0.7;
}

.nw-slider {
	width: 100%;
	height: 100%;
}

.nw-box {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: var(--nw-slider-padding-y) var(--nw-slider-padding-x);
}

.nw-main {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 1%;
	width: 100%;
}

.nw-bottom {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	padding-bottom: 5rem;
	padding-top: var(--nw-slider-padding-y);
}

.nw-link {
	font-size: var(--fs18);
	opacity: 0.9;
}

.nw-slider-wrp .nw-pg-wrp {
	position: absolute;
	bottom: calc(var(--nw-slider-padding-y) / 1.26);
	right: 0;
	left: auto;
	z-index: 3;
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-top: 0;
	padding-right: calc(var(--nw-slider-padding-x) / 1.35);
}

.nw-pg-wrp .sw-dot:not(.sw-dot-active)::after {
	background-color: white;
}



.main-content .main-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 2;
}

.main-content .main-box h2 {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}



.main-box-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 1%;
}

.main-box-content {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 1%;
	-ms-flex-item-align: center;
	align-self: center;
	max-height: 100%;
}

.main-box-content[data-scrollbar] {
	margin-right: -5px;
	padding-right: 5px;
}

.main-box-content .scrollbar-thumb {
	width: 2px;
	border-radius: 0;
	background: #7291a5;
	cursor: pointer;
}

.main-box-content .scrollbar-track-y {
	width: 2px;
	background: white;
	z-index: 2;
}


.main-box-content[data-scrollbar].scroll-active {
	-webkit-mask-image:
		linear-gradient(to bottom, transparent 0px, black 10px),
		linear-gradient(to top, transparent 0px, black 10px),
		linear-gradient(to right, transparent 0px, black 2px);
	mask-image:
		linear-gradient(to bottom, transparent 0px, black 10px),
		linear-gradient(to top, transparent 0px, black 10px),
		linear-gradient(to right, transparent 0px, black 2px);
	-webkit-mask-size:
		100% calc(100% - 10px),
		100% calc(100% - 0px),
		2px 100%;
	mask-size:
		100% calc(100% - 10px),
		100% calc(100% - 0px),
		2px 100%;
	-webkit-mask-position:
		left top,
		left bottom,
		right bottom;
	mask-position:
		left top,
		left bottom,
		right bottom;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-transition: -webkit-mask-size 150ms;
	transition: -webkit-mask-size 150ms;
	transition: mask-size 150ms;
	transition: mask-size 150ms, -webkit-mask-size 150ms;
}

.main-box-content[data-scrollbar].scroll-active.start {
	-webkit-mask-size:
		100% calc(100% - 10px),
		100% calc(100% - 10px),
		4px 100%;
	mask-size:
		100% calc(100% - 10px),
		100% calc(100% - 10px),
		4px 100%;
}

.main-box-content[data-scrollbar].scroll-active.end {
	-webkit-mask-size:
		100% calc(100% - 0px),
		100% calc(100% - 10px),
		4px 100%;
	mask-size:
		100% calc(100% - 0px),
		100% calc(100% - 10px),
		4px 100%;
}







.main-box-img {
	width: 35.3%;
	max-width: 220px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 10px;
	min-height: 100px;

}

ul.pr-imgs-list {
	height: 100%;
	width: 100%;
	position: relative;
}

ul.pr-imgs-list > li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 300ms, visibility 300ms;
	transition: opacity 300ms, visibility 300ms;
}

ul.pr-imgs-list > li.active {
	opacity: 1;
	visibility: visible;
}

ul.pr-imgs-list > li > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}

ul.pr-list > li:not(:last-child) .pr-item {
	padding-bottom: 7rem;
}

.pr-item {
	font-weight: 600;
	font-size: var(--fs15);
	text-transform: uppercase;
	text-decoration: none;
	color: #125c89;
	-webkit-transition: color 300ms;
	transition: color 300ms;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding-left: 13rem;
	letter-spacing: -0.03em;
	line-height: 1.35;
}

ul.pr-list > li.active .pr-item,
.pr-item:hover {
	text-decoration: none;
	color: var(--main-color);
	-webkit-transition: color 300ms;
	transition: color 300ms;
}

.pr-item::before {
	content: '\e903';
	font-family: icomoon;
	font-size: 0.65em;
	position: absolute;
	left: 0;
	top: calc((1em * 1.35) / 2 / 2.1);
	-webkit-transform: scaleX(0.6);
	transform: scaleX(0.6);
	-webkit-transform-origin: left center;
	transform-origin: left center;
}


.pr-item-text span {
	opacity: 0.5;
	text-transform: none;
}

.pr-item-text small {
	display: block;
	text-transform: none;
	opacity: 0.8;
	font-size: 0.86em;
	line-height: 1.15;
	font-weight: 400;
}

.main-box-caption {
	font-weight: 600;
	font-size: var(--fs15);
	text-transform: uppercase;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #125c89;
	opacity: 0.5;
	padding-top: 3rem;
	margin-bottom: 9rem;
}


@media screen and (min-width: 992px) {
	.main-content .main-box:nth-child(1) {
		position: relative;
	}


	.main-content .main-box:nth-child(4)::before {
		--w: 90rem;
		--h: 79rem;
		content: ' ';
		position: absolute;
		width: var(--w);
		height: var(--h);
		bottom: calc(100% - var(--h) / 2);
		right: calc(100% - var(--w) / 2);
		background-image: url('../img/gear.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		pointer-events: none;
		z-index: 5;
		-webkit-transition: -webkit-transform 300ms;
		transition: -webkit-transform 300ms;
		transition: transform 300ms;
		transition: transform 300ms, -webkit-transform 300ms;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	body.gear-rotate .main-content .main-box:nth-child(4)::before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}


.main-content-bg {
	position: absolute;
	z-index: 0;
	width: 36.8%;
	height: 92%;
	left: calc(50% - 3px);
	top: calc(50% - -1px);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none;
}




.main-content-bg .svg-elem-1 {
	stroke-dashoffset: 228px;
	stroke-dasharray: 228px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
	transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

body.load .main-content-bg .svg-elem-1 {
	stroke-dashoffset: 0;
}

.main-content-bg .svg-elem-2 {
	stroke-dashoffset: 33.41592653589793px;
	stroke-dasharray: 33.41592653589793px;
	fill: transparent;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.12s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
	transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.12s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

body.load .main-content-bg .svg-elem-2 {
	stroke-dashoffset: 0;
	fill: rgb(171, 187, 202);
}

.main-content-bg .svg-elem-3 {
	stroke-dashoffset: 158px;
	stroke-dasharray: 158px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.24s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
	transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.24s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

body.load .main-content-bg .svg-elem-3 {
	stroke-dashoffset: 0;
}

.main-content-bg .svg-elem-4 {
	stroke-dashoffset: 33.41592653589793px;
	stroke-dasharray: 33.41592653589793px;
	fill: transparent;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.36s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
	transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.36s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

body.load .main-content-bg .svg-elem-4 {
	stroke-dashoffset: 0;
	fill: rgb(171, 187, 202);
}

.main-content-bg .svg-elem-5 {
	stroke-dashoffset: 247.615478515625px;
	stroke-dasharray: 247.615478515625px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.48s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
	transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.48s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
}

body.load .main-content-bg .svg-elem-5 {
	stroke-dashoffset: 0;
}

.main-content-bg .svg-elem-6 {
	stroke-dashoffset: 33.41592653589793px;
	stroke-dasharray: 33.41592653589793px;
	fill: transparent;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
	transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

body.load .main-content-bg .svg-elem-6 {
	stroke-dashoffset: 0;
	fill: rgb(171, 187, 202);
}

.main-content-bg .svg-elem-7 {
	stroke-dashoffset: 33.41592653589793px;
	stroke-dasharray: 33.41592653589793px;
	fill: transparent;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.72s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
	transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.72s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

body.load .main-content-bg .svg-elem-7 {
	stroke-dashoffset: 0;
	fill: rgb(171, 187, 202);
}

.main-content-bg .svg-elem-8 {
	stroke-dashoffset: 226px;
	stroke-dasharray: 226px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.84s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
	transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.84s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

body.load .main-content-bg .svg-elem-8 {
	stroke-dashoffset: 0;
}

.main-content-bg .svg-elem-9 {
	stroke-dashoffset: 33.41592653589793px;
	stroke-dasharray: 33.41592653589793px;
	fill: transparent;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.96s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
	transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.96s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

body.load .main-content-bg .svg-elem-9 {
	stroke-dashoffset: 0;
	fill: rgb(171, 187, 202);
}

.main-content-bg .svg-elem-10 {
	stroke-dashoffset: 296px;
	stroke-dasharray: 296px;
	-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.08s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
	transition: stroke-dashoffset 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.08s,
		fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s;
}

body.load .main-content-bg .svg-elem-10 {
	stroke-dashoffset: 0;
}









@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) {

	.partner-enter:hover,
	a {
		text-decoration: underline;
		-webkit-text-decoration-color: currentColor;
		text-decoration-color: currentColor;
		-webkit-transition: -webkit-text-decoration-color 300ms;
		transition: -webkit-text-decoration-color 300ms;
		transition: text-decoration-color 300ms;
		transition: text-decoration-color 300ms, -webkit-text-decoration-color 300ms;
	}

	.partner-enter,
	a:hover {
		text-decoration: underline;
		-webkit-text-decoration-color: transparent;
		text-decoration-color: transparent;
		transition: -webkit-text-decoration-color 300ms;
		-webkit-transition: -webkit-text-decoration-color 300ms;
		transition: text-decoration-color 300ms;
		transition: text-decoration-color 300ms, -webkit-text-decoration-color 300ms;
	}

	a:hover,
	a {
		text-underline-offset: 0.3em;
		text-decoration-thickness: 1px;
		text-decoration-skip-ink: none;
	}
}




@media screen and (max-width: 1750px) {

	html {
		font-size: 0.9px;
	}

	.main-content-aside {
		padding: 15rem 20rem;
	}

	.monitor-wrapper,
	.book-wrapper {
		margin-left: 0;
		margin-right: 0;
	}

	.bottom-content-aside,
	.main-content-aside {
		width: 410rem;
	}

	ul.subnav-list a {
		padding: 15rem 14rem;
	}
}

@media screen and (max-width: 1599px) {
	:root {
		--site-padding: 20rem;
	}
}

@media screen and (max-width: 1499px) {
	:root {
		--hb: 16px;
	}

	.monitor-pg-wrp {
		margin-bottom: -44rem;
	}

	ul.nav-list {
		max-width: calc(100% + 20rem);
		margin-right: -20rem;
	}

	ul.nav-list > li {
		margin-right: 20rem;
	}
}

@media screen and (max-width: 1399px) {
	.main-content .main-box {
		--main-content-box-padding-y: 15rem;
		--main-content-box-padding-x: 15rem;
	}

	.nw-slider-wrp {
		--nw-slider-padding-y: 15rem;
		--nw-slider-padding-x: 15rem;
	}

	.sw-dot {
		width: 20px;
	}

	.h-ot {
		min-width: 160rem;
	}

	.nw-link {
		font-size: var(--fs16);
	}

	.nw-slider-wrp {
		margin-bottom: calc(-1 * var(--main-content-box-padding-y));
	}

	.h-flex {
		--cols-offset: 20rem;
	}
}

@media screen and (max-width: 1299px) {
	ul.pr-list > li:not(:last-child) .pr-item {
		padding-bottom: 5rem;
	}

	.pr-item {
		font-size: var(--fs13);
	}

	.pr-item-text small {
		font-size: 0.96em;
	}

	ul.nav-list > li.subnav > a:after {
		margin-left: 6rem;
	}

	.h-flex {
		--cols-offset: 15rem;
	}

	.logo {
		width: 295rem;
	}

	ul.nav-list {
		max-width: calc(100% + 15rem);
		margin-right: -15rem;
	}

	ul.nav-list > li {
		margin-right: 15rem;
	}
}

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

	.nav-btn,
	.nav-bottom {
		display: none;
	}
}

@media screen and (max-width: 1199px) {
	:root {
		--hb: 20px;
	}

	.main-content-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.main-content {
		width: 100%;
	}

	.main-content-aside {
		width: 100%;
		margin-left: 0;
		margin-top: calc(var(--content-offset-top) * 1.5);
	}

	.pr-item {
		font-size: var(--fs16);
	}

	.main-content .main-box {
		height: auto;
	}

	.main-content .main-box {
		--main-content-box-padding-y: 20rem;
		--main-content-box-padding-x: 25rem;
	}

	.nw-slider-wrp {
		--nw-slider-padding-y: 20rem;
		--nw-slider-padding-x: 25rem;
	}

	.main-content-bg {
		display: none;
	}

	.main-content-aside .main-box {
		height: auto;
		width: 50%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.main-content-aside .main-box > * {
		width: 100%;
	}

	.book-wrapper {
		min-height: 232px;
	}

	.monitor-wrapper {
		min-height: 211px;
	}

	.book-wrapper,
	.monitor-wrapper {
		max-height: none;
	}

	.main-box-centered {
		height: auto;
	}

	.main-content-aside .main-box,
	.main-content-aside .main-box:last-child {
		padding: 20rem 25rem;
	}

	.main-content-aside {
		padding: 0;
	}

	.marquee-item {
		width: 110rem;
		height: 68rem;
	}



	.h-col-c {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.25);
		z-index: 110;
	}

	.nav {
		position: fixed;
		right: 100%;
		top: var(--header-height);
		bottom: 0;
		width: 285px;
		background-color: #d0dae3;
		z-index: 119;
		-webkit-box-shadow: inset 4px 4px 0 0 #fff, 0 4px 4px 0 rgba(70, 109, 138, 0.5), inset 0 -5px 4px 0 #8dabc3;
		box-shadow: inset 4px 4px 0 0 #fff, 0 4px 4px 0 rgba(70, 109, 138, 0.5), inset 0 -5px 4px 0 #8dabc3;
		border-radius: 0 0 20px 0;
		visibility: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-transition: visibility 600ms, -webkit-transform 600ms;
		transition: visibility 600ms, -webkit-transform 600ms;
		transition: visibility 600ms, transform 600ms;
		transition: visibility 600ms, transform 600ms, -webkit-transform 600ms;
	}

	body.nav-open .nav {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}

	ul.nav-list {
		display: block;
		margin-right: 0;
		padding: var(--site-padding);
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		height: 1%;
		width: 100%;
		overflow-y: auto;
	}

	ul.nav-list > li {
		margin-right: 0;
	}

	ul.nav-list a {
		font-size: var(--fs20);
	}

	.nav-btn {
		--nav-btn-size: 2px;
		--nav-btn-animation-duration: 300ms;
		margin-right: 0;
		position: relative;
		z-index: 10;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		color: #125c89;
		margin-right: 8px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-decoration: none;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.nav-btn:hover {
		text-decoration: none;
	}

	.nav-btn > i {
		font-weight: 600;
		font-style: normal;
		margin-left: 10px;
		color: black;
	}

	.nav-btn > span {
		width: 100%;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;

		width: 30px;
		height: 20px;
	}

	.nav-btn > span:before,
	.nav-btn > span > i {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		height: var(--nav-btn-size);
		width: 100%;
		background-color: currentColor;
	}

	.nav-btn > span > i {
		position: absolute;
		z-index: 2;
		-webkit-transition: top var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), -webkit-transform var(--nav-btn-animation-duration);
		transition: top var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), -webkit-transform var(--nav-btn-animation-duration);
		transition: top var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), transform var(--nav-btn-animation-duration);
		transition: top var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), transform var(--nav-btn-animation-duration), -webkit-transform var(--nav-btn-animation-duration);
	}

	.nav-btn > span:before {
		content: ' ';
		z-index: 1;
		visibility: visible;
		-webkit-transition: visibility var(--nav-btn-animation-duration) var(--nav-btn-animation-duration);
		transition: visibility var(--nav-btn-animation-duration) var(--nav-btn-animation-duration);
	}

	.nav-btn > span > i:first-child {
		top: 0;
	}

	.nav-btn > span > i:last-child {
		bottom: 0;
	}

	/*active*/
	body.nav-open .nav-btn > span:before {
		-webkit-transition: visibility var(--nav-btn-animation-duration);
		transition: visibility var(--nav-btn-animation-duration);
	}

	body.nav-open .nav-btn > span:before {
		visibility: hidden;
	}

	body.nav-open .nav-btn > span > i {
		-webkit-transition: top var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration), -webkit-transform var(--nav-btn-animation-duration) var(--nav-btn-animation-duration);
		transition: top var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration), -webkit-transform var(--nav-btn-animation-duration) var(--nav-btn-animation-duration);
		transition: top var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration), transform var(--nav-btn-animation-duration) var(--nav-btn-animation-duration);
		transition: top var(--nav-btn-animation-duration), bottom var(--nav-btn-animation-duration), transform var(--nav-btn-animation-duration) var(--nav-btn-animation-duration), -webkit-transform var(--nav-btn-animation-duration) var(--nav-btn-animation-duration);
	}

	body.nav-open .nav-btn > span > i:first-child {
		top: calc(50% - var(--nav-btn-size) / 2);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	body.nav-open .nav-btn > span > i:last-child {
		bottom: calc(50% - var(--nav-btn-size) / 2);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}


	.overlay {
		opacity: 0;
		-webkit-transition: opacity 600ms;
		transition: opacity 600ms;
	}

	.main-box {
		position: relative;
	}

	ul.nav-list > li {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.subnav-list-wrp {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 100%;
		display: none;
	}

	ul.subnav-list a {
		font-size: 14px;
		opacity: 0.7;
		-webkit-transition: color 300ms;
		transition: color 300ms;
	}

	ul.subnav-list a:active {
		color: var(--main-color);
	}

	ul.subnav-list a {
		padding: 10rem 14rem;
	}

	ul.subnav-list a {
		padding: 10rem;
	}

	.subnav-arr-ico {
		padding-right: 5px;

	}

	.subnav-arr-ico::after {
		font-size: 0.5em;

	}

	ul.subnav-list {
		padding-top: 1px;
		padding-bottom: 1px;
	}
}

@media screen and (max-width: 991px) {
	.nav-btn > i {
		display: none;
	}

	.main-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.main-content .main-box {
		width: 100%;
	}

	.main-content .main-box:nth-child(2) {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.nw-slider-wrp {
		min-height: 260px;
		margin-bottom: 0;
	}

	.book-detail-item {
		font-size: 12px;
	}

	.monitor-inner {
		padding-left: 8rem;
	}

	.bottom-content-aside {
		width: auto;
	}
}

@media screen and (min-width: 768px) {
	.nav-bottom {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.main-content-aside .main-box {
		width: 420px;
		max-width: 100%;

	}

	.book-page {
		font-size: 11px;
	}

	.book-wrapper {
		min-height: 254px;
	}

	.bottom-content-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.bottom-content {
		width: 100%;
	}

	.bottom-content-aside {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
		margin-bottom: 20px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.bottom-content-aside::after {
		display: none;
	}

	.h-col-r .h-info {
		display: none;
	}

	.h-ot {
		min-width: 0;
		margin-right: 0;
	}

	.nav-btn > i {
		display: block;
	}

	.nav-bottom {
		padding: var(--site-padding);
		-ms-flex-negative: 0;
		flex-shrink: 0;
		border-top: 2px solid #7291a5;
	}

	.nav-bottom .h-info {
		width: 100%;
		font-size: 12px;
	}

	ul.social-list {
		padding-top: 6px;
	}
}

@media screen and (max-width: 629px) {
	:root {
		--site-padding: 10rem;
	}

	.nw-slider-wrp {
		min-height: 200px;
	}

	.marquee-item {
		width: 90rem;
		height: 62rem;
	}

	.logo {
		width: 273rem;
	}

	.nav-btn > i {
		display: none;
	}

	.partner-enter {
		font-size: 14px;
	}
}

@media screen and (max-width: 479px) {
	.h-flex {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.h-col-l {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.logo {
		width: 325px;
		max-width: 100%;
	}

	.nav-btn > i {
		display: block;
	}

	.h-ot > *:not(:last-child) {
		margin-bottom: 5px;
		;
	}

	.h-col-c {
		min-height: 50rem;
		margin-top: 7rem;
	}

	.main-box-img {
		display: none;
	}

	.main-content .main-box {
		--main-content-box-padding-y: 20rem;
		--main-content-box-padding-x: 20rem;
	}

	.sw-dot {
		width: 15px;
	}

	.sw-dot::after {
		width: 7px;
		height: 7px;
	}

	.nw-slider-wrp {
		--nw-slider-padding-y: 17rem;
		--nw-slider-padding-x: 16rem;
	}

	.main-content-aside .main-box,
	.main-content-aside .main-box:last-child {
		padding: 20rem 15rem;
	}

	.book-page {
		font-size: 10px;
	}

	.marquee-decor {
		display: none;
	}

	.marquee-outer-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
}


@media screen and (max-width: 359px) {
	.book-detail-item > i {
		display: none;
	}

	.book-page {
		line-height: 1;
	}

	ol.book-pages-list > li:before {
		width: 28px;
		height: 25px;
		padding-right: 6px;
		font-size: 13px;
	}

	.book-wrapper {
		min-height: 277px;
	}
}


/* ==== FIX: шапка в одну строку ==== */
/* Между 1200 и 1399 px меню не должно переноситься на вторую строку:
   слегка ужимаем логотип, отступы пунктов и кегль. */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.h-flex {
		--cols-offset: 12rem;
	}

	.logo {
		width: 260rem;
	}

	ul.nav-list {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		white-space: nowrap;
		max-width: none;
		margin-right: 0;
	}

	ul.nav-list > li {
		margin-right: 12rem;
	}

	ul.nav-list > li > a {
		font-size: 13.5rem;
	}

	ul.nav-list > li.subnav > a:after {
		margin-left: 4rem;
	}
}