

.index__swiper_plug {
	flex-wrap: wrap;
	align-items: center;
}
.index__slider-leftside {
	width: 45%;
}
.index__promo_slider-name {
	font-size: 144px;
	color: black;
	line-height: 160%;
	color: white;
	text-transform: uppercase;
}
.index__slider-tags {
	display: flex;
	flex-wrap: wrap;
	max-width: 687px;
	width: 100%;
	align-items: center;
}
.index__slider-tag {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	margin: 8px 0;
}
.index__slider-divider {
	width: 20px;
	height: 1px;
	background: #A5A2AC;
	margin: 8px 16px;
}
.index__slider-tag > svg {
	max-height: 20px;
	fill: #A5A2AC;
}

.index__swiper_plug-text {
	font-size: 24px;
	text-transform: uppercase;
	margin: 24px 0;
	line-height: 160%;
	color: #A5A2AC;
}
.section__description {
	font-size: 24px;
	/* text-transform: uppercase; */
	color: #000;
	line-height: 160%;
}
.section__equal {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}
.section__equal.panorame .section__title {
	line-height: 100%;
}
.section__equal > div {
	width: 60%;
}
.section__equal.panorame > div:last-child {
	max-width: 540px;
	width: 40%;
}
.index__swiper {
	height: 520px;
}
.index__slide {
	height: 600px !important;
}



.home__content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.home__content > div {
	width: 48%;
}
.about__home_list {
	display: flex;
	flex-direction: column;
	margin-top: 48px;
}
.about__home_list .oplata__advantages {
	flex-wrap: wrap;
	margin: 40px 0 0 0;
}
.about__home_list .oplata__advantages .oplata__advantage {
	width: 48%;
	margin: 0;
	margin-top: 24px;
}

.billet-text {
	padding: 24px;
	width: 100%;
	line-height: 160%;
	background: #D1CDDA;
	font-size: 24px;
	text-transform: uppercase;
}
.about__home-img {
	display: flex;
	margin-top: 64px;
	width: 100%;
	height: 800px;
}
.about__home-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.about__home .section__description {
	margin-top: 64px;
}
.section__list {
	display: flex;
	flex-direction: column;
	width: 100%;
	list-style-type: none;
	margin: 0;
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 52px;
}
.section__list > li {
	margin: 12px 0;
	display: flex;
	align-items: flex-start;
	line-height: 160%;
}
.l6-notification {
	margin: 0 0 85px;
}
.section__list > li:before {
	content: '';
	width: 24px;
	height: 2px;
	background: #A5A2AC;
	margin-top: 16px;
	margin-right: 24px;
}
.auto-size-img {
	width: 100%;
	display: flex;
	max-height: 800px;
	height: 800px;
}
.auto-size-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.tech-container {
	display: flex;
	flex-direction: column;
}
.about__project-img.l6 > img {
	right: -140px;
	max-width: 380px;
	height: fit-content;
	bottom: -100px;
}
.about__project-rightside {
	width: 62%;
}
.about__project-rightside .billet-text {
	margin-top: 64px;
}
.about__project-rightside .section__description {
	margin-top: 64px;
}
.wbox__header {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.wbox__content {
	margin-top: 64px;
}
.wbox__header .section__description {
	margin-top: 64px;
}
.about__home-img.panorame {
	height: 600px;
}
.education {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.education > div {
	width: 49%;
}
.education_content {
	width: 49%;
	max-width: 687px;
	display: flex;
	flex-direction: column;
}
.education_content .section__title,
.education_content .section__description {
	max-width: 534px;
	margin-top: 64px;
}


.education-img {
	width: 100%;
	height: 400px;
}
.education-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.education_img {
	background-size: cover;
	background-position: center;
}
.wrapper__content.smart {
	margin-right: 0;
	margin-left: auto !important;
	padding: 0;
}
.smart__container {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.smart__container > div {
	width: 49%;
	display: flex;
	flex-direction: column;
}
.smart-img {
	background-position: center;
	background-size: cover;
}
.notification {
	width: 100%;
	padding: 64px 32px;
	background: #D1CDDA;
	font-size: 48px;
	font-family: SF SemiBold;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
}


.slide__plan_title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 32px;
}
.slide__plan_name {
	text-transform: uppercase;
	display: flex;
	align-items: flex-start;
}
.slide__plan_name p {
	font-size: 24px;
}
.slide__plan_name > span {
	color: #A5A2AC;
	font-size: 16px;
	margin-left: 8px;
}
.slide__plan {
	width: 100%;
	display: flex;
	height: 600px;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	box-sizing: border-box;
}
.slide__plan > img {
	width: fit-content;
	/* height: 100%; */
}
.plan__swiper {
	display: flex;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
}
.plan__swiper > .swiper-pagination {
	display: none;
}



.plan_filter_list {
	position: relative;
}
.plan_filter_list-search {
	display: none;
	flex-direction: column;
	width: 100%;
	z-index: 50;
	position: absolute;
}
.plan_filter_list-index {
	display: flex;
	color: #A5A2AC;
	justify-content: space-between;
	font-size: 16px;
	cursor: pointer;
	padding: 0 16px;
	text-transform: uppercase;
	height: 56px;
	background: white;
	align-items: center;
	width: 100%;
}
.plan_filter_list-index {
	width: 100%;
}
.plan_filter_choice {
	display: flex;
	text-transform: uppercase;
	width: 100%;
	font-size: 16px;
	height: 56px;
	background: white;
	align-items: center;
	justify-content: space-between;
	padding: 0 16px;
	cursor: pointer;
	transition: 0.3s;
}
.plan_filter_choice:hover {
	background: #D1CDDA;
}
.plan_filter_list.active > .plan_filter_list-search {
	display: flex;
}
.plan_filter_list svg {
	transition: 0.3s;
}
.plan_filter_list.active svg {
	transform: rotate(180deg);
}
.plan_filter_list-index span, .plan_filter_list-index {
	transition: 0.3s;
}
.plan_filter_list.active .plan_filter_list-index {
	background: #D1CDDA;
	color: #000;
}
.plan-slide {
	cursor: pointer;
	color: #000;
	text-decoration: none;
}


.plans-control .swiper__navigation {
	margin-top: 48px;
}
.plans-control .swiper__counter {
	margin-top: 48px;
}
.documents__lists {
	display: flex;
	margin-top: 64px;
	justify-content: space-between;
}
.documents__list {
	display: flex;
	flex-direction: column;
	width: 49%;
	height: 600px;
}
.documents__list > .documents__list-el:first-child {
	border-top: 1px solid #A5A2AC;
}
.documents__list-el {
	height: 100%;
	position: relative;
	text-transform: uppercase;
	display: flex;
	width: 100%;
	border-bottom: 1px solid #A5A2AC;
	padding: 32px 80px;
}
.documents__list-el:after {
	content: '';
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 0%;
	left: 0;
	z-index: 7;
	transition: 0.3s;
	background: #D1CDDA;
}
.documents__list-el:hover:after {
	height: 100%;
}
.documents__list-el-content {
	position: relative;
	z-index: 8;
}
.documents__list-el span {
	color: #A5A2AC;
	line-height: 160%;
}
.documents__list-el p {
	font-size: 24px;
	margin-top: 8px;
	line-height: 160%;
}
.oplata__advantage .title {
	font-size: 32px;
	font-family: SF SemiBold;
}
.index__slider-tags.cl8 {
	max-width: 539px;
}
.about__home_list.cl8 {
	margin-top: 75px;
}

@media screen and ( max-width: 1500px ) {
	.index__slider-leftside {
		
	} 
	.index__promo_slider-name {
		font-size: 116px;
	}
	.index__swiper_plug {
		align-items: flex-start;
	}
			
	.about__home-img {
		height: 500px;
	}
	.documents__list {
		height: 800px;
	}
	.index__swiper {
		height: 450px;
	}
	.index__slide {
		height: 450px !important;
	}
	.index__swiper_plug {
		flex-wrap: nowrap;
		flex-direction: column-reverse;
		align-items: flex-start;
	}
}
@media screen and ( max-width: 1240px ) {
	.index__swiper_plug {
		flex-wrap: wrap;
		

	}
	.oplata__advantage .title {
		font-size: 28px;
	}
	.index__slider-leftside {
		width: 100%;
	}
	.index__swiper_plug {
		align-items: flex-start;
		flex-direction: column-reverse;
	}
}
@media screen and ( max-width: 1024px ) {
	.section__equal {
		flex-direction: column;
	}
	.plans-control .swiper__counter {
		max-width: 280px;
	}
	.plans-control {
		max-width: 100%;
	}
	.plans-control .section__title-mini {
		margin-bottom: 24px;
		max-width: 100%;
		justify-content: flex-start;
	}
	.smart__container {
		flex-direction: column;
	}
	.smart__container > div {
		width: 100%;
	}
	.smart-img {
		margin-top: 48px;
		height: 400px;
	}
	.documents__lists {
		flex-direction: column;
	}
	.documents__list {
		height: auto;
		width: 100%;
	}
	.education {
		flex-direction: column-reverse;
	}
	.education_content {
		max-width: 100%;
	}

	.education > div {
		width: 100%;
	}
	.education-img {
		order: 1;
		margin-top: 48px;
	}
	.education_content .section__title, .education_content .section__description {
		max-width: 100%;
		width: 100%;
	}
	.about-project.wrapper__content-wide .wrapper__content {
		flex-direction: column-reverse;
	}
	.about__project-rightside {
		padding: 0;
		width: 100%;
	}
	.education > .education_img {
		height: 400px;
	}
	.about__project-leftside {
		width: 80%;
		margin-top: 48px;
	}
	.education_img {
		margin-top: 24px;
	}
	.education_content .section__title {
		margin-top: 0;
	}
	.education_content .section__description {
		margin-top: 48px;
	}
	.section__equal > div {
		width: 100%;
		max-width: 100%;
	}
	.section__equal > .section__title {
		max-width: 100%;
		margin-bottom: 48px;
	}
	.home__content {
		flex-direction: column;
	}
	.home__content > div {
		width: 100%;
	}
	.about__home-img {
		height: 400px;
	} 
	.tech-container {
		margin-top: 24px;
	}
	.about__home-img.panorame {
		height: 450px;
	}
	.auto-size-img {
		height: 400px;
	}
	.section__list {
		margin-top: 12px;
	}
	.section__equal.panorame > div:last-child {
		width: 100%;
		max-width: 100%;
	}
	.section__equal.panorame > div {
		width: 100%;
	}
	.plan__swiper {
		overflow-x: clip;
		overflow-y: visible;
	}
	.plan__swiper > .swiper-pagination {
		display: flex;
		top: -46px;
		height: 15px;
	}
	.index__swiper {
		height: 350px;
	}
	.index__slide {
		height: 350px !important;
	}
	.about__project-rightside .billet-text {
		font-size: 16px;
	}
	.about__home_list.cl8 {
		margin-top: 48px;
	}
}
@media screen and ( max-width: 768px ) {
	.index__promo_slider-name {
		font-size: 116px;
	}
	.about__project-img.l6 > img {
		height: fit-content;
		width: 240px;
		right: -120px;
		bottom: -60px;
	}
	.about__project-rightside .billet-text {
		margin-top: 24px;
	}
	.about__home .billet-text {
		margin-top: 24px;
	}
	.about__home .section__description {
		margin-top: 24px;
	}
	.about__home_list {
		margin-top: 24px;
	}
	.about__project-rightside .section__description {
		margin-top: 24px;
	}
	.index__slider-leftside .button {
		width: 100%;
	}
	.about__home-img.panorame {
		height: 350px;
	}
	.notification {
		font-size: 32px;
	}
	.documents__list-el {
		padding: 32px 40px;
	}
	.documents__list-el span {
		font-size: 14px;
	}
	.documents__list-el p {
		font-size: 16px;
	}
	.oplata__advantage .title {
		font-size: 32px;
	}
	.about__home_list .oplata__advantages .oplata__advantage {
		margin-top: 48px;
	}
	.about__home_list .oplata__advantages {
		margin-top: 0;
	}
	.documents__list-el p {
		font-size: 24px;
	}
	.about__home_list.cl8 {
		margin-top: 24px;
	}
	.about__home-img {
		margin-top: 48px;
	}
}
@media screen and ( max-width: 480px ) {
	.section__description {
		font-size: 16px	;
	}
	.section__equal.panorame .section__title {
		margin-bottom: 24px;
	}
	.smart-img {
		margin-top: 24px;
	}
	.plans-control .swiper__counter {
		max-width: 200px;
	}
	.documents__lists {
		margin-top: 32px;
	}
	.education_content .section__description {
		margin-top: 24px;
	}
	.education-img, .education > .education_img {
		height: 300px;
	}
	.auto-size-img {
		height: 400px;
	}
	.section__list {
		font-size: 16px;
	}
	.swiper__section {
		margin-top: 48px;
	}
	.slide__plan {
		height: 360px;
	}
	.slide__plan_name {
		max-width: 90%;
	}
	.slide__plan_name p {
		font-size: 16px;
	}
	.slide__plan_name > span {
		font-size: 14px;
	}
	.index__swiper {
		height: 400px;
	}
	.index__slide {
		height: 400px !important;
	}
	.billet-text {
		font-size: 16px;
	}
	.oplata__advantage .title {
		font-size: 21px;
	}
	.about__project-leftside {
		width: 100%;
	}
	.about__project-img.l6 > img {
		height: 200px;
		width: 200px;
		max-width: 200px;
		right: 10px;
		bottom: -30px;
	}
	.notification {
		font-size: 24px;
		padding: 48px 20px;
	}
	.index__promo_slider-name {
		font-size: 64px;
	}
	.standart-slide {
		font-size: 16px;
	}
	.about__home_list .oplata__advantages .oplata__advantage {
		margin-top: 32px;
	}
	.about__project-img {
		height: 400px;
	}
	.about__home-img.panorame {
		height: 400px;
		margin-top: 32px;
	}
	.wbox__header .section__description, .wbox__content {
		margin-top: 32px;
	}
	.education-img, .education > .education_img {
		height: 400px;
	}
}


/* Коммерция */

.commercial-title-split {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 56px 0 48px;
}

.commercial-title-split .col {
	line-height: 1.3;
	color: #ffffff;
}

.commercial-title-split .col b {
	display: block;
	font-size: 48px;
}

.commercial-title-split .col span {
	display: block;
	font-size: 48px;
	color: #ffffff;
	font-weight: bold;
}

.commercial-title-split .col:first-child {
	width: 55%;
}

.commercial-title-split .col:last-child {
	width: 37%;
	font-size: 24px;
	color: #ffffff;
	line-height: 1.5;
	margin: 21px 0 0;
}


.get-prices {}

.get-prices__image {
	height: 500px;
	position: relative;
}

.get-prices__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.get-prices-title-split {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 56px 0 0;
}

.get-prices-title-split .col {
	line-height: 1.3;
	color: #ffffff;
}

.get-prices-title-split .col>b {
	display: block;
	font-size: 64px;
	font-weight: normal;
}

.get-prices-title-split .col>span {
	display: block;
	font-size: 64px;
	color: #ffffff;
	font-weight: normal;
}

.get-prices-title-split .col:first-child {
	width: 55%;
}

.get-prices-title-split .col:last-child {
	width: 37%;
	font-size: 24px;
	line-height: 1.5;
}

.commercial-map {}

.commercial-map__tabs {
	display: flex;
}

.commercial-map__tabs div {
	font-size: 16px;
    text-align: center;
    border: 1px solid #A5A2AC;
    border-right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 144px;
    color: #ffffff;
    padding: 0 20px;
    line-height: 1.4;
    box-sizing: border-box;
}

.commercial-map__tabs div:last-child {
	border-right: 1px solid #A5A2AC;
}

#commercial-map {
	height: 800px;
}

.commercial-map-skills {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	border-bottom: 1px solid #D1CDDA;
	margin: 175px 0 43px;
	padding: 0 0 62px;
}

.commercial-map-skills .item {
	width: 30%;
	text-align: center;
	margin: 0 10px 45px;
}

.commercial-map-skills .item b {
	display: block;
	font-size: 36px;
	color: #ffffff;
	font-family: 'SovMod';
	font-weight: normal;
}

.commercial-map-skills .item span {
	display: block;
	font-size: 16px;
	color: #E6684F;
	margin: 20px 0 0;
}

.commercial-map-skills-info {
	text-align: center;
	text-transform: uppercase;
}


.commercial-traffic {}

.commercial-traffic div {
	background: url(../img/promo/traffic-li.svg?v=2) 0 0 no-repeat;
	margin: 0 0 16px;
	padding: 0 0 0 58px;
	color: #ffffff;
}


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

	.commercial-title-split .col>b,
	.commercial-title-split .col>span {
		font-size: 32px;
		margin: 0 0 15px;
	}

	.commercial-title-split {
		flex-direction: column;
	}

	.commercial-title-split .col {
		width: 100% !important;
	}

	.get-prices-title-split .col>b,
	.get-prices-title-split .col>span {
		font-size: 32px;
		margin: 0 0 15px;
	}

	.get-prices-title-split {
		flex-direction: column;
	}

	.get-prices-title-split .col {
		width: 100% !important;
	}

	.commercial-map__tabs {
		flex-wrap: wrap;
	}

	.commercial-map__tabs div {
		border-right: 1px solid #A5A2AC;
		border-bottom: 0;
		min-height: 112px;
	}
	.commercial-map__tabs div:last-child {
		border-bottom: 1px solid #A5A2AC;
	}

	.commercial-map-skills .item {
		width: 100%;
		margin: 0 10px 35px;
	}

	.commercial-map-skills .item b {
		font-size: 26px;
	}

	.index__swiper_container > .wrapper__content-wide {
                padding: 0 1rem;
    }

}

.constaction__slide_img > img {
    object-fit: contain;
}

.text-gray{
	color: #A5A2AC !important;
}

.text-white{
	color: #ffffff;
}
.fs-4{
	font-size: 24px;
}
    