body {
	line-height: 1.15;
	color: #1d3571;
	overflow-x: hidden;
	font-family: "SFProDisplay", "Segoe UI", "PT Sans", Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	background-color: #f6fbff;
	min-width: 460px;
	position: relative;
}

.body_home {
	background-color: #f2efef;
}

/* page */

.page {
	position: relative;
	z-index: 1;
	max-width: 100%;
	min-height: 100vh;
	min-width: 460px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	transition: 0.3s all;
	overflow-x: hidden;
}

.page_hide {
	opacity: 0;
}

.page__section {
	position: relative;
	z-index: 2;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
}

.page__section_pad {
	padding-left: 15px;
	padding-right: 15px;
}

.page__container {
	max-width: 1200px;
	flex-basis: 1200px;
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}

.page__inner {
}

.page__inner_rw {
	margin-left: -15px;
	margin-right: -15px;
}

/* btns */

.btn {
	color: #1d3571;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: 0.3s all;
	position: relative;
	padding: 10px 20px;
	min-height: 50px;
	background-color: #fff;
	background-image: none;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
	border: 2px solid #fff;
	border-radius: 24px;
	text-decoration: none;
}

.btn:hover {
	background-color: rgba(255, 255, 255, 0.8);
}

.btn__content {
	position: relative;
	z-index: 5;
	text-align: center;
}

.btn__desc {
	color: #161413;
	font-size: 11px;
	font-weight: 500;
	line-height: 14px;
	text-transform: uppercase;
}

.btn_size_mid {
	font-size: 41px;
	font-weight: 400;
	line-height: 41px;
	min-width: 300px;
	min-height: 65px;
}

.btn_type_1 {
	color: #fff;
	background-color: #5049aa;
	border: 2px solid #5049aa;
}

.btn_type_1:hover {
	background-color: rgba(80, 73, 171, 0.7);
}

/* heading */

.heading {
	color: white;
	font-weight: normal;
	position: relative;
	z-index: 0;
	cursor: default;
	display: block;
	text-decoration: none;
}

.heading__title {
	font-size: 32px;
	line-height: 32px;
	position: relative;
	z-index: 0;
	margin-bottom: 46px;
	font-weight: normal;
}

.heading__title:before {
	content: "";
	display: block;
	background: url(../images/heading/underline_repeat_yellow.png) repeat-x;
	width: 58px;
	height: 5px;
	position: absolute;
	left: 0;
	top: calc(100% + 14px);
}

.heading__desc {
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
	line-height: 26px;
}

.heading_size_small .heading__title {
	font-size: 22px;
	line-height: 22px;
}

.heading_theme_blue {
	color: #1d3571;
}

.heading_theme_blue .heading__title:before {
	background-image: url(../images/heading/underline_repeat_blue.png);
}

.heading_theme_blue .heading__desc {
	color: #6b84ad;
}

.heading_pos_center {
	text-align: center;
}

.heading_pos_center .heading__title:before {
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% + 12px);
}

/* header */

.header {
	background-color: #f6fbff;
}

.page__header_home {
	background: url(../images/header/bg.jpg) no-repeat center top;
	background-size: auto 100%;
	min-height: 779px;
	color: #fff;
}

/* navigation */

.header__navigation {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	min-height: 110px;
}

.navigation__logotype {
	margin-right: auto;
	flex-shrink: 0;
}

/* logo */

.navigation__logo {
	margin: 15px;
}

.logo {
	display: block;
	text-decoration: none;
}

.logo__img {
	display: block;
}

/* nav */

.nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav__link {
	display: block;
	text-decoration: none;
	margin: 10px 23px;
	position: relative;
	z-index: 0;
	color: white;
	font-size: 16px;
	position: relative;
	z-index: 0;
	padding: 5px 0;
}

.nav__link:before {
	content: "[";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: calc(100% + 10px);
	opacity: 0;
	transition: 0.2s all;
	pointer-events: none;
}

.nav__link:after {
	content: "]";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: calc(100% + 10px);
	opacity: 0;
	transition: 0.2s all;
	pointer-events: none;
}

.nav__link:hover:before {
	opacity: 1;
	right: calc(100% + 4px);
}

.nav__link:hover:after {
	opacity: 1;
	left: calc(100% + 4px);
}

/* communication */

/* .navigation__communication {
    padding-left: 10px;
} */

.communication {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.communication__devider {
	background: url(../images/icons/n-dots.png) no-repeat;
	width: 3px;
	height: 15px;
	margin: 15px;
}

.communication__item {
	margin: 15px;
}

.communication__item a {
	color: #fff;
	text-decoration: none;
}

.communication__item a:hover {
	text-decoration: underline;
}

.communication__phone {
	font-weight: 700;
}

/* communication_color_blue */

.communication_color_blue {
	color: #1d3571;
}

.communication_color_blue .communication__devider {
	background: url(../images/icons/n-dots_blue.png) no-repeat;
}

.communication_color_blue .communication__item a {
	color: #1d3571;
}

/* intro */

.header__intro {
	min-height: 550px;
	padding-top: 30px;
}

.intro {
	display: flex;
	justify-content: center;
	align-items: center;
}

.intro__content {
	width: 500px;
	margin: 15px;
	padding-bottom: 70px;
	position: relative;
	z-index: 5;
}

.intro__heading {
	color: white;
	font-size: 66px;
	line-height: 80px;
	font-weight: normal;
	margin: 0;
}

.intro__btn {
	margin-top: 20px;
}

.intro__images {
	margin: 15px;
	width: calc(100% - 15px * 2);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-right: 15px;
}

.intro__img {
	/* transform: translateX(30px); */
}

/* m-systems */

.page__m-systems {
	margin-bottom: 40px;
}

.m-systems__header {
	display: flex;
	padding-top: 44px;
	padding-bottom: 7px;
	width: calc(100% - 15px * 2);
	margin: 0 15px;
}

.systems-slider {
	overflow: hidden;
	padding: 25px 15px;
}

.m-systems__arrows {
	margin-left: auto;
}

.arrows {
	display: flex;
	justify-content: center;
	align-items: center;
}

.arrows__arrow {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	flex-shrink: 0;
	margin-left: 15px;
	background-color: white;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: 0.3s all;
}

.arrows__arrow.swiper-button-disabled {
	background-color: #e9f5ff;
	box-shadow: none;
	cursor: default;
}

.arrows__arrow:before {
	content: "";
	display: block;
	background: url(../images/icons/arrow-mid_right_blue.png) no-repeat;
	width: 14px;
	height: 9px;
}

.arrows__arrow_prev:before {
	transform: rotateY(180deg);
	width: 14px;
	height: 9px;
}

/* mshort */

.mshort {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	background-color: white;
	border-radius: 20px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.mshort__pic {
	height: 270px;
	flex-shrink: 0;
	position: relative;
	/* background: url(../images/noimage.jpg) no-repeat center center; */
	background-size: cover;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	overflow: hidden;
}

.mshort:before {
	content: "";
	display: block;
	background: url(../images/icons/curl-repeat.png) repeat-y;
	width: 5px;
	height: 54px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: calc(270px - 27px);
	z-index: 10;
}

.mshort__img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.mshort__title {
	color: #1d3571;

	font-size: 18px;
	font-weight: 400;
}

.mshort__content {
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-grow: 1;
}

.mshort__price {
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mshort__cost {
	height: 30px;
	background-color: #1d3571;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
	color: white;
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
	text-transform: uppercase;
	border-radius: 14px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
}

.mshort__heading {
	min-height: 74px;
	flex-shrink: 0;
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.mshort__title {
	margin: 0;
	font-weight: normal;
}

/* about */

.page__about {
	background: url(../images/about/bg.jpg) no-repeat center center;
	min-height: 962px;
	padding-top: 170px;
	padding-bottom: 120px;
	color: #fff;
}

.about__inner {
	display: flex;
}

.about__content {
	width: 470px;
	margin: 15px;
	padding-top: 40px;
	position: relative;
	z-index: 5;
}

.about__images {
	width: calc(100% - 470px - 15px * 2);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 15px;
}

.about__pic {
	position: relative;
	z-index: 0;
	margin: 0 0 150px 150px;
}

.about__img {
	display: block;
}

.about__img_pos_absolute {
	position: absolute;
	left: -100px;
	top: 100px;
}

.about__list {
	margin: 0 -15px;
}

/* ades */

.about__ades {
	margin: 15px 15px 40px 15px;
}

.ades {
	display: flex;
}

.ades__pic {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	margin-right: 40px;
	flex-shrink: 0;
}

.ades__img {
	display: block;
}

.ades__title {
	color: white;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}

.ades__desc {
	color: rgba(255, 255, 255, 0.8);
	font-size: 15px;
	font-weight: normal;
	line-height: 25px;
}

/* objects */

.page__objects {
	padding-top: 25px;
	padding-bottom: 80px;
}

.objects__container {
	max-width: 100%;
	flex-basis: 100%;
}

.objects__switches {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 40px;
}

.objects__switch {
	height: 36px;
	line-height: 37px;
	font-size: 14px;
	color: #1d3571;
	border-radius: 18px;
	padding: 0 25px;
	cursor: pointer;
	transition: 0.2s all;
	margin: 2px;
}

.objects__switch:hover {
	background-color: #fff;
}

.objects__switch_active {
	background-color: #fff;
	color: #328fd1;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.objects__tab {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

/* object */

.objects__object {
	width: calc(100% / 5);
}

.object {
	position: relative;
	z-index: 0;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	height: 300px;
	text-decoration: none;
	background: url(../images/noimage.jpg) no-repeat;
	background-size: cover;
	transition: 0.3s all;
}

.object__img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: 0.3s all;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.object__img:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	background-color: #5049aa;
	z-index: 3;
	transition: 0.3s all;
}

.object__content {
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	opacity: 0;
	transition: 0.5s all;
	transform: scale(0);
}

.object__pic {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: white;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
	position: relative;
	z-index: 10;
}

.object__pic:before {
	content: "";
	display: block;
	width: 1px;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #1d3571;
}

.object__pic:after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #1d3571;
}

.object__heading {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 70px;
	padding: 10px 0;
}

.object__title {
	color: white;
	font-size: 18px;
	font-weight: normal;
	position: relative;
	z-index: 10;
	text-align: center;
}

.object__power {
	color: #fcf05a;
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	position: relative;
	z-index: 10;
}

.object:hover .object__img {
	transform: scale(1.3);
}

.object:hover .object__img:after {
	opacity: 0.5;
}

.object:hover .object__content {
	opacity: 1;
	transform: scale(1);
}

.object-move {
	/* transform: scale(0); */
}

.object-enter-active,
.object-leave-active {
	/* transition: opacity .5s; */
	transform: scale(1);
}

.object-enter,
.object-leave-to {
	opacity: 0;
	transform: scale(0);
	/* width: 0 !important; */
}

.object_type_2 {
	width: calc(100% / 3 - 15px * 2);
	margin: 15px;
}

/* objfull */

.page__objfull {
	padding-top: 100px;
	padding-bottom: 60px;
}

/* obj */

.obj {
	display: flex;
	flex-wrap: wrap;
}

.obj .highslide {
	display: block;
	width: calc(100% / 3 - 15px * 2);
	margin: 15px;
}

.obj .highslide img {
	display: block;
	max-width: 100%;
}

/* calculator */

.page__calculator {
	padding-top: 60px;
	padding-bottom: 60px;
	color: #1d3571;
}

.page__calculator_home {
	background: url(../images/calculator/bg.jpg) no-repeat center center;
	background-size: cover;
	min-height: 901px;
	padding-top: 160px;
	padding-bottom: 120px;
	color: #fff;
}

.calculator__heading {
	padding-left: 15px;
	padding-right: 15px;
}

.calc__tools {
	width: calc(53% - 15px * 2 - 10px);
	margin: 15px;
}

.calc__output {
	width: calc(47% - 15px * 2 - 10px);
	margin: 15px;
}

.calc {
	display: flex;
	justify-content: space-between;
}

.calc__heading {
	height: 100px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.calc__title {
	height: 30px;
	color: white;
	font-size: 32px;
	font-weight: normal;
	margin: 0;
}

.calc__power-list {
	display: flex;
	align-items: center;
	margin: 0 -15px;
	height: 100px;
}

.calc__power {
	margin: 15px;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.15);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: rgba(255, 255, 255, 0.7);
	font-size: 16px;
	font-weight: normal;
	line-height: 15px;
	cursor: pointer;
	flex-shrink: 0;
	transition: 0.3s all;
}

.calc__power:hover {
	color: #1d3571;
	background-color: rgba(255, 255, 255, 0.6);
}

.calc__power_active,
.calc__power_active:hover {
	color: #1d3571;
	background-color: #fff;
}

.calc__group {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.calc__material {
	display: flex;
	align-items: center;
	background-color: rgba(255, 255, 255, 0.15);
	min-height: 50px;
	border-radius: 25px;
	width: 280px;
	color: rgba(255, 255, 255, 0.7);
	font-size: 15px;
	font-weight: normal;
	padding: 0 20px;
	cursor: default;
}

.calc__material_mb {
	margin-bottom: 30px;
}

/* .calc__material_x_2 {
    width: calc(50% - 15px * 2);
} */

.calc__box {
	display: flex;
	background-color: rgba(255, 255, 255, 0.15);
	min-height: 50px;
	border-radius: 25px;
}

.calc__box_mb {
	margin-bottom: 30px;
}

.calc__desc {
	color: rgba(255, 255, 255, 0.7);
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	padding: 0 10px 0 20px;
	text-align: left;
	align-self: center;
	flex-grow: 1;
	cursor: default;
}

.calc__field:not([type="checkbox"]):not([type="radio"]) {
	color: #1d3571;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	height: auto;
	width: 280px;
	background-color: white;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
	border: 0;
	flex-shrink: 0;
	border-radius: 25px;
}

.calc__field:not([type="checkbox"]):not([type="radio"]):focus {
	border: 0;
}

input.calc__field:not([type="checkbox"]):not([type="radio"]) {
	text-align: right;
}

/* page__calculator_static */

.page__calculator_static .calc__title {
	color: #1d3571;
}

.page__calculator_static .calc__power {
	background-color: #1d3571;
}

.page__calculator_static .calc__power:hover {
	color: rgb(225, 225, 225);
	background-color: rgb(85, 108, 164);
}

.page__calculator_static .calc__power_active,
.page__calculator_static .calc__power_active:hover {
	color: #1d3571;
	background-color: #fff;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.page__calculator_static .calc__box {
	background-color: rgba(29, 53, 113, 0.15);
}

.page__calculator_static .calc__desc {
	color: #1d3571;
}

.page__calculator_static .calc__material {
	background-color: rgba(29, 53, 113, 0.15);
	color: #1d3571;
}

.page__calculator_static
	.calc__field:not([type="checkbox"]):not([type="radio"]) {
	background-color: #dde1ea;
}

/* article */

.article {
	display: flex;
	flex-direction: column;
	background-color: white;
	border-radius: 20px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	text-decoration: none;
	position: relative;
	z-index: 0;
	width: 100%;
}

.article__arrow {
	width: 50px;
	height: 50px;
	background-color: white;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
	border-radius: 50%;
	position: absolute;
	right: 40px;
	top: calc(260px - 25px);
	z-index: 5;
	transition: 0.3s all;
}

.article__arrow:before {
	content: "";
	display: block;
	background: url(../images/icons/arrow-mid_right_blue.png) no-repeat;
	width: 14px;
	height: 9px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	transition: 0.3s all;
	opacity: 1;
}

.article__arrow:after {
	content: "";
	display: block;
	background: url(../images/icons/arrow-mid_right_white.png) no-repeat;
	width: 14px;
	height: 9px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	transition: 0.3s all;
	opacity: 0;
}

.article__pic {
	height: 260px;
	flex-shrink: 0;
	position: relative;
	background: url(../images/noimage.jpg) no-repeat center center;
	background-size: cover;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	overflow: hidden;
}

.article__img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: 0.3s all;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.article__img:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	background-color: #5049aa;
	z-index: 3;
	transition: 0.3s all;
}

.article__content {
	padding: 20px 40px;
	flex-grow: 1;
}

.article__date-container {
	height: 46px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.article__date {
	color: #e87358;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
}

.article__desc {
	min-height: 70px;
	padding-top: 10px;
	color: #1d3571;
	font-size: 18px;
	font-weight: normal;
	line-height: 26px;
	margin: 0;
}

.article__info {
	padding: 0 40px;
	border-top: 1px solid #e9f5ff;
	height: 56px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

/* .article:hover */

.article:hover .article__arrow {
	background-color: #328fd1;
}

.article:hover .article__arrow:before {
	opacity: 0;
}

.article:hover .article__arrow:after {
	opacity: 1;
}

.article:hover .article__img {
	transform: scale(1.2);
}

.article_type_1 {
	width: calc(100% / 3 - 15px * 2);
	margin: 15px;
}

/* articles */

.articles__list,
.articles #dle-content {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-bottom: 60px;
}

.articles__article {
	width: calc(100% / 3 - 15px * 2);
	margin: 15px;
}

.articles__btns {
	width: calc(100% - 15px * 2);
	margin: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 60px;
}

.articles__btn {
	padding-right: 40px;
	padding-left: 40px;
}

/* blog */

.blog__inner {
	padding-bottom: 70px;
}

.blog__heading {
	max-width: 500px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 35px;
}

.blog__list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.blog__article {
	width: calc(100% / 3 - 15px * 2);
	margin: 15px;
}

/* relatednews */

.relatednews {
	margin: 0 -15px;
	overflow: hidden;
}

.relatednews__list {
	padding: 10px 15px 25px 15px;
}

.relatednews__header {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 15px 15px 15px;
}

.relatednews__arrows {
	margin-left: auto;
}

/* .article_relatednews {
    width: calc(100% / 2 - 15px * 2);
    margin: 15px;
} */

/* info */

.info {
	display: flex;
	align-items: center;
}

.info__item {
	display: flex;
	justify-content: center;
	align-items: center;
}

.info__item_mr {
	margin-right: 20px;
}

.info__ico {
	flex-shrink: 0;
	margin-right: 10px;
}

.info__ico_eye {
	background: url(../images/article/ico__eye.png) no-repeat;
	width: 22px;
	height: 14px;
}

.info__ico_mes {
	background: url(../images/article/ico__mes.png) no-repeat;
	width: 22px;
	height: 14px;
}

.info__desc,
.info__desc span {
	color: #6b84ad;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
}

/* footer */

.page__footer {
	background: url(../images/footer/bg.png) no-repeat center center;
	background-size: cover;
	min-height: 726px;
	padding-top: 230px;
	color: #fff;
	margin-top: auto;
	/* overflow-y: hidden; */
}

.footer__container {
	display: flex;
	flex-direction: column;
}

.footer__inner {
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
}

.footer__col {
	width: calc(100% / 3 - 15px * 2);
	margin: 15px;
}

.footer__logotype {
	margin-bottom: 40px;
}

.footer__about-company {
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	max-width: 290px;
	margin-bottom: 25px;
}

.footer__under {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 15px;
	margin-top: 100px;
}

.under__content {
	color: white;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
}

/* f-scl */

.footer__f-scl {
	margin: 0 -2px;
}

.f-scl {
	display: flex;
	align-items: center;
}

.f-scl__item {
	font-family: "fontello";
	margin: 2px;
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	position: relative;
	z-index: 0;
	width: 50px;
	height: 50px;
	background-color: transparent;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.3s all;
}

.f-scl__item:hover {
	color: #1d3571;
}

.f-scl__item:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	background-color: white;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
	border-radius: 50%;
	transform: scale(0);
	opacity: 0;
	transition: 0.3s all;
}

.f-scl__item:hover:after {
	transform: scale(1);
	opacity: 1;
}

.f-scl__gwi {
	position: relative;
	z-index: 5;
}

/* f-nav */

.footer__f-nav {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.f-nav__item {
	margin: 10px 15px;
	width: calc(100% - 15px * 2);
}

.f-nav__link {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	text-decoration: none;
	white-space: nowrap;
	position: relative;
	z-index: 0;
}

.nav__link_color_blue {
	color: #1d3571;
}

.f-nav__link:after {
	content: "";
	display: block;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: -3px;
	right: 100%;
	transition: 0.3s all;
}

.f-nav__link:hover:after {
	right: 0;
}

/* ctns */

.ctns__phone {
	color: white;
	font-size: 40px;
	font-weight: 700;
}

.ctns__item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 15px 0;
}

.ctns__content {
	color: white;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
}

.ctns__pic {
	font-size: 25px;
	margin-right: 15px;
	color: #fcf05a;
}

/* upward */

.upward {
	border-radius: 50%;
	width: 126px;
	height: 126px;
	background-color: white;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 0;
	cursor: pointer;
	transition: 0.3s all;
}

.upward:after {
	content: "";
	display: block;
	background-color: rgba(246, 251, 255, 0.1);
	border-radius: 50%;
	width: 178px;
	height: 178px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	z-index: -1;
	pointer-events: none;
	transition: 0.3s all;
}

.upward__arrow {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
}

.upward__arrow:after {
	content: "";
	display: block;
	background: url(../images/icons/arrow_color_blue.png) no-repeat;
	width: 18px;
	height: 28px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	transition: 0.3s all;
	opacity: 1;
}

.upward__arrow:before {
	content: "";
	display: block;
	background: url(../images/icons/arrow_color_white.png) no-repeat;
	width: 18px;
	height: 28px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	transition: 0.3s all;
	opacity: 0;
}

.upward:hover {
	background-color: rgb(88, 90, 198);
}

.upward:hover:after {
	transform: translate(-50%, -50%) scale(0);
}

.upward:hover .upward__arrow:after {
	opacity: 0;
}

.upward:hover .upward__arrow:before {
	opacity: 1;
}

.footer__upward {
	position: absolute;
	right: 15px;
	bottom: calc(100% + 80px);
}

/* breadcrumbs */

#dle-speedbar {
	color: rgb(221, 206, 160);
}

.breadcrumbs {
	background-color: #5049aa;
}

.breadcrumbs__inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	min-height: 70px;
}

#dle-speedbar > span {
	margin: 5px 15px;
	text-decoration: none;
	display: inline-block;
}

.breadcrumbs__item,
#dle-speedbar > span a {
	font-size: 16px;
	font-weight: normal;
	color: white;
	/* color: #fcf05a; */
	text-decoration: none;
	display: inline-block;
	position: relative;
	z-index: 0;
}

.breadcrumbs__item:hover,
#dle-speedbar > span a:hover {
	color: #fcf05a;
}

/* .breadcrumbs__item:not(:nth-child(1)):after,
#dle-speedbar>span:not(:nth-child(1))>a:after {
    content: '/';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    right: calc(100% + 8px);
    z-index: 0;
    font-size: 16px;
    font-weight: normal;
    color: white;
} */

.breadcrumbs__item:nth-last-child(1),
#dle-speedbar > span:nth-last-child(1) > a,
#dle-speedbar > span:nth-last-child(1) {
	color: #fcf05a;
	/* cursor: default; */
}

/* chapter */

.page__chapter {
	background: url(../images/chapter/chapter__bg.jpg) no-repeat;
	background-size: cover;
	margin-bottom: 100px;
}

.chapter__inner {
	display: flex;
	min-height: 331px;
}

.chapter__heading {
	align-self: center;
	width: calc(50% - 15px * 2);
	margin: 15px;
	flex-shrink: 0;
	padding-bottom: 50px;
	position: relative;
	z-index: 3;
}

.chapter__pic {
	flex-grow: 1;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

/* edit */

.edit {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 20;
	color: #1d3571;
	font-size: 20px;
}

.edit__gwi {
	color: #1d3571;
	transition: 0.3s all;
}

.edit__gwi:hover {
	color: #2e51aa;
}

/* sidebar */

.sidebar__item {
	background-color: white;
	border-radius: 20px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.sidebar__item_pad {
	padding: 40px;
}

.sidebar__item_mb {
	margin-bottom: 30px;
}

/* search */

.search__box {
	position: relative;
	z-index: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.search__input:not([type="checkbox"]):not([type="radio"]) {
	/* width: 100%; */
	max-width: none;
	height: 50px;
	border-radius: 19px;
	padding: 0 55px 0 25px;
	background-color: #f6fbff;
	border: 1px solid #f6fbff;
	box-sizing: border-box;
	color: #8da0bf;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	box-shadow: none;
}

.search__input:not([type="checkbox"]):not([type="radio"]):focus {
	border: 1px solid #c9e7ff;
}

.search__btn {
	z-index: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border: 0;
	background-color: transparent;
}

.search__btn:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	background-color: white;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
	border-radius: 50%;
	transform: scale(0);
	opacity: 0;
	transition: 0.3s all;
}

.search__btn:hover:after {
	transform: scale(1);
	opacity: 1;
}

.search__arrow {
	color: #1d3571;
	position: relative;
	z-index: 6;
}

/* fullnews */

.fullnews__inner {
	display: flex;
	flex-wrap: wrap;
	padding-top: 100px;
	padding-bottom: 60px;
}

.fullnews__content {
	width: calc(100% - 340px - 15px - 15px - 60px);
	margin-left: 15px;
	margin-right: 60px;
}

.fullnews__sidebar {
	width: 340px;
	flex-shrink: 0;
	margin-right: 15px;
}

/* news */

.news {
	position: relative;
	z-index: 0;
	background-color: white;
	border-radius: 20px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
	padding: 40px;
}

.news__pic {
	height: 350px;
	margin: -40px -40px 20px -40px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background-image: url(../images/noimage.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.news__img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.news__date {
	color: #e87358;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	display: flex;
	/* justify-content: flex-end; */
	align-items: center;
	height: 35px;
	padding: 5px 0;
}

.news__title {
	margin: 0;
	color: #1d3571;
	font-size: 18px;
	font-weight: 500;
	line-height: 18px;
	height: 35px;
	padding: 5px 0;
	display: flex;
	align-items: center;
}

.news__info {
	margin: 0;
	color: #6b84ad;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
	height: 35px;
	padding: 5px 0;
}

.news__content {
	padding-top: 25px;
	color: #6b84ad;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
}

.news__content:after {
	content: "";
	display: block;
	width: 100%;
	clear: both;
}

.news__buy-box {
	display: flex;
	align-items: center;
	padding-top: 30px;
}

.news__btn {
	padding-left: 30px;
	padding-right: 30px;
	margin-left: auto;
}

/* lnews */

.lnews {
	display: block;
	text-decoration: none;
	display: flex;
	align-items: center;
	padding: 20px 0;
	transition: 0.2s all;
	position: relative;
	z-index: 0;
}

.lnews:after {
	content: "";
	background: url(../images/) no-repeat;
	display: block;
	position: absolute;
	top: 0;
	right: -15px;
	bottom: 0;
	left: -15px;
	z-index: -1;
	transition: 0.3s all;
	background-color: #e9f5ff;
	opacity: 0;
}

.lnews:hover:after {
	opacity: 1;
}

.lnews:not(:nth-last-child(1)) {
	border-bottom: 1px solid #e9f5ff;
}

.lnews__pic {
	position: relative;
	z-index: 0;
	width: 100px;
	height: 80px;
	background: #d6e8f6 url(../images/noimage.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
	flex-shrink: 0;
	margin-right: 20px;
}

.lnews__img {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.lnews__date {
	color: #e87358;
	font-size: 14px;
	font-weight: normal;
	line-height: 25px;
}

.lnews__title {
	color: #1d3571;
	font-size: 16px;
	font-weight: normal;
	line-height: 16px;
}

/* gw-pagination */

.gw-pagination-box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.gw-pagination {
	display: flex;
	align-items: center;
	background-color: transparent;
	padding: 0;
	margin: 0;
	border-radius: 0;
	height: auto;
}

.gw-pagination_m {
	margin: 10px 0;
}

.gw-pagination_m_t {
	margin-top: 8px;
}

.gw-pagination__container {
	flex-basis: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.gw-pagination__container_left {
	justify-content: flex-start;
}

.gw-pagination__container_center {
	flex-grow: 1;
	justify-content: center;
}

.gw-pagination__container_right {
	justify-content: flex-end;
}

.gw-pagination__link {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 30px;
	height: 30px;
	text-decoration: none;
	color: rgb(114, 107, 193);
	font-size: 20px;
	position: relative;
}

.gw-pagination__link:hover {
	color: rgb(98, 87, 216);
}

.gw-pagination__link_active {
	color: rgb(98, 87, 216);
}

.gw-pagination__link_num {
	position: relative;
}

.gw-pagination__link_num:after {
	content: "";
	display: block;
	width: 1px;
	background-color: #fff;
	background: linear-gradient(
		to bottom,
		rgba(201, 201, 201, 0) 0,
		rgba(201, 201, 201, 0.4) 10%,
		rgba(201, 201, 201, 1) 25%,
		rgba(201, 201, 201, 1) 20%,
		rgba(183, 183, 183, 1) 50%,
		rgba(201, 201, 201, 1) 80%,
		rgba(201, 201, 201, 1) 81%,
		rgba(201, 201, 201, 0.4) 85%,
		rgba(201, 201, 201, 0) 100%
	);
	position: absolute;
	left: 0;
	bottom: 3px;
	top: 5px;
	transition: 0.3s all;
	opacity: 0.3;
}

.gw-pagination__link_num:nth-child(1):after {
	content: none;
}

.gw-pagination__link_box {
	width: 40px;
	height: 40px;
	background-color: rgb(85, 86, 204);
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 50%;
}

.gw-pagination__link_start {
	background-image: url(../images/pagination/arrow__start.png);
	border-right: 1px solid #151317;
}

.gw-pagination__link_prev {
	background-image: url(../images/pagination/arrow__prev.png);
}

.gw-pagination__link_next {
	background-image: url(../images/pagination/arrow__next.png);
}

.gw-pagination__link_end {
	background-image: url(../images/pagination/arrow__end.png);
	border-left: 1px solid #151317;
}

.gw-pagination__link_box:hover {
	background-color: rgb(85, 86, 204);
}

.gw-pagination__container_empty {
	opacity: 0.5;
	pointer-events: none;
}

/* comments */

.comments__heading {
	padding-top: 40px;
}

/* comment */

.comment {
	/* background-color: rgb(250, 250, 250); */
	/* padding: 5px 10px;
    border: 0;
    margin-bottom: 20px;
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); */

	padding: 5px 0 20px 0;
	margin-bottom: 20px;
	background-color: rgba(255, 255, 255, 0);
	border-bottom: 1px solid rgb(229, 231, 247);
}

.comment__info {
	display: flex;
	align-items: center;
	padding: 5px 0;
	border-bottom: rgb(233, 245, 255);
}

.comment__info a {
	color: #1d3571;
}

.comment__info a:hover {
	color: #36539b;
}

.comment__author {
	padding-right: 20px;
	pointer-events: none;
	font-weight: bold;
}

.comment__author a {
	text-decoration: none;
	color: #1d3571;
}

.comment__data {
	padding-right: 20px;
	font-size: 12px;
}

.comment__bar {
	display: flex;
	align-items: center;
	/* flex-grow: 1; */
	list-style: none;
	margin: 0 0 0 auto;
}

.comment__tool {
	padding: 0 5px;
}

.comment__tool_action input {
	margin: 0;
	height: auto;
	min-height: auto;
}

.comment__content {
	padding: 10px 0 5px 0;
}

.mass_comments_action {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
}

.scriptcode,
.title_quote,
.title_spoiler,
.text_spoiler {
	padding: 5px 10px;
	background: rgb(246, 251, 255);
	border: 1px solid rgb(231, 237, 242);
}

.quote,
blockquote {
	background: rgb(253, 254, 255);
	border: 1px solid rgb(231, 237, 242);
	border-top: 0;
	margin-top: 0;
	font-style: italic;
}

/* addcomment */

.addcomment {
	padding-bottom: 20px;
}

.mass_comments_action {
	padding-bottom: 20px;
}

select[name="mass_action"] {
	max-width: 250px;
}

.igrp {
	margin-bottom: 10px;
	position: relative;
	flex-grow: 1;
}

.igrp_c_2 {
	width: calc(50% - 32px);
	margin-left: 16px;
	margin-right: 16px;
}

.idsc {
	display: block;
	width: 100%;
	padding: 5px 0;
	font-weight: bold;
	color: #363636;
	font-size: 13px;
}

.inpb {
	margin-bottom: 10px;
	position: relative;
}

/* addcom */

.addcom__heading {
	padding-top: 40px;
}

#entryform {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

#dle-comments-form {
	width: 100%;
}

.addcom__title {
	padding: 10px 0;
	font-size: 20px;
	font-weight: bold;
}

.addcom__box {
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
}

.addcom__item {
	flex-shrink: 0;
	width: calc(50% - 5px);
}

.addcom__sending {
	display: flex;
	flex-direction: column;
}

.addcom__btn {
	padding: 10px 30px;
	align-self: flex-end;
}

.c-captcha {
	display: flex;
}

.inpb_sec-field {
	margin-right: 10px;
	width: 130px;
}

.inpb_sec-code {
	flex-shrink: 0;
}

/* .uf-header */
.uf-header {
	font-family: inherit;
	background: rgb(99, 72, 159);
}

.uf-btn {
	background: rgb(99, 72, 159);
}

.uf-btn:hover {
	background: rgb(136, 104, 207);
}

.uf-input {
	width: 100%;
}

select.uf-input {
	padding-left: 20px;
}

/* box_in */

.box_in {
	width: calc(100% - 15px * 2);
	margin: 15px;
}

/* ctns */

.ctns #dle-content {
	display: flex;
	flex-wrap: wrap;
}

/* searchpage */

.searchpage {
	width: 100%;
}

/* lng */

.lng__desc {
	margin-bottom: 7px;
}

.lng select {
	width: 180px;
	height: 36px;
	border-radius: 6px;
	padding: 0 10px;
}

/* form */

.form {
}

.form__box {
	display: grid;
	gap: 20px;
	align-items: space-between;
}

.form__desc {
	color: #1d3571;
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
	padding: 0 10px 0 40px;
	text-align: left;
	align-self: center;
	flex-grow: 1;
	cursor: default;
}

.form__field:not([type="checkbox"]):not([type="radio"]) {
	color: #1d3571;
	font-size: 35px;
	font-weight: 500;
	line-height: 1;
	width: 100%;
	background-color: white;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
	border: 2px solid transparent;
	border-radius: 50px;
	height: 80px;
	padding: 0 40px;
	margin-top: auto;
}

.form__field:not([type="checkbox"]):not([type="radio"]):read-only {
	background-color: #1d3571;
	color: #fff;
	cursor: default;
}

@media (max-width: 768px) {
	.form__field:not([type="checkbox"]):not([type="radio"]) {
		font-size: 20px;
		height: 60px;
		padding: 0 20px;
	}

	.form__desc {
		font-size: 16px;
		padding: 0 10px;
	}
}

/* incomecalc */

.incomecalc {
	margin-top: 100px;
	margin-bottom: 200px;
}

.incomecalc__title {
	color: #1d3571;
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	cursor: default;
}

.incomecalc__form {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px;
}

.incomecalc__form {
	margin-top: 80px;
}

@media (max-width: 768px) {
	.incomecalc {
		margin-top: 100px;
		margin-bottom: 100px;
	}
}
