@charset "utf-8";
html {width:100%}
body {margin:0; padding:0; height: 100%}
.openArea {overflow: hidden !important; scrollbar-gutter: stable}

.wrapper {margin: 0 auto; width: 100%; background: #fff; overflow: hidden; position: relative}

.ns-fx {display: flex}
.ns-fx > div, .ns-fx > li, .ns-fx > a {display: block; box-sizing: border-box; position: relative}

.title_fon {padding-top: 30px; position: relative; z-index: 4}
.title_fon:before { content: ''; width: 100vw; height: 100%; background: #f5f5f5; position: absolute; top: 0; left: calc((1160px - 100vw) / 2); z-index: -1}

header {display: block; position: relative; z-index: 10}
.fon-head {background: #001b4c}

.head, .footer {align-items: center; justify-content: space-between; margin: 0 auto; width: 100%; max-width: 1160px; height: 100px}
.head > div:nth-child(2), .footer > div:nth-child(2) {padding: 0 80px 0 25px; width: 100%; overflow: hidden}
.head > div:nth-child(4) {display: none}
.head .logo, .footer .logo {align-items: center; padding-bottom: 5px; width: 290px; color: #fff; text-decoration: none}
.head .logo > div:nth-child(1), .footer .logo > div:nth-child(1) {width: 46px; line-height: 0}
.head .logo > div:nth-child(2), .footer .logo > div:nth-child(2) {padding: 10px 0 0 12px; text-transform: uppercase; font-weight: 600; font-size: 14px; line-height: 17px; opacity: .8}
.head .top-phone {gap: 3px; padding-top: 10px; color: #fff}
.head .top-phone > div:nth-child(1) {display: none}
.head .top-phone > div:nth-child(4) {padding-left: 15px; white-space: nowrap}
.head .top-phone a {text-decoration: none; color: #fff}
.head .top-phone .icon {display: block; width: 30px; height: 30px; border-radius: 50%; box-sizing: border-box; overflow: hidden}
.head .top-phone .telegram {padding-left: 5px; background: #6977ff; line-height: 32px}
.head .top-phone .whatsapp {padding-left: 7px; background: #48c95f; line-height: 34px}
.head .top-phone .phone {padding-left: 7px; background: #fff; line-height: 35px}
.head .top-phone .phone-plane {font-size: 22px}
.head .top-phone .wrp_back {font-size: 14px; text-align: right; line-height: 22px}
.head .top-phone .backcall {display: inline-block; text-decoration: underline; cursor: pointer}
.head .top-phone .backcall:hover {text-decoration: none}

nav, .nav-bot {justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: 14px; line-height: 14px}
nav a, .nav-bot a {text-decoration: none; color: #fff}
nav a:hover, .nav-bot a:hover {opacity: .8}
nav .close_menu {display: none}

footer {background: #213567}
.footer {padding: 25px 0 40px 0; max-width: 1040px; height: auto}
.footer > div:nth-child(3) {min-width: 100px}
.bottom {margin: 0 auto; padding: 17px 0; width: 100%; max-width: 1040px; height: auto; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 13px; font-weight: 300; color: #fff}
.bottom > div:nth-child(1) {padding-right: 85px; white-space: nowrap; opacity: .6} 
.bottom a {color: #fff; text-decoration: none; opacity: .6}
.bottom a:hover {opacity: 1}
.bottom-nav {flex-wrap: wrap; padding-right: 20px}
.bottom-nav > div {min-width: 45%; white-space: nowrap}

.crumbs {display: block; margin: 15px auto 90px auto; max-width: 1160px; height: 22px; overflow: hidden; position: relative; z-index: 9}
.crumbs.nofon {margin-top: 15px}
.breadcrumb {display: block; line-height: 0}
.breadcrumb > div {display: inline-block; height: 22px; font-size: 13px; font-weight: 300; line-height: 22px; position: relative}
.breadcrumb > div:nth-child(1) {padding-left: 0}
.breadcrumb > div:after {content: '\2192'; display: inline; padding: 0 12px}
.breadcrumb > div:last-child:after {display: none}
.breadcrumb a {color: #1b1b1b; text-decoration: none}
.breadcrumb a:hover {color: #1b1b1b; text-decoration: underline}
.breadcrumb span {color: #1b1b1b; opacity: .8}
.crumbs.nofon .breadcrumb > div:after {color: #fff}
.crumbs.nofon .breadcrumb a {color: #fff}
.crumbs.nofon .breadcrumb a:hover {color: #fff}
.crumbs.nofon .breadcrumb span {color: #fff}

.wrp-promo {display: block; margin-top: -242px; padding: 250px 0 50px 0; width: 100%; height: auto; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 5}
.wrp-promo.p2 {padding-top: 350px}
.promo {margin: 0 auto;  max-width: 1160px; color: #fff}
.promo .title {font-size: 42px; font-weight: 500; text-transform: uppercase; line-height: 58px}
.promo .title.big {font-size: 65px; font-weight: 500; text-transform: uppercase; line-height: 76px}
.promo .title_after {font-size: 26px; font-weight: 600; text-transform: uppercase; line-height: 34px}
.promo .text {padding: 10px 0 17px 0; font-size: 17px; font-weight: 300}
.promo .text.small {padding: 10px 0 5px 0; font-size: 15px; font-weight: 300; line-height: 22px}
.promo .txt-link {display: inline-block; padding: 3px 10px; color: #fff; text-decoration: none; border-radius: 50px} 
.promo .big_text {font-size: 30px; font-weight: 500; line-height: 39px}
.promo .sm_text {font-size: 24px; line-height: 31px}

.promo .button {display: inline-block; padding: 0 36px; min-width: 330px; height: 70px; font-size: 15px; font-weight: 300; color: #fff; text-align: center; background: #213567; border-radius: 2px; white-space: nowrap; line-height: 70px; box-sizing: border-box; cursor: pointer; transition: all .2s ease; position: relative}
.promo .button:hover {color: #292d54; background: #fff}
.promo .w_button_bg {margin-bottom: 40px}
.promo .button_bg {display: block; width: 125px; height: 94px; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; right: -50px; bottom: -45px} 
.promo .two_marks {gap: 20px; padding: 15px 0 20px 0; font-size: 14px; font-weight: 300; line-height: 21px}
.promo .two_marks.marg {margin: 26px 0}
.promo .two_marks > div {padding-left: 38px; width: 330px}
.promo .two_marks > div:before {content: ''; display: block; width: 21px; height: 21px; background: url(images/marker_white.svg) no-repeat; background-size: cover; position: absolute; left: 0}

.promo .num_wrp {display: block; color: #fff; position: absolute; left: 60%; bottom: 80px}
.promo .num_wrp:after {content: ''; display: block; width: 20px; height: 5px; border-radius: 1px; background: #eb7171; position: absolute; bottom: -15px} 
.promo .num_wrp .num {font-size: 30px; font-weight: 500}
.promo .num_wrp .num span {font-size: 60px; line-height: 60px}
.promo .num_wrp .num_after { font-size: 15px; font-weight: 300; line-height: 21px}

.promo .promo-form {gap: 10px; margin-bottom: 10px; position: relative; z-index: 20}
.promo .promo-form .name {height: 30px; font-size: 15px; line-height: 30px}
.promo .promo-form input {width: 250px; height: 60px}
.promo .promo-form .button {min-width: inherit; height: 60px; background: #d14a4a; line-height: 60px}
.promo .promo-form .button:hover {background: #fff}

.promo .dop_image {width: 850px; height: 850px; background-position: center; background-repeat: no-repeat; background-size: contain; transform: rotate(21deg); position: absolute; bottom: -120px; right: 50px; z-index: -1}

main {display: block; margin: 0 auto 30px auto; max-width: 1160px; min-height: 50vh; position: relative}

.contacts {margin: 0 -20px 40px -20px}
.contacts > div {padding: 0 20px; width: calc(100% / 3)}
.contacts .item {padding: 35px 35px 45px 35px; width: 100%; height: 100%; border-radius: 2px; background: #f6f6f6; box-sizing: border-box}
.contacts .icon {justify-content: center; align-items: center; width: 56px; height: 56px; background: #292d54; border-radius: 50%}
.contacts .icon > div {line-height: 0}
.contacts .name {padding-top: 30px; color: #313131; font-weight: 500; font-size: 17px}
.contacts .param {padding-top: 8px; color: #343434; font-size: 25px; position: relative}
.contacts .btn {display: inline; color: #292d54; font-size: 15px; text-decoration: underline; cursor: pointer}
.contacts .i_dop {justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 50%; line-height: 0; position: absolute; top: 0}
.contacts .i_dop.tel {background: #2f89ce; right: 27px}
.contacts .i_dop.whats {background: #48c95f; right: 0}
.contacts .i_dop.tel > div {padding-right: 4px}
.map {margin-bottom: 40px; width: 100%; height: 400px}

.contact-block {margin-top: 70px; background: #f5f5f5}
.contact-block > div {width: 50%}
.contact-block > div:nth-child(1) {padding: 95px 60px}
.contact-block h2 {margin-top: 0; font-weight: 500}
.contact-block .name {padding-top: 45px; font-size: 18px; font-weight: 600} 
.contact-block .param {padding-top: 7px; font-size: 22px}
.contact-block .btn {display: inline; color: #323739; font-size: 15px; text-decoration: underline; cursor: pointer}
.contact-block .social {gap: 7px; padding-top: 45px}
.contact-block .i_dop {justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%; background: #213567; line-height: 0}
.contact-block .item_map {width: 100%; height: 100%}

.stick_section {margin: 65px 0; width: 100%; position: relative; z-index: 3}
.stick_section:before {content: ''; display: block; width: 100vw; height: calc(100% + 130px); background: #f5f5f5; position: absolute; top: -65px; left: calc((1160px - 100vw) / 2); z-index: -1}
.stick_section > div {width: 50%}
.stick_section > div:nth-child(1) {padding-right: 40px}
.stick_section .stick {padding-bottom: 30px}
.stick_section .fixed {position: fixed; top: 30px; z-index: 50}
.stick_section .bg_color {display: inline-block; padding: 0 20px; height: 34px; font-size: 14px; color: #fff; background: #7390ba; border-radius: 36px; line-height: 34px}
.stick_section .title {padding: 20px 0; font-size: 36px; font-weight: 500; text-transform: uppercase; line-height: 47px}
.stick_section p {display: block; width: 400px; font-weight: 300}
.stick_section .wrp_icon {margin-top: 34px; gap: 30px}
.stick_section .wrp_icon > div:nth-child(1) {max-width: 66px; min-width: 66px}
.stick_section .icon {justify-content: center; align-items: center; width: 66px; height: 66px; background: #292d54; border-radius: 50%; line-height: 0; overflow: hidden}
.stick_section .big {font-weight: 500}
.stick_section .small {font-size: 14px; line-height: 22px}
.stick_section .block {margin-bottom: 30px; min-height: 340px; background: #e8e6e1; border-radius: 4px; text-decoration: none; color: #1b1b1b; overflow: hidden}
.stick_section .block > div:nth-child(1) {display: none}
.stick_section .block > div:nth-child(2) {padding: 35px; width: 100%; overflow: hidden}
.stick_section .block > div:nth-child(3) {min-width: 200px; max-width: 200px; background-repeat: no-repeat; background-size: cover; background-position: center}
.stick_section .block .with_bg {color: #fff; background-size: cover}
.stick_section .block .name {font-size: 25px; font-weight: 600; text-transform: uppercase; line-height: 37px}
.stick_section .block .with_bg .name {font-size: 21px; line-height: 32px}
.stick_section .block p {padding: 17px 0; width: inherit; font-size: 14px; line-height: 21px}
.stick_section .block ul {font-size: 14px; line-height: 21px}
.stick_section .block ul > li {padding: 0 0 7px 30px}
.stick_section .block ul > li:before {width: 15px; height: 11px; border-radius: 0; background: url(images/marker_brown.svg) no-repeat; top: 5px}

.two_blocks {padding-bottom: 70px; position: relative; z-index: 3}
.two_blocks:before {content: ''; display: block; width: 100vw; height: calc(100% + 70px); background: #f5f5f5; position: absolute; top: -65px; left: calc((1160px - 100vw) / 2); z-index: -1}
.two_blocks > div {width: 50%}
.two_blocks > div:nth-child(1) {padding-right: 40px} 
.two_blocks > div:nth-child(1):before, .two_blocks > div:nth-child(1):after {content: ''; display: block; width: 76px; height: 226px; background: url(images/fon_pic.png) no-repeat; position: absolute; top: 30px; left: 420px; z-index: 2}
.two_blocks > div:nth-child(1):after {transform: rotate(270deg); transform-origin: top left; top: 395px; left: 85px}
.two_blocks .img, .two_blocks .dop_img {width: 440px; border-radius: 4px; position: relative; z-index: 3; overflow: hidden; line-height: 0}
.two_blocks .dop_img {width: 239px; height: 160px; position: absolute; top: 240px; left: 270px; z-index: 5}
.two_blocks .bg_color {display: inline-block; padding: 0 20px; height: 34px; font-size: 14px; color: #fff; background: #b47849; border-radius: 36px; line-height: 34px}
.two_blocks .title {padding: 12px 0; font-size: 36px; font-weight: 500; text-transform: uppercase; line-height: 47px}
.two_blocks ul > li {padding: 0 0 10px 35px; font-size: 15px}
.two_blocks ul > li:before {width: 26px; height: 16px; border-radius: 0; background: url(images/marker_brown.svg) no-repeat; top: 6px}
.two_blocks a {display: inline-block; width: 240px; height: 58px; color: #292d54; font-size: 15px; font-weight: 300; text-align: center; text-decoration: none; border: 1px solid #292d54; border-radius: 2px; background: #fff; transition: all .2s ease; box-sizing: border-box; line-height: 58px}
.two_blocks a:hover {color: #fff; background: #292d54}

.object_section {flex-wrap: wrap; margin: 0 -20px 80px -20px}
.object_section > div {padding: 20px; width: 50%; min-height: 270px}
.object_section .block {width: 100%; height: 100%; background: #e8e6e1; border-radius: 4px; text-decoration: none; color: #1b1b1b; overflow: hidden}
.object_section .block > div:nth-child(1) {display: none}
.object_section .block > div:nth-child(2) {padding: 35px; width: 100%; overflow: hidden}
.object_section .block > div:nth-child(3) {min-width: 200px; max-width: 200px; background-repeat: no-repeat; background-size: cover; background-position: center}
.object_section .block .with_bg {color: #fff; background-size: cover}
.object_section .block .name {font-size: 25px; font-weight: 600; text-transform: uppercase; line-height: 37px}
.object_section .block .with_bg .name {font-size: 21px; line-height: 32px}
.object_section .block p {padding: 17px 0; width: inherit; font-size: 14px; line-height: 21px}

section {margin-bottom: 70px; padding: 140px 0 80px 0; color: #fff; position: relative; z-index: 10}
section.no-m {margin-bottom: 0}
section .bg {display: block; width: 100vw; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top:0; left: calc((1160px - 100vw) / 2); z-index: -1}
section .title {padding-bottom: 5px; color: #fff; font-size: 50px; font-weight: 600; text-transform: uppercase; line-height: 65px}
section .title.small {font-size: 38px; line-height: 50px}
section .after_title {padding-bottom: 10px; color: #fff; font-size: 24px; font-weight: 600; text-transform: uppercase; line-height: 31px}
section p {padding: 3px 0 7px 0; font-size: 15px; font-weight: 300; line-height: 21px}
section p.big {padding: 15px 0; font-size: 18px; line-height: 28px}
section strong {font-size: 17px; font-weight: 500; line-height: 24px}
section .wrp_frm {margin-top: 10px; width: 400px}
section .wrp_frm .row {margin-bottom: 22px}
section .wrp_frm .name {font-size: 15px; line-height: 16px}
section .wrp_frm .pole {margin-top: 3px}
section .wrp_frm .button { width: 100%; height: 54px; color: #fff; font-weight: 300; text-align: center; border: 1px solid #292d54; border-radius: 2px;  background: #292d54; box-sizing: border-box; line-height: 54px}
section .wrp_frm .button:hover {color: #292d54; background: #fff}

.three_icons {margin: 70px -50px 90px -50px}
.three_icons.mt0 {margin-top: 20px}
.three_icons > div {padding: 0 50px; width: calc(100% / 3)}
.three_icons .icon {justify-content: center; align-items: center; margin-bottom: 30px; width: 70px; height: 70px; color: #313131; background: #213567; border-radius: 50%; line-height: 0}
.three_icons .name {padding-bottom: 20px; font-size: 17px; font-weight: 500; line-height: 25px}
.three_icons p {font-size: 15px; font-weight: 300; line-height: 23px}
.three_icons.four > div {width: 25%}

.project-start {margin: 50px 0 100px 0}
.project-start .item {padding-bottom: 100px}
.project-start.v2 .item:nth-child(2n) {flex-direction: row-reverse}
.project-start .item:last-child {padding-bottom: 0}
.project-start .item > div:nth-child(1) {width: 100%; line-height: 0}
.project-start .item > div:nth-child(2) {padding-left: 40px; min-width: 400px; max-width: 400px}
.project-start.v2 .item:nth-child(2n) > div:nth-child(2) {padding-left: 0; padding-right: 40px; min-width: 400px; max-width: 400px}
.project-start img {display: block; border-radius: 4px; overflow: hidden}
.project-start .text {margin-bottom: 15px; font-size: 15px; font-weight: 300; line-height: 23px}
.project-start .text strong {font-size: 16px; font-weight: 600}
.project-start ul > li:before {top: 8px}
.project-start .button {display: inline-block; width: 290px; height: 58px; color: #fff; font-size: 16px; font-weight: 300; text-align: center; text-decoration: none; border: 1px solid #292d54; border-radius: 2px; background: #292d54; transition: all .2s ease; box-sizing: border-box; line-height: 58px; cursor: pointer}
.project-start .button:hover {color: #292d54; background: #fff}

.top_icon {margin: 70px 0 90px 0}
.top_icon .icon {justify-content: center; align-items: center; width: 74px; height: 74px; background: #292d54; border-radius: 50%; line-height: 0}
.top_icon .title {margin: 7px 0; font-size: 38px; font-weight: 500; text-transform: uppercase; line-height: 49px}
.top_icon .title strong {color: #292d54}
.top_icon .title_after {margin-bottom: 7px; font-size: 22px; font-weight: 600; text-transform: uppercase; line-height: 31px} 
.top_icon p {display: block; max-width: 640px; font-size: 15px; font-weight: 300; line-height: 21px}

.foto-text {flex-wrap: wrap; gap: 32px; margin-top: 25px; max-width: 860px}
.foto-text > div {width: 190px}
.foto-text .item > div:nth-child(1) {width: 100%; height: 129px; border-radius: 5px; background-position: center; background-repeat: no-repeat; background-size: cover; line-height: 0; overflow: hidden}
.foto-text .item > div:nth-child(2) {padding-top: 12px; color: #313131; font-size: 14px; line-height: 18px}

.wrp_two_sect {margin: 70px 0}
.two_sect {margin: 30px -20px 0 -20px}
.two_sect > div {padding: 0 20px; width: 50%}
.two_sect .item {width: 100%; height: 100%; background: #f5f5f5; border-radius: 5px; overflow: hidden}
.two_sect .item > div:nth-child(1) {width: 100%; height: 317px; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; line-height: 0}
.two_sect .text {padding: 55px 55px 40px 55px}
.two_sect .name {margin-bottom: 20px; font-size: 25px; font-weight: 500; text-transform: uppercase; line-height: 37px}
.two_sect ul > li {padding: 7px 30px 7px 42px; color: #1b1b1b; font-size: 15px; line-height: 23px}
.two_sect ul > li:before {width: 19px; height: 14px; border-radius: 0; background: url(images/marker_brown.svg) no-repeat; top: 12px}

.block-w-fon {margin: 0 -10px 80px -10px; flex-wrap: wrap}
.block-w-fon > div {padding: 10px; width: 50%}
.block-w-fon > div:nth-child(1), .block-w-fon > div:nth-child(2) {height: 500px}
.block-w-fon > div:nth-child(4), .block-w-fon > div:nth-child(5) {width: 25%}
.block-w-fon.v2 > div:nth-child(4), .block-w-fon.v2 > div:nth-child(5) {width: 50%; height: 500px}
.block-w-fon .item {padding: 30px; width: 100%; height: 100%; color: #fff; border-radius: 5px; background-position: center; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; overflow: hidden; position: relative; z-index: 5}
.block-w-fon .item:before {content: ''; display: block; width: 100%; height: 100%; background:  linear-gradient(to bottom, rgba(0,0,0,0.80), rgba(6,8,29,0.80)); position: absolute; left: 0; top: 0; z-index: -1}
.block-w-fon .name {margin-bottom: 20px; font-size: 30px; font-weight: 600; text-transform: uppercase; line-height: 42px}
.block-w-fon .name.v2 { font-size: 17px; line-height: 24px}
.block-w-fon .text {font-size: 15px; font-weight: 300; line-height: 23px}
.block-w-fon .text.v2 {font-size: 14px; line-height: 21px}
.block-w-fon .button {margin-top: 20px; display: inline-block; padding: 0 30px; height: 45px; font-size: 14px; font-weight: 300; color: #fff; border-radius: 2px; background: #eb7171; line-height: 45px} 
.block-w-fon .button:hover { color: #fff; background: #213567}

.block-fon-i {margin: 70px -20px 80px -20px; flex-wrap: wrap}
.block-fon-i > div {padding: 20px; width: calc(100% / 3)}
.block-fon-i .item {padding: 30px 30px 60px 30px; width: 100%; height: 100%;  color: #fff; border-radius: 5px; background-position: center; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; overflow: hidden; position: relative; z-index: 5}
.block-fon-i .item:before {content: ''; display: block; width: 100%; height: 100%; background: #06081d; opacity: .8; position: absolute; left: 0; top: 0; z-index: -1}
.block-fon-i .icon {margin-bottom: 20px; height: 32px; line-height: 0}
.block-fon-i .name {font-size: 17px; text-transform: uppercase; line-height: 25px}

.poselok-sale {padding: 50px 70px; color: #fff; border-radius: 4px; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; z-index: 7}
.poselok-sale:before {content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(0.27turn,rgba(11,11,11,1) 0%,rgba(243,243,243,0) 100%); position: absolute; top: 0; left: 0; z-index: -1}
.poselok-sale > div {width: 50%}
.poselok-sale .bg_color {display: inline-block; padding: 0 20px; height: 34px; font-size: 14px; background: #eb7171; border-radius: 36px; line-height: 34px; letter-spacing: .6px}
.poselok-sale .title {padding: 22px 0; font-size: 30px; font-weight: 500; text-transform: uppercase;  line-height: 39px}
.poselok-sale .text {max-width: 360px; font-size: 15px; font-weight: 300; line-height: 21px}
.poselok-sale a {color: #fff; font-weight: 400; text-decoration: none; line-height: 22px}
.poselok-sale .lnk { display: inline-block; padding-left: 7px; padding-top: 3px; vertical-align: top}
.poselok-sale .numbers {gap: 45px; position: absolute; right: 0; bottom: 0}
.poselok-sale .numbers .l1 {font-size: 45px; font-weight: 500; line-height: 45px}
.poselok-sale .numbers .l2 {font-size: 15px; font-weight: 500; text-transform: uppercase; line-height: 20px}
.poselok-sale .numbers .l3 {font-size: 13px; line-height: 18px}

.photos {gap: 20px; margin: 15px 0 80px 0}
.photos > a {flex-grow: 1; height: 76px; text-decoration: none; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 3px; cursor: zoom-in; line-height: 0; overflow: hidden}

.end-projects {margin: 0 -19px 70px -19px}
.end-projects > div {padding: 19px; width: 25%}
.end-projects .img {margin-bottom: 14px; width: 100%; height: 160px; border-radius: 7px; background-position: center; background-repeat: no-repeat; background-size: cover; line-height: 0; overflow: hidden}
.end-projects .name {margin-bottom: 10px; color: #000; font-size: 16px; opacity: .8; line-height: 16px}
.end-projects .title {margin-bottom: 5px; font-size: 20px; font-weight: 600; text-transform: uppercase} 
.end-projects .start {color: #535353; font-size: 14px; font-weight: 300; opacity: .6; line-height: 17px}
.end-projects .num {gap: 30px; margin-top: 15px; font-size: 13px; letter-spacing: .3px; line-height: 18px}
.end-projects .num div > span:nth-child(1) { font-size: 26px; font-weight: 500; line-height: 34px}
.end-projects .num div > span:nth-child(2) { font-size: 15px; letter-spacing: .4px; }

.present {flex-direction: row-reverse; align-items: center; margin-bottom: 120px; color: #fff; background: #292d54; border-radius: 5px; position: relative}
.present > div:nth-child(1) {padding: 34px 48px}
.present > div:nth-child(3) {width: 439px; transform: rotate(9deg); position: absolute; left: 20px}
.present a {display: block; width: 264px; height: 64px; font-size: 15px; font-weight: 300; color: #fff; text-decoration: none; text-align: center; background: #eb7171; border-radius: 2px; letter-spacing: .3px; line-height: 64px} 
.present a:hover {color: #292d54; background: #fff}
.present .name { font-size: 23px; font-weight: 600; text-transform: uppercase}
.present .text {font-size: 15px; letter-spacing: 0.3px; line-height: 20px}

.myMapG {margin: -30px 0 80px 0; width: 100%; height: 400px}

.tabs-section {padding-top: 20px}
.tabs-section .tabs-item {display: none}
.tabs-section .tabs-item.active {display: block}
.tabs-section .tabs-item > div {margin-top: 30px}

.obj_sect {background: #fff; border-radius: 2px; border: 1px solid #292d54}
.obj_sect > div {width: calc(100% / 3); height: 70px; font-size: 15px; text-align: center; line-height: 70px; cursor: pointer}
.obj_sect > div:nth-child(2) {border-left: 1px solid #292d54; border-right: 1px solid #292d54}
.obj_sect .name.active {background: #292d54; color: #fff}
.obj_sect span {display: inline-block; line-height: 21px; vertical-align: middle}

.two-fl {flex-wrap: wrap; margin: 0 -20px}
.two-fl > div {padding: 20px; width: 50%}
.two-fl .bg {width: 100%; height: 300px; border-radius: 5px; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden}
.two-fl .name {margin-top: 20px; font-size: 17px; line-height: 26px}

.txt-img {margin: 0 -20px 70px -20px}
.txt-img.revers {flex-direction: row-reverse}
.txt-img > div {padding: 20px; width: 50%}
.txt-img .item {width: 100%; height: 100%; box-sizing: border-box}
.txt-img .item.bg {padding: 60px; background: #f5f5f5; border-radius: 5px}
.txt-img .title {margin-bottom: 24px; padding-bottom: 24px; font-size: 30px; font-weight: 600; text-transform: uppercase; line-height: 45px; position: relative}
.txt-img .title:before {content: ''; display: block; width: 50px; height: 1px; background: #292d54; position: absolute; bottom: 0; left: 0}
.txt-img .text {font-size: 17px; line-height: 26px}
.txt-img .img {width: 100%; height: 100%; background-position: center; background-repeat:  no-repeat; background-size:  cover; border-radius: 5px; overflow: hidden}
.txt-img .wrp_btn {margin-top: 80px}
.txt-img .button {max-width: 300px; height: 54px; color: #fff; font-weight: 300; text-align: center; border: 1px solid #292d54; border-radius: 2px;  background: #292d54; box-sizing: border-box; line-height: 54px}
.txt-img .button:hover {color: #292d54; background: #fff}

.pic-text {margin: 0 -20px 70px -20px}
.pic-text > div {padding: 20px; width: calc(100% / 3)}
.pic-text .item {width: 100%; height: 100%; background: #f5f5f5; border-radius: 4px; box-sizing: border-box}
.pic-text .name {justify-content: center; align-items: center; width: 100%; height: 150px; font-size: 25px; font-weight: 600; color: #fff; text-transform: uppercase; text-align: center; background-position: center; background-repeat: no-repeat; background-size:cover; line-height: 31px}
.pic-text .text {padding: 35px 30px 60px 30px; font-size: 15px; line-height: 23px}

/* fon */
.fon_menu {z-index:1000; display: none; position: fixed; top: 0; left: 0; margin: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); white-space: nowrap; text-align: center; overflow: auto; opacity: 0}

/* popup */
.popup {display: block; position: fixed; z-index:90002; top: 0; left: 0;  margin:0; width: 100%; height: 100%; background: rgba(30, 30, 30, .9); white-space: nowrap; text-align: center; overflow: auto; opacity: 0}
.popup:after {content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle}
.popup .popup_form {position: relative; display: inline-block; padding: 30px; vertical-align: middle; max-width: 80%; height: auto; white-space: normal; text-align: left; background: #fff; box-shadow: 0px 4px 15.1px 0px rgba(0, 0, 0, .1); box-sizing: border-box}
.popup .closeForm {position: absolute; top: 15px; right: 20px; width: 40px; height: 40px; cursor: pointer; user-select: none; z-index: 50}
.popup .closeForm:before,
.popup .closeForm:after {content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 24px; background: #000}
.popup .closeForm:after {transform: translate3d(-50%, -50%, 0) rotate(45deg)}
.popup .closeForm:before {transform: translate3d(-50%, -50%, 0) rotate(-45deg)}
.popup .closeForm:hover:before, .popup .closeForm:hover:after {background: #67242C}
.popup .popup_form .frm_wrp {max-width: 500px; color: #292929}
.popup .popup_form .title {margin-bottom: 20px; font-size: 30px; font-weight: 600; text-transform: uppercase; line-height: 40px}
.popup .popup_form .after_title {font-size: 20px; line-height: 30px}
.popup .popup_form .frm_wrp .name { font-size: 18px; margin-bottom: 10px}
.popup .popup_form .row {margin-top: 20px}
.popup input[type="text"] {padding: 0 20px; height: 54px; font-size: 16px; color: #000; border: 1px solid rgba(21, 21, 21, .8)}
.popup input[type="checkbox"] + label span:before {border: 2px solid #292929}
.popup input[type="checkbox"].error + label span:before {border: 2px solid red}
.popup input[type="checkbox"]:checked + label span:after {border-color: #292929}
.popup input[type="checkbox"].error + label div { color: red}
.popup input[type="checkbox"] + label a {color: #292929}
.popup input[type="checkbox"].error + label a {color: red}
.popup .sogl {font-size: 14px; line-height: 21px}
.popup .button {display: block; width: 100%; height: 54px; font-size: 15px; color: #fff; background: #292d54; border: 1px solid #292d54; text-align: center; box-sizing: border-box; line-height: 54px}
.popup .button:hover {color: #292d54; background: #fff}
.popup input[type='text']::placeholder {color:#000; opacity: .8}
.popup input[type='text']:focus::placeholder {color: transparent}
.popup input[type='password']::placeholder {color:#000; opacity: .8}
.popup input[type='password']:focus::placeholder {color: transparent}