:root {
	--min-height-descr-swiper: 200px;
	--width-container-wrapper-full: 1269px;
}

@media screen and (max-width: 2000px) {
	:root{
		--width-container-wrapper-full: 70%;
	}
}
@media screen and (max-width: 1437px) {
	:root{
		--width-container-wrapper-full: 80%;
	}
}
@media screen and (max-width: 1375px) {
	:root{
		--width-container-wrapper-full: 100%;
	}
}

.cover-img {
	width: 100%;
}

.text-center {
	text-align: center;
}

.header-block__title {
	color: #474F62;
	font-family: Unbounded, var(--replacement-fonts);
	font-size: 3em;
	font-style: normal;
	font-weight: 600;
	line-height: 136.7%;
	color: var(--color-light-black);
}

@media screen and (max-width: 1600px) {
	.header-block__title {
		font-size: 2.5em;
	}
}

@media screen and (max-width: 1200px) {
	.header-block__title {
		font-size: 2em;
	}
}

@media screen and (max-width: 940px) {
	.header-block__title {
		font-size: 2em;
	}
}

@media screen and (max-width: 684px) {
	.header-block__title {
		font-size: 1.5em;
	}
}

/*--headerDS--*/
.headerDS {}

.headerDS--position {
	position: relative;
}

.headerDS__bg {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.h-content__body {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: 3;
	margin-bottom: 1em;
}

.h-content__body-main {
	display: flex;
	align-items: center;
}

.h-content__body-main-tv-qroup {
	width: 1119px;
	z-index: 3;
}

.tv-body {
	width: 100%;
	position: relative;
	top: 0px;
	left: 0;
	box-shadow: 0px 12px 16.7px rgba(0, 0, 0, 0.25);
	background-color: rgba(29, 29, 29, 0.93);
	border-radius: 5px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 15px;
}

.tv-body__rectangle4381 {
	position: absolute;
	top: -12px;
	right: -12px;
	width: 40%;
	height: 110%;
	background-image: url('//mmvs.ru/project_mmvs/src/assets/img/ds/rectangle-4381.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 2;
}

.tv-body__video {
	position: relative;
	z-index: 3;
	width: 100%;
}

.about-vod__video {
	width: 100%;
	height: 100%;
	border-radius: 0px;
}

.tv-body__block-circle {
	padding: 20px 0px 10px 0px;
}

.tv-body__circle {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #d9d9d9;
	border-radius: 14px;
}

.tv-body__video-aboutDS {
	position: absolute;
	top: 0;
	left: 88px;
	display: flex;
	align-items: center;
	width: 70%;
	height: 100%;
	color: #FFFFFF;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	font-family: Unbounded, var(--replacement-fonts);
	font-size: 3.1em;
	font-style: normal;
	font-weight: 700;
	z-index: 1;
	line-height: 150%;
}

.tv-body__video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.10);
	border-radius: 0px;
}

.h-content__body-main-more {
	position: relative;
	left: 73px;
}

.arrow-main__container:before {
	content: 'Подробнее';
	display: block;
	transform: rotate(-90deg);
	color: #7A86A3;
	font-family: Inter, var(--replacement-fonts);
	font-size: 1.5em;
	font-weight: 400;
	position: absolute;
	top: 50%;
	right: -30px;
}

.arrow-main__container {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
	transform: translateY(0%);
	transition: transform 300ms ease-in-out;
}

.arrow-main__line {
	border-right: 3px dotted #7A86A3;
	height: 470px;
}

.arrow-main__bottom {
	width: 20px;
	height: 20px;
	border-bottom: 2px solid #7A86A3;
	border-right: 2px solid #7A86A3;
	transform: rotate(45deg);
	position: relative;
	top: -20px;
}

.arrow-main__container:hover .arrow-main__line {
	border-right: 3px dotted var(--color-orange);
}

.arrow-main__container:hover .arrow-main__bottom {
	border-bottom: 2px solid var(--color-orange);
	border-right: 2px solid var(--color-orange);
}

.arrow-main__container:hover:before {
	color: var(--color-orange);
}

.arrow-main__container:hover {
	transform: translateY(2%);
}

.h-content__btns {
	margin-top: 20px;
}

.h-content__body-btns {
	margin-top: 60px;
	display: inline-flex;
	justify-content: space-around;
	gap: 150px;
}

.h-content__body-btns--width {
	flex: 0 0 40%;
}

.headerDS__bg__pattern-top {
	position: absolute;
	left: 7%;
	bottom: 7%;
	width: 500px;
}

.headerDS__bg__pattern-right {
	position: absolute;
	right: 5%;
	top: 18%;
	width: 500px;
}

@media screen and (max-width: 2000px) {
	.headerDS__bg__pattern-top {
		width: 23%;
	}

	.headerDS__bg__pattern-right {
		width: 23%;
	}
}


@media screen and (max-width: 1918px) {
	.h-content__body-main-tv-qroup {
		width: 960px;
	}

	.tv-body__video-aboutDS {
		font-size: 2.2em;
	}
}

@media screen and (max-width: 1601px) {
	.h-content__body-main-tv-qroup {
		width: 800px;
	}
}

@media screen and (max-width: 1440px) {
	.h-content__body-main-tv-qroup {
		width: 700px;
	}

	.tv-body__video-aboutDS {
		font-size: 1.9em;
	}

	.arrow-main__line {
		height: 350px;
	}

	.h-content__body-btns {
		margin-top: 30px;
		gap: 93px;
	}

	.arrow-main__container::before {
		font-size: 1.3em;
	}

	.h-content__body-btns--width {
		flex: 0 0 43%;
	}
}

@media screen and (max-width: 980px) {
	.headerDS__bg {
		height: 100%;
		padding: 55px 25px 0px 25px;
	}

	.h-content__body-main-tv-qroup {
		width: 100%;
	}

	.tv-body__video-aboutDS {
		font-size: 1.5em;
	}

	.h-content__body-main-more {
		display: none;
	}

	.headerDS__bg__pattern-top,
	.headerDS__bg__pattern-right {
		display: none;
	}
}

@media screen and (max-width: 774px) {
	.tv-body__video-aboutDS {
		font-size: 1.4em;
		left: 50px;
	}
}

@media screen and (max-width: 598px) {
	.h-content__body-btns {
		gap: 15px;
		flex-direction: column;
	}

	.headerDS__bg {
		padding-top: 40px;
	}

	.tv-body__video-aboutDS {
		font-size: 1.2em;
		left: 20px;
		width: 90%;
	}

	.tv-body__block-circle {
		display: none;
	}

	.tv-body {
		padding: 10px;
	}
}

/*--main-navDS--*/
.main-navDS--pos {
	/*position: -webkit-sticky;*/
	position: fixed;
	top: 0;
	z-index: 5;
	width: 100%;
	opacity: 0;
	transition: opacity 150ms ease-in;
}

._main-navDS--pos-active {
	opacity: 1;
}

.main-navDS__container {
	background-color: #ffffff;
	box-shadow: 0px 4px 7.2px 0px rgba(0, 0, 0, 0.25);
	color: var(--color-light-black);
}

.navDS__body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.navDS__body-logo {
	background-repeat: no-repeat;
	background-size: contain;
	width: 164px;
	height: 39px;
	background-image: url("//mmvs.ru/project_mmvs/src/assets/img/logo/mmvs_logo_orange.svg");
}

.navDS__body-items {}

.navDS-items__list {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.navDS-items__list-contacts {
	display: flex;
	flex-direction: column;
	align-items: end;
}

.navDS-items__list-contacts a {
	font-family: Inter, var(--replacement-fonts);
	font-size: 16px;
	font-weight: 500;
	color: var(--color-orange);
}

.navDS-items__list-contacts>a:not(:last-child) {
	margin-bottom: 5px;
}

.navDS-items__list li:not(:last-child) {
	margin-right: 60px;
}

.navDS-items__list li:not(:last-child):not(.navDS-items__list-contacts) a {
	font-family: Inter, var(--replacement-fonts);
	font-size: 16px;
	font-weight: 500;
	color: inherit;
}

.navDS__body-burger {
	position: relative;
	z-index: 3;
	display: none;
	width: 45px;
	height: 35px;
	cursor: pointer;
}

@media screen and (max-width: 980px) {
	.navDS__body-logo {
		width: 164px;
	}
	/*.navDS__body {
		box-shadow: 1px 1px 1px -1px rgba(0, 0, 0, 0.25);
	}*/

	.navDS-items__list li:not(:last-child):not(.navDS-items__list-contacts) a {
		color: var(--color-white);
	}

	.main-navDS--pos {
		position: relative;
		opacity: 1;
	}

	.main-navDS__container {
		background: transparent;
		box-shadow: unset;
	}

	.navDS__body {
		padding: 20px 25px 20px 25px;
	}

	.navDS__body-burger {
		display: block;
	}

	.navDS__body-burger span {
		position: absolute;
		height: 4px;
		width: 100%;
		border-radius: 4px;
		background: var(--color-light-black);
		transition: .25s ease-out;
	}

	._headerNavPos .navDS__body-burger span {
		background: var(--color-white);
	}

	._headerNavPos .navDS__body-burger span {
		background: var(--color-white);
	}

	/*Полоски для бургер меню*/
	.navDS__body-burger span:nth-child(1) {
		top: 5px;
	}

	.navDS__body-burger span:nth-child(2) {
		top: 15px;
	}

	.navDS__body-burger span:nth-child(3) {
		top: 25px;
	}

	/*Крестик*/
	._openIcoBurger span:nth-child(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

	._openIcoBurger span:nth-child(2) {
		transform: rotate(45deg);
		top: 17px;
	}

	._openIcoBurger span:nth-child(3) {
		transform: rotate(-45deg);
		top: 17px;
	}

	.navDS-items__list {
		position: fixed;
		top: -100%;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--color-violete);
		padding: 110px 15px 0px 15px;
		display: block;
		transition: all 0.3s ease 0s;
		overflow: auto;
		z-index: -1;
	}

	._openNav {
		top: 0px;
	}

	._headerNavPos {
		top: 0px;
	}

	._headerNavPos .navDS__body-logo {
		background-image: url("//mmvs.ru/project_mmvs/src/assets/img/logo/mmvs_logo_white.svg");
	}

	.navDS__body-items ul li {
		padding: 15px 5px 15px 5px;
		text-align: center;
	}

	.navDS__body-logo {
		z-index: 1;
	}

	._lockBody {
		overflow: hidden;
	}

	.navDS-items__list-contacts {
		align-items: center;
	}

	._headerNavPos {
		position: fixed;
		width: 100%;
	}

	.navDS-items__list li:not(:last-child) {
		margin-right: 0px;
	}

	.navDS-items__list-contacts>div:not(:last-child) {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 598px) {
	.navDS__body-burger {
		width: 35px;
		height: 18px;
	}

	.navDS__body-burger span {
		height: 3px;
	}

	.navDS__body-logo {
		width: 114px;
		height: 27px;
	}


	/*Полоски для бургер меню*/
	.navDS__body-burger span:nth-child(1) {
		top: -1px;
	}

	.navDS__body-burger span:nth-child(2) {
		top: 6px;
	}

	.navDS__body-burger span:nth-child(3) {
		top: 13px;
	}

	/*Крестик*/
	._openIcoBurger span:nth-child(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

	._openIcoBurger span:nth-child(2) {
		transform: rotate(45deg);
		top: 7px;
	}

	._openIcoBurger span:nth-child(3) {
		transform: rotate(-45deg);
		top: 7px;
	}
}

/*--about-ds--*/
.about-ds__body--mobile {
	padding-top: 4em;
	position: relative;
	z-index: 2;
	display: none;
}

.about-ds__content {
	position: relative;
	overflow: hidden;
}

.about-ds__container {
	display: flex;
	flex-direction: column;
	padding-top: 100px;
	padding-bottom: 70px;
	width: var(--width-container-wrapper-full);
}

.about-ds__body {
	display: flex;
	justify-content: space-between;
	padding-top: 80px;
	position: relative;
	z-index: 2;
}

.about-ds__header {}

.about-ds__body-items {
	flex: 0 0 40%;
}

.about-items__point {
	cursor: pointer;
	display: flex;
}

.about-items__point:not(:last-child) {
	margin-bottom: 25px;
}

.about-items__point-text,
.about-items__point-text-mobile {
	display: inline-flex;
	color: #474F62;
	font-family: Unbounded, var(--replacement-fonts);
	font-size: 1.5em;
	font-style: normal;
	font-weight: 300;
	line-height: 136.7%;
	margin-bottom: 10px;
	cursor: pointer;
}

._fontWeight,
.about-items__point-text:hover {
	font-weight: 700;
}

.about-items__point-detail {
	display: none;
	color: #474F62;
	font-family: Unbounded, var(--replacement-fonts);
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 136.7%;
	animation: active-details-show 1s;
}

@keyframes active-details-show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

._showPointDetail {
	display: block;
}

.right-arrow {
	display: inline-flex;
	position: relative;
	width: 20px;
	height: 20px;
	cursor: pointer;
	left: 15px;
	top: 2px;
}

.right-arrow::before,
.right-arrow::after {
	display: inline-flex;
	position: absolute;
	content: '';
}

.right-arrow::before {
	top: 50%;
	left: 0;
	width: 10px;
	height: 2px;
	background-color: #474F62;
}

.right-arrow::after {
	width: 10px;
	height: 10px;
	top: 30%;
	right: 10px;
	border-top: 2px solid #474F62;
	border-right: 2px solid #474F62;
	transform: rotate(45deg);
}

.about-ds__body-pic {
	flex: 0 0 50%;
}

.about-pic__body,
.about-pic__body--mobile {
	display: none;
	position: relative;
	width: 500px;
	height: 500px;
	animation: active-body-show 2s;
	top: -22%;
}

._active-body {
	display: block;
}

@keyframes active-body-show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.about-ds__ellipse {
	border-radius: 639.311px;
	width: 100%;
	height: 100%;
}

.about-ds__ellipse--orange {
	background: rgba(252, 233, 199, 0.51);
}

.about-ds__ellipse--blue {
	background: rgba(177, 195, 217, 0.51);
}

.about-ds__star {
	position: absolute;
	width: 82%;
}

.about-ds__star--pos1 {
	top: 25%;
	left: -15%;
}

.about-ds__star--pos2 {
	top: 0%;
	right: -20%;
}

.about-ds__star--pos3 {
	top: 0%;
	left: -20%;
}

.about-ds__ds {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}

.about-ds__pattern-bottom {
	position: absolute;
	top: 15%;
	right: -5%;
	width: 250px;
	z-index: -1;
}

@media screen and (max-width: 2000px) {
	.about-ds__pattern-bottom {
		width: 17%;
	}
}

@media screen and (max-width: 1375px) {
	.about-items__point-text,
	.about-items__point-text-mobile {
		font-size: 1.3em;
	}
}

@media screen and (max-width: 1200px) {

	.about-pic__body,
	.about-pic__body--mobile {
		width: 400px;
		height: 400px;
		margin-left: 100px;
		top: -10%;
	}

	.about-ds__star {
		width: 82%;
	}
}

@media screen and (max-width: 925px) {

	.about-pic__body,
	.about-pic__body--mobile {
		width: 300px;
		height: 300px;
		margin-left: 100px;
		top: -10%;
	}

	.about-ds__body-items {
		flex: 0 0 50%;
	}
}

@media screen and (max-width: 798px) {
	.about-ds__body {
		display: none;
	}

	.about-ds__body--mobile {
		display: flex;
	}

	.about-ds__body-items {
		flex: 0 0 100%;
	}

	.about-pic__body--mobile {
		top: 0%;
		margin-left: 0px;
		transform: translateX(30%);
	}

	.about-items__point {
		display: block;
	}

	.about-pic__body--mobile {
		width: 250px;
		height: 250px;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.about-items__point-text-mobile {
		font-size: 1.1em;
	}

	.about-items__point:not(:last-child) {
		margin-bottom: 15px;
	}

	.about-ds__container {
		padding-top: 55px;
	}

	.about-ds__pattern-bottom {
		display: none;
	}
}

/*--detail--*/
.detail-content {
	position: relative;
	overflow: hidden;
}
.detail__pattern-top{
	position: absolute;
	top: 17%;
	left: -3%;
	width: 250px;
	z-index: -1;
}
.detail__pattern-bottom{
	position: absolute;
	bottom: 19%;
	right: -3%;
	width: 400px;
	z-index: -1;
}

.detail__container {
	width: var(--width-container-wrapper-full);
	padding-bottom: 8em;
}

.detail__text-body {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: end;
}

.detail-text__item {
	color: var(--color-light-black);
	font-family: Unbounded, var(--replacement-fonts);
	font-size: 2.2em;
	font-weight: 500;
}

.detail-text--left {
	align-items: flex-start;
	text-align: left;
}

.detail-text--right {
	align-items: flex-end;
	text-align: right;
}

.detail-text__item--width-right {
	width: 85%;
}

.detail-text__item--width-left {
	width: 90%;
}

.detail-text--orange {
	color: var(--color-orange);
}

.detail__tv {
	padding: 68px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	overflow: hidden;
}

.detail__tv-body {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 50%;
}

.detail__tv-frame {
	display: block;
	position: relative;
	z-index: 2;
	border-radius: 5px;
	background: rgba(29, 29, 29, 0.93);
	box-shadow: 0px 12px 16px 0px rgba(0, 0, 0, 0.25);
	width: 100%;
	height: 100%;
	padding: 7px;
}

.frame-tv__screen {
	display: flex;
	justify-content: center;
	position: relative;
	border-radius: 0px;
	width: 100%;
	padding-bottom: 60%;
}

.frame-tv__screen--off {
	background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, #E4E4E4 100%);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.frame-tv__screen--on {
	background: radial-gradient(50% 50% at 50% 50%, #C0D6EE 0%, #98B6D9 100%);
	transition: background 1s;
}

.frame-tv__logo {
	position: absolute;
	transform: scale(0);
	width: 41%;
	height: 100%;
	opacity: 0;
	display: none;
}

.frame-tv__logo-show {
	display: flex;
	align-items: center;
	opacity: 1;
	transform: scale(1);
	transition: opacity 1s, transform 1s;
}

.frame-tv__rack {
	width: 52%;
	height: 12px;
	border-radius: 0px 0px 6px 6px;
	opacity: 0.8;
	background: #4D4D4D;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
}

.detail__tv-flash {
	position: absolute;
	top: 20%;
	right: -9%;
	opacity: 1;
	display: block;
	transition: opacity 1s, visibility 0s;
	z-index: -1;
}

._anim-tv-flash {
	opacity: 0;
	visibility: hidden;
	transform: translate(90%, -30%);
	transition: opacity 3s, visibility 0s 3s, transform 2s;
}


@media screen and (max-width: 2000px) {
	.detail__pattern-top{
		width: 14%;
	}
	.detail__pattern-bottom{
		width: 20%;
	}
}

@media screen and (max-width: 1375px) {
	.detail-text__item {
		font-size: 1.7em;
	}
}

@media screen and (max-width: 950px) {
	.detail__tv-body {
		width: 70%;
	}

	.detail__container {
		padding-bottom: 3em;
	}

	.detail-text__item {
		font-size: 1.6em;
	}
	.detail__pattern-top,
	.detail__pattern-bottom{
		display: none;
	}
}

@media screen and (max-width: 590px) {
	.detail__tv-body {
		width: 100%;
	}

	.detail__tv-flash {
		display: none;
	}

	.detail-text__item {
		font-size: 1.2em;
	}

	.detail-text__item--width-left,
	.detail-text__item--width-right {
		width: 100%;
	}

	.detail-text--right {
		align-items: flex-start;
		text-align: left;
	}
}



/*--control-screen__container--*/
.control-screen__content {
	position: relative;
	overflow: hidden;
}
.control-screen__pattern-top{
	position: absolute;
	z-index: -1;
	width: 258px;
	top: 0;
	left: -5%;
}

.control-screen__pattern-bottom{
	position: absolute;
	z-index: -1;
	width: 250px;
	top: 51%;
	right: 3%;
}

.control-screen__container {
	padding-top: 3em;
	padding-bottom: 8em;
	position: relative;
	z-index: 3;
	width: var(--width-container-wrapper-full);
}

.sliderDS__body {
	position: relative;
	padding: 30px 0px;
}

.control-screen__body {
	position: relative;
	margin-bottom: 7em;
}

.control-screen__header {
	margin-bottom: 80px;
}

.sliderDS .swiper-button-next,
.swiper-rtl .swiper-button-prev {
	left: auto;
	right: -2% !important;
}

.sliderDS .swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: -2% !important;
	right: auto;
}

.swiper-button-prev:after,
.swiper-button-next:after {
	display: none;
}

.swiperDS__arrow {
	position: absolute;
	width: 45px;
	height: 45px;
	border-top: 3px solid var(--color-violete) !important;
	border-right: 3px solid var(--color-violete) !important;
}

.swiperDS__arrow--left {
	transform: rotate(-135deg);
}

.swiperDS__arrow--right {
	transform: rotate(45deg);
}

.swiper-pagination {
	display: none;
}

.sliderDS__content-descr {
	position: absolute;
	bottom: 0;
	left: 0px;
	background: #fff7e9;
	box-shadow: -1px 3px 6px -1px rgba(0, 0, 0, 0.25);
	width: 60%;
	min-height: 196px;
	z-index: 2;
	padding: 25px;
}

.sliderDS__content-descr-title {
	color: var(--color-black);
	font-family: Unbounded, var(--replacement-fonts);
	font-size: 25px;
	font-weight: 700;
	line-height: 160%;
	margin-bottom: 10px;
}

.sliderDS__content-descr-text {
	color: var(--color-light-black);
	font-family: Inter, var(--replacement-fonts);
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 160%;
	width: 83%;
}

.sliderDS__content-pic {
	padding: 0px 40px 50px 40px;
}

@media screen and (max-width: 2000px) {
	.control-screen__pattern-top{
		width: 18%;
	}
	.control-screen__pattern-bottom{
		width: 16%;
	}
}

@media screen and (max-width: 1600px) {
	.sliderDS__content-descr-title {
		font-size: 22px;
	}

	.sliderDS__content-descr-text {
		font-size: 16px;
	}
	.sliderDS__content-descr {
		min-height: 176px;
	}
}

@media screen and (max-width: 1445px) {
	.sliderDS__content-descr-title {
		font-size: 20px;
	}

	.sliderDS__content-descr-text {
		font-size: 15px;
	}
	.sliderDS__content-descr {
		min-height: 165px;
	}
}


@media screen and (max-width: 998px) {

	.sliderDS .swiper-button-next,
	.swiper-rtl .swiper-button-prev {
		right: 0% !important;
	}

	.sliderDS .swiper-button-prev,
	.swiper-rtl .swiper-button-next {
		left: 0% !important;
	}
	.control-screen__pattern-top,
	.control-screen__pattern-bottom{
		display: none;
	}
	
	.control-screen__container {
		padding-bottom: 3em;
	}
}

@media screen and (max-width: 800px) {
	.control-screen__header {
		margin-bottom: 55px;
	}

	.sliderDS__content-descr {
		position: relative;
		bottom: 0;
		background: transparent;
		width: 100%;
		box-shadow: unset;
		padding: 0px
	}

	.swiper-pagination {
		display: block;
	}

	.swiper-button-prev,
	.swiper-button-next {
		display: none;
	}

	.swiperDS__arrow {
		display: none;
	}

	.sliderDS__content-pic {
		padding: 0px 0px 50px 0px;
	}

	.sliderDS__content-descr {
		min-height: var(--min-height-descr-swiper);
		padding-top: 30px;
	}

	.sliderDS .swiper-pagination-bullet-active {
		background-color: var(--color-violete);
	}

	.sliderDS .swiper-pagination-bullets {
		bottom: var(--min-height-descr-swiper) !important;
		height: 12px;
	}

	.sliderDS .swiper-pagination {
		z-index: 1 !important;
	}

	.control-screen__body {
		margin-bottom: 35px;
	}
}

/*--info-reestr--*/
.info-reestr__block {
	display: flex;
	justify-content: space-between;
	padding: 40px;
	align-items: center;
	box-shadow: 1px 5px 3px -1px rgba(0, 0, 0, 0.25);
	background-color: #EEF3F8;
}

.info-reestr__block-info>div:not(:last-child) {
	margin-bottom: 20px;
}

.info-reestr__block-info {
	flex: 0 0 70%;
}

.info-reestr__block-info--big {
  color: var(--color-blue);
  font-family: Unbounded, var(--replacement-fonts);
  font-size: 25px;
  font-weight: 500;
  line-height: 150%;
}

.info-reestr__block-gerb {
	width: 120px;
	height: auto;
}

.info-reestr__block-gerb-pic {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 1600px) {
	.info-reestr__block-info--big {
		font-size: 22px;
	}
}

@media screen and (max-width: 1375px) {
	.info-reestr__block-info {
		flex: 0 0 80%;
	}
	.info-reestr__block-info--big {
		font-size: 20px;
	}
}

@media screen and (max-width: 828px){
	.info-reestr__container {
		padding-bottom: 55px;
	}
}

@media screen and (max-width: 816px) {
	.info-reestr__block {
		flex-direction: column;
	}

	.info-reestr__block-info>div:last-child {
		margin-bottom: 23px;
	}

	.info-reestr__block-info {
		text-align: center;
	}

	.info-reestr__block {
		padding: 30px 20px;
	}
}

@media screen and (max-width: 687px) {
	.info-reestr__block-info--big {
		font-size: 18px;
	}
}

@media screen and (max-width: 556px) {
	.info-reestr__block-gerb {
		width: 90px;
		height: auto;
	}
}

/*--calculator-ds--*/
.calculator-ds__content {
	position: relative;
	overflow: hidden;
}

.calculator-ds__pattern-top{
	position: absolute;
	z-index: -1;
	top: 5%;
	right: -5%;
	width: 400px;
	opacity: 0.8;
}
.calculator-ds__pattern-t-left{
	position: absolute;
	z-index: -1;
	top: 27%;
	left: -2%;
	width: 250px;
	opacity: 0.7;
}

.calculator-ds__container {
	padding-top: 3em;
	padding-bottom: 8em;
	overflow: hidden;
	width: var(--width-container-wrapper-full);
}

.calculator-ds__header {
	margin-bottom: 6em;
}

.calculator-ds__body {
	width: 100%;
	height: 100%;
}

.calculator__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4em;
}

.calculator__header-title {
	color: var(--color-light-black);
	font-family: Inter, var(--replacement-fonts);
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: 160%;
}

.calculator__header-switcher {
	display: flex;
	align-items: center;
}

.switcher-calc__switch {
	margin: 0px 25px;
	width: 80px;
	height: 40px;
}

.switch__input {
	display: none;
}

.switch__item {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #FFE2B7;
	border-radius: 75px;
	transition: all 0.3s;
	cursor: pointer;
}

.switch__item:before {
	content: "";
	position: absolute;
	left: 2px;
	top: 2px;
	width: 35px;
	height: 35px;
	background-color: rgba(239, 161, 10, 0.87);
	border-radius: 50%;
	transition: all 0.3s;
}

.switch__input:checked+.switch__item:before {
	left: 43px;
}

.nameSrv__text {
	color: var(--color-light-black);
	font-family: Inter, var(--replacement-fonts);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
}

.nameSrv__text--active {
	font-weight: 700;
}

.switcher-calc__body-nameSrv {
	display: flex;
}

.tooltip__icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	color: #8F8F8F;
	font-weight: 700;
	font-size: 0.8em;
	font-family: Inter, var(--replacement-fonts);
	border: 0.5px solid rgba(0, 0, 0, 0.41);
	cursor: pointer;
}

.nameSrv__tooltip {
	position: relative;
	top: -10px;
}

.tooltip__info {
	position: absolute;
	top: -117px;
	padding: 15px 15px;
	border-radius: 20px;
	background-color: #F4F1F1;
	color: var(--color-light-black);
	font-size: 0.9em;
	font-family: Inter, var(--replacement-fonts);
	z-index: 1;
	width: 268px;
	animation: tooltip-show 2s;
	display: none;
	font-weight: 300;
	line-height: 150%;
}

.tooltip__info--pos-left {
	left: 10px
}

.tooltip__info--pos-right {
	right: 10px;
}

.tooltip__icon:hover+.tooltip__info {
	display: block;
}

._active_show-tooltipInfo {
	display: block;
}

@keyframes tooltip-show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.calculator__content {
	margin-bottom: 3em;
}

.calculator__content-slider {
	width: 100%;
	min-height: 62px;
	position: relative;
	margin-bottom: 6px;
	overflow: hidden;
}

.calc-slider__item {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}

.calc-slider__before {
	background: url('//mmvs.ru/project_mmvs/src/assets/img/ds/calc_ds2.svg') no-repeat;
	z-index: 3;
}

.calc-slider__after {
	width: 100%;
	background: url('//mmvs.ru/project_mmvs/src/assets/img/ds/calc_ds.svg') no-repeat;
	z-index: 2;
}

.calculator__content-screens,
.calculator__content-info-storage,
.calculator__content-info-mo {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.calculator__content-screens-input {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
	border: none;
	background-color: transparent;
}

.icon-infinity {
	display: none;
}

.calculator__content-screens-input::-webkit-outer-spin-button,
.calculator__content-screens-input::-webkit-inner-spin-button {
	display: none;
}

.range-calc {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 8px;
	padding: 0;
	border-radius: 10px;
	background-color: var(--color-violete);
}

.range-calc::-webkit-slider-runnable-track {
	cursor: pointer;
}

.range-calc::-ms-track {
	appearance: none;
	height: 8px;
	cursor: pointer;
}

.range-calc::-moz-range-track {
	cursor: pointer;
}

.range-calc::-webkit-slider-thumb {
	-webkit-appearance: none;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.18);
	border: 6px solid #fff;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background-color: var(--color-violete);
	cursor: pointer;
	box-sizing: border-box;
}

.range-calc::-ms-thumb {
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.18);
	border: 6px solid #fff;
	height: 24px;
	width: 24px;
	border-radius: 100%;
	background-color: var(--color-violete);
	box-sizing: border-box;
	cursor: pointer;
}

.range-calc::-ms-fill-lower {
	background-color: #7a86a3;
	border-radius: 10px;
}

.range-calc::-ms-fill-upper {
	background-color: var(--color-violete);
	border-radius: 10px;
}

.range-calc::-moz-range-thumb {
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.18);
	border: 6px solid #fff;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background-color: var(--color-violete);
	cursor: pointer;
	box-sizing: border-box;
}

.calculator__content-range-markers {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.calculator__content-range-markers-min,
.calculator__content-range-markers-max {
	font-family: Inter, var(--replacement-fonts);
	font-size: 0.9em;
	line-height: 120%;
	font-weight: 500;
	color: #b2b7b8;

}

.calculator__content-info {
	display: flex;
	align-items: center;
	overflow: hidden;
	justify-content: center;
}

.calculator__content-info>* {
	flex: 0 1 auto;
	overflow: hidden;
	margin-right: 50px;
}

.calculator__content-info-mo {
	margin-right: 0px;
}

.calculator__content-info-storage-value,
.calculator__content-info-mo-value,
.calculator__content-screens-input,
.icon-infinity,
.price-value {
	color: var(--color-light-black);
	font-family: Inter, var(--replacement-fonts);
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 160%;
}

.calculator__content-screens-text,
.calculator__content-info-storage-label,
.calculator__content-info-mo-label,
.calculator__footer-price-text {
	color: #A3A7B0;
	font-family: Inter, var(--replacement-fonts);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 160%;
}

.price-value {
	margin-left: 10px;
}

.calculator__footer {
	padding: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.text-info-custom-server {}

.calculator__footer-info-text {
	font-size: 1.2em;
	line-height: 166%;
	font-weight: 600;
	color: var(--color-light-black);
	text-align: center;
}

.calculator__footer-price-value {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 2000px) {
	.calculator-ds__pattern-top{
		width: 23%;
	}
	.calculator-ds__pattern-t-left{
		width: 14%;
	}
}
@media screen and (max-width: 1666px) {
	.tooltip__info {
		top: -95px;
		padding: 10px 10px;
	}
}
@media screen and (max-width: 1600px) {
	.calculator__header-title {
		font-size: 22px;
	}
	.nameSrv__text {
		font-size: 16px;
	}
	.calculator__content-screens-text, 
	.calculator__content-info-storage-label, 
	.calculator__content-info-mo-label, 
	.calculator__footer-price-text {
		font-size: 16px;
	}
	.calculator__content-info-storage-value, 
	.calculator__content-info-mo-value, 
	.calculator__content-screens-input, 
	.icon-infinity, .price-value {
		font-size: 18px;
	}
	.tooltip__info {
		top: -120px;
		padding: 15px 15px;
	}
}
@media screen and (max-width: 1445px) {
	.calculator__header-title {
		font-size: 20px;
	}
}

@media screen and (max-width: 1375px) {
	.calculator__header-title {
		font-size: 18px;
	}
}

@media screen and (max-width: 917px) {
	.tooltip__info {
		top: -90px;
		padding: 10px 10px;
	}
	.calculator-ds__pattern-top,
	.calculator-ds__pattern-t-left{
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.tooltip__info--pos-left {
		left: -10px;
	}
}

@media screen and (max-width: 712px) {
	.calculator-ds__container {
		padding-bottom: 3em;
	}

	.calculator__header {
		flex-direction: column-reverse;
	}

	.calculator__header-switcher {
		margin-bottom: 50px;
	}

	.tooltip__info {
		width: 250px;
		top: -100px;
		padding: 5px 5px;
	}
	.tooltip__info--pos-left {
		left: 8px;
	}

	.calculator-ds__header {
		margin-bottom: 7em;
	}

	.calculator__content-info {
		justify-content: space-around;
	}

	.calculator__content-info>* {
		margin-right: 0px;
	}

	.calculator__content-screens,
	.calculator__content-info-storage,
	.calculator__content-info-mo {
		align-items: flex-start;
	}


	.calculator__footer {
		padding: 0px 24px;
		flex-direction: column;
	}

	.calculator__footer-price-value {
		flex-direction: column;
		margin-bottom: 2.5em;
	}

	.calculator__footer-info {
		text-align: center;
	}
}

@media screen and (max-width: 446px) {

	.nameSrv__cloudServer,
	.nameSrv__ownServer {
		flex: 0 0 85%;
	}

	.switcher-calc__switch {
		width: 100%;
	}

	.calculator__header {
		align-items: flex-start;
	}

	.calculator__header-switcher {
		margin-bottom: 60px;
	}

	.switch__input:checked+.switch__item:before {
		left: 57%;
	}
}


/*--example-implementations--*/
.example-implementations__content {
	position: relative;
	overflow: hidden;
}
.example-implementations__pattern-top{
	position: absolute;
	z-index: -1;
	width: 350px;
	top: 6%;
	left: -4%;
}

.example-implementations__container {
	padding-top: 3em;
	padding-bottom: 10em;
	width: var(--width-container-wrapper-full);
}

.example-implementations__header {
	margin-bottom: 6em;
}

.example-implementations__body {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: -40px -50px 0px -50px;
}

.example-implementations__column {
	padding: 40px 50px 0px 50px;
}

.example-implementations__pic {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 2000px) {
	.example-implementations__pattern-top{
		width: 20%;
	}
}

@media screen and (max-width: 1532px) {
	.example-implementations__column {
		padding-left: 30px;
		padding-right: 30px;
	}
	.example-implementations__body {
		margin-left: -30px;
		margin-right: -30px;
	}
}
@media screen and (max-width: 1201px) {
	.example-implementations__column {
		padding-left: 20px;
		padding-right: 20px;
	}
	.example-implementations__body {
		margin-left: -20px;
		margin-right: -20px;
	}
}

@media screen and (max-width: 940px){
	.example-implementations__pattern-top{
		display: none;
	}
}

@media screen and (max-width: 600px) {
	.example-implementations__header {
		margin-bottom: 3em;
	}

	.example-implementations__item {
		width: 172px;
		height: 172px;
	}

	.example-implementations__column {
		padding: 40px 20px 0px 20px;
	}

	.example-implementations__item {
		background: transparent;
	}

	.example-implementations__container {
		padding-bottom: 3em;
	}
}

@media screen and (max-width: 480px) {
	.example-implementations__item {
		width: 150px;
		height: 150px;
	}
}


/*--stages-work--*/
.stages-work__header {
	margin-bottom: 85px;
}

.stages-work__content {
	position: relative;
	overflow-x: clip;
}
.stages-work__pattern-top {
  position: absolute;
  top: -19%;
  left: 4%;
  width: 181px;
  z-index: 0;
  opacity: 0.9;
}

.stages-work__container {
	position: relative;
}

.stages-work__body {
	display: flex;
	justify-content: space-around;
}

.stages-work__body-left,
.stages-work__body-right {
	flex: 0 0 42%;
}

.stage-work__column {
	margin-bottom: 50px;
	position: relative;
}

.stage-work__column-item {
	display: flex;
	align-items: center;
	height: 114px;
}

.stage-work__column-item-point {
	display: flex;
	justify-content: center;
	position: absolute;
	color: #475569;
	font-family: Inter, var(--replacement-fonts);
	font-size: 150px;
	font-weight: 400;
	line-height: 136.7%;
	width: 18%;
	z-index: 1;
}


.stage-work__column-item-text {
	position: relative;
	z-index: 0;
	margin-left: 11%;
	display: flex;
	align-items: center;
	color: #474F62;
	font-family: Inter, var(--replacement-fonts);
	font-weight: 300;
	line-height: 150%;
	width: 100%;
	height: 100%;
	background-color: #F0E9FF;
	padding: 45px;
}

@media screen and (max-width: 2000px) {
	.stages-work__pattern-top {
		width: 8%;
	}
}

@media screen and (max-width: 1600px) {
	.stage-work__column-item-text {
		font-size: 16px;
	}
}

@media screen and (max-width: 1375px) {
	.stages-work__pattern-top {
		top: -13%;
		left: 3%;
	}
}

@media screen and (max-width: 974px) {
	.stage-work__column-item-text {
		font-size: 15px;
	}
}

@media screen and (max-width: 705px) {
	.stages-work__body {
		flex-direction: column;
	}
	.stages-work__pattern-top{
		display: none;
	}
	.stages-work__body {
		margin-bottom: 0px;
	}
	.stages-work__header {
		margin-bottom: 39px;
		margin-top: 55px;
	}
	.stage-work__column-item-point {
		font-size: 100px;
		width: 15%;
	}

	.stage-work__column-item {
		height: 84px;
	}
	.stage-work__column {
		margin-bottom: 20px;
	}
	.stage-work__column-item-text {
		margin-left: 9%;
	}
}
/*--stages-work--*/

/*--our-help--*/
.our-help__body {
	position: relative;
	padding-top: 162px;
	padding-bottom: 104px;
}

.our-help__container {
	position: relative;
}

.our-help__fb {
	background-color: var(--color-violete);
}

.our-help__pattern-left {
	position: absolute;
	z-index: 0;
	top: 10%;
	left: 0;
	width: 309px;
}

.our-help__pattern-right {
	position: absolute;
	z-index: 0;
	top: 40%;
	right: 0;
	width: 294px;
}

.our-help__pattern-bottom {
	position: absolute;
	z-index: 0;
	bottom: 0px;
	left: 7%;
	width: 85px;
}

.our-help__pattern-right-mob {
	display: none;
}

@media screen and (max-width: 1880px) {
	.our-help__pattern-bottom {
		left: -1%;
	}
}

@media screen and (max-width: 980px) {

	.our-help__pattern-bottom,
	.our-help__pattern-right,
	.our-help__pattern-left {
		display: none;
	}

	.our-help__pattern-right-mob {
		display: block;
		position: absolute;
		z-index: 1;
		top: 1%;
		right: 7%;
		width: 107px;
	}
}

@media screen and (max-width: 1000px) {
	.our-help__body {
		padding-top: 0px;
	}
}

@media screen and (max-width: 825px) {
	.our-help__body {
		padding-top: 55px;
	}
}

/*--our-help--*/
















