/* Start:/local/templates/mosprom/css/space.css?17882511003835*/
.space_banner {
    background: linear-gradient(93.76deg, rgba(104, 185, 212, 0.3) 7.39%, rgba(84, 160, 186, 0.3) 93.7%);
    border-radius: 10px;
}

.middle_banner {
    position: relative;
    height: 100%;
}

.middle_banner img {
    position: absolute;
}

.middle_banner_text {
    padding: 48px 85px 36px 0;
}

.middle_banner_text p {
    margin-bottom: 1em;
    font-size: 20px;
    color:  rgba(32, 78, 114, 1);
    font-weight: 600;

}

.middle_banner_text p span {
    color: rgba(16, 51, 64, 1);
    font-weight: bolder;
}
img.rocket {
    bottom: 0;
    z-index: 2;
    left: -4%;
}

img.cloud1 {
    bottom: 0;
    z-index: 3;
}

img.cloud3 {left: -15%;bottom: 33%;}

img.cloud2 {
    bottom: 0;
    right: 0;
}




.space_top_banner {
    background: linear-gradient(111.08deg, #A4C520 13.77%, #C4E63B 105.1%),
    linear-gradient(93.76deg, #68B9D4 7.39%, #54A0BA 93.7%),
    linear-gradient(111.08deg, #A4C520 13.77%, #C4E63B 105.1%);
    border-radius: 10px;
}

.top_banner_text {
    padding: 32px;
    color: #fff;
}

.top_banner_text .banner_title {
    margin: 10px 0;
    text-align: left;
    color: #fff !important;
    font-family: 'Etude';
    font-size: 55px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
}

.banner_title {}

.top_banner_text .text {
    font-size: 17px;
    font-weight: 500;
    max-width: 530px;
}
.banner_top {
    margin-bottom: 80px;
}

img.top_banner {
    position: absolute;
    bottom: 0;
    right: 0;
    width: initial;
    max-width: initial;
}

.space_bottom {}

.space_bottom .project_title {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.space_bottom .project_text {
    color: rgba(16, 51, 64, 1);
    font-size: 17px;
    line-height: 1;
}

.space_bottom .project_item {
    background: linear-gradient(93.76deg, rgba(104, 185, 212, 0.3) 7.39%, rgba(84, 160, 186, 0.3) 93.7%);
    margin: 0 !important;
    height: 100%;
}

.space_bottom img.object_contain {
    height: 100%;
}
.space_top_banner {
    margin-top: 72px;
}
.space_bottom .bottom a.btn.btn-blue,
.space_top_banner a.btn.btn-blue {
    background: var(--color-blue) !important;
    color: #fff !important;
    padding: 19px 33px;
    font-weight: 600;
}





@media (max-width: 767px) {
    .top_banner_text .banner_title {font-size: 30px;}

    .top_banner_text {
        margin-bottom: 55%;
    }

    img.top_banner {
        max-width: 100%;
    }

    .banner_top {
        margin-bottom: 30px;
    }

    .middle_banner_text {
        padding: 20px;
        margin-bottom: 200px;
    }

    .middle_banner {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 200px;
    }

    .space_banner {
        position: relative;
    }

    .space_banner .col-12.col-md-5 {
        position: static;
    }

    img.rocket {
        height: 260px;
    }

    .space_bottom .project_title {
        font-size: 30px;
    }

    .space_bottom .project_item {
        margin-bottom: 20px !important;
    }

    .space_bottom .col-12 {
        margin-bottom: 20px;
    }

    .space_bottom .top {
        margin-bottom: 100px;
    }

    .about .text {
        font-size: 20px;
    }
    .project_text {
        font-size: 17px !important;
        line-height: 1.2 !important;
    }

    .projects_list .project_item .project_title {
        font-size: 26px !important;
    }

    h1.h1, .title {
        font-size: 26px !important;
    }

    .middle_banner_text p {
        font-size: 17px;
    }


}


/* Animations*/


.space_top_banner .top_banner {
    transition: all 0.6s;
}
.space_top_banner:hover .top_banner {
    transform: scale(1.1);
}

.space_banner:hover .middle_banner img {
    transform: scale(1.1);
}

.space_top_banner,.space_banner {
    overflow: hidden;
}

.middle_banner img {
    transition: all 0.6s;
}

/* End */


/* Start:/local/templates/mosprom/components/bitrix/news.list/awards/style.css?17881454785376*/
.projects_list.awards {
	margin-top: 40px;
}

.projects_list.awards .project_item {
	color: #fff !important;
	background: linear-gradient(93.76deg, rgba(104, 185, 212, 0.1) 7.39%, rgba(84, 160, 186, 0.1) 93.7%),
	linear-gradient(93.76deg, #68B9D4 7.39%, #54A0BA 93.7%);
	min-height: 500px;
}
.projects_list.awards .project_item:hover {
	background: linear-gradient(3.76deg, rgba(104, 185, 212, 0.1) 7.39%, rgba(84, 160, 186, 0.1) 93.7%),
	linear-gradient(93.76deg, #68B9D4 7.39%, #54A0BA 93.7%);
}

.projects_list.awards .project_item .project_title {
	color: #fff;
	font-size: 36px;
}

.projects_list.awards .project_item .project_text {
	font-size: 16px;
	font-weight: 500;
	max-width: 340px;
}

.awards .image {
	height: 60% !important;
	width: 100% !important;
}
.bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: bottom;
	background-size: 100% auto;
	left: 0;
	background-repeat: no-repeat;
}

.projects_list.awards .project_item.bg_green {
	background: linear-gradient(111.08deg, #A4C520 13.77%, #C4E63B 105.1%);
}








.wrap_points .label_points {
	position: relative;
	display: inline-block;
	top:0;
	right: initial;
	margin-bottom: 20px;
}
.project_item .wrap_points  .label_points {
	background: #fff;
	padding: 3px;
}

.project_item .wrap_points .label_points .text_points {
	padding-left: 16px;
	padding-right: 10px;
}

.project_item {
	margin-bottom: 20px;
	padding: 30px;
	min-height: 420px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 10px;
	background: linear-gradient(93.76deg, rgba(104, 185, 212, 0.15) 7.39%, rgba(84, 160, 186, 0.15) 93.7%);
	transition: all 0.3s ease;
}

.project_title {
	font-size: 25px;
	text-transform: uppercase;
	color: #21799A;
	font-family: 'Etude';
	margin-bottom: 15px;
}

.project_text {
	font-size: 18px;
	font-weight: 500;
}

.bottom a.btn.btn-blue {
	color: #21799A;
	font-size: 18px;
	font-weight: 600;
	background: linear-gradient(93.76deg, rgba(104, 185, 212, 0.1) 7.39%, rgba(84, 160, 186, 0.1) 93.7%);
	backdrop-filter: blur(12px);
	border-radius: 30px;
}

.project_item {
	margin-bottom: 20px;
	padding: 30px;
	min-height: 420px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 10px;
	background: linear-gradient(93.76deg, rgba(104, 185, 212, 0.15) 7.39%, rgba(84, 160, 186, 0.15) 93.7%);
}

.project_text {
	font-weight: 500;
}

.bottom a.btn.btn-blue {
	color: #21799A;
	font-size: 17px;
	font-weight: 600;
	background: linear-gradient(93.76deg, rgba(104, 185, 212, 0.1) 7.39%, rgba(84, 160, 186, 0.1) 93.7%);
	backdrop-filter: blur(12px);
	border-radius: 30px;
}


.project_item .image {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 300px;
	height: 300px;
	background-repeat: no-repeat;
	background-position: bottom right;
	z-index: 1;
	background-size: contain;
}

.project_item {
	position: relative;
	overflow: hidden;
}

.top {
	z-index: 2;
}

.bottom {
	z-index: 2;
}

.project_item:hover .image {
	transform: scale(1.1);
}

.project_item .image {
	transition: all 0.6s;
}


.project_item.bg_blue {
	background: linear-gradient(93.76deg, #68B9D4 7.39%, #54A0BA 93.7%), linear-gradient(93.76deg, rgba(104, 185, 212, 0.1) 7.39%, rgba(84, 160, 186, 0.1) 93.7%);
}

.project_item.bg_blue * {
	color: #fff !important;
}

.project_item.bg_blue a.btn.btn-blue {/* Frame 67 */
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(12px);
	border-radius: 30px;
}


.project_item.bg_green {
	background: linear-gradient(111.08deg, #A4C520 13.77%, #C4E63B 105.1%);
}

.project_item.bg_green * {
	color: #fff !important;
}

.project_item.bg_green a.btn.btn-blue {/* Frame 67 */
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(12px);
	border-radius: 30px;
}

.col-lg-12 .project_item .top {
	max-width: 500px;
}

.col-lg-12 .project_item .top .project_title {
	max-width: 400px;
}


.project_item.bg_blue:hover{
	background: linear-gradient(189.69deg, #68B9D4 3.07%, #54A0BA 82.88%), linear-gradient(93.76deg, rgba(104, 185, 212, 0.1) 7.39%, rgba(84, 160, 186, 0.1) 93.7%);
}
.project_item.bg_blue:hover a.btn span {
	background: linear-gradient(92.56deg, #4795B2 -5.48%, #167194 90.83%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.project_item.bg_blue:hover a.btn.btn-blue {
	background: #fff;
}

.project_item.bg_light_blue:hover {
	background: linear-gradient(240.08deg, rgba(104, 185, 212, 0.15) 16.45%, rgba(84, 160, 186, 0.15) 79.78%);
}
.project_item.bg_light_blue:hover a.btn.btn-blue {
	background: linear-gradient(93.76deg, #68B9D4 7.39%, #54A0BA 93.7%);
	backdrop-filter: blur(12px);
	color: #fff;
}

.project_item.bg_green:hover{
	background: linear-gradient(217.27deg, #A4C520 -7.47%, #C4E63B 98.64%);
}
.project_item.bg_green:hover a.btn span {
	background: linear-gradient(111.08deg, #A4C520 13.77%, #C4E63B 105.1%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.project_item.bg_green:hover a.btn.btn-blue {
	background: #fff;
}
.col-lg-12 .project_title {
	font-size: 55px;
}
.full_bg_cover .image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}
.full_bg_contain .image {
	width: 100%;
	height: 100%;
	background-size: contain;
}

@media (max-width: 992px) {

	.col-lg-12 .project_title {
		font-size: 32px;
	}
}
/* End */


/* Start:/local/templates/mosprom/components/bitrix/news.list/steps/style.css?17881441495474*/
.step_list .bg_light_blue .project_text {
	color: rgba(33, 121, 154, 1);
}

.step_list .project_text {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 70px;
}

.bottom {
	position: static;
}

span.step_count {
	position: absolute;
	left: -120px;
	bottom: -70px;
	font-family: 'Etude';
	font-style: normal;
	font-weight: 500;
	font-size: 180px;
	line-height: 1;
	/* identical to box height, or 216px */
	letter-spacing: -0.09em;
}

.step_list .image {
	z-index: 99 !important;
	width: 100% !important;
	height: 52% !important;
}

.bg_light_blue span.step_count {
	background: linear-gradient(93.76deg, rgba(104, 185, 212, 0.2) 7.39%, rgba(84, 160, 186, 0.2) 93.7%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.bg_blue span.step_count {
	opacity: 0.2;
}
.step_list .project_item {
	min-height: 480px;
	padding: 24px;
}

span.step_count.right {
	right: -65px;
	left: inherit;
}
.step_list .project_item.bg_blue a.btn.btn-blue {
	background: #fff;
	color: rgba(71, 149, 178, 1) !important;
	padding: 15px 36px;
}
.projects_list.step_list {
	margin-bottom: 96px;
}




.wrap_points .label_points {
	position: relative;
	display: inline-block;
	top:0;
	right: initial;
	margin-bottom: 20px;
}
.project_item .wrap_points  .label_points {
	background: #fff;
	padding: 3px;
}

.project_item .wrap_points .label_points .text_points {
	padding-left: 16px;
	padding-right: 10px;
}

.project_item {
	margin-bottom: 20px;
	padding: 30px;
	min-height: 420px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 10px;
	background: linear-gradient(93.76deg, rgba(104, 185, 212, 0.15) 7.39%, rgba(84, 160, 186, 0.15) 93.7%);
	transition: all 0.3s ease;
}

.project_title {
	font-size: 25px;
	text-transform: uppercase;
	color: #21799A;
	font-family: 'Etude';
	margin-bottom: 15px;
}

.project_text {
	font-size: 18px;
	font-weight: 500;
}

.bottom a.btn.btn-blue {
	color: #21799A;
	font-size: 18px;
	font-weight: 600;
	background: linear-gradient(93.76deg, rgba(104, 185, 212, 0.1) 7.39%, rgba(84, 160, 186, 0.1) 93.7%);
	backdrop-filter: blur(12px);
	border-radius: 30px;
}

.project_item {
	margin-bottom: 20px;
	padding: 30px;
	min-height: 420px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 10px;
	background: linear-gradient(93.76deg, rgba(104, 185, 212, 0.15) 7.39%, rgba(84, 160, 186, 0.15) 93.7%);
}

.project_text {
	font-weight: 500;
}

.bottom a.btn.btn-blue {
	color: #21799A;
	font-size: 17px;
	font-weight: 600;
	background: linear-gradient(93.76deg, rgba(104, 185, 212, 0.1) 7.39%, rgba(84, 160, 186, 0.1) 93.7%);
	backdrop-filter: blur(12px);
	border-radius: 30px;
}


.project_item .image {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 300px;
	height: 300px;
	background-repeat: no-repeat;
	background-position: bottom right;
	z-index: 1;
	background-size: contain;
}

.project_item {
	position: relative;
	overflow: hidden;
}

.top {
	z-index: 2;
}

.bottom {
	z-index: 2;
}

.project_item:hover .image {
	transform: scale(1.1);
}

.project_item .image {
	transition: all 0.6s;
}


.project_item.bg_blue {
	background: linear-gradient(93.76deg, #68B9D4 7.39%, #54A0BA 93.7%), linear-gradient(93.76deg, rgba(104, 185, 212, 0.1) 7.39%, rgba(84, 160, 186, 0.1) 93.7%);
}

.project_item.bg_blue * {
	color: #fff !important;
}

.project_item.bg_blue a.btn.btn-blue {/* Frame 67 */
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(12px);
	border-radius: 30px;
}


.project_item.bg_green {
	background: linear-gradient(111.08deg, #A4C520 13.77%, #C4E63B 105.1%);
}

.project_item.bg_green * {
	color: #fff !important;
}

.project_item.bg_green a.btn.btn-blue {/* Frame 67 */
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(12px);
	border-radius: 30px;
}

.col-lg-12 .project_item .top {
	max-width: 500px;
}

.col-lg-12 .project_item .top .project_title {
	max-width: 400px;
}


.project_item.bg_blue:hover{
	background: linear-gradient(189.69deg, #68B9D4 3.07%, #54A0BA 82.88%), linear-gradient(93.76deg, rgba(104, 185, 212, 0.1) 7.39%, rgba(84, 160, 186, 0.1) 93.7%);
}
.project_item.bg_blue:hover a.btn span {
	background: linear-gradient(92.56deg, #4795B2 -5.48%, #167194 90.83%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.project_item.bg_blue:hover a.btn.btn-blue {
	background: #fff;
}

.project_item.bg_light_blue:hover {
	background: linear-gradient(240.08deg, rgba(104, 185, 212, 0.15) 16.45%, rgba(84, 160, 186, 0.15) 79.78%);
}
.project_item.bg_light_blue:hover a.btn.btn-blue {
	background: linear-gradient(93.76deg, #68B9D4 7.39%, #54A0BA 93.7%);
	backdrop-filter: blur(12px);
	color: #fff;
}

.project_item.bg_green:hover{
	background: linear-gradient(217.27deg, #A4C520 -7.47%, #C4E63B 98.64%);
}
.project_item.bg_green:hover a.btn span {
	background: linear-gradient(111.08deg, #A4C520 13.77%, #C4E63B 105.1%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.project_item.bg_green:hover a.btn.btn-blue {
	background: #fff;
}
.col-lg-12 .project_title {
	font-size: 55px;
}
.full_bg_cover .image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}
.full_bg_contain .image {
	width: 100%;
	height: 100%;
	background-size: contain;
}

@media (max-width: 992px) {

	.col-lg-12 .project_title {
		font-size: 32px;
	}
}
/* End */
/* /local/templates/mosprom/css/space.css?17882511003835 */
/* /local/templates/mosprom/components/bitrix/news.list/awards/style.css?17881454785376 */
/* /local/templates/mosprom/components/bitrix/news.list/steps/style.css?17881441495474 */