/* Start:/bitrix/templates/pgs/components/bitrix/breadcrumb/pgs/style.css?16252102022246*/
/* site-breadcrumb */
.site-breadcrumbs {
position: relative;
z-index: 25;
padding-top: 40px;
}
.bx_breadcrumbs ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bx_breadcrumbs ul li::before {
content: unset;
}
.bx_breadcrumbs ul li a {
position: relative;
transition: all .3s ease-in-out !important;
font-weight: bold;
font-size: 12px;
line-height: 1.2;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #717C89;
color: rgba(92, 91, 91, .35);
display: block;
/*background: url(/bitrix/templates/pgs/components/bitrix/breadcrumb/pgs/img/rec.svg) no-repeat center right;*/
margin-left: 15px;
margin-right: 20px;
border-bottom: 1px solid rgba(113, 124, 137, 0.35) !important;
}
.bx_breadcrumbs ul li a::before {
content: '';
position: absolute;
background: url(/bitrix/templates/pgs/components/bitrix/breadcrumb/pgs/img/rec.svg);
height: 4px;
width: 4px;
top: 50%;
transform: translateY(-50%);
right: -19px;
}
.bx_breadcrumbs ul li:first-child a {
margin-left: 0;
height: 16px;
width: 16px;
border-bottom: unset !important;
}
.bx_breadcrumbs ul li:first-child a::after {
content: '';
position: absolute;
background-image: url('data:image/svg+xml;charset=utf-8, ');
width: 16px;
height: 16px;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.bx_breadcrumbs ul li span {
margin: 0 15px;
display: block;
font-weight: bold;
font-size: 12px;
line-height: 1.2;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #282828;
}
.bx_breadcrumbs ul li a:hover {
color: #282828;
border-color: transparent !important;
}
@media (min-width: 992px) and (max-width: 1600px) {
.site-breadcrumbs {
padding-top: 15px;
}
}
/* site-breadcrumb */
/* End */
/* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1481100176666*/
div.bx-yandex-map {color: black; font-size: 11px;}
div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;}
div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td {
padding: 0px !important;
}
div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{
font-size: 11px;
}
div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b {
background-image: none !important;
}
/* End */
/* Start:/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/style.css?173271324475369*/
.finish-swiper-counter {
position: relative;
}
.swiper-counter__container {
z-index: 20;
left: 38px;
bottom: 35px;
}
.finish-swiper-counter .swiper-counter__current,
.finish-swiper-counter .swiper-counter__dash,
.finish-swiper-counter .swiper-counter__count {
color: #FFFFFF;
}
/* form */
.site-form__item {
margin-bottom: 15px;
position: relative;
z-index: 15;
}
#fb-flat .site-form__item {
margin-bottom: 10px;
}
.site-form__item input[type="text"],
.site-form__item input[type="email"] {
font-family: 'Roboto Slab', serif;
background-color: transparent;
width: 100%;
outline: none;
height: 60px;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
box-sizing: border-box;
-webkit-appearance: none;
padding: 14px 25px;
font-weight: bold;
font-size: 24px;
line-height: 1;
color: #282828;
border: 1px solid rgba(113, 124, 137, 0.35);
position: relative;
}
#fb-flat .site-form__item input[type="text"],
#fb-flat .site-form__item input[type="email"] {
height: 50px;
padding: 16px 25px;
}
.site-form__item input[type="text"]::-webkit-input-placeholder,
.site-form__item input[type="email"]::-webkit-input-placeholder,
.site-form__item input[type="text"]::-moz-placeholder,
.site-form__item input[type="email"]::-moz-placeholder,
.site-form__item input[type="text"]:-ms-input-placeholder,
.site-form__item input[type="email"]:-ms-input-placeholder,
.site-form__item input[type="text"]::-ms-input-placeholder,
.site-form__item input[type="email"]::-ms-input-placeholder,
.site-form__item input[type="text"]::placeholder,
.site-form__item input[type="email"]::placeholder {
font-size: 16px;
line-height: 1;
color: #717C89;
}
.site-form__item input[type="text"] + label,
.site-form__item input[type="email"] + label {
position: absolute;
top: 21px;
left: 25px;
right: 25px;
z-index: 1;
font-size: 16px;
line-height: 1;
color: #717C89;
opacity: 1;
visibility: visible;
}
#fb-flat .site-form__item input[type="text"] + label,
#fb-flat .site-form__item input[type="email"] + label {
top: 17px;
white-space: nowrap;
}
.site-form__item input[type="text"]:focus + label,
.site-form__item input[type="email"]:focus + label,
.site-form__item input[type="text"]:valid + label,
.site-form__item input[type="email"]:valid + label,
.site-form__item input[type="email"].not-empty + label {
opacity: 0;
visibility: hidden;
}
@media all and (max-width: 767px) {
.site-form__item input[type="text"],
.site-form__item input[type="email"] {
font-size: 16px;
padding: 14px 15px;
}
.site-form__item input[type="text"] + label,
.site-form__item input[type="email"] + label {
left: 15px;
right: 15px;
white-space: nowrap;
font-size: 15px;
}
}
.form-submit-btn {
position: relative;
z-index: 5;
}
.form-submit-btn input[type=submit] {
height: 60px;
}
.form-submit-btn::before {
content: '';
position: absolute;
background-image: url('data:image/svg+xml;charset=utf-8, ');
width: 17px;
height: 16px;
left: calc(50% - 90px);
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 5;
}
/* form */
/* modals */
.fancybox-slide > * {
overflow: visible !important;
}
.fancybox-slide--html {
padding: 0 !important;
}
.fancybox-bg {
background: rgba(40, 40, 40, 0.5) !important;
opacity: 1 !important;
}
.fb {
position: relative;
-webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
background: #FFFFFF;
padding: 0px;
overflow: visible;
/*margin: 0px 5px;*/
min-width: 320px;
}
.fb-s {
width: auto;
max-width: 570px;
}
.fb-m {
width: auto;
max-width: 880px;
}
.fb-b {
width: auto;
max-width: 1170px;
border-radius: 3px;
}
.fb-w {
width: 100%;
min-height: 100%;
padding: 0;
margin: 0;
}
.form-modal-bot {
padding-top: 25px;
}
.form-policy-modal {
position: relative;
font-weight: 600;
font-size: 12px;
line-height: 1.16;
color: #717C89;
padding-left: 42px;
margin: 20px auto 0 auto;
max-width: 370px;
}
.form-policy-modal::before {
content: '';
position: absolute;
background-image: url('data:image/svg+xml;charset=utf-8, ');
left: 0;
top: 50%;
width: 32px;
height: 32px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.form-policy-modal a {
color: #282828;
border-bottom: 1px solid rgba(40, 40, 40, 0.2) !important;
}
.form-policy-modal a span {
border-bottom: 1px solid rgba(40, 40, 40, 0.2) !important;
}
.cross {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
display: block;
height: 50px;
width: 50px;
border: none;
background-image: url('data:image/svg+xml;utf8, ');
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.cross span {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 40px;
font-weight: 600;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #282828;
}
.fb__head {
padding: 40px 50px 15px 50px;
}
.fb__body {
padding: 0 50px 50px 50px;
}
#fb-flat .fb__head {
padding: 40px 25px 15px;
}
#fb-flat .fb__body {
padding: 0 25px 50px;
}
.fb__head h2,
.fb__head .h2 {
line-height: 1.2 !important;
margin-bottom: 17px;
}
.fb__head p {
font-size: 16px;
line-height: 1.5;
color: #717C89;
margin: 15px 0;
}
.hint {
cursor: pointer;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 20px;
height: 20px;
width: 20px;
z-index: 10;
}
.hint::before {
content: '';
background-image: url('data:image/svg+xml;utf8, ');
width: 36px;
height: 36px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
background-position: center;
background-repeat: no-repeat;
}
.hint__inner {
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-box-shadow: 0px 15px 45px rgb(40 40 40 / 5%), 0px 10px 30px -10px rgb(40 40 40 / 15%);
box-shadow: 0px 15px 45px rgb(40 40 40 / 5%), 0px 10px 30px -10px rgb(40 40 40 / 15%);
width: 200px;
padding: 16px 20px;
font-weight: normal;
font-size: 14px;
line-height: 1.4;
color: #717C89;
z-index: 90;
background-color: #FFF;
top: 0;
left: 100%;
margin-left: 9px;
}
.hint:hover .hint__inner {
opacity: 1;
visibility: visible;
}
.hint:hover::before {
background-image: url('data:image/svg+xml;utf8, ');
}
@media all and (max-width: 1024px) {
.hint__inner {
right: 0;
left: unset;
}
.hint--fog {
content: "";
position: absolute;
z-index: 2;
top: 1px;
right: 1px;
bottom: 1px;
background: #fff;
width: 60px;
}
}
/*#fb-flat .fb__head,
#fb-flat .fb__body {
background: #F5F7F9;
}*/
.fb__modal__gray {
background: #F5F7F9;
}
@media all and (max-width: 767px) {
.fb__head {
padding: 40px 20px 15px;
}
.fb__body {
padding: 0 20px 50px;
}
}
/*@media all and (min-width: 1025px) {
.fb__modal__gray {
height: 100%;
}
}*/
.modal-slider {
border: 1px solid #E5E5E5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
height: 370px;
}
.modal-slider .swiper-container {
height: 100%;
}
.modal-slider__item-img {
max-width: 300px;
height: 100%;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
margin: 0 auto;
}
.modal-slider .swiper-button-prev::after {
background-image: url('data:image/svg+xml;charset=utf-8, ') !important;
width: 15px;
height: 26px;
opacity: .35 !important;
}
.modal-slider .swiper-button-next::after {
background-image: url('data:image/svg+xml;charset=utf-8, ') !important;
width: 15px;
height: 26px;
opacity: .35 !important;
}
.modal-slider .swiper-button-next:hover,
.modal-slider .swiper-button-prev:hover {
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.modal-slider .swiper-button-next:hover::after,
.modal-slider .swiper-button-prev:hover::after {
opacity: 1 !important;
}
.modal-slider .swiper-button-prev,
.modal-slider .swiper-button-next {
background: transparent !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
.fb-flat {
padding: 40px 15px 50px 35px;
}
.fb-flat .h3 {
margin-bottom: 45px;
}
.fb-flat__item--border {
border-bottom: 1px solid #E5E5E5;
}
.fb-flat__item--border.lg,
.fb-flat__item--border.md {
padding-bottom: 20px;
}
.fb-flat__item--border.sm {
padding-bottom: 15px;
}
.fb-flat__item-name {
font-weight: 600;
font-size: 11px;
line-height: 1.8;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #717C89;
}
.fb-flat__item-val {
font-weight: 600;
font-family: 'Roboto Slab', serif;
color: #282828;
}
.fb-flat__item.lg,
.fb-flat__item.md {
margin-bottom: 14px;
}
.fb-flat__item.sm {
margin-bottom: 9px;
}
.fb-flat__item.lg .fb-flat__item-val {
font-size: 26px;
line-height: 1;
}
.fb-flat__item.md .fb-flat__item-val {
font-size: 24px;
line-height: 1;
}
.fb-flat__item.sm .fb-flat__item-val {
font-size: 16px;
line-height: 20px;
}
@media all and (min-width: 1025px) {
.cross:hover {
background-image: url('data:image/svg+xml;utf8, ');
}
.cross:hover span {
opacity: 1;
}
.site-form__item input:hover {
border-color: rgba(113, 124, 137, 0.75) !important;
}
.site-form__item input:focus {
-webkit-box-shadow: 0px 10px 30px -10px rgba(40, 40, 40, 0.25) !important;
box-shadow: 0px 10px 30px -10px rgba(40, 40, 40, 0.25) !important;
border-color: transparent !important;
}
.site-form__item input:focus::-webkit-input-placeholder {
color: transparent !important;
}
.site-form__item input:focus::-moz-placeholder {
color: transparent !important;
}
.site-form__item input:focus:-ms-input-placeholder {
color: transparent !important;
}
.site-form__item input:focus::-ms-input-placeholder {
color: transparent !important;
}
.site-form__item input:focus::placeholder {
color: transparent !important;
}
.form-policy-modal a:hover span {
border-color: transparent !important;
}
}
@media all and (max-width: 1024px) {
.fb {
width: auto;
max-width: 100%;
}
.fb-flat__info {
margin-top: 25px;
}
.fb-flat {
padding: 40px 15px 15px 15px;
}
}
@media all and (max-width: 767px) {
}
/* modals */
/* site */
#offer_button,
#offer_form,
#callback_button {
display: none !important;
}
a {
-webkit-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
transition: all .3s ease-in-out !important;
/*border-bottom: none !important;*/
}
.site-section {
padding: 100px 0;
}
.h2 {
font-family: 'Roboto Slab', serif;
font-weight: 700;
font-size: 40px;
line-height: 1;
}
.h3 {
font-family: 'Roboto Slab', serif;
font-weight: 700;
font-size: 30px;
line-height: 1.3;
}
p {
font-size: 16px !important;
}
.hypothec-text {
padding-left: 20px;
padding-right: 60px;
}
.hypothec-text .h3 {
margin-bottom: 12px;
}
.hypothec-text p {
font-weight: normal;
font-size: 16px;
line-height: 1.3;
margin: 12px 0;
}
.hypothec-btn {
margin-top: 19px;
}
.pgs-first-block-back {
width: 50%;
position: absolute;
height: 100%;
margin-left: 50%;
z-index: 15;
}
.pgs-first-block-back img {
position: absolute;
right: 0;
height: 100% !important;
}
.pgs-first-block__wrapper h1,
.pgs-first-block__wrapper .title-part {
font-size: 54px;
line-height: 1;
margin-bottom: 17px;
}
.pgs-first-block__wrapper .title-part {
color: #282828;
margin-top: -17px;
margin-bottom: 25px;
font: 700 47px/60px 'Roboto Slab',serif;
}
.pgs-first-block__sub-title {
font-size: 18px;
line-height: 1.4;
color: #717C89;
}
.pgs-first-block__sub-title span {
font-weight: 600;
font-family: Roboto Slab, serif;
font-style: normal;
line-height: 1.2;
color: #282828;
}
.pgs-first-block__sub-title a {
font-weight: 600;
border-bottom: 1px solid transparent;
}
.pgs-first-block__sub-title a > span {
font-weight: normal;
}
.pgs-first-block__sub-title a:not(.proj-phone) {
border-bottom: 1px solid currentColor;
}
.pgs-first-block__btn {
margin-top: 30px;
}
.pgs-first-block__info-item {
position: relative;
padding-left: 75px;
}
.pgs-first-block__info-item-title {
font-family: 'Roboto Slab', serif;
font-weight: bold;
font-size: 20px;
line-height: 1.3;
color: #282828;
margin-bottom: 4px;
}
.pgs-first-block__info-item-text {
font-weight: 600;
font-size: 12px;
line-height: 1.25;
letter-spacing: 0.05em;
text-transform: uppercase;
color: rgba(113, 124, 137, 0.85);
}
.section-hypothec {
position: relative;
padding-top: 80px;
padding-bottom: 100px;
}
.text-white {
color: #FFFFFF;
}
.pgs-first-block__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pgs-first-block__bot {
padding-bottom: 5px;
}
.pgs-first-block {
position: relative;
z-index: 15;
}
@media all and (min-width: 1025px) {
.pgs-first-block {
min-height: 590px;
background-size: contain;
background-position: right;
background-repeat: no-repeat;
margin-top: -72px;
}
.pgs-first-block > .container,
.pgs-first-block__wrapper > .row {
height: 100%;
}
.pgs-first-block__wrapper {
padding-top: 120px;
height: calc(100% - 120px);
}
.pgs-first-block__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
}
}
@media all and (min-width: 768px) {
.pgs-first-block__info-item {
width: 50%;
}
}
@media all and (max-width: 1024px) {
.section-hypothec {
padding-bottom: 80px;
}
.site-section {
padding: 60px 0;
}
.pgs-first-block {
background-image: none !important;
}
.pgs-first-block__container {
padding-top: 80px;
padding-bottom: 70px;
}
.pgs-first-block__tablet-img {
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
right: 0;
}
.pgs-first-block__wrapper h1,
.pgs-first-block__wrapper .title-part {
font-size: 36px;
}
.pgs-first-block__sub-title {
font-size: 15px;
}
.pgs-first-block__bot {
border-top: 1px solid #E5E5E5;
padding-top: 40px;
}
.pgs-first-block__info-item:last-of-type {
margin-right: 100px;
}
}
@media all and (max-width: 767px) {
.pgs-first-block__info {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.pgs-first-block__wrapper h1,
.pgs-first-block__wrapper .title-part {
font-size: 28px;
}
.pgs-first-block__sub-title {
font-size: 14px;
}
.h2 {
font-size: 24px !important;
}
.h3 {
font-size: 20px !important;
}
.pgs-first-block__bot {
padding-top: 30px;
}
.pgs-first-block__mobile-img {
margin: 0 auto;
margin-top: 30px;
max-width: 100%;
}
.pgs-first-block__container {
padding-top: 35px;
padding-bottom: 40px;
}
.pgs-first-block__info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pgs-first-block__info-item:last-of-type {
margin-right: 0;
margin-top: 25px;
}
.site-section {
padding: 50px 0;
}
}
@media (min-width: 1025px) and (max-width: 1600px) {
.pgs-first-block {
min-height: 490px;
margin-top: -50px;
}
.pgs-first-block__wrapper {
padding-top: 60px;
height: calc(100% - 60px);
}
}
.hypothec-block {
position: relative;
z-index: 15;
}
/* site */
/* sliders */
.hypothec-swiper-counter {
position: absolute;
bottom: 0;
left: 0;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 1 !important;
}
.swiper-arrows__container {
position: absolute;
bottom: 30px;
width: 100px;
height: 50px;
}
.swiper-button-prev,
.swiper-button-next {
height: 50px !important;
width: 50px !important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 0 !important;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.swiper-button-next::after,
.swiper-button-prev::after {
content: '' !important;
width: 24px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.swiper-button-next:focus,
.swiper-button-prev:focus {
outline: none !important;
}
.hypothec-item {
height: 270px !important;
}
.hypothec-item__img {
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
}
.swiper-arrows__container::before {
content: '';
position: absolute;
background: rgba(255, 255, 255, .1);
width: 1px;
height: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 20;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
@media all and (min-width: 1025px) {
.swiper-arrows__container:hover::before {
opacity: 0;
}
}
@media all and (max-width: 1024px) {
.hypothec-text {
padding-right: 20px;
}
}
@media all and (max-width: 767px) {
.hypothec-item {
margin-bottom: 30px;
}
.hypothec-swiper-counter {
top: 145px;
bottom: unset;
}
.hypothec-slider .swiper-arrows__container {
top: 205px;
bottom: unset;
}
.hypothec-text {
padding-bottom: 30px;
}
.hypothec-item__img {
background-position: left center;
}
}
/* sliders */
/* buttons */
.btn {
position: relative;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
border: 1px solid transparent;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: bold;
border-radius: 3px;
margin: 0;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background-color: transparent;
outline: none;
text-decoration: none !important;
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.05em;
z-index: 50;
}
.btn-wide {
width: 100%;
}
.btn-xs {
font-weight: bold;
font-size: 12px;
line-height: 1;
}
.btn-sm {
font-weight: bold;
font-size: 12px;
line-height: 1;
}
.btn-md {
font-weight: bold;
font-size: 14px;
line-height: 1;
}
.btn-rad.btn-xs {
padding: 13px 55px;
border-radius: 20px;
}
.btn-rad.btn-sm {
padding: 18px 30px;
border-radius: 25px;
}
.btn-rad.btn-md {
padding: 22px 35px;
border-radius: 30px;
}
.btn-quad.btn-xs {
border-radius: 3px;
padding: 12px 30px;
}
.btn-quad.btn-sm {
border-radius: 3px;
padding: 18px 30px;
}
.btn-quad.btn-md {
border-radius: 3px;
padding: 22px 35px;
}
.btn-yellow {
background: #FFD700;
color: #282828;
}
.btn-aqua {
background: #399EB3;
color: #FFFFFF;
}
.btn-black {
border: 2px solid !important;
-o-border-image: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%) 2 !important;
border-image: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47)) 2 !important;
border-image: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%) 2 !important;
color: #FFFFFF;
}
.btn-white {
border: 2px solid !important;
-o-border-image: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%) 2 !important;
border-image: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47)) 2 !important;
border-image: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%) 2 !important;
color: #282828;
}
[data-icon="check-mark"] span {
position: relative;
padding-left: 22px;
}
[data-icon="check-mark"] span::before {
content: '';
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url('data:image/svg+xml;charset=utf-8, ');
width: 12px;
height: 10px;
}
.btn-black[data-icon="check-mark"] span::before {
background-image: url('data:image/svg+xml;charset=utf-8, ');
}
.btn-white[data-icon="dots"] span::before {
background-image: url('data:image/svg+xml;charset=utf-8, ');
}
@media all and (min-width: 1025px) {
.btn-yellow:active {
background: #FFE660;
}
.btn-black:active {
border-color: #C99C47;
color: #C99C47;
}
.btn-black:hover {
border-color: #E7BE68;
color: #E7BE68;
}
.btn-xs.btn-yellow:hover {
color: #282828 !important;
-webkit-box-shadow: 0px 5px 15px rgba(255, 215, 0, 0.35);
box-shadow: 0px 5px 15px rgba(255, 215, 0, 0.35);
}
.btn-sm.btn-yellow:hover {
color: #282828 !important;
-webkit-box-shadow: 0px 10px 30px -10px rgba(255, 215, 0, 0.35), 0px 5px 15px -5px rgba(255, 215, 0, 0.35);
box-shadow: 0px 10px 30px -10px rgba(255, 215, 0, 0.35), 0px 5px 15px -5px rgba(255, 215, 0, 0.35);
}
.btn-md.btn-yellow:hover {
color: #282828 !important;
-webkit-box-shadow: 0px 15px 45px -15px rgba(255, 215, 0, 0.35), 0px 10px 30px -10px rgba(255, 215, 0, 0.35);
box-shadow: 0px 15px 45px -15px rgba(255, 215, 0, 0.35), 0px 10px 30px -10px rgba(255, 215, 0, 0.35);
}
.btn-aqua:hover {
box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
-webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
color: #fff!important;
}
}
@media all and (max-width: 1024px) {
.btn-md {
font-size: 14px;
}
}
/* buttons */
/* building progress */
.section-building {
position: relative;
padding-bottom: 70px;
}
.building-title {
margin-bottom: 35px;
position: relative;
z-index: 15;
}
.building-item,
.building-item__nav {
height: 345px !important;
width: 100%;
position: relative;
overflow: hidden;
display: block;
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.building-item__nav-inner {
padding: 30px;
position: relative;
}
.building-item__nav-inner__btn {
position: absolute;
width: 50px;
height: 50px;
top: 50%;
right: 30px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.building-item__nav-inner__btn::before {
content: '';
position: absolute;
top: 50%;
left: calc(50% + 1px);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
width: 9px;
height: 14px;
}
.building-item__img {
position: absolute;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.building-item__nav-img {
width: 100%;
height: 230px;
background-position: center;
background-size: cover;
}
.building-item__year {
position: absolute;
right: 40px;
top: 30px;
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: 28px;
line-height: 1.3;
color: #FFFFFF;
}
.building-item__month {
position: absolute;
left: 40px;
bottom: 55px;
font-weight: 600;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #FFFFFF;
}
.building-slider .swiper-arrows__container {
right: 30px;
}
.building-slider {
z-index: 20;
}
.building-slider-nav {
margin-top: -345px;
z-index: 15;
}
.building-item__nav-inner-year {
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: 28px;
line-height: 1.3;
color: #282828;
}
.building-item__nav-inner-month {
font-weight: 600;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #717C89;
}
/* building progress */
/* commerce-rooms */
.section-commerce-rooms {
position: relative;
background: #F9F9F9;
padding-top: 100px;
padding-bottom: 70px;
}
.commerce-rooms__title {
position: relative;
z-index: 15;
margin-bottom: 50px;
}
.commerce-rooms__item {
z-index: 15;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: calc(100% - 30px);
margin-bottom: 30px;
text-align: left;
position: relative;
background: #FFFFFF;
-webkit-box-shadow: 0px 20px 60px -30px rgba(40, 40, 40, 0.15);
box-shadow: 0px 20px 60px -30px rgba(40, 40, 40, 0.15);
padding: 30px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.commerce-rooms__img-wrap {
height: 154px;
width: 100%;
margin-bottom: 25px;
}
.commerce-rooms__img {
display: block;
width: auto;
height: 100%;
margin: 0 auto;
}
.commerce-rooms__name {
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: 18px;
line-height: 1.3;
color: #282828;
margin-bottom: 10px;
}
.commerce-rooms__text {
font-weight: normal;
font-size: 14px;
line-height: 1.4;
color: #717C89;
margin-bottom: 22px;
}
.commerce-rooms__price-title {
font-weight: bold;
font-size: 11px;
line-height: 1.2;
letter-spacing: 0.07em;
text-transform: uppercase;
color: rgba(113, 124, 137, 0.5);
}
.commerce-rooms__price-value {
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: 26px;
line-height: 1.3;
color: #282828;
}
.commerce-rooms__price-value-q {
font-weight: 600;
font-size: 14px;
line-height: 1.3;
margin-bottom: 26px;
color: #717C89;
}
@media all and (min-width: 1025px) {
.commerce-rooms__item:hover {
color: inherit !important;
-webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
}
}
/* commerce-rooms */
/* spaces */
.section-spaces {
position: relative;
padding-top: 100px;
padding-bottom: 70px;
}
.space-item {
position: relative;
z-index: 15;
border: 1px solid #E5E5E5 !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: calc(100% - 30px);
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.space-item__inner {
padding: 40px 0;
padding-right: 80px;
}
.space-item__name {
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: 20px;
line-height: 1.2;
color: #282828;
margin-bottom: 5px;
}
.space-item__price {
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: 30px;
line-height: 1.3;
color: #717C89;
margin-bottom: 20px;
}
.space-item__img {
display: block !important;
margin-right: 25px;
width: auto !important;
height: 100%;
}
@media all and (min-width: 1025px) {
.space-item:hover {
color: inherit !important;
border-color: transparent !important;
-webkit-box-shadow: 0px 40px 90px -20px rgba(40, 40, 40, 0.08), 0px 30px 30px -15px rgba(40, 40, 40, 0.08), 0px 60px 90px -30px rgba(40, 40, 40, 0.08);
box-shadow: 0px 40px 90px -20px rgba(40, 40, 40, 0.08), 0px 30px 30px -15px rgba(40, 40, 40, 0.08), 0px 60px 90px -30px rgba(40, 40, 40, 0.08);
}
}
@media all and (max-width: 1024px) {
.building-slider-nav {
display: none;
}
.space-item__inner {
padding-right: 10px;
}
}
@media all and (max-width: 767px) {
.space-item__inner {
padding: 30px 15px;
}
.space-item__btn .btn {
width: 100%;
}
.space-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
/* spaces */
/* teasers */
.section-teasers {
position: relative;
padding-bottom: 40px;
}
.teaser-item {
position: relative;
z-index: 15;
margin-bottom: 30px;
height: calc(100% - 30px);
}
.teaser-item__img {
margin-bottom: 35px;
}
.teaser-item__name {
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: 26px;
line-height: 1;
margin-bottom: 16px;
}
.teaser-item__text {
font-weight: normal;
font-size: 15px;
line-height: 1.3;
}
@media all and (max-width: 1024px) {
.teaser-item {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
}
/* teasers */
/* price */
.section-price {
padding: 100px 0;
position: relative;
}
.section-commerce {
position: relative;
padding-top: 100px;
padding-bottom: 80px;
}
@media all and (min-width: 1025px) {
.price-img {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: -37px;
z-index: 10;
}
.commerce-img {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 15;
}
}
@media all and (max-width: 1024px) {
.price-img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
margin-bottom: 15px;
}
.commerce-img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
margin-bottom: 15px;
}
}
/* price */
/* section-rc */
.section-rc {
padding: 100px 0;
}
.slider-rc__wrapper {
position: relative;
width: 50%;
z-index: 20;
}
.rc-slider {
overflow: hidden;
}
.rc-item {
height: 520px !important;
}
.rc-item__img {
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
}
@media all and (min-width: 1025px) {
.section-rc__wrapper {
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
z-index: 15;
}
}
@media all and (max-width: 1024px) {
.section-rc {
padding: 50px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.section-rc__wrapper p {
margin-bottom: 50px;
}
.slider-rc__wrapper {
width: 100%;
margin-bottom: 30px;
}
}
/* section-rc */
/* territory */
.section-territory {
position: relative;
}
.section-territory-img {
position: relative;
/*margin-top: 50px;*/
width: 100%;
background-size: cover;
background-position: center;
}
.section-territory__top {
padding-bottom: 50px;
}
.section-territory-img-mobile {
margin: 20px 0;
}
.territory-text {
margin: 0 !important;
z-index: 10;
position: relative;
}
.section-territory__item,
.section-territory__item-text {
position: absolute;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: 1;
}
.section-territory__item-text {
background: #FFFFFF;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: calc(100% + 15px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 200px;
text-align: center;
font-family: 'Roboto Slab', serif;
font-size: 14px;
line-height: 1.2;
color: #282828;
user-select: none;
-webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgb(40, 40, 40, 0.25);
box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgb(40, 40, 40, 0.25);
}
.section-territory__item-text::before {
content: '';
position: absolute;
background-image: url('data:image/svg+xml;charset=utf-8, ');
width: 12px;
height: 8px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -8px;
}
@media all and (min-width: 1025px) {
.section-territory-img {
height: 650px;
}
.section-territory__item:hover,
.section-territory__item-text:hover {
z-index: 10;
}
}
@media all and (max-width: 1024px) {
.section-territory .h2 {
margin-bottom: 20px;
}
.section-territory-img {
height: 260px;
background-size: contain;
background-repeat: no-repeat;
}
}
/* territory */
/* technologies */
.section-technologies {
position: relative;
padding-top: 90px;
padding-bottom: 100px;
}
.section-technologies .h2 {
margin-bottom: 35px;
}
.technologies-item {
border-bottom: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
z-index: 15;
padding: 33px 120px 33px 33px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: calc(100% - 30px);
min-height: 250px;
margin-bottom: 30px;
background-position: center;
background-size: cover;
overflow: hidden;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.technologies-item__title {
font-weight: bold;
font-size: 16px;
line-height: 1.5;
color: #FFFFFF;
position: relative;
}
.technologies-item__text {
font-size: 14px;
line-height: 1.4;
color: rgba(255, 255, 255, 0.75);
opacity: 0;
position: relative;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.technologies-item--first {
min-height: 530px;
padding: 34px 40px;
}
.technologies-item--first .technologies-item__title {
font-weight: bold;
font-size: 22px;
line-height: 1.2;
color: #FFFFFF;
}
.technologies-item::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.technologies-item__hover::before {
content: '';
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-image: url('data:image/svg+xml;charset=utf-8, ');
width: 32px;
height: 14px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
@media all and (min-width: 1025px) {
.technologies-item:hover::before,
.technologies-item:hover .technologies-item__text {
opacity: 1;
}
}
@media all and (max-width: 1024px) {
.technologies-item {
overflow: hidden !important;
}
.section-technologies {
padding: 50px 0;
}
.technologies-item--first {
min-height: 250px;
}
.technologies-item--first .technologies-item__title {
font-size: 16px;
}
}
/* technologies */
/* apartments */
.apartments-item {
z-index: 15;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: calc(100% - 30px);
margin-bottom: 30px;
text-align: left;
position: relative;
background: #FFFFFF;
-webkit-box-shadow: 0px 20px 60px -30px rgba(40, 40, 40, 0.15);
box-shadow: 0px 20px 60px -30px rgba(40, 40, 40, 0.15);
padding: 60px 24px 30px 24px;
}
.section-apartments {
position: relative;
}
.section-apartments .h2 {
margin-bottom: 40px;
}
.apartments-item__num {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
user-select: none;
}
.apartments-item__num-inner {
position: absolute;
font-weight: 600;
font-size: 18px;
line-height: 1;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #FFFFFF;
top: 15px;
left: 15px;
}
.apartments-item__img {
display: block;
box-sizing: border-box;
max-height: 172px;
width: auto;
margin: 0 auto;
margin-bottom: 25px;
}
.apartments-item__name {
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: 17px;
line-height: 1.3;
color: #282828;
margin-bottom: 17px;
min-height: 44px;
}
.apartments-item__price-title {
font-weight: bold;
font-size: 11px;
line-height: 1.2;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.apartments-item__price-value {
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: 26px;
line-height: 1.3;
color: #282828;
}
.apartments-item__price-value-q {
font-weight: 600;
font-size: 14px;
line-height: 1.3;
margin-bottom: 26px;
}
@media all and (min-width: 1025px) {
.apartments-item:hover {
-webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
color: inherit !important;
}
}
@media all and (max-width: 1024px) {
.section-apartments {
padding: 50px 0;
}
.apartments-item {
text-align: center;
margin-bottom: 30px;
overflow: hidden;
}
}
/* apartments */
/* security */
.section-security {
padding: 100px 0;
}
.section-security-img__wrapper {
width: 50%;
margin-left: 50%;
}
.section-security__wrapper {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 15;
}
.security-block {
border: 1px solid #E5E5E5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.security-block__item {
padding: 40px 30px;
}
.security-block__item:first-child {
border-right: 1px solid #E5E5E5;
}
@media all and (max-width: 1024px) {
.section-security-img__wrapper {
width: 100%;
margin-left: 0;
}
.section-security {
padding: 50px 0;
}
.section-security__wrapper {
position: relative;
top: unset;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-top: 30px;
}
.section-map__wrapper {
margin-top: 30px;
padding-bottom: 30px;
}
}
@media all and (max-width: 767px) {
.security-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: auto;
}
.security-block__item:first-child {
border-right: none;
border-bottom: 1px solid #E5E5E5;
}
}
/* security */
/* map */
.section-map {
position: relative;
}
.map__wrapper {
width: 50%;
height: 680px;
overflow: hidden;
position: relative;
z-index: 20;
}
.section-map__wrapper {
z-index: 15;
}
.placemark_layout_container {
position: relative;
}
.circle_layout {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
border-radius: 50%;
background: #FFFFFF;
-webkit-box-shadow: 0px 10px 20px rgba(40, 40, 40, 0.1), 0px 5px 15px -5px rgba(40, 40, 40, 0.35);
box-shadow: 0px 10px 20px rgba(40, 40, 40, 0.1), 0px 5px 15px -5px rgba(40, 40, 40, 0.35);
}
.circle_layout img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 50;
}
.ballon_layout_container {
position: relative;
}
.ballon_layout {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
background: #000;
z-index: 50;
}
.map-controls {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 15;
}
.map-controls__item {
width: 50%;
}
.map-controls__item-control {
position: relative;
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
height: 64px;
font-weight: 600;
font-size: 12px;
line-height: 1.3;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #282828;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: -1px 0;
border-top: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
.map-controls__item:last-child .map-controls__item-control {
border-right: 1px solid #E5E5E5;
}
.map-controls__item-control img {
padding-left: 22px;
}
.map-controls__item-control span {
position: relative;
padding-left: 42px;
padding-right: 22px;
}
.map-controls__item-control span::before {
content: '';
position: absolute;
left: 21px;
height: 64px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-left: 1px solid #F5F5F5;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.map-controls__item-control.active {
color: #FFFFFF;
background-color: #282828;
}
.map-controls__item-control.active span::before {
border-color: rgba(255, 255, 255, 0.15);
}
@media (min-width: 1025px) {
.section-map__wrapper {
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
}
.map-controls__item-control:not(.active):hover {
border-color: #FFFFFF !important;
-webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
}
}
@media all and (max-width: 1024px) {
.map__wrapper {
width: 100%;
}
}
@media all and (max-width: 767px) {
.map-controls {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.map-controls__item:first-of-type .map-controls__item-control:last-child {
border-bottom: unset;
}
.map-controls__item-control {
border-right: 1px solid #E5E5E5;
}
.map-controls__item {
width: 100%;
}
}
/* map */
/* finish */
.section-finish {
position: relative;
padding-top: 90px;
padding-bottom: 70px;
}
.finish-text {
font-weight: normal;
font-size: 16px;
line-height: 1.5;
}
.section-finish .h2 {
margin-bottom: 30px;
font-size: 39px;
}
.section-finish .sub-title {
font-family: 'Roboto Slab', serif;
font-weight: normal;
font-size: 18px;
line-height: 1.3;
}
.finish-slider .swiper-arrows__container {
right: 30px;
}
.finish-item {
background-position: center;
background-size: cover;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 450px;
position: relative;
z-index: 15;
}
.finish-text b {
font-family: 'Roboto Slab', serif;
margin-bottom: 8px;
}
.finish-text ul,
.section-territory__list {
margin: 0;
}
.finish-text li,
.section-territory__list li {
list-style-type: none;
display: table;
font-size: 16px;
line-height: 1.5;
color: #717C89;
padding-left: 20px;
position: relative;
}
.finish-text li::before,
.section-territory__list li::before {
color: #B0CB1F;
content: '';
background-image: url('data:image/svg+xml;charset=utf-8, ');
width: 6px;
height: 6px;
position: absolute;
left: 0;
top: 9px;
}
.finish-item__title {
font-weight: bold;
font-size: 22px;
line-height: 1.2;
position: absolute;
bottom: 35px;
left: 40px;
}
.finish-item__back {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: -webkit-gradient(linear, left bottom, left top, from(#282828), to(rgba(40, 40, 40, 0)));
background: -o-linear-gradient(bottom, #282828 0%, rgba(40, 40, 40, 0) 100%);
background: linear-gradient(360deg, #282828 0%, rgba(40, 40, 40, 0) 100%);
opacity: 0.5;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
@media all and (max-width: 1024px) {
.finish-text {
margin-bottom: 30px;
}
.section-finish {
padding: 50px 0;
}
.section-finish .h2 {
margin-bottom: 10px;
}
.section-finish .sub-title {
margin-bottom: 20px;
}
}
/* finish */
/* section-documents */
.section-documents {
position: relative;
padding: 100px 0;
}
.documents-block {
position: relative;
z-index: 10;
background: #FFFFFF;
}
.documents-block .h3 {
font-weight: 600;
font-size: 32px;
line-height: 1.1;
color: #282828;
margin-bottom: 25px;
}
.document-items {
padding: 0 60px 60px 60px;
}
.document-top {
padding: 60px 60px 0 60px;
border-bottom: 1px solid #E5E5E5;
margin-bottom: 40px;
}
.document-top h2 {
margin-top: 0;
}
.document-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.document-tabs__link {
display: block;
padding-bottom: 20px;
font-weight: 600;
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.05em;
text-transform: uppercase;
border-bottom: 4px solid transparent;
cursor: pointer;
}
.document-tabs__link.active {
border-color: #FFD700;
}
.document-tabs__link:first-of-type {
margin-right: 70px;
}
.document-tabs__items {
display: flex;
position: relative;
transform: translate3d(0px,0,0);
overflow: hidden;
}
.document-tabs__item {
opacity: 0;
visibility: hidden;
transition: opacity .3s ease-out, visibility .3s ease-out;
flex-shrink: 0;
width: 100%;
height: 100%;
}
.document-tabs__item.active {
opacity: 1;
visibility: visible;
}
.document-tabs__item:last-child {
transform: translate(-100%, 0);
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.document-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: calc(100% - 30px);
margin-bottom: 30px;
}
.document-tabs__item .document-item {
width: 50%;
flex-basis: 50%;
}
.document-item__icon {
display: block;
margin-right: 20px;
}
.document-item__name {
font-weight: 600;
font-size: 18px;
line-height: 1.3;
color: #282828;
}
.document-item__info {
font-size: 16px;
line-height: 1.25;
color: #717C89;
}
.document-item__info span {
color: rgba(113, 124, 137, 0.5);
}
@media all and (max-width: 1024px) {
.section-documents {
padding: 50px 0;
}
}
@media (max-width: 767px) {
.document-tabs__item .document-item {
width: 100%;
flex-basis: 100%;
}
}
/* section-documents */
/* commerce */
.section-purchase {
padding-top: 85px;
padding-bottom: 60px;
}
.section-purchase .sub-title {
margin-bottom: 30px;
position: relative;
z-index: 15;
}
.section-purchase .h2 {
margin-bottom: 15px;
position: relative;
z-index: 5;
}
.purchase-item {
position: relative;
z-index: 15;
display: block;
text-align: left;
background: #FFFFFF;
-webkit-box-shadow: 0px 20px 60px -30px rgba(40, 40, 40, 0.15);
box-shadow: 0px 20px 60px -30px rgba(40, 40, 40, 0.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: calc(100% - 30px);
margin-bottom: 30px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.purchase-item__img {
width: 100%;
height: 170px;
background-position: center;
background-size: cover;
}
.purchase-item__inner {
padding: 35px 40px;
}
.purchase-item__name {
font-weight: bold;
font-size: 22px;
line-height: 1.2;
color: #282828;
margin-bottom: 5px;
}
.purchase-item__text {
font-size: 16px;
line-height: 1.2;
color: #717C89;
}
@media all and (min-width: 1025px) {
.purchase-item:hover {
-webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.08), 0px 30px 90px -30px rgba(40, 40, 40, 0.25);
}
}
@media all and (max-width: 1024px) {
.purchase-item {
text-align: center;
}
.section-purchase {
padding: 50px 0;
}
}
/* commerce */
/* projects */
.section-projects {
position: relative;
padding-top: 90px;
padding-bottom: 70px;
}
.section-projects .h2 {
margin-bottom: 35px;
}
.projects-item {
text-align: left;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: calc(100% - 30px);
margin-bottom: 30px;
border: 1px solid #E5E5E5 !important;
position: relative;
z-index: 15;
}
.projects-item__img {
width: calc(100% + 2px);
margin: -1px;
height: 270px;
background-position: center;
background-size: cover;
position: relative;
overflow: hidden;
}
.projects-item__img::before {
content: '';
position: absolute;
right: -1px;
top: -1px;
width: 100px;
height: 100px;
border: 1px solid #F6E8EA;
opacity: 0;
z-index: 5;
border-radius: 0 0 0 100%;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.projects-item__class {
position: absolute;
top: 20px;
left: 20px;
background: rgba(255, 255, 255, 0.7);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
padding: 10px 15px;
font-weight: bold;
font-size: 11px;
line-height: 13px;
letter-spacing: 0.07em;
text-transform: uppercase;
color: #717C89;
}
.projects-item__inner {
padding: 35px 30px;
}
.projects-item__name {
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: 26px;
line-height: 1.1;
color: #282828;
margin-bottom: 20px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.projects-item__address-block-name,
.projects-item__deadline-block-name {
font-weight: 600;
font-size: 11px;
line-height: 1.8;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #717C89;
}
.projects-item__address-block-val,
.projects-item__deadline-block-val {
font-weight: 600;
font-size: 16px;
line-height: 1.25;
color: #282828;
}
.projects-item__address-block {
margin-bottom: 22px;
}
.projects-item__address-block,
.projects-item__deadline-block {
position: relative;
padding-left: 30px;
}
.projects-item__address-block::before,
.projects-item__deadline-block::before {
content: '';
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.projects-item__address-block::before {
background-image: url('data:image/svg+xml;charset=utf-8, ');
width: 22px;
height: 29px;
}
.projects-item__deadline-block::before {
background-image: url('data:image/svg+xml;charset=utf-8, ');
width: 22px;
height: 28px;
}
@media all and (min-width: 1025px) {
.projects-item:hover {
border-color: transparent !important;
-webkit-box-shadow: 0px 40px 90px -20px rgba(40, 40, 40, 0.08), 0px 30px 30px -15px rgba(40, 40, 40, 0.08), 0px 60px 90px -30px rgba(40, 40, 40, 0.08);
box-shadow: 0px 40px 90px -20px rgba(40, 40, 40, 0.08), 0px 30px 30px -15px rgba(40, 40, 40, 0.08), 0px 60px 90px -30px rgba(40, 40, 40, 0.08);
}
.projects-item:hover .projects-item__img::before {
opacity: 1;
}
.projects-item:hover .projects-item__name {
color: #FFD700;
}
}
@media all and (max-width: 1024px) {
.map-controls__item-control {
overflow: hidden;
}
.swiper-counter__current {
font-size: 25px !important;
}
.swiper-counter__dash,
.swiper-counter__count {
font-size: 12px !important;
}
.section-projects {
padding: 50px 0;
}
.document-top {
padding: 30px 30px 0 30px;
}
.document-items {
padding: 0 30px 30px 30px;
}
.section-price,
.section-commerce {
padding: 50px 0;
}
.section-apartments {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.section-spaces {
padding-top: 50px;
padding-bottom: 20px;
}
.section-commerce-rooms {
padding-top: 50px;
padding-bottom: 20px;
}
}
/* projects */
@media all and (max-width: 767px) {
.rc-slider .swiper-arrows__container {
right: unset !important;
left: 30px;
}
.price-btn .btn {
width: 100%;
}
.document-top {
padding: 30px 15px 0 15px;
}
.document-items {
padding: 0 15px 30px 15px;
}
.hypothec-btn .btn {
width: 100%;
}
.documents-block .h3 {
font-size: 20px;
}
.teaser-item__name {
font-size: 22px;
}
.section-rc {
padding-bottom: 100px;
}
.document-tabs__link:first-of-type {
margin-right: 15px;
}
.document-tabs__link {
font-size: 12px;
}
}
.finish-slider--desc {
font-size: 13px;
line-height: 1.85;
color: rgba(113, 124, 137, 0.7);
padding-top: 13px;
}
.finish-slider--desc.finish-dark--desc {
color: rgba(255, 255, 255, 0.7);
}
/* flat filter */
.apartments-filter {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
border-radius: 3px;
margin-bottom: 40px;
}
.apart-filter__item {
padding: 17px 30px;
background: transparent;
font-weight: 600;
font-size: 14px;
line-height: 1;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #5E748D;
cursor: pointer;
border: 1px solid rgba(94, 116, 141, 0.2);
border-right: 0;
user-select: none;
}
.apart-filter__item:first-child {
border-radius: 3px 0 0 3px;
}
.apart-filter__item:last-child {
border-radius: 0px 3px 3px 0px;
border-right: 1px solid rgba(94, 116, 141, 0.2);
}
.apart-filter__item.active {
background: #282828;
color: #fff;
border-color: transparent;
}
.apart-filter__item.apart-filter__all.active {
cursor: default;
}
.apart-item {
display: none;
}
.apart-item.apart-active {
display: block;
}
/* semicircle theme */
.semicircle .apart-filter__item:first-child {
border-radius: 50px 0 0 50px;
}
.semicircle .apart-filter__item:last-child {
border-radius: 0px 50px 50px 0px;
border-right: 1px solid rgba(94, 116, 141, 0.2);
}
/* dark theme */
.dark-theme .apart-filter__item {
color: #FFFFFF;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.dark-theme .apart-filter__item:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.dark-theme .apart-filter__item.active {
background: #444444;
border-color: transparent;
}
@media all and (max-width: 1024px) {
.apartments-filter {
display: flex;
justify-content: center;
}
.apart-filter__item {
font-size: 13px;
margin-bottom: 15px;
margin-right: 15px;
padding: 14px 20px;
border-radius: 3px;
border: 1px solid rgba(94, 116, 141, 0.2);
}
.apart-filter__item:first-child,
.apart-filter__item:last-child {
border-radius: 3px;
}
.semicircle .apart-filter__item,
.semicircle .apart-filter__item:first-child,
.semicircle .apart-filter__item:last-child {
border-radius: 50px;
}
.dark-theme .apart-filter__item {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
}
@media all and (min-width: 1025px) {
.apart-filter__item.active + .apart-filter__item {
border-left-color: transparent;
}
.dark-theme .apart-filter__item.active + .apart-filter__item {
border-left-color: transparent;
}
.apart-filter__item:not(.active):not(.apart-filter__all.active):hover {
background: #FFFFFF;
border-color: transparent;
color: #282828;
-webkit-box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
box-shadow: 0px 15px 45px rgba(40, 40, 40, 0.05), 0px 10px 30px -10px rgba(40, 40, 40, 0.15);
}
.apart-filter__item:not(.active):not(.apart-filter__all.active):hover + .apart-filter__item {
border-left-color: transparent;
}
.dark-theme .apart-filter__item:not(.active):not(.apart-filter__all.active):hover {
background: -webkit-gradient(linear, left top, left bottom, from(#E7BE68), to(#C99C47));
background: -o-linear-gradient(top, #E7BE68 0%, #C99C47 100%);
background: linear-gradient(180deg, #E7BE68 0%, #C99C47 100%);
border-color: transparent;
color: #FFFFFF;
-webkit-box-shadow: 0px 15px 45px rgba(201, 156, 71, 0.35), 0px 10px 30px -10px rgba(201, 156, 71, 0.35);
box-shadow: 0px 15px 45px rgba(201, 156, 71, 0.35), 0px 10px 30px -10px rgba(201, 156, 71, 0.35);
}
}
#modal__object {
background-color: transparent;
}
/* menu responsive */
@media all and (max-width: 1024px) {
.sub-menu-1 ul > li {
margin: 0 14px;
}
.sub-menu-1 ul > li a {
font-size: 16px;
}
}
.pgs-char-desc {
padding: 40px 0 10px;
border-bottom: 1px solid #E5E5E5;
}
.pgs-first-block__desc-item {
position: relative;
margin-bottom: 32px;
text-align: left;
padding-left: 75px;
}
.pgs-start-disclaimer {
padding: 0 0 14px;
}
.pgs-start-disclaimer p {
margin: 0;
font-size: 13px !important;
line-height: 1.1;
color: rgba(113, 124, 137, 0.7);
}
.territory-disclaimer {
position: absolute;
font-size: 13px;
line-height: 1.1;
color: rgba(255, 255, 255, 0.7);
bottom: 32px;
left: 0;
right: 0;
user-select: none;
}
.section-territory-img:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
pointer-events: none;
background: -webkit-gradient(linear, left bottom, left top, from(#282828), color-stop(40%, rgba(40, 40, 40, 0)));
background: -o-linear-gradient(bottom, #282828 0%, rgba(40, 40, 40, 0) 40%);
background: linear-gradient(360deg, #282828 0%, rgba(40, 40, 40, 0) 40%);
opacity: 0.5;
z-index: 0;
}
@media all and (max-width: 1024px) {
.territory-disclaimer {
position: unset;
color: rgba(113, 124, 137, 0.7);
font-size: 12px;
padding-top: 10px;
padding-bottom: 10px;
}
}
.section-rc__disclaimer {
position: absolute;
right: 0;
left: 0;
bottom: 110px;
color: rgba(113, 124, 137, 0.7);
font-size: 12px;
line-height: 1.1;
}
@media all and (max-width: 1024px) {
.section-rc__disclaimer {
bottom: 30px;
}
}
@media all and (max-width: 767px) {
.section-rc__disclaimer {
bottom: 15px;
}
}
.map-text p {
color: rgba(255, 255, 255, 0.7);
}
.info_dev .left_blc .h3 {
font-size: 24px;
line-height: 1.2;
}
.info_dev .left_blc span {
font-weight: 600;
font-size: 14px;
line-height: 1.2;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #717C89;
}
.info_dev .left_blc p {
margin: 1px 0 21px;
font-weight: 600;
font-size: 20px !important;
line-height: 20px;
color: #282828;
}
.info_dev.drk .left_blc p {
color: white;
}
.info_dev .left_blc {
padding: 54px 30px 0 59px;
border-right: 1px solid #E5E5E5;
}
.info_dev .right_blc {
padding: 54px 30px 60px 59px;
}
.info_dev .right_blc .h3 {
font-weight: 600;
font-size: 24px;
margin: 0 0 36px;
}
.info_dev .right_blc .document-items {
padding: 0;
}
.proj-flex {
display: flex;
justify-content: space-between;
margin-bottom: 45px;
}
@media all and (max-width: 991px) {
.proj-flex {
flex-wrap: wrap;
}
.proj-flex > div {
width: 100%;
}
}
.flats-navigation--wrap {
margin-bottom: 60px;
border-bottom: 1px solid rgb(40 40 40 / 10%);
}
.flats-navigation,
.flats-navigation-test {
overflow: hidden;
}
.flats-navigation a,
.flats-navigation-test a {
font-weight: 600;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.05em;
text-transform: uppercase;
padding-bottom: 26px;
display: inline-block;
position: relative;
border-bottom: none;
cursor: pointer;
white-space: nowrap;
}
.flats-navigation a::after,
.flats-navigation-test a::after {
content: ' ';
position: absolute;
display: block;
width: 100%;
height: 4px;
border-radius: 2px 2px 0px 0px;
opacity: 0;
transition: opacity .3s ease-out;
bottom: 0;
left: 0;
}
.flats-navigation .swiper-slide-thumb-active a::after,
.flats-navigation-test .swiper-slide-thumb-active a::after {
opacity: 1;
}
.flats-content-wrap {
}
.flats-content,
.flats-content-test {
overflow: hidden;
}
.flats-content--item {
position: relative;
}
.flats-content--item .flats-content--plan {
}
.flats-content--item .flats-content--plan img {
width: 100%;
}
.flats-content--item .flats-content--svg {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.flats-content--item .flats-content--svg svg {
width: 100%;
}
.flats-content--item .flats-content--svg .floor-hover {
opacity: 0;
fill-rule: evenodd;
clip-rule: evenodd;
fill: #FFD700;
transition: opacity .3s ease-out;
cursor: pointer;
}
.flats-content--item .flats-content--svg .floor-hover.flat-soldout {
fill: #F5F7F9;
cursor: default;
pointer-events: none;
}
.flats-content--item .flats-content--svg .floor-hover:hover,
.flats-content--item .flats-content--svg .floor-hover.flat-soldout {
opacity:0.75;
}
.flats-display--switcher {
display: flex;
justify-content: flex-end;
height: 100%;
padding-top: 5px;
}
.ftals-display--switch {
display: flex;
margin-left: 40px;
opacity: 0.75;
cursor: pointer;
transition: opacity .3s ease-out;
}
.ftals-display--switch.active {
pointer-events: none;
}
.ftals-display--switch.active,
.ftals-display--switch:hover {
opacity: 1;
}
.ftals-display--switch-icon {
width: 14px;
height: 14px;
margin-right: 9px;
background-repeat: no-repeat;
background-position: left top;
opacity: .5;
transition: opacity .3s ease-out;
}
.ftals-display--switch-icon.ftals-display--switch-icon-floor {
background-image: url(/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/img/floor.svg);
}
.ftals-display--switch-icon.ftals-display--switch-icon-flat {
background-image: url(/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/img/list.svg);
}
.ftals-display--switch.active .ftals-display--switch-icon,
.ftals-display--switch:hover .ftals-display--switch-icon {
opacity: 1;
}
.ftals-display--switch-text {
font-weight: 600;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: uppercase;
opacity: 0.8;
color: #399EB3;
transition: color .3s ease-out;
}
.ftals-display--switch.active .ftals-display--switch-text,
.ftals-display--switch:hover .ftals-display--switch-text {
color: #282828;
}
.quiz-wrapper {
background: #F5F7F9;
padding-top: 90px;
padding-bottom: 70px;
}
@media (max-width: 767px) {
.matomba_iframe:not(.matomba_iframe_mobile) {
margin: 0!important;
padding: 0!important;
}
}
/* End */
/* Start:/bitrix/templates/pgs/assets/plugins/swiper/swiper.min.css?162158488613885*/
/**
* Swiper 6.5.8
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2021 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: April 23, 2021
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
/* End */
/* Start:/bitrix/templates/pgs/assets/css/normalize.css?16215114902368*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{display:block;}
audio,
canvas,
progress,
video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
progress{vertical-align:baseline;}
template,
[hidden]{display:none;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
a:active,
a:hover{outline-width:0;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,
strong{font-weight:inherit;}
b,
strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
code,
kbd,
pre,
samp{font-family:monospace, monospace;font-size:1em;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
button,
input,
select,
textarea{font:inherit;margin:0;}
optgroup{font-weight:bold;}
button,
input{overflow:visible;}
button,
select{text-transform:none;}
button,
html [type="button"],
[type="reset"],
[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
textarea{overflow:auto;}
[type="checkbox"],
[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-input-placeholder{color:inherit;opacity:0.54;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
/* End */
/* Start:/bitrix/templates/pgs/assets/css/utils.css?16215114723266*/
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
[role="button"] {
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
small {
font-size: 80%;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
/* .clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table;
} */
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,{
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.img-responsive {
display: inline-block;
max-width: 100%;
height: auto;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@media (max-width: 1024px) {
.center-mobile {
text-align: center;
}
}
.vertical-center {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.def-tr {
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
[role="block"] {
display: block;
}
@media screen and (min-width: 1024px ) {
.text-center-md{
text-align: center;
}
.text-right-md {
text-align: right;
}
}
@media screen and (min-width: 767px ) and (max-width: 1024px) {
.text-center-sm{
text-align: center;
}
.text-right-sm{
text-align: right;
}
}
@media screen and (max-width: 767px) {
.text-center-xs{
text-align: center;
}
.text-right-xs {
text-align: right;
}
.text-left-xs {
text-align: left;
}
}
.relative {
position: relative;
}
.overflow__hidden {
overflow: hidden;
}
/* End */
/* Start:/bitrix/templates/pgs/assets/css/grid.css?162151133821787*/
/* Uncomment and set these variables to customize the grid. */
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
max-width: 100%;
box-sizing: border-box;
}
@media (max-width: 1200px) {
.container {
width: 100%;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
display: -webkit-flex;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.row.reverse {
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.col.reverse {
-ms-flex-direction: column-reverse;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 15px;
padding-left: 15px;
}
.col-xs {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-1 {
margin-left: 8.333%;
}
.col-xs-offset-2 {
margin-left: 16.667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.333%;
}
.col-xs-offset-5 {
margin-left: 41.667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.333%;
}
.col-xs-offset-8 {
margin-left: 66.667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.333%;
}
.col-xs-offset-11 {
margin-left: 91.667%;
}
.start-xs {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-xs {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-xs {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-xs {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-xs {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
@media only screen and (min-width: 768px) {
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 15px;
padding-left: 15px;
}
.col-sm {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-1 {
margin-left: 8.333%;
}
.col-sm-offset-2 {
margin-left: 16.667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.333%;
}
.col-sm-offset-5 {
margin-left: 41.667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.333%;
}
.col-sm-offset-8 {
margin-left: 66.667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.333%;
}
.col-sm-offset-11 {
margin-left: 91.667%;
}
.start-sm {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-sm {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-sm {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-sm {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-sm {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 1025px) {
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 15px;
padding-left: 15px;
}
.col-md {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-1 {
margin-left: 8.333%;
}
.col-md-offset-2 {
margin-left: 16.667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.333%;
}
.col-md-offset-5 {
margin-left: 41.667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333%;
}
.col-md-offset-8 {
margin-left: 66.667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.333%;
}
.col-md-offset-11 {
margin-left: 91.667%;
}
.start-md {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
/*text-align: start;*/
text-align: left;
}
.center-md {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-md {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-md {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-md {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-md {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 1200px) {
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 15px;
padding-left: 15px;
}
.col-lg {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-1 {
margin-left: 8.333%;
}
.col-lg-offset-2 {
margin-left: 16.667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.333%;
}
.col-lg-offset-5 {
margin-left: 41.667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.333%;
}
.col-lg-offset-8 {
margin-left: 66.667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.333%;
}
.col-lg-offset-11 {
margin-left: 91.667%;
}
.start-lg {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-lg {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-lg {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-lg {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-lg {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1025px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1025px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 1025px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 1025px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 1025px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
/* End */
/* Start:/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/lighthouse/style.css?172553123140712*/
@font-face {
font-family: 'Formular';
src: url('/bitrix/templates/pgs/fonts/Formular/Formular.eot');
src: local('Formular'),
url('/bitrix/templates/pgs/fonts/Formular/Formular.eot?#iefix') format('embedded-opentype'),
url('/bitrix/templates/pgs/fonts/Formular/Formular.woff2') format('woff2'),
url('/bitrix/templates/pgs/fonts/Formular/Formular.woff') format('woff'),
url('/bitrix/templates/pgs/fonts/Formular/Formular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Formular';
src: url('/bitrix/templates/pgs/fonts/Formular/Formular-Medium.eot');
src: local('Formular Medium'), local('Formular-Medium'),
url('/bitrix/templates/pgs/fonts/Formular/Formular-Medium.eot?#iefix') format('embedded-opentype'),
url('/bitrix/templates/pgs/fonts/Formular/Formular-Medium.woff2') format('woff2'),
url('/bitrix/templates/pgs/fonts/Formular/Formular-Medium.woff') format('woff'),
url('/bitrix/templates/pgs/fonts/Formular/Formular-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Formular';
src: url('/bitrix/templates/pgs/fonts/Formular/Formular-Bold.eot');
src: local('Formular Bold'), local('Formular-Bold'),
url('/bitrix/templates/pgs/fonts/Formular/Formular-Bold.eot?#iefix') format('embedded-opentype'),
url('/bitrix/templates/pgs/fonts/Formular/Formular-Bold.woff2') format('woff2'),
url('/bitrix/templates/pgs/fonts/Formular/Formular-Bold.woff') format('woff'),
url('/bitrix/templates/pgs/fonts/Formular/Formular-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
.font-formular, h1, .h1, .pgs-first-block__info-item-title, h2, .h2, h3, .h3, .finish-text b {
font-family: 'Formular' !important;
}
.section-security__wrapper .h2,
.text-blue {
color: #004A7F;
}
.bx_breadcrumbs ul li:first-child a::after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5L1 7V15H7M7 1L15 3V15H7V1Z' stroke='%23E41B49' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.bx_breadcrumbs ul li a::before {
background: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.7' cx='2' cy='2' r='2' fill='%23E41B49'/%3E%3C/svg%3E%0A");
}
.bx_breadcrumbs ul li a {
color: #E41B49;
border-bottom: 1px solid rgba(228, 27, 73, .35);
}
.bx_breadcrumbs ul li span {
color: #004A7F;
}
.proj-flex {
margin-bottom: 35px;
}
.proj-flex span {
font-family: Formular;
}
.pgs-first-block-back {
width: 45.6%;
right: 0;
}
.btn-quad.btn-xs,
.btn-quad.btn-sm,
.btn-quad.btn-md {
border-radius: 30px;
}
a:hover {
color: #E41B49 !important;
border-color: rgba(228, 27, 73, .35) !important;
}
.btn-aqua {
background: #E41B49;
}
.pgs-first-block__info {
justify-content: space-between;
}
.pgs-first-block__info-item {
width: auto;
padding-left: 87px;
}
.pgs-first-block__info-item-icon {
width: 70px;
height: 70px;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.pgs-first-block__info-item-icon::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
}
.pgs-first-block__info-item-icon::after {
content: ' ';
position: absolute;
background: #E41B49;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 50%;
}
.pgs-first-block__info > div:nth-child(2n) .pgs-first-block__info-item-icon::after {
background: #004A7F;
}
.pgs-first-block__info-item-icon::before {
background-image: url(/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/lighthouse/href2.svg);
width: 37px;
height: 36px;
}
.pgs-first-block__info > div:nth-child(2n) .pgs-first-block__info-item-icon::before {
background-image: url(/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/lighthouse/href.svg);
width: 37px;
height: 36px;
}
.pgs-first-block__info-item-title {
font-weight: 500;
white-space: nowrap;
}
.pgs-first-block__info-item-text {
color: #004A7F;
opacity: .85;
font-weight: 700;
font-size: 11px;
}
.pgs-first-block__sub-title {
color: #555555;
font-size: 16px;
}
.section-hypothec,
.hypothec-block {
position: relative;
}
.hypothec-block {
background: #FFF;
overflow: hidden;
border-radius: 15px;
box-shadow: 0px 30px 90px -30px rgba(40, 40, 40, 0.15), 0px 25px 75px 0px rgba(40, 40, 40, 0.05);
}
.hypothec-text .h3 {
color: #004A7F;
font-family: Formular;
font-size: 30px;
font-weight: 700;
line-height: normal;
}
.hypothec-text p {
color: #555;
margin-bottom: 45px;
}
.hypothec-swiper-counter::before {
content: '';
position: absolute;
width: 100%;
height: 83%;
background: #E41B49;
transform: matrix(1, -0.15, 0, 1, 0, 0);
top: 7px;
}
.section-hypothec,
.section-price {
background: #004A7F;
}
.section-hypothec::before,
.section-price::before {
content: ' ';
background-image: url(/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/lighthouse/pattern_href.png);
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: top left;
}
.section-rc__wrapper p {
color: #555;
margin: 15px 0;
}
.building-item__year {
font-family: Formular;
font-size: 20px;
font-weight: 500;
}
.building-item__month {
font-size: 28px;
font-weight: 500;
bottom: 40px;
}
.territory-text {
color: #555;
}
.building-item {
border-bottom: none;
}
.building-item__nav-inner__btn {
top: calc(50% - 25px);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color: transparent;
border: 1px solid rgba(113, 124, 137, 0.2);
}
.building-item__nav-inner__btn::before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
background-image: url('data:image/svg+xml;charset=utf-8, ');
}
.fb__head .h3 {
color: #004A7F;
}
.cross span {
color: #004A7F;
font-family: Formular;
font-size: 11px;
font-weight: 500;
}
.cross:hover {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 1L1 15M1 1L15 15' stroke='%23E41B49' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.hint:hover::before {
background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_2454_575)'%3E%3Ccircle cx='18' cy='15' r='10' fill='white'/%3E%3C/g%3E%3Cpath d='M17.5903 16.593L18.6354 16.2558C18.481 16.1279 18.3741 15.9186 18.3741 15.7326C18.3741 14.686 20.5 14.5465 20.5 12.8256C20.5 11.7791 19.5855 11 18.0891 11C17.0202 11 16.1057 11.4302 15.5 12.1512L16.2957 13.0233C16.6995 12.5349 17.2221 12.2093 17.9466 12.2093C18.7185 12.2093 19.0748 12.593 19.0748 13.0465C19.0748 14.0349 17.1627 14.186 17.1627 15.6047C17.1627 15.9884 17.3052 16.3256 17.5903 16.593ZM18.0178 19C18.4691 19 18.8492 18.6279 18.8492 18.186C18.8492 17.7442 18.4691 17.3721 18.0178 17.3721C17.5665 17.3721 17.1865 17.7442 17.1865 18.186C17.1865 18.6279 17.5665 19 18.0178 19Z' fill='%23E41B49'/%3E%3Cdefs%3E%3Cfilter id='filter0_dd_2454_575' x='0' y='0' width='36' height='36' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.156863 0 0 0 0 0.156863 0 0 0 0 0.156863 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2454_575'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.156863 0 0 0 0 0.156863 0 0 0 0 0.156863 0 0 0 0.05 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_2454_575' result='effect2_dropShadow_2454_575'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_2454_575' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.site-form__item input[type="text"], .site-form__item input[type="email"] {
font-family: Formular;
border-radius: 8px;
border: 1px solid rgba(85, 85, 85, .35);
}
.form-policy-modal::before {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='15.5' stroke='%23E41B49'/%3E%3Cpath d='M16 9V18' stroke='%23E41B49' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='16' cy='22' r='1.25' fill='%23E41B49'/%3E%3C/svg%3E%0A");
}
.form-submit-btn input[type=submit] {
border-radius: 30px;
background: #E41B49;
color: #FFF;
}
.fb {
border-radius: 20px;
box-shadow: 0px 30px 90px -30px rgba(40, 40, 40, 0.25), 0px 15px 45px 0px rgba(40, 40, 40, 0.08);
}
.fancybox-bg {
background: rgba(0, 74, 127, .75) !important;
}
.apartments-item__name {
font-family: Formular;
font-size: 16px;
font-weight: 500;
margin-bottom: 18px;
}
.apartments-item {
border-radius: 20px;
text-align: center;
}
.apartments-item__price-value-q {
display: none;
}
.apartments-item__price-value {
color: #004A7F;
font-family: Formular;
margin-bottom: 26px;
}
@media all and (min-width: 1025px) {
.building-item__nav:hover .building-item__nav-inner__btn {
border-color: transparent;
background: #004A7F;
-webkit-box-shadow: 0px 15px 45px rgba(57, 158, 179, 0.5);
box-shadow: 0px 15px 45px rgba(57, 158, 179, 0.5);
}
.building-item__nav:hover .building-item__nav-inner__btn::before {
background-image: url('data:image/svg+xml;charset=utf-8, ');
}
}
/* site */
.building-item__nav {
background: #F5F7F9;
}
.section-gray {
background: #F5F7F9;
}
[data-icon="geo"]::before {
background-image: url('data:image/svg+xml;charset=utf-8, ');
width: 22px;
height: 28px;
}
[data-icon="calendar"]::before {
background-image: url('data:image/svg+xml;charset=utf-8, ');
width: 22px;
height: 22px;
}
[data-icon="aparts"]::before {
background-image: url('data:image/svg+xml;charset=utf-8, ');
width: 22px;
height: 22px;
}
[data-icon="dots"] span {
position: relative;
padding-right: 23px;
}
[data-icon="dots"] span::before {
content: '';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url('data:image/svg+xml;charset=utf-8, ');
width: 14px;
height: 4px;
filter: brightness(10);
}
/* site */
/* first-block */
.pgs-first-block {
background: #FFF;
}
.pgs-first-block__sub-title a:not(.proj-phone),
.pgs-first-block__sub-title a:not(.proj-phone):hover {
color: #004A7F;
}
.pgs-first-block__sub-title a:not(.proj-phone):hover {
border-bottom-color: transparent;
}
[data-icon="check-mark"] span::before {
filter: brightness(10);
}
/* sliders */
.hypothec-swiper-counter {
height: 80px;
width: 90px;
z-index: 5;
bottom: 20px;
}
.swiper-counter__container {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hypothec-slider .swiper-counter__container {
bottom: 25px;
left: 14px;
}
.swiper-counter__current {
font-family: 'Roboto Slab', serif;
font-weight: 600;
font-size: 30px;
}
.swiper-counter__dash {
font-weight: bold;
font-size: 14px;
line-height: 1;
margin: 0 5px;
}
.swiper-counter__count {
font-weight: bold;
font-size: 14px;
line-height: 1;
}
.hypothec-slider .swiper-counter__current,
.hypothec-slider .swiper-counter__dash,
.hypothec-slider .swiper-counter__count {
color: #FFFFFF;
}
.swiper-button-prev,
.swiper-button-next {
background: rgba(255, 255, 255, 0.35);
backdrop-filter: blur(6px);
}
.swiper-button-prev {
left: 0;
border-radius: 25px 0px 0px 25px;
}
.swiper-button-next {
right: 0;
border-radius: 0px 25px 25px 0px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
width: 10px;
height: 18px;
}
.swiper-button-prev::after {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L1 9L9 17' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
left: 50%;
}
.swiper-button-next::after {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9 9L1 17' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
left: 50%;
}
.hypothec-slider .swiper-arrows__container {
left: 320px;
}
.hypothec-item {
overflow: hidden;
position: relative;
}
.teaser-item__img {
margin-bottom: 27px;
}
.teaser-item__img img {
border-radius: 50%;
}
.teaser-item__name span {
color: #004A7F;
font-family: Formular;
font-size: 18px;
font-weight: 500;
line-height: 22px;
}
.teaser-item__text {
color: #555;
font-size: 14px;
line-height: 1.5;
}
.rc-item {
height: 650px !important;
}
.space-item {
border-radius: 20px;
}
.space-item__img {
margin-right: 60px;
}
.space-item__img.img-responsive {
border-radius: 20px 0px 0px 20px;
height: 100%;
background: #F5F7F9;
}
.section-building {
}
.section-building .building-slider-nav .swiper-container {
padding-bottom: 70px;
}
#building-slider-new .swiper-arrows__container {
bottom: unset;
width: 100%;
top: 50%;
height: 0;
}
#building-slider-new .swiper-button-prev,
#building-slider-new .swiper-button-next {
border-radius: 50%;
background: rgba(0, 74, 127, 1);
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
display: none;
}
.building-item__img {
border-radius: 20px;
}
@media all and (min-width: 1025px) {
#building-slider-new .swiper-button-prev {
left: -25px;
}
#building-slider-new .swiper-button-next {
right: -25px;
}
.building-item__nav:hover {
background: #FFFFFF;
-webkit-box-shadow: 0px 40px 90px -20px rgba(40, 40, 40, 0.08), 0px 30px 30px -15px rgba(40, 40, 40, 0.08), 0px 60px 90px -30px rgba(40, 40, 40, 0.08);
box-shadow: 0px 40px 90px -20px rgba(40, 40, 40, 0.08), 0px 30px 30px -15px rgba(40, 40, 40, 0.08), 0px 60px 90px -30px rgba(40, 40, 40, 0.08);
}
.swiper-button-next:not(.swiper-button-disabled):hover,
.swiper-button-prev:not(.swiper-button-disabled):hover {
background: #004A7F;
}
#building-slider-new .swiper-button-next:not(.swiper-button-disabled):hover,
#building-slider-new .swiper-button-prev:not(.swiper-button-disabled):hover {
background: rgba(228, 27, 73, 1);
}
}
@media all and (max-width: 1024px) {
/*.hypothec-swiper-counter {
height: 95px;
width: 95px;
}*/
.hypothec-slider .swiper-arrows__container {
left: 170px;
}
}
@media all and (max-width: 767px) {
/*.hypothec-swiper-counter::before {
border-top: 48px solid transparent;
border-left: 48px solid #FFD700;
border-bottom: 48px solid transparent;
}*/
.hypothec-swiper-counter {
top: 175px;
}
}
/* disclaimer */
.section-disclaimer {
padding: 20px 0;
}
/* sliders */
/* teasers */
.teaser-item__name {
color: #282828;
}
/* teasers */
.section-teasers {
padding-top: 60px;
}
/* price */
.section-commerce {
background: #5E748D;
}
.section-commerce-rooms {
background: #F5F7F9;
padding: 90px 0 25px;
}
/* price */
/* price */
/* rc-slider */
.section-rc {
padding: 0;
/*border-bottom: 1px solid rgba(18, 108, 134, .2);*/
margin: 0 0 60px 0;
}
.rc-slider {
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 5;
}
.rc-slider .swiper-arrows__container {
right: 35px;
bottom: 35px;
}
.rc-swiper-counter,
.finish-swiper-counter {
position: absolute;
right: 0;
top: 40px;
width: 90px;
height: 80px;
/*position: absolute;
top: -40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
right: 60px;
border-left: 200px solid transparent;
border-right: 200px solid transparent;
border-top: 200px solid #FFD700;*/
}
.rc-swiper-counter::before,
.finish-swiper-counter::before {
content: ' ';
position: absolute;
display: block;
width: 100%;
height: 83%;
background: #E41B49;
transform: matrix(1, -0.15, 0, 1, 0, 0);
top: 7px;
z-index: 5;
}
.rc-swiper-counter .swiper-counter__container,
.finish-swiper-counter .swiper-counter__container {
/*top: -165px;*/
left: 50%;
transform: translateX(-50%);
bottom: 27px;
}
.rc-swiper-counter .swiper-counter__current,
.rc-swiper-counter .swiper-counter__dash,
.rc-swiper-counter .swiper-counter__count {
color: #FFFFFF;
}
@media all and (max-width: 1600px) {
/*.rc-swiper-counter {
right: 30px;
}*/
}
@media all and (max-width: 767px) {
/*.rc-swiper-counter {
top: -20px;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-top: 100px solid #FFD700;
z-index: 5;
}
.rc-swiper-counter .swiper-counter__container {
top: -80px;
bottom: unset;
left: 0;
}*/
.section-rc {
margin: 60px 0 90px 0;
}
}
/* rc-slider */
/* territory */
.section-territory__item {
border: 1px dashed transparent;
background: rgba(255, 255, 255, 0.8);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
width: 40px;
height: 40px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 50%;
border: 1px dashed transparent;
transition: border-color .3s ease-out, background .3s ease-out, backdrop-filter .3s ease-out;
cursor: pointer;
}
.section-territory__item:hover {
border-color: transparent;
background: rgba(0, 74, 127, 1);
}
.section-territory__item-text::before {
bottom: -7px;
}
.section-territory-img:before {
content: unset;
}
.section-territory__item::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 14px;
height: 14px;
background: #004A7F;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
transition: background .3s ease-out;
}
.section-territory__item:hover::before {
background: #fff;
}
.section-territory__item-container {
position: absolute;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*.section-territory__item-text::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
border-bottom: 20px solid #FFD700;
border-right: 20px solid transparent;
}*/
.section-territory__item-text {
padding: 16px 20px;
opacity: 0;
visibility: hidden;
transition: opacity .3s ease-out, visibility .3s ease-out;
border-radius: 10px;
font-family: Formular;
font-weight: 500;
}
.section-territory__item:hover .section-territory__item-text {
opacity: 1;
visibility: visible;
}
/* territory */
/* technologies */
.technologies-item {
border-radius: 20px;
padding: 24px 30px;
}
.technologies-item::before {
background-color: #004A7F;
background-size: cover;
background-position: top left;
background-image: url(/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/lighthouse/pattern_romb.svg);
}
.technologies-item__hover {
position: absolute;
right: 14px;
top: 14px;
opacity: 0;
width: 0;
height: 0;
/*background: #FFD700;*/
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: 5;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.technologies-item__hover::before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
top: 50%;
left: 50%;
}
.technologies-item:hover .technologies-item__hover {
display: none !important;
}
@media all and (min-width: 1025px) {
.section-rc__wrapper {
top: 50%;
}
}
/* technologies */
/* apartments */
.section-apartments {
background: #F5F7F9;
padding-top: 90px;
padding-bottom: 70px;
}
.apart-filter__item {
border: 1px solid rgb(200 220 226);
color: #004A7F;
margin-left: -1px;
}
.apart-filter__item.active {
background: #004A7F;
}
a.apartments-item,
a.purchase-item,
a.commerce-rooms__item {
border-bottom: none;
}
.purchase-item {
display: flex;
border-radius: 20px;
overflow: hidden;
}
.purchase-item__img {
height: 250px;
width: 240px;
flex-shrink: 0;
}
.apartments-item__num {
width: 40px;
height: 40px;
border: none;
left: 15px;
top: 15px;
border-radius: 50%;
}
.apartments-item--0 .apartments-item__num {
border-right: 60px solid #E41B49;
}
.apartments-item--1 .apartments-item__num {
background: #94CEBD;
}
.apartments-item--2 .apartments-item__num {
background: #004A7F;
}
.apartments-item--3 .apartments-item__num {
background: #E41B49;
}
.apartments-item--4 .apartments-item__num {
background: #004A7F;
}
.apartments-item--5 .apartments-item__num {
background: #94CEBD;
}
.apartments-item__num-inner {
color: #FFF;
font-family: Proxima Nova;
font-size: 13px;
line-height: normal;
letter-spacing: 1.3px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
bottom: unset;
}
.apartments-item__price-title {
color: rgba(85, 85, 85, .5);
font-weight: 500;
}
.apartments-item__price-value-q {
color: #5E748D;
}
@media (min-width: 1025px) {
.section-security-img__wrapper {
width: calc(50% - 15px);
margin-left: calc(50% + 15px);
}
}
.section-security-img__wrapper img {
width: 100%;
border-radius: 20px 0px 0px 20px;
}
.security-block {
border-radius: 20px;
}
.security-block__item {
padding: 30px;
}
/* apartments */
/* map */
.map__wrapper {
border-radius: 0px 20px 0px 0px;
height: 740px;
}
/* map */
/* finish */
.section-finish .sub-title {
color: #282828;
}
.finish-item {
border-radius: 20px;
overflow: hidden;
}
.finish-text {
color: #555555;
}
.finish-text b {
font-weight: 400;
font-size: 18px;
line-height: 24px;
}
.finish-text p {
color: #555555;
margin: 8px 0 20px;
}
.finish-text li::before {
background-image: none;
background-color: #004A7F;
border-radius: 50%;
}
.sub-title {
color: #5E748D;
}
.finish-item__title {
color: #FFFFFF;
}
/* projects */
.projects-item {
border-radius: 20px;
overflow: hidden;
}
.projects-item__class {
border-radius: 16px;
backdrop-filter: blur(3px);
}
/* projects */
.document-tabs__link:not(.active) {
color: #004A7F;
}
.document-tabs__link.active {
border-bottom-color: #004A7F;
}
.document-tabs__item:nth-child(1) {
transform: translate(0, 0) !important;
}
.document-tabs__item span {
color: #004A7F;
font-size: 16px;
line-height: 22px;
}
.document-tabs__item p {
margin: 5px 0 25px;
font-weight: 600;
font-size: 18px !important;
}
/* map */
.map-controls {
margin-bottom: 30px;
margin-top: 37px;
}
.map-controls__item-control::before {
content: '';
position: absolute;
right: -26px;
top: -26px;
width: 0;
height: 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border: 26px solid transparent;
border-bottom: 26px solid #B1DBD4;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
.map-controls__item-control.active {
background-color: #004A7F;
}
.map-controls__item-control.active::before {
opacity: 1;
}
.map-controls__item-control img {
transition: opacity .3s ease-out;
}
.map-controls__item-control.active img {
filter: brightness(20);
opacity: .6;
}
.map-controls {
background-color: #FFF;
}
/* map */
.section-spaces {
border-bottom: 1px solid #E5E5E5;
padding-top: 60px;
padding-bottom: 60px;
}
.space-item__price {
color: #004A7F;
}
.section-documents {
background: #64A5D7;
}
.documents-block {
border-radius: 20px;
}
.section-purchase {
position: relative;
}
.section-purchase::before {
content: ' ';
background: url(/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/lighthouse/pattern_href.png), #004A7F 0% 0% / 100px 100px repeat;
position: absolute;
display: block;
width: 100%;
top: 0;
left: 0;
height: 65%;
background-size: cover;
opacity: 1;
}
.section-purchase .sub-title,
.section-purchase .h2 {
color: #FFFFFF;
}
.purchase-item__name {
color: #004A7F;
white-space: nowrap;
}
.purchase-item__name span {
display: block;
color: #E41B49;
}
.purchase-item__inner {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.fm-item-1 > a,
.fm-item-2 > a,
.header-phone-cont a {
border-color: #B1DBD4;
}
.footer-contacts,
.footer-description {
color: #126C86;
}
.purchase-item__text {
color: #004A7F;
}
.pgs-first-block__bot {
width: 100%;
}
.projects-item__name {
color: #004A7F;
}
.projects-item__address-block-name {
color: #64A5D7;
}
.flats-content--item .flats-content--svg .floor-hover {
fill: rgb(228, 27, 73);
}
@media all and (min-width: 1025px) {
.pgs-first-block {
min-height: 630px;
}
.pgs-first-block__wrapper {
padding-top: 150px;
/*height: calc(630px - 120px);*/
height: auto;
}
.pgs-first-block__top {
padding-bottom: 25px;
}
.section-security-img__wrapper {
position: relative;
display: -ms-grid;
display: grid;
}
.projects-item:hover .projects-item__name {
color: #E41B49;
}
.projects-item__address-block::before {
background-image: url('data:image/svg+xml;charset=utf-8, ');
}
.projects-item__deadline-block::before {
background-image: url('data:image/svg+xml;charset=utf-8, ');
}
}
@media (max-width: 1024px) {
.pgs-first-block__bot {
padding: 0;
border: none;
}
}
.free_aparts {
position: absolute;
left: 31px;
bottom: 83px;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
width: 179px;
height: 179px;
user-select: none;
}
.free_aparts-text {
flex-direction: column;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 14px;
line-height: 1.14;
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #282828;
position: relative;
z-index: 2;
padding-top: 2px;
}
.free_aparts-text > span {
font-size: 50px;
line-height: 1;
letter-spacing: 0;
}
.free_aparts:after {
content: "";
width: 128px;
height: 128px;
transform: rotate(45deg);
position: absolute;
left: 25px;
top: 25px;
background: #FFD700;
pointer-events: none;
z-index: 1;
}
.pgs-first-block-image {
/*height: 590px;*/
height: 100%;
max-width: 906px;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
background-position: left center;
background-repeat: no-repeat;
background-size: cover;
}
@media all and (max-width: 1024px) {
.slider-rc__wrapper {
margin-bottom: 0;
}
.free_aparts-text {
font-size: 12px;
}
.free_aparts-text > span {
font-size: 36px;
}
.free_aparts {
width: 136px;
height: 136px;
left: -69px;
bottom: 0;
}
.free_aparts:after {
width: 96px;
height: 96px;
left: 21px;
top: 21px;
}
.pgs-first-block__tablet-img {
position: relative;
height: auto;
background-position: left center;
padding-top: 105%;
width: calc(100% + 15px);
}
.pgs-first-block-middle {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.section-rc {
margin: 60px 0 60px 0;
}
}
@media (max-width: 991px) {
.pgs-first-block__tablet-img {
padding-top: 167%;
}
}
@media all and (max-width: 767px) {
.free_aparts {
width: 100px;
height: 100px;
left: 17px;
}
.free_aparts:after {
width: 70px;
height: 70px;
left: 15px;
top: 15px;
}
.free_aparts-text {
font-size: 10px;
}
.free_aparts-text > span {
font-size: 24px;
}
.pgs-first-block__mobile-img {
position: relative;
height: auto;
background-position: left center;
background-repeat: no-repeat;
background-size: cover;
right: -15px;
left: -15px;
width: calc(100% + 30px);
max-width: unset;
margin: 0;
padding-top: 80%;
}
}
.pgs-char-desc {
padding: 60px 0;
background: #F5F7F9;
}
/*.pgs-first-block__desc-item {
position: relative;
margin-bottom: 45px;
text-align: left;
padding-left: 75px;
}*/
.znajok {
background-image: url(/bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/lighthouse/sber_2.svg);
position: absolute;
width: 168px;
height: 98px;
right: 0;
bottom: 40px;
background-repeat: no-repeat;
transition: .3s;
z-index: 99;
background-size: cover;
}
.znajok:hover {
filter: drop-shadow(0px 10px 15px rgba(40, 40, 40, .25));
}
@media all and (max-width: 767px) {
.znajok {
bottom: 30px;
right: 0;
width: 100px;
height: 58px;
}
.pgs-char-desc {
padding: 20px 0;
}
}
.flats-navigation--wrap {
}
.flats-navigation {
}
.flats-navigation a {
color: rgba(100, 165, 215, .75);
font-size: 13px;
}
.flats-navigation a::after {
background: #004A7F;
}
.ftals-display--switch-text {
white-space: nowrap;
color: #64A5D7;
}
.ftals-display--switch.active .ftals-display--switch-text, .ftals-display--switch:hover .ftals-display--switch-text {
color: #004A7F;
}
.ftals-display--switch-icon.ftals-display--switch-icon-flat {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='2' stroke='%23004A7F' stroke-width='2'/%3E%3Ccircle cx='3' cy='11' r='2' stroke='%23004A7F' stroke-width='2'/%3E%3Ccircle cx='11' cy='11' r='2' stroke='%23004A7F' stroke-width='2'/%3E%3Ccircle cx='11' cy='3' r='2' stroke='%23004A7F' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.ftals-display--switch-icon.ftals-display--switch-icon-floor {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='2' rx='1' fill='%23004A7F'/%3E%3Crect y='4' width='14' height='2' rx='1' fill='%23004A7F'/%3E%3Crect y='8' width='14' height='2' rx='1' fill='%23004A7F'/%3E%3Crect y='12' width='14' height='2' rx='1' fill='%23004A7F'/%3E%3C/svg%3E%0A");
}
.flats-navigation .swiper-slide:not(.swiper-slide-thumb-active) a:hover,
.flats-navigation .swiper-slide-thumb-active a {
color: #004A7F;
}
.pgs-first-block__info-item:last-of-type {
margin-right: 0;
margin-top: 0;
}
@media all and (max-width: 1100px) {
.pgs-first-block__info {
flex-wrap: wrap;
}
.pgs-first-block__info-item {
height: 70px;
width: calc(50% - 87px);
margin-bottom: 15px;
}
}
@media (min-width: 991px) and (max-width: 1100px) {
.purchase-item__img {
width: 210px;
}
.purchase-item__inner {
padding: 20px;
text-align: left;
}
}
@media all and (max-width: 991px) {
.purchase-item {
flex-direction: column;
}
.purchase-item__img {
width: 100%;
}
}
@media all and (max-width: 767px) {
.space-item__img {
margin-right: 0;
width: 100% !important;
}
.space-item__inner {
width: calc(100% - 30px);
}
.hypothec-slider .swiper-arrows__container {
left: 270px;
}
.pgs-first-block__info-item {
width: calc(100% - 87px);
}
}
.pgs-first-block__contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 2px;
}
.pgs-first-block__contacts-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 3px;
width: 46%;
}
.pgs-first-block__contacts-item-title {
font-family: 'Formular';
font-size: 11px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.55px;
text-transform: uppercase;
opacity: 0.85;
color: #004A7F;
}
.pgs-first-block__contacts-item-text {
color: #282828;
font-family: 'Formular';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: start;
}
.pgs-first-block__contacts-item-email {
color: #E41B49 !important;
font-family: 'Formular';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
border-bottom: none !important;
-webkit-text-decoration: underline 1px solid rgba(228, 27, 73, 0.35);
text-decoration: underline 1px solid rgba(228, 27, 73, 0.35);
}
@media all and (max-width: 992px) {
.pgs-first-block__contacts-item {
width: 100%;
}
}
@media all and (max-width: 768px) {
.pgs-first-block__contacts-item {
width: 46%;
}
}
@media all and (max-width: 576px) {
.pgs-first-block__contacts-item {
width: 100%;
}
}
@media all and (min-width:768px) {
.matomba_iframe iframe {
height: calc(100vh - 100px)!important;
}
}
@media all and (min-width:1599px) {
.matomba_iframe iframe {
height: calc(100vh - 300px)!important;
}
}
/* End */
/* /bitrix/templates/pgs/components/bitrix/breadcrumb/pgs/style.css?16252102022246 */
/* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1481100176666 */
/* /bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/style.css?173271324475369 */
/* /bitrix/templates/pgs/assets/plugins/swiper/swiper.min.css?162158488613885 */
/* /bitrix/templates/pgs/assets/css/normalize.css?16215114902368 */
/* /bitrix/templates/pgs/assets/css/utils.css?16215114723266 */
/* /bitrix/templates/pgs/assets/css/grid.css?162151133821787 */
/* /bitrix/templates/pgs/components/bitrix/catalog/new_buildings-new/bitrix/catalog.element/new/templates/lighthouse/style.css?172553123140712 */