/* Start:/local/templates/kvartal/assets/css/fonts.css?1753688681654*/
@font-face {
  font-family: "Onest";
  src: url('/local/templates/kvartal/assets/css/../fonts/Onest-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url('/local/templates/kvartal/assets/css/../fonts/Onest-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url('/local/templates/kvartal/assets/css/../fonts/Onest-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url('/local/templates/kvartal/assets/css/../fonts/Onest-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


/* End */


/* Start:/local/templates/kvartal/assets/css/bootstrap-grid.min.css?175368868151451*/
/*!
 * Bootstrap Grid v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}@media (min-width:576px){.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}}@media (min-width:768px){.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}}@media (min-width:992px){.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}}@media (min-width:1200px){.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}}@media (min-width:1400px){.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/*# sourceMappingURL=bootstrap-grid.min.css.map */
/* End */


/* Start:/local/templates/kvartal/assets/css/owl.carousel.min.css?17536886813351*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/kvartal/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/kvartal/assets/css/owl.theme.default.min.css?17536886811013*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* End */


/* Start:/local/templates/kvartal/assets/css/index.css?1792623676131322*/
* {
  box-sizing: border-box;
  outline: none;
}

a {
  text-decoration: none;
  color: inherit;
}

.hidden {
  visibility: hidden;
}

a, button {
  cursor: pointer;
}

input, button {
  border: none;
  padding: 0;
  background: none;
}

p, ul, h1, h2, h3, h4, h5, h6, ol {
  padding: 0;
  margin: 0;
  font-weight: normal;
}

ul, ol {
  list-style: none;
}

button, input {
  display: inline-block;
}

body {
  font-family: "Onest";
  background-color: #fff;
  margin: 0px;
}

.owl-carousel .owl-item img {
  width: auto;
  display: block;
}
.landscaping-container{
  width: 1296px;
  margin:  0 auto;
}
.container {
  width: 1320px;
}

.header-bg {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.header-bg__image {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 1600px;
  height: 80vh;
  min-height: 700px;
  z-index: 1;
  object-fit: cover;
}
.header-top {
  position: relative;
  z-index: 999999;
  height: 72px;
  width: 100%;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s;
}
.header-top-mobile {
  display: none;
}
.header-top-container {
  width: 1320px;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
.header-top-wrap {
  height: 72px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-top-wrap-items {
  height: 100%;
  display: flex;
  align-items: center;
}
.header-top-wrap-items__logo {
  margin-right: 12px;
  width: 116px;
  height: 37px;
  -webkit-mask-image: url(/local/templates/kvartal/assets/css/../img/header/header-top/logo.svg);
  mask-image: url(/local/templates/kvartal/assets/css/../img/header/header-top/logo.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #fff;
  transition: background-color 0.3s;
}
.header-top-wrap-items__link {
  display: flex;
  align-items: center;
  text-align: center;
  height: 100%;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Onest;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: #fff;
  transition: color 0.3s;
}
.header-top-wrap__telephone {
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  display: flex;
  height: 100%;
  align-items: center;
  color: #fff;
  transition: color 0.3s;
}
.header-wrap {
  padding-bottom: 32px;
  height: 80vh;
  min-height: 700px;
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.header-bottom {
  position: relative;
  height: 80vh;
  min-height: 700px;
}
.header-bottom::before {
  display: block;
  margin: 0 auto;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  width: 1600px;
  height: 197px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  z-index: 2;
}
.header-bottom::after {
  display: block;
  margin: 0 auto;
  position: absolute;
  content: "";
  bottom: 0px;
  right: 0px;
  left: 0;
  width: 1600px;
  height: 515px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  z-index: 2;
}
.header-bottom-events {
  position: absolute;
  right: 0;
  top: 88px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: var(--bs-gutter-x, 0.75rem);
}
.header-bottom-events-event {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  width: 225px;
  transition: all 0.3s;
  z-index: 10;
  cursor: pointer;
}
.header-bottom-events-event__title {
  display: flex;
  padding: 12px 16px;
  width: 100%;
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
  background-color: #EFEFEF;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  height: 100%;
  transition: all 0.3s;
}
.header-bottom-events-event-info {
  display: flex;
  width: 100%;
  padding: 9px 16px;
  align-items: center;
  justify-content: start;
  gap: 4px;
  background-color: #AAB31D;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  transition: all 0.3s;
}
.header-bottom-events-event-info__desc {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 100px;
  padding: 8px 12px;
  height: 32px;
}
.header-bottom-events-event-info__icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.header-bottom-info__logo {
  width: 323px;
  height: 75px;
}
.header-bottom-info__title {
  margin-top: 24px;
  width: 678px;
  font-family: Onest;
  font-weight: 700;
  font-size: 52px;
  line-height: 110%;
  color: #fff;
}
.header-bottom-info__desc {
  margin-top: 18px;
  font-family: Onest;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background: rgba(0, 0, 0, 0.3);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 522px;
  height: 40px;
}
.header-bottom-info__desc--mobile {
  display: none;
}
.header-bottom-info__icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.header-bottom-info-items {
  display: flex;
  margin-top: 24px;
  gap: 8px;
}
.header-bottom-info-items-item {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background: rgba(0, 0, 0, 0.3);
  border-radius: 32px;
  padding: 12px 16px 12px 8px;
  height: 56px;
}
.header-bottom-info-items-item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #E6E6E6;
  border-radius: 100px;
  width: 40px;
  height: 40px;
}
.header-bottom-info-items-item-icon__image {
  width: 18px;
  height: 18px;
}
.header-bottom-info-items-item-wrap {
  display: flex;
  flex-direction: column;
  margin-left: 8px;
}
.header-bottom-info-items-item-wrap__title {
  font-family: Onest;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
}
.header-bottom-info-items-item-wrap__desc {
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: #CDCDCD;
}
.header-bottom-buttons {
  display: flex;
  gap: 8px;
}
.header-bottom-buttons-button-map {
  display: flex;
  border-radius: 32px;
  width: 201px;
  height: 56px;
  align-items: center;
  justify-content: center;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background: rgba(0, 0, 0, 0.3);
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
  transition: all 0.3s;
}
.header-bottom-buttons-button-map--mobile {
  display: none;
}
.header-bottom-buttons-button-map-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(/local/templates/kvartal/assets/css/../img/header/header-bottom/map.jpg);
  border-radius: 100px;
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
.header-bottom-buttons-button-map-wrap__icon {
  width: 18px;
  height: 18px;
}
.header-bottom-buttons-button-apartment {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #AAB31D;
  border-radius: 100px;
  padding: 8px 24px;
  width: 220px;
  height: 56px;
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
  transition: all 0.3s;
}

.story {
  padding-top: 64px;
  padding-bottom: 64px;
}
.story-container {
  max-width: 1320px;
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
.story__title {
  font-family: Onest;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
  color: #313131;
  text-align: left;
}
.story-tabmenu {
  display: flex;
  margin-top: 34px;
  margin-bottom: 30px;
  width: 100%;
  justify-content: space-between;
}
.story-tabmenu__button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 100px;
  width: 181px;
  height: 48px;
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #313131;
  background-color: #F5F5F5;
  transition: all 0.3s;
}
.story-tabmenu__button--active {
  color: #fff;
  background-color: #AAB31D;
  transition: all 0.3s;
}
.story-tabs {
  position: relative;
  transition: height 0.3s ease-in-out;
}
.story-tab {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s;
}
.story-tab--active {
  position: relative;
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.story-tab-slider {
  width: 100%;
  height: 520px;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.story-tab-slider-dots {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  background-color: #313131;
  border-radius: 100px;
  padding: 4px;
  gap: 4px;
}
.story-tab-slider-gallery {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.story-tab-slider-gallery-item {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
}
.story-tab-slider-prev {
  left: 16px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background-color: #fff;
  border-radius: 100%;
  transition: background-color 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.story-tab-slider-prev > svg > path {
  stroke: #313131;
  transition: all 0.3s;
}
.story-tab-slider-next {
  right: 16px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background-color: #fff;
  border-radius: 100%;
  transition: background-color 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.story-tab-slider-next > svg {
  transform: rotate(180deg);
}
.story-tab-slider-next > svg > path {
  stroke: #313131;
  transition: all 0.3s;
}
.story-tab-info {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-self: center;
  width: 600px;
}
.story-tab-info__title {
  font-family: Onest;
  font-weight: 500;
  font-size: 27px;
  line-height: 120%;
  color: #313131;
}
.story-tab-info-descriptions {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.story-tab-info-descriptions__desc {
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
}
.story-tab-info-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 8px;
  margin-top: 44px;
  width: 100%;
}
.story-tab-info-items-item {
  display: flex;
  justify-content: left;
  align-items: center;
  border: 1px solid #e0e2e4;
  border-radius: 8px;
  padding: 12px 16px;
  width: 288px;
  height: 60px;
}
.story-tab-info-items-item__icon {
  width: 28px;
  height: 28px;
}
.story-tab-info-items-item__title {
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
  margin-left: 12px;
}

.plan {
  position: relative;
  height: 740px;
}
.plan-bg {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
}
.plan-bg__image {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 1600px;
  height: 740px;
  z-index: 1;
}
.plan-items {
  position: relative;
}
.plan-items-mobile {
  display: none;
}
.plan-items-item {
  position: absolute;
  pointer-events: none;
  display: flex;
  flex-direction: column;
}
.plan-items-item:nth-child(2) {
  top: 256px;
  left: 178px;
}
.plan-items-item:nth-child(3) {
  top: 120px;
  left: 294px;
}
.plan-items-item:nth-child(4) {
  top: 100px;
  right: 362px;
}
.plan-items-item:nth-child(5) {
  top: 512px;
  right: 218px;
}
.plan-items-item__button {
  pointer-events: all;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  padding: 8px 12px;
  height: 40px;
  background-color: #fff;
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #313131;
  transition: all 0.3s;
}
.plan-items-item__button--circle {
  background-color: #AAB31D;
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 100%;
  width: 4px;
  height: 4px;
  transition: all 0.3s;
}
.plan-items-item-wrap {
  margin-top: 4px;
  border-radius: 16px;
  padding: 16px;
  width: 260px;
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: all 0.3s;
}
.plan-items-item-wrap-top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.plan-items-item-wrap-top__close {
  display: none;
}
.plan-items-item-wrap-top__title {
  font-family: Onest;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
}
.plan-items-item-wrap-top__desc {
  display: flex;
  align-items: center;
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: #fff;
}
.plan-items-item-wrap-bottom {
  padding-top: 8px;
}
.plan-items-item-wrap-bottom-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.plan-items-item-wrap-bottom-info:nth-child(1) {
  margin-top: 0;
}
.plan-items-item-wrap-bottom-info-apartment {
  display: flex;
  flex-direction: column;
}
.plan-items-item-wrap-bottom-info-apartment__title {
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #fff;
}
.plan-items-item-wrap-bottom-info-apartment__desc {
  margin-top: 6px;
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: #fff;
  opacity: 0.6;
}
.plan-items-item-wrap-bottom-info__price {
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #fff;
}

.landscaping {
  padding-top: 64px;
}
.landscaping__title {
  font-family: Onest;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
  color: #313131;
}
.landscaping-wrap {
  display: flex;
  justify-content: start;
  margin-top: 32px;
}
.landscaping-wrap-descriptions {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  width: 455px;
}
.landscaping-wrap-descriptions__desc {
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
}
.landscaping-wrap-features {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 30px 15px;
  width: 655px;
  margin-left: 125px;
}
.landscaping-wrap-features-feature {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
}
.landscaping-wrap-features-feature__icon {
  width: 28px;
  height: 28px;
}
.landscaping-wrap-features-feature__title {
  margin-left: 12px;
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
}
.landscaping-items {
  margin-top: 32px;
  position: relative;
  width: 100%;
}
.landscaping-items__bg{
  width: 1296px;
  object-fit: contain;
  border-radius: 16px;
}
.landscaping-items-mobile {
  display: none;
}
.landscaping-items-item {
  position: absolute;
  display: flex;
  align-items: start;
  pointer-events: none;
  gap: 4px;
}
.landscaping-items-item:nth-child(2) {
  top: 25%;
  left: 10%;
}
.landscaping-items-item:nth-child(3) {
  top: 53.6%;
  left: 27%;
}
.landscaping-items-item:nth-child(4) {
  top: 30.4%;
  left: 40.5%;
}
.landscaping-items-item:nth-child(5) {
  top: 25%;
  left: 55.3%;
}
.landscaping-items-item:nth-child(6) {
  top: 39%;
  left: 69.8%;
}
.landscaping-items-item:nth-child(7) {
  top: 64%;
  left: 56%;
}
.landscaping-items-item__button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  background-color: #fff;
  pointer-events: all;
  transition: all 0.3s;
}
.landscaping-items-item__button--point {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: #AAB31D;
  transition: all 0.3s;
}
.landscaping-items-item-info {
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px 0;
  border-radius: 16px;
  padding: 8px 8px 16px 8px;
  width: 276px;
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.3s;
  z-index: 10;
}
.landscaping-items-item-info__close {
  display: none;
}
.landscaping-items-item-info__image {
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 8px;
  width: 260px;
}
.landscaping-items-item-info__title {
  margin-left: 8px;
  margin-right: 8px;
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #fff;
  width: 156px;
}
.landscaping-items-item-info__button {
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
  margin-left: 8px;
  margin-right: 8px;
  border: 1px solid #CDCDCD;
  border-radius: 8px;
  text-align: center;
  height: 40px;
  transition: all 0.3s;
}

.mall {
  padding-top: 99px;
  padding-bottom: 64px;
}

.mall:has(+ .mall) {
  padding-bottom: 0;
}

.mall__title {
  font-family: Onest;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
  color: #313131;
}
.mall__desc {
  margin-top: 24px;
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
}
.mall-wrap {
  margin-top: 32px;
  position: relative;
  background-image: url(/local/templates/kvartal/assets/css/../img/mall/mall.jpg);
  width: 100%;
  height: 700px;
  border-radius: 16px;
}
.mall-wrap-info {
  position: absolute;
  bottom: 24px;
  right: 24px;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  width: 306px;
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
  background: rgba(0, 0, 0, 0.4);
}
.mall-wrap-info-top {
  padding: 16px 24px;
  border-bottom: 1px solid rgba(230, 230, 230, 0.2);
}
.mall-wrap-info-top__title {
  font-family: Onest;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
}
.mall-wrap-info-bottom {
  display: flex;
  flex-direction: column;
  gap: 16px 0px;
  padding: 16px 24px;
}
.mall-wrap-info-bottom__desc {
  display: flex;
  align-items: center;
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #fff;
}
.mall-wrap-info-bottom__icon {
  margin-right: 12px;
  width: 24px;
  height: 24px;
}


.mall-slider{
  position: relative;
  margin-top: 32px;
  height: 750px;
}
.mall-slider-gallery{
  position: relative;
  width: 100%;
  height: 100%;
  user-select: none;
  overflow: hidden;
  border-radius: 16px;
}
.mall-slider-gallery-item{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
}
.video-player {
  overflow: hidden;
}
.video-player video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.video-player__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: rgba(170, 179, 29, 0.85);
  cursor: pointer;
  z-index: 2;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s, visibility 0.3s;
}
.video-player__play::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent #fff;
}
.video-player--playing .video-player__play {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media (max-width: 1300px) {
  .video-player__play {
    display: none;
  }
}
.mall-slider-circle{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background-color: rgba(170, 179, 29, 0.3);
  transition: all 0.3s;
  cursor: pointer;
  z-index: 10;
}
.mall-slider-circle__arrow{
  width: 16px;
  height: 16px;
  transition: all 0.3s;
}
.mall-slider-prev{
  position: absolute;
  left: -64px;
  top: 50%;
  transform: translateY(-50%);
}
.mall-slider-next{
  position: absolute;
  right: -64px;
  top: 50%;
  transform: translateY(-50%);
}
.mall-slider-next > .mall-slider-circle__arrow {
    transform: rotate(180deg);
}
.mall-slider-dots{
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    background-color: #313131;
    border-radius: 100px;
    padding: 4px;
    gap: 4px;
}

.planning {
  padding-top: 56px;
  padding-bottom: 56px;
  background-color: #F5F5F5;
}
.planning-container {
  max-width: 1320px;
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
.planning__title {
  font-family: Onest;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
  color: #313131;
}
.planning-features {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
.planning-features__button {
  display: flex;
  align-items: center;
  border-radius: 32px;
  padding: 0px 12px 0px 8px;
  height: 32px;
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
  background-color: #fff;
  transition: all 0.3s;
}
.planning-features__button--circle {
  width: 6px;
  height: 6px;
  margin-right: 6px;
  background-color: #AAB31D;
  border-radius: 100%;
  transition: all 0.3s;
}
.planning-apartments {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 16px;
}
.planning-apartments-buttons-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.planning-apartments .parking-header-left-select {
  flex-shrink: 0;
}
.planning-apartments .parking-header-left-select-top {
  background-color: #fff;
}
.planning-apartments-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  width: 180px;
  height: 56px;
  background-color: #fff;
  transition: all 0.3s;
}
.planning-apartments-button__title {
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #313131;
  transition: all 0.3s;
}
.planning-apartments-button__desc {
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
  transition: all 0.3s;
}
.planning-cards {
  display: flex;
  margin-top: 32px;
  flex-wrap: wrap;
  gap: 24px;
}
.planning-cards-empty {
  display: none;
  width: 100%;
  justify-content: center;
  padding: 96px 16px 120px;
}
.planning-cards.is-empty > .row {
  display: none;
}
.planning-cards.is-empty .planning-cards-empty {
  display: flex;
}
.planning-cards-empty img {
  display: block;
  width: 326px;
  max-width: 100%;
  height: auto;
}
.planning-cards-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  padding: 24px;
  border-radius: 16px;
  margin-bottom: 24px;
  cursor: pointer;
}


.planning-cards-card--hot > .planning-cards-card-info > .planning-cards-card-info-price > .planning-cards-card-info-price__title {
  color: #f38313;
}
.planning-cards-card-features {
  display: flex;
  flex-direction: row;
  gap: 5px;
  position: absolute;
  top: 16px;
  right: 16px;
}
.planning-cards-card-features-feature {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 10;
}
.planning-cards-card-features-feature__icon {
  width: 30px;
  height: 30px;
  pointer-events: all;
  cursor: pointer;
}
.planning-cards-card-features-feature:hover > .planning-cards-card-features-feature-wrap {
  opacity: 1;
  pointer-events: all;
  transition: all 0.3s;
}
.planning-cards-card-features-feature-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: absolute;
  top: 38px;
  margin: 0 auto;
  backdrop-filter: blur(28px);
  background: rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  padding: 16px;
  width: 220px;
  z-index: 10;
  opacity: 0;
  transition: all 0.3s;

}
.planning-cards-card-features-feature-wrap__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
}
.planning-cards-card-features-feature-wrap__desc {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #fff;
}

.planning-cards-card-features-feature--3d>.planning-cards-card-features-feature__icon{
  background-color: #BFCB0B;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  object-fit: contain;
  padding: 5px;
}

.planning-cards-card__date {
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
}
.planning-cards-card__image {
  display: block;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
  margin-top: 21px;
  width: 143px;
  height: 175px;
}
.planning-cards-card-info {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  gap: 16px;
}
.planning-cards-card-info-price {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.planning-cards-card-info-price__title {
  font-weight: 700;
  font-size: 17px;
  line-height: 130%;
  color: #2b2b2b;
}
.planning-cards-card-info-price__title--gray {
  margin-left: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  text-decoration: line-through;
  color: rgba(43, 43, 43, 0.7);
}
.planning-cards-card-info-price__desc {
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: rgba(43, 43, 43, 0.5);
}
.planning-cards-card-info-price__desc--green {
  color: #AAB31D;
}
.planning-cards-card-info-specs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.planning-cards-card-info-specs-spec {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.planning-cards-card-info-specs-spec__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.7);
}
.planning-cards-card-info-specs-spec__desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #000;
}
.planning-cards-card-info__specs {
  display: none;
  align-items: center;
  font-family: Onest;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  color: #000;
}
.planning-cards-card-info__specs--circle {
  margin-left: 4px;
  margin-right: 4px;
  background-color: #AAB31D;
  width: 4px;
  height: 4px;
  border-radius: 100%;
}
.planning-cards-card-info-features {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.planning-cards-card-info-features__title {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #CDCDCD;
  border-radius: 32px;
  padding: 0px 8px;
  height: 24px;
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
}
.planning__button {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border-radius: 8px;
  text-align: center;
  width: 220px;
  height: 56px;
  background-color: #AAB31D;
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
  transition: all 0.3s;
}

.purchases {
  padding-top: 64px;
}
.purchases-dots {
  display: none;
}
.purchases-container {
  max-width: 1320px;
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
.purchases-wrap {
  display: flex;
  justify-content: space-between;
}
.purchases-wrap__title {
  margin-top: 15px;
  font-family: Onest;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
  color: #313131;
}
.purchases-wrap-arrows {
  display: flex;
  gap: 8px;
}
.purchases-wrap-arrows-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background-color: rgba(170, 179, 29, 0.3);
  transition: all 0.3s;
  cursor: pointer;
}
.purchases-wrap-arrows-circle:nth-last-child(1) > .purchases-wrap-arrows-circle__arrow {
  transform: rotate(180deg);
}
.purchases-wrap-arrows-circle__arrow {
  width: 16px;
  height: 16px;
}
.purchases-cards {
  margin-top: 32px;
}
.purchases-cards-card {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background-color: #F5F5F5;
}
.purchases-cards-card__link {
  border-radius: 16px;
}
.purchases-cards-card--hot::after {
  position: absolute;
  display: block;
  background-size: 24px;
  background-repeat: no-repeat;
  content: "";
  top: 12px;
  right: 12px;
  background-image: url(/local/templates/kvartal/assets/css/../img/icons/hot.svg);
  width: 40px;
  height: 40px;
  background-color: #fff;
  background-position: center;
  border-radius: 100px;
}
.purchases-cards-card-top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-top: 32px;
  padding-bottom: 24px;
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
}
.purchases-cards-card-top-info {
  display: flex;
}
.purchases-cards-card-top-info__since {
  display: flex;
  align-items: end;
  font-weight: 500;
  font-size: 24px;
  line-height: 110%;
  color: rgba(49, 49, 49, 0.6980392157);
  padding-bottom: 8px;
}
.purchases-cards-card-top-info__number {
  font-weight: 400;
  font-size: 90px;
  line-height: 85%;
  text-align: center;
  color: #AAB31D;
}
.purchases-cards-card-top-info__percent {
  font-weight: 500;
  font-size: 24px;
  line-height: 110%;
  color: #AAB31D;
}
.purchases-cards-card-top__title {
  font-family: Onest;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #313131;
}
.purchases-cards-card-bottom {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  padding-top: 12px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}
.purchases-cards-card-bottom__desc {
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
  margin-bottom: 20px;
}
.purchases-cards-card-bottom-features {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
}
.purchases-cards-card-bottom-features-feature {
  display: flex;
  justify-content: space-between;
}
.purchases-cards-card-bottom-features-feature__title {
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
}
.purchases-cards-card-bottom-features-feature__desc {
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
}
.purchases-cards-card-bottom__button {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #313131;
  border-radius: 8px;
  background-color: #fff;
  transition: all 0.3s;
}

.map {
  padding-top: 64px;
}
.map__title {
  font-family: Onest;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
  color: #313131;
}
.map__desc {
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
  margin-top: 24px;
}
.map-wrap {
  border-radius: 16px;
  overflow: hidden;
  margin-top: 32px;
  position: relative;
  width: 100%;
  height: 700px;
}
.map-wrap__map {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image: url(/local/templates/kvartal/assets/css/../img/map/map.jpg);
  background-size: cover;
}
.map-wrap__button {
  display: none;
}
.map-wrap-info {
  position: absolute;
  bottom: 24px;
  right: 24px;
  border-radius: 16px;
  width: 389px;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background: rgba(255, 255, 255, 0.7);
}
.map-wrap-info-top {
  padding: 16px 24px;
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
}
.map-wrap-info-top__title {
  font-family: Onest;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #313131;
}
.map-wrap-info-bottom {
  padding: 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.map-wrap-info-bottom-place {
  display: flex;
  gap: 4px 12px;
  align-items: center;
  height: 40px;
}
.map-wrap-info-bottom-place__icon {
  border: 1px solid #fff;
  border-radius: 100px;
  width: 32px;
  height: 32px;
}
.map-wrap-info-bottom-place__title {
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
  width: 224px;
}
.map-wrap-info-bottom-place__desc {
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: #313131;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  width: 61px;
  height: 24px;
}

.stocks {
  padding-top: 64px;
}
.stocks-dots {
  display: none;
}
.stocks-container {
  max-width: 1320px;
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
.stocks-wrap {
  display: flex;
  justify-content: space-between;
}
.stocks-wrap__title {
  margin-top: 15px;
  font-family: Onest;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
  color: #313131;
}
.stocks-wrap-arrows {
  display: flex;
  gap: 8px;
}
.stocks-wrap-arrows-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background-color: rgba(170, 179, 29, 0.3);
  transition: all 0.3s;
  cursor: pointer;
}
.stocks-wrap-arrows-circle:nth-last-child(1) > .stocks-wrap-arrows-circle__arrow {
  transform: rotate(180deg);
}
.stocks-wrap-arrows-circle__arrow {
  width: 16px;
  height: 16px;
}
.stocks-cards {
  margin-top: 32px;
}
.stocks-cards-card {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  background-color: #F5F5F5;
}
.stocks-cards-card-wrap{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.stocks-cards-card::after {
  position: absolute;
  display: block;
  background-size: 24px;
  background-repeat: no-repeat;
  content: "";
  top: 12px;
  right: 12px;
  background-image: url(/local/templates/kvartal/assets/css/../img/stocks/tag.svg);
  width: 40px;
  height: 40px;
  background-color: #fff;
  background-position: center;
  border-radius: 100px;
}
.stocks-cards-card__image {
  width: 100% !important;
  height: 176px;
  border-radius: 8px;
}
.stocks-cards-card-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
}
.stocks-cards-card-info__title {
  width: 171px;
  font-family: Onest;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #313131;
}
.stocks-cards-card-info__desc {
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
}
.stocks-cards-card__date {
  cursor: pointer;
  border-radius: 16px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: #313131;
  background-color: #fff;
  margin: auto;
  margin-bottom: 18px;
  width: 280px;
}
.stocks-cards-card__date--icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.progress {
  padding-top: 64px;
  padding-bottom: 64px;
}
.progress-dots {
  display: none;
}
.progress-container {
  max-width: 1320px;
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
.progress-wrap {
  display: flex;
  justify-content: space-between;
}
.progress-wrap__title {
  margin-top: 15px;
  font-family: Onest;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
  color: #313131;
}
.progress-wrap-arrows {
  display: flex;
  gap: 8px;
}
.progress-wrap-arrows-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background-color: rgba(170, 179, 29, 0.3);
  transition: all 0.3s;
  cursor: pointer;
}
.progress-wrap-arrows-circle:nth-last-child(1) > .progress-wrap-arrows-circle__arrow {
  transform: rotate(180deg);
}
.progress-wrap-arrows-circle__arrow {
  width: 16px;
  height: 16px;
}
.progress-cards {
  margin-top: 32px;
}
.progress-cards-card {
  cursor: pointer;
  position: relative;
  height: 242px;
  width: 100%;
  border-radius: 16px;
  background: #ccc;
  overflow: hidden;
}
.progress-cards-card::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 72px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  z-index: 1;
}
.progress-cards-card__image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.progress-cards-card-wrap {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: space-between;
}
.progress-cards-card-wrap__content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;
  margin-top: 16px;
  margin-left: 16px;
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #2B2B2B;
  border-radius: 32px;
  padding: 0px 8px;
  height: 24px;
}
.progress-cards-card-wrap-info {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  margin-left: 24px;
  position: relative;
  z-index: 4;
}
.progress-cards-card-wrap-info__title {
  font-family: Onest;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
}
.progress-cards-card-wrap-info__desc {
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: #fff;
}

.experience {
  padding-top: 108px;
  padding-bottom: 40px;
  background-color: #F9F9F9;
}
.experience-wrap {
  position: relative;
  width: 100%;
  justify-content: end;
}
.experience-wrap-bg {
  position: absolute;
  bottom: 0;
  left: -84px;
  width: 835px;
  height: 811px;
  z-index: 0;
}
.experience-wrap-bg__image {
  position: relative;
  background-image: url(/local/templates/kvartal/assets/css/../img/experience/building.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.experience-wrap-bg__image--gradient:nth-child(1) {
  position: absolute;
  z-index: 1;
  background: linear-gradient(270deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 100%);
  width: 267px;
  height: 80%;
  left: -1px;
  bottom: -1px;
}
.experience-wrap-bg__image--gradient:nth-child(2) {
  position: absolute;
  z-index: 1;
  background: linear-gradient(90deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 100%);
  width: 267px;
  height: 80%;
  right: -1px;
  bottom: -1px;
}
.experience-wrap-bg__image--gradient:nth-child(3) {
  position: absolute;
  z-index: 1;
  background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #f9f9f9 100%);
  width: 105%;
  height: 344px;
  right: -1px;
  left: -1px;
  bottom: -1px;
}
.experience-wrap-top {
  position: relative;
  display: flex;
  justify-content: end;
  z-index: 1;
}
.experience-wrap-top-info {
  display: flex;
  flex-direction: column;
  width: 584px;
}
.experience-wrap-top-info__logo {
  width: 135px;
  height: 39px;
}
.experience-wrap-top-info__title {
  margin-top: 8px;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
}
.experience-wrap-top-info-descriptions {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.experience-wrap-top-info-descriptions__desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
}
.experience-wrap-bottom {
  margin-top: 127px;
  position: relative;
  display: flex;
  z-index: 1;
  width: 100%;
  justify-content: space-between;
}
.experience-wrap-bottom-feature {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.experience-wrap-bottom-feature:nth-last-child(1) > .experience-wrap-bottom-feature__desc {
  width: 119px;
}
.experience-wrap-bottom-feature__title {
  text-align: left;
  font-weight: 400;
  font-size: 48px;
  line-height: 110%;
  color: #2884c5;
}
.experience-wrap-bottom-feature__title--small {
  font-size: 23px;
}
.experience-wrap-bottom-feature__desc {
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
  width: 178px;
}

.footer {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #313131;
}
.footer-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  border-radius: 16px;
  padding: 32px;
  background: #373737;
}
.footer-info__logo {
  width: 177px;
  height: 51px;
  -webkit-mask-image: url(/local/templates/kvartal/assets/css/../img/footer/logo.svg);
  mask-image: url(/local/templates/kvartal/assets/css/../img/footer/logo.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #fff;
}
.footer-info-contact {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.footer-info-contact__title {
  font-family: Onest;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #fff;
}
.footer-info-contact__desc {
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(230, 230, 230, 0.4);
}
.footer-info-chart {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.footer-info-chart__title {
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(230, 230, 230, 0.4);
}
.footer-info-chart__title--white {
  font-size: 14px;
  color: #fff;
}
.footer-info-links {
  display: flex;
  gap: 8px;
}
.footer__image {
  border-radius: 16px;
  width: 100%;
  height: 100%;
  background-image: url(/local/templates/kvartal/assets/css/../img/footer/park.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.footer__image--mobile {
  display: none;
}
.footer-form {
  padding-top: 63px;
  padding-left: 32px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.footer-form__title {
  font-family: Onest;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
  color: #fff;
  width: 262px;
}
.footer-form-content {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.footer-form-content-input {
  position: relative;
}
.footer-form-content-input__title {
  position: absolute;
  top: 13px;
  left: 16px;
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(230, 230, 230, 0.4);
  pointer-events: none;
}
.footer-form-content-input__input {
  display: flex;
  align-items: end;
  border-radius: 8px;
  padding: 10px 16px;
  padding-top: 29px;
  width: 100%;
  height: 56px;
  margin-bottom: 8px;
  background: #373737;
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #F5F5F5;
  border: 1px solid rgba(169, 179, 29, 0);
  transition: all 0.3s;
}
.footer-form-content-input__input::-moz-placeholder {
  color: rgba(230, 230, 230, 0.4);
}
.footer-form-content-input__input::placeholder {
  color: rgba(230, 230, 230, 0.4);
}
.footer-form-content-input__input:hover {
  border: 1px solid #AAB31D;
}
.footer-form-content-input__input:focus-within {
  border: 1px solid #AAB31D;
}
.footer-form-content__button {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 8px;
  height: 56px;
  background-color: #AAB31D;
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
  transition: all 0.3s;
}
.footer-form-content__checkbox--hidden {
  display: none;
}
.footer-form-content__checkbox--hidden:checked + .footer-form-content-wrap > .footer-form-content-wrap__checkbox {
  background-color: #AAB31D;
  transition: all 0.1s;
}
.footer-form-content__checkbox--hidden:checked + .footer-form-content-wrap > .footer-form-content-wrap__checkbox::after {
  opacity: 1;
  transition: all 0.1s;
}
.footer-form-content-wrap {
  margin-top: 16px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.footer-form-content-wrap__checkbox {
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  width: 17px;
  height: 16.5px;
  border: 2px solid #AAB31D;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-form-content-wrap__checkbox::after {
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.1s;
  position: relative;
  content: "";
  background-image: url(/local/templates/kvartal/assets/css/../img/icons/checkbox.svg);
  width: 10px;
  height: 6px;
}
.footer-form-content-wrap__desc {
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(230, 230, 230, 0.4);
}
.footer-form-content-wrap__desc--link {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
.footer__desc {
  width: 100%;
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(230, 230, 230, 0.4);
  margin-top: 24px;
}

.popup-progress {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: all 0.3s;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
}
.popup-progress-prev {
  position: absolute;
  left: -64px;
  top: 50%;
  transform: translateY(-50%);
}
.popup-progress-next {
  position: absolute;
  right: -64px;
  top: 50%;
  transform: translateY(-50%);
}
.popup-progress-next > .popup-progress-wrap-slider-circle__arrow {
  transform: rotate(180deg);
}
.popup-progress-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  width: 1600px;
  height: 800px;
}
.popup-progress-wrap-top {
  position: relative;
  height: 100px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup-progress-wrap-top__title {
  font-family: Onest;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
  color: #313131;
}
.popup-progress-wrap-top__close {
  display: block;
  position: absolute;
  content: "";
  background-image: url(/local/templates/kvartal/assets/css/../img/planning/popup/close.svg);
  width: 56px;
  height: 56px;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  right: 0;
  cursor: pointer;
  z-index: 10;
}
.popup-progress-wrap-slider {
  display: block;
  margin: 0 auto;
  margin-top: 38px;
  width: 1200px;
  height: 767px;
  position: relative;
  border-radius: 16px;
}
.popup-progress-wrap-slider-gallery {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.popup-progress-wrap-slider-gallery-item {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 16px;
}
.popup-progress-wrap-slider-gallery-item--active {
  opacity: 1;
  transition: opacity 0.3s;
  z-index: 1;
}
.popup-progress-wrap-slider-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background-color: rgba(170, 179, 29, 0.3);
  transition: all 0.3s;
  cursor: pointer;
  z-index: 10;
}
.popup-progress-wrap-slider-circle__arrow {
  width: 16px;
  height: 16px;
}
.popup-progress-wrap-slider-dots {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  background-color: #313131;
  border-radius: 100px;
  padding: 4px;
  gap: 4px;
}
.popup-progress-wrap-slider-dots-dot {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 100%;
  cursor: pointer;
  transition: background-color 0.3s;
}
.popup-progress-wrap-slider-dots-dot--active {
  background-color: #AAB31D;
  transition: background-color 0.3s;
}
.popup-main-map {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999999;
  transition: all 0.3s;
}
.popup-main-map-wrap {
  position: relative;
  width: 1320px;
  height: 700px;
  border-radius: 16px;
}
.popup-main-map-wrap__close {
  display: block;
  position: absolute;
  content: "";
  background-image: url(/local/templates/kvartal/assets/css/../img/icons/Close.svg);
  width: 56px;
  height: 56px;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  right: -56px;
  cursor: pointer;
}
.popup-main-map-wrap-top {
  display: none;
}
.popup-main-map-wrap__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px;
}
.popup-landscaping {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999999;
  transition: all 0.3s;
}
.popup-landscaping-wrap {
  position: relative;
  display: flex;
  width: 1064px;
  min-height: 700px;
  border-radius: 16px;
}
.popup-landscaping-wrap__close {
  display: block;
  position: absolute;
  content: "";
  background-image: url(/local/templates/kvartal/assets/css/../img/icons/Close.svg);
  width: 56px;
  height: 56px;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  right: -56px;
  cursor: pointer;
}
.popup-landscaping-wrap-top {
  display: none;
}
.popup-landscaping-wrap__image {
  border-radius: 16px 0 0 16px;
  width: 735px;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.popup-landscaping-wrap-info {
  border-radius: 0 16px 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 24px;
  background-color: #fff;
}
.popup-landscaping-wrap-info p:nth-child(1) {
  width: 100%;
  text-align: left;
  font-family: Onest;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #313131;
}
.popup-landscaping-wrap-info p {
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
}
.popup-map {
  display: none;
}
.popup-planning {
  position: fixed;
  opacity: 0;
  transition: all 0.3s;
  pointer-events: none;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}
.popup-planning-wrap {
  position: relative;
  display: flex;
  width: 1600px;
  height: 100%;
  overflow-y: auto;
}
.popup-planning-wrap__close {
  display: block;
  position: absolute;
  content: "";
  background-image: url(/local/templates/kvartal/assets/css/../img/planning/popup/close.svg);
  width: 56px;
  height: 56px;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  top: 16px;
  right: 16px;
  cursor: pointer;
  z-index: 10;
}
.popup-planning-top {
  display: none;
}
.popup-planning-views {
  /*padding-top: 60px;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1053px;
  height: 100%;
  border-right: 1px solid #cccfd3;
}
.popup-planning-views-buttons {
  display: flex;
  align-items: center;
  border-radius: 32px;
  padding: 4px;
  width: max-content;
  height: 48px;
  gap: 6px;
}
.popup-planning-views-buttons__button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #878c99;
  background-color: #F5F5F5;
  width: 129px;
  height: 40px;
  border-radius: 999px;
  transition: all 0.3s;
}
.popup-planning-views-buttons__button--active {
  color: #fff;
  background-color: #AAB31D;
  transition: all 0.3s;
}
.popup-planning-views-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 941px;
  height: 784px;
}
.popup-planning-views-wrap__image--planning {
  position: absolute;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 80%;
  opacity: 0;
  transition: all 0.3s;
}

.popup-planning-views-wrap-3d{
  position: absolute;
  width: 100%;
  height: 527px;
  opacity: 0;
  transition: all 0.3s;
}

.popup-planning-views-wrap__image--view {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 16px;
  opacity: 0;
  transition: all 0.3s;
}
.popup-planning-views-wrap__image--new {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 16px;
  opacity: 0;
  transition: all 0.3s;
}
.popup-planning-views-wrap__image--showed {
  opacity: 1;
  transition: all 0.3s;
}
.popup-planning-info {
  /*padding-top: 100px;*/
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  display: flex;
  align-items: center;
}
.popup-planning-info-wrap {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.popup-planning-info-wrap__close {
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: #CDCDCD;
  height: 32px;
  display: flex;
  align-items: center;
}
.popup-planning-info-wrap__close--arrow {
  width: 12px;
  margin-right: 8px;
}
.popup-planning-info-wrap-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 12px;
}
.popup-planning-info-wrap-main__title {
  display: flex;
  align-items: center;
  font-family: Onest;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
  color: #313131;
}
.popup-planning-info-wrap-main__title--hot {
  display: none;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.popup-planning-info-wrap-main__title--gray {
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
  text-decoration: line-through;
  margin-left: 8px;
}
.popup-planning-info-wrap-main-desc {
  width: -moz-fit-content;
  width: fit-content;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F5F5F5;
  border-radius: 100px;
  padding: 0px 16px;
}
.popup-planning-info-wrap-main-desc__title {
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
}
.popup-planning-info-wrap-main-desc__title--green {
  color: #AAB31D;
}
.popup-planning-info-wrap-main-area {
  display: flex;
  gap: 8px;
  align-items: center;
}
.popup-planning-info-wrap-main-area__title {
  font-family: Onest;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #313131;
}
.popup-planning-info-wrap-main-features {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  width: 400px;
}
.popup-planning-info-wrap-main-features-feature {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding: 0px 8px;
  border-radius: 32px;
  border: 1px solid #CDCDCD;
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
}
.popup-planning-info-wrap-specs {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
  width: 100%;
}
.popup-planning-info-wrap-specs-spec {
  display: flex;
  justify-content: space-between;
  height: 26px;
  align-items: start;
  border-bottom: 1px solid #E6E6E6;
  width: 100%;
}
.popup-planning-info-wrap-specs-spec:last-child {
  border-bottom: none;
}
.popup-planning-info-wrap-specs-spec__title {
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
}
.popup-planning-info-wrap-specs-spec__desc {
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
}
.popup-planning-info-wrap-form {
  margin-top: 24px;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  background-color: #F5F5F5;
  width: 100%;
}
.popup-planning-info-wrap-form__title {
  font-family: Onest;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #313131;
}
.popup-planning-info-wrap-form-content {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.popup-planning-info-wrap-form-content-input {
  position: relative;
}
.popup-planning-info-wrap-form-content-input__title {
  position: absolute;
  top: 13px;
  left: 16px;
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.3);
  pointer-events: none;
}
.popup-planning-info-wrap-form-content-input__input {
  display: flex;
  align-items: end;
  border-radius: 8px;
  padding: 10px 16px;
  padding-top: 29px;
  width: 213px;
  height: 56px;
  background: #fff;
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
  border: 1px solid rgba(169, 179, 29, 0);
  transition: all 0.3s;
}
.popup-planning-info-wrap-form-content-input__input::-moz-placeholder {
  color: rgba(49, 49, 49, 0.3);
}
.popup-planning-info-wrap-form-content-input__input::placeholder {
  color: rgba(49, 49, 49, 0.3);
}
.popup-planning-info-wrap-form-content-input__input:hover {
  border: 1px solid #AAB31D;
}
.popup-planning-info-wrap-form-content-input__input:focus-within {
  border: 1px solid #AAB31D;
}
.popup-planning-info-wrap-form-content__button {
  width: 213px;
  height: 56px;
  border-radius: 8px;
  background-color: #AAB31D;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
  transition: all 0.3s;
}
.popup-planning-info-wrap-form-content__checkbox--hidden {
  display: none;
}
.popup-planning-info-wrap-form-wrap {
  margin-top: 12px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.popup-planning-info-wrap-form-wrap__checkbox {
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  width: 17px;
  height: 16.5px;
  border: 2px solid #AAB31D;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-planning-info-wrap-form-wrap__checkbox::after {
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.1s;
  position: relative;
  content: "";
  background-image: url(/local/templates/kvartal/assets/css/../img/icons/checkbox.svg);
  width: 10px;
  height: 6px;
}
.popup-planning-info-wrap-form-wrap__checkbox--checked {
  background-color: #AAB31D;
  transition: all 0.1s;
}
.popup-planning-info-wrap-form-wrap__checkbox--checked::after {
  opacity: 1;
  transition: all 0.1s;
}
.popup-planning-info-wrap-form-wrap__desc {
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.6980392157);
}
.popup-planning-info-wrap-form-wrap__desc--link {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
.popup-stocks {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999999;
  transition: all 0.3s;
}
.popup-stocks-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 537px;
  background-color: #fff;
  border-radius: 16px;
  padding: 56px;
}
.popup-stocks-wrap-top {
  display: none;
}
.popup-stocks-wrap__close {
  display: block;
  position: absolute;
  content: "";
  background-image: url(/local/templates/kvartal/assets/css/../img/icons/close-gray.svg);
  width: 40px;
  height: 40px;
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.popup-stocks-wrap__title {
  font-family: Onest;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
  color: #000;
}
.popup-stocks-wrap-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.popup-stocks-wrap-form-input {
  position: relative;
}
.popup-stocks-wrap-form-input__title {
  position: absolute;
  top: 13px;
  left: 16px;
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.3);
  pointer-events: none;
}
.popup-stocks-wrap-form-input__input {
  display: flex;
  align-items: end;
  border-radius: 8px;
  padding: 10px 16px;
  padding-top: 29px;
  width: 100%;
  height: 56px;
  background: #F5F5F5;
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
  border: 1px solid rgba(169, 179, 29, 0);
  transition: all 0.3s;
}
.popup-stocks-wrap-form-input__input::-moz-placeholder {
  color: rgba(49, 49, 49, 0.3);
}
.popup-stocks-wrap-form-input__input::placeholder {
  color: rgba(49, 49, 49, 0.3);
}
.popup-stocks-wrap-form-input__input:hover {
  border: 1px solid #AAB31D;
}
.popup-stocks-wrap-form-input__input:focus-within {
  border: 1px solid #AAB31D;
}
.popup-stocks-wrap-form__button {
  margin-top: 8px;
  width: 100%;
  height: 56px;
  border-radius: 8px;
  background-color: #AAB31D;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
  transition: all 0.3s;
}
.popup-stocks-wrap-form__checkbox--hidden {
  display: none;
}
.popup-stocks-wrap-form__checkbox--hidden:checked + .popup-stocks-wrap-form-wrap > .popup-stocks-wrap-form-wrap__checkbox {
  background-color: #AAB31D;
  transition: all 0.1s;
}
.popup-stocks-wrap-form__checkbox--hidden:checked + .popup-stocks-wrap-form-wrap > .popup-stocks-wrap-form-wrap__checkbox::after {
  opacity: 1;
  transition: all 0.1s;
}
.popup-stocks-wrap-form-wrap {
  margin-top: 8px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.popup-stocks-wrap-form-wrap__checkbox {
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  width: 17px;
  height: 16.5px;
  border: 2px solid #AAB31D;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-stocks-wrap-form-wrap__checkbox::after {
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.1s;
  position: relative;
  content: "";
  background-image: url(/local/templates/kvartal/assets/css/../img/icons/checkbox.svg);
  width: 10px;
  height: 6px;
}
.popup-stocks-wrap-form-wrap__desc {
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.3019607843);
}
.popup-stocks-wrap-form-wrap__desc--link {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
.popup-success {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99999999;
  transition: all 0.3s;
}
.popup-success-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  width: 537px;
  background-color: #fff;
  border-radius: 16px;
  padding: 56px;
}
.popup-success-wrap-top {
  display: none;
}
.popup-success-wrap__close {
  display: block;
  position: absolute;
  content: "";
  background-image: url(/local/templates/kvartal/assets/css/../img/icons/close-gray.svg);
  width: 40px;
  height: 40px;
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.popup-success-wrap__icon {
  width: 64px;
  height: 64px;
}
.popup-success-wrap__title {
  font-family: Onest;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
  color: #313131;
  text-align: center;
}
.popup-success-wrap__desc {
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.7);
  text-align: center;
}
.popup-success-wrap__button {
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 425px;
  height: 56px;
  background: #aab31d;
  border-radius: 8px;
  color: #fff;
  transition: background 0.3s;
}
.popup-purchases {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999999;
  transition: all 0.3s;
}
.popup-purchases-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 537px;
  background-color: #fff;
  border-radius: 16px;
  padding: 56px;
}
.popup-purchases-wrap-top {
  display: none;
}
.popup-purchases-wrap__close {
  display: block;
  position: absolute;
  content: "";
  background-image: url(/local/templates/kvartal/assets/css/../img/icons/close-gray.svg);
  width: 40px;
  height: 40px;
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
.popup-purchases-wrap__title {
  font-family: Onest;
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
  color: #000;
}
.popup-purchases-wrap-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.popup-purchases-wrap-form-input {
  position: relative;
}
.popup-purchases-wrap-form-input__title {
  position: absolute;
  top: 13px;
  left: 16px;
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.3);
  pointer-events: none;
}
.popup-purchases-wrap-form-input__input {
  display: flex;
  align-items: end;
  border-radius: 8px;
  padding: 10px 16px;
  padding-top: 29px;
  width: 100%;
  height: 56px;
  background: #F5F5F5;
  font-family: Onest;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
  border: 1px solid rgba(169, 179, 29, 0);
  transition: all 0.3s;
}
.popup-purchases-wrap-form-input__input::-moz-placeholder {
  color: rgba(49, 49, 49, 0.3);
}
.popup-purchases-wrap-form-input__input::placeholder {
  color: rgba(49, 49, 49, 0.3);
}
.popup-purchases-wrap-form-input__input:hover {
  border: 1px solid #AAB31D;
}
.popup-purchases-wrap-form-input__input:focus-within {
  border: 1px solid #AAB31D;
}
.popup-purchases-wrap-form__button {
  margin-top: 8px;
  width: 100%;
  height: 56px;
  border-radius: 8px;
  background-color: #AAB31D;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
  transition: all 0.3s;
}
.popup-purchases-wrap-form__checkbox--hidden {
  display: none;
}
.popup-purchases-wrap-form__checkbox--hidden:checked + .popup-purchases-wrap-form-wrap > .popup-purchases-wrap-form-wrap__checkbox {
  background-color: #AAB31D;
  transition: all 0.1s;
}
.popup-purchases-wrap-form__checkbox--hidden:checked + .popup-purchases-wrap-form-wrap > .popup-purchases-wrap-form-wrap__checkbox::after {
  opacity: 1;
  transition: all 0.1s;
}
.popup-purchases-wrap-form-wrap {
  margin-top: 8px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.popup-purchases-wrap-form-wrap__checkbox {
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  width: 17px;
  height: 16.5px;
  border: 2px solid #AAB31D;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-purchases-wrap-form-wrap__checkbox::after {
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.1s;
  position: relative;
  content: "";
  background-image: url(/local/templates/kvartal/assets/css/../img/icons/checkbox.svg);
  width: 10px;
  height: 6px;
}
.popup-purchases-wrap-form-wrap__desc {
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.3019607843);
}
.popup-purchases-wrap-form-wrap__desc--link {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}


.popup-planning-info-wrap-main-wrapper{
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
.popup-planning-info-wrap-main-wrapper-features {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.popup-planning-info-wrap-main-wrapper-features-feature {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 10;
}
.popup-planning-info-wrap-main-wrapper-features-feature__icon {
  width: 32px;
  height: 32px;
  pointer-events: none;
  cursor: pointer;
}

.popup__showed>.popup-planning-wrap>.popup-planning-info>.popup-planning-info-wrap>.popup-planning-info-wrap-main>.popup-planning-info-wrap-main-wrapper>.popup-planning-info-wrap-main-wrapper-features>.popup-planning-info-wrap-main-wrapper-features-feature>.popup-planning-info-wrap-main-wrapper-features-feature__icon{
  pointer-events: all;
}

.popup-planning-info-wrap-main-wrapper-features-feature:hover > .popup-planning-info-wrap-main-wrapper-features-feature-wrap {
  opacity: 1;
  pointer-events: all;
  transition: all 0.3s;
}
.popup-planning-info-wrap-main-wrapper-features-feature-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: absolute;
  top: 38px;
  margin: 0 auto;
  backdrop-filter: blur(28px);
  background: rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  padding: 16px;
  width: 220px;
  z-index: 10;
  opacity: 0;
  transition: all 0.3s;

}
.popup-planning-info-wrap-main-wrapper-features-feature-wrap__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
}
.popup-planning-info-wrap-main-wrapper-features-feature-wrap__desc {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #fff;
}
.popup-planning-info-wrap-main-wrapper-features-feature--3d>.popup-planning-info-wrap-main-wrapper-features-feature__icon{
  width: 32px;
  height: 32px;
  background-color: #BFCB0B;
  border-radius: 100%;
  object-fit: contain;
  padding: 5px;
}

@media (min-width: 1600px) {
  .header-bg__image {
    width: 100%;
    height: 80vh;
    min-height: 700px;
  }
  .header-bottom::after {
    width: 100%;
  }
  .header-bottom::before {
    width: 100%;
  }
  .plan-bg__image {
    border-radius: 16px;
  }
}
@media (max-width: 1600px) {

  .popup-planning-views-wrap-3d{
    padding-right: 40px;
  }

  .popup-progress-wrap {
    width: 1200px;
    height: auto;
  }
  .popup-progress-wrap-slider {
    width: 1024px;
    height: 600px;
  }
  .header-bg {
    overflow: hidden;
  }
  .header-bottom::before {
    width: 100%;
  }
  .header-bottom::after {
    width: 100%;
  }
  .plan{
    height: auto;
  }
  .plan-bg {
    width: 100%;
    position: relative;
    height: auto;
    overflow: hidden;
  }
  .plan-bg__image {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  .plan >.plan-container >.container{
    width: 100%;
    height: auto;
    margin: 0 0;
    padding: 0;
    max-width: 100%;
  }
  .plan-items-item:nth-child(2){
    top: 35%;
    left: 14%;
  }
  .plan-items-item:nth-child(3){

    top: 16%;
    left: 23%;
  }
  .plan-items-item:nth-child(4) {
    top: 14%;
    left: 52%;
  }
  .plan-items-item:nth-child(5){
    top: 69%;
    left: 63%;
  }
  .popup-planning-wrap {
    width: auto;
  }
  .popup-planning-views-wrap {
    width: 813px;
  }
  .popup-planning-views {
    width: 813px;
  }
}
@media (max-width: 1400px) {
  .planning-cards-card-features{
    flex-direction: column;
  }
  .popup-planning-views-wrap-3d{
    padding: 0;
    max-width: 800px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    height: 100%;
  }


  .landscaping-container{
    width: 100%;
    margin: auto;
  }
  .popup-main-map-wrap {
    width: 1064px;
  }
  .popup-planning-wrap {
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: start;
    overflow-y: auto;
    position: static;
  }
  .popup-planning-views {
    width: auto;
    height: auto;
    padding-top: 30px;
    border: none;
    gap: 24px;
  }
  .popup-planning-wrap__close {
    position: fixed;
    top: 30px;
    right: 30px;
  }
  .popup-planning-views-wrap {
    width: 100%;
    height: 400px;
    overflow: hidden;
    /*margin-top: 24px;*/

  }
  .popup-planning-views-wrap__image-planning {
    width: 400px;
    height: auto;
    border-radius: 0;
  }
  .popup-planning-info {
    padding-top: 32px;
    justify-content: center;
  }
  .story-container {
    max-width: 1140px;
  }
  .planning-container {
    max-width: 1140px;
  }
  .stocks-container {
    max-width: 1140px;
  }
  .progress-container {
    max-width: 1140px;
  }
  .purchases-container {
    max-width: 1140px;
  }
  .story-tabmenu {
    gap: 8px;
  }
  .story-tab-info {
    width: 100%;
  }
  .story-tab-info-items-item {
    width: 268px;
  }
  .story-tab-slider {
    height: 400px;
  }
  .plan-bg {
    justify-content: start;
  }

  /*.plan-items-item:nth-child(5) {*/
  /*  right: 24%;*/
  /*  align-items: end;*/
  /*}*/
  .planning-cards-card {
    padding: 16px;
  }
  .landscaping-wrap-features {
    margin-left: 50px;
  }
  .landscaping-items__bg{
    width: 100%;
    border-radius: 0px;
  }
  .stocks-cards-card__date {
    width: 229px;
  }
  .experience-wrap-bg {
    bottom: 60px;
    width: 662px;
    height: 647px;
  }
}
@media (max-width: 1300px) {
  .header-top-mobile-container {
    width: 960px;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
  }
  .header-top {
    display: none;
  }
  .header-top-mobile {
    z-index: 999999;
    pointer-events: none;
    width: 100%;
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(49, 49, 49, 0);
    transition: background-color 0.3s;
    height: 100%;
  }
  .header-top-mobile-top {
    pointer-events: all;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
    height: 64px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s;
  }
  .header-top-mobile-top-wrap {
    justify-content: space-between;
    display: flex;
    align-items: center;
    height: 100%;
  }
  .header-top-mobile-container{
    height: 100%;
  }
  .header-top-mobile-top-wrap-button {
    position: relative;
    width: 24px;
    height: 24px;
  }
  .header-top-mobile-top-wrap-button__menu {
    cursor: pointer;
    width: 24px;
    height: 24px;
    -webkit-mask-image: url(/local/templates/kvartal/assets/css/../img/header/header-top/menu.svg);
    mask-image: url(/local/templates/kvartal/assets/css/../img/header/header-top/menu.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #fff;
    transition: background-color 0.3s;
  }
  .header-top-mobile-top-wrap-button__close {
    cursor: pointer;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    width: 16px;
    height: 16px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
  }
  .header-top-mobile-top-wrap__logo {
    width: 116px;
    height: 34px;
    -webkit-mask-image: url(/local/templates/kvartal/assets/css/../img/header/header-top/logo.svg);
    mask-image: url(/local/templates/kvartal/assets/css/../img/header/header-top/logo.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: #fff;
    transition: background-color 0.3s;
  }
  .header-top-mobile-top-wrap-telephone {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header-top-mobile-top-wrap-telephone__icon {
    background-color: #AAB31D;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 48px;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    background-image: url(/local/templates/kvartal/assets/css/../img/header/header-top/telephone.svg);
  }
  .header-top-mobile-bottom {
    opacity: 0;
    width: 100%;
    transition: opacity 0.3s;
  }
  .header-top-mobile-bottom-wrap {
    display: flex;
    flex-direction: column;
    padding-top: 36px;
    padding-bottom: 24px;
    gap: 36px;
    width: 100%;
  }
  .header-top-mobile-bottom-wrap-links {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .header-top-mobile-bottom-wrap-links__link {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
  }
  .header-top-mobile-bottom-wrap-buttons {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 16px;
  }
  .header-top-mobile-bottom-wrap-buttons__button {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 1250px) {
  .mall-slider-prev{
    left: 16px;
  }
  .mall-slider-next{
    right: 16px;
  }
}
@media (max-width: 1200px) {
  .planning-cards-card-features {
    flex-direction: row;
  }

  .popup-progress-wrap {
    width: 934px;
  }
  .popup-progress-wrap-slider {
    margin-top: 24px;
    width: 934px;
    height: 600px;
  }
  .popup-progress-prev {
    left: 16px;
  }
  .popup-progress-next {
    right: 16px;
  }
  .popup-main-map-wrap {
    width: 934px;
  }
  .popup-landscaping-wrap {
    width: 934px;
  }
  .popup-landscaping-wrap__image {
    width: 605px;
  }
  .story-container {
    max-width: 960px;
  }
  .planning-container {
    max-width: 960px;
  }
  .stocks-container {
    max-width: 960px;
  }
  .progress-container {
    max-width: 960px;
  }
  .purchases-container {
    max-width: 960px;
  }
  .header-wrap {
    flex-direction: column;
    justify-content: end;
    align-items: start;
    gap: 24px;
  }
  .story-tab-info-items {
    margin-top: 24px;
  }
  .story-tab-info-items-item {
    width: 224px;
    height: auto;
  }
  .story-tabmenu {
    flex-wrap: wrap;
    justify-content: start;
  }
  .story-tabmenu__button {
    width: 180px;
  }
  .landscaping-wrap-features-feature {
    width: 252px;
  }
  .mall-wrap {
    background-position: center;
    height: 557px;
  }
  .stocks-cards-card__date {
    width: 263px;
  }
  .experience-wrap-bottom {
    flex-wrap: wrap;
    gap: 18px;
  }
  .experience-wrap-bottom-feature {
    width: 30%;
  }
  .experience-wrap-bottom-feature__desc {
    width: 258px;
  }
  .experience-wrap-bottom-feature:nth-last-child(1) > .experience-wrap-bottom-feature__desc {
    width: 129px;
  }
  .experience-wrap-bg {
    bottom: 180px;
    width: 532px;
    height: 677px;
  }
  .experience-wrap-bg__image {
    background-position: top;
  }
  .footer-form {
    padding-left: 0;
  }
  .footer-form-content {
    width: 100%;
  }


  
  .mall-slider{
    height: 540px;
  }
}

@media (max-width: 1060px) {
  .landscaping-items-item:nth-child(6) {
    flex-direction: row-reverse;
    right: 27.5%;
    left: auto;
  }
}

@media (max-width: 992px) {
  .popup-progress-wrap {
    width: 720px;
  }
  .popup-progress-wrap-slider {
    margin-top: 24px;
    width: 720px;
    height: 400px;
  }
  .popup-main-map-wrap {
    width: 720px;
  }
  .popup-landscaping-wrap {
    width: 720px;
  }
  .popup-landscaping-wrap__image {
    width: 425px;
  }
  .header-top-mobile-container {
    width: 720px;
  }
  .story-container {
    max-width: 720px;
  }
  .planning-container {
    max-width: 720px;
  }
  .stocks-container {
    max-width: 720px;
  }
  .progress-container {
    max-width: 720px;
  }
  .purchases-container {
    max-width: 720px;
  }
  .header-bottom-events {
    position: relative;
    flex-direction: row;
    top: 0;
  }
  .header-bottom-info__logo {
    width: 202px;
    height: 50px;
  }
  .header-bottom-info__desc {
    margin-top: 24px;
    justify-content: start;
    width: auto;
    height: auto;
    background: none;
    border-radius: 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .header-bottom-info-items {
    gap: 24px;
  }
  .header-bottom-info-items-item {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: none;
    border-radius: 0;
    padding: 0;
    height: auto;
  }
  .header-bottom-info-items-item-icon {
    display: none;
  }
  .header-bottom-buttons {
    width: 100%;
    flex-direction: row-reverse;
  }
  .header-bottom-buttons-button-map {
    width: 348px;
    justify-content: space-between;
    padding-left: 8px;
    padding-right: 100px;
  }
  .header-bottom-buttons-button-apartment {
    width: 348px;
  }
  .header-bg__image {
    right: 120px;
    width: 1366px;
    height: 820px;
  }
  .header-bg {
    background-color: #313131;
  }
  .header-wrap {
    height: 914px;
    padding-bottom: 0;
  }
  .header-bottom::before {
    display: none;
  }
  .header-bottom::after {
    top: 497px;
    height: 324px;
    background: linear-gradient(180deg, rgba(49, 49, 49, 0) 0%, #313131 100%);
  }
  .header-bottom-events-event:nth-child(1) {
    margin-left: var(--bs-gutter-x, 0.75rem);
  }
  .header-bottom {
    overflow: hidden;
    height: auto;
    min-height: auto;
  }
  .header-bottom-events-scroll {
    overflow-x: scroll;
  }
  .header-bottom-events-scroll::-webkit-scrollbar {
    display: none;
  }
  .header-bottom-events {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-right: 200px;
    width: max-content;
  }
  .story {
    overflow: hidden;
    padding-top: 56px;
    padding-bottom: 36px;
  }
  .story-container {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-right: 200px;
    overflow-x: scroll;
  }
  .story-container::-webkit-scrollbar {
    display: none;
  }
  .story-tabmenu {
    justify-content: start;
    flex-wrap: nowrap;
    width: 1500px;
    margin-left: var(--bs-gutter-x, 0.75rem);
  }
  .story-tab > .row {
    flex-direction: column-reverse;
  }
  .story-tab-slider {
    margin-top: 16px;
  }
  .story-tab-info__title {
    font-size: 24px;
  }
  .story-tab-info-items {
    margin-top: 16px;
  }
  .story-tabmenu__button {
    width: 168px;
  }
  .plan {
    margin-top: 56px;
  }
  .plan-items-item:nth-child(2) {
    left: 13%;
  }
  .plan-items-item:nth-child(4) {
    top: 12%;
    left: 50%;
  }
  .plan-items-item:nth-child(5) {
    top: 68%;
  }
  .landscaping {
    padding-top: 56px;
  }
  .landscaping-wrap {
    margin-top: 16px;
    flex-direction: column;
  }
  .landscaping-wrap-descriptions {
    width: 100%;
    gap: 16px;
  }
  .landscaping-wrap-features {
    margin-top: 32px;
    margin-left: 0;
    width: 100%;
    gap: 8px;
  }
  .landscaping-wrap-features-feature {
    height: 90px;
    width: 340px;
    border: 1px solid #e0e2e4;
    border-radius: 8px;
    padding: 0px 16px;
  }
  .landscaping-items {
    margin-top: 24px;
  }
  .landscaping-items-item:nth-child(6) {
    right: 27.4%;
    left: auto;
    flex-direction: row-reverse;
  }
  .mall {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .mall__desc {
    margin-top: 16px;
  }
  .planning {
    overflow: hidden;
    padding-top: 40px;
  }
  .planning-features {
    width: max-content;
    flex-wrap: nowrap;
    margin-left: var(--bs-gutter-x, 0.75rem);
  }
  .planning-container {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-right: 200px;
    overflow-x: scroll;
  }
  .planning-container::-webkit-scrollbar {
    display: none;
  }
  .planning-features__button {
    width: -moz-max-content;
    width: max-content;
  }
  .planning-apartments-buttons-wrap > .planning-apartments-button:first-child {
    width: 100%;
  }
  .planning-apartments-button {
    width: 168px;
  }
  .planning-apartments {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 12px;
  }
  .planning-apartments .parking-header-left-select {
    width: 100%;
    max-width: 100%;
    align-self: stretch;
  }
  .purchases {
    padding-top: 57px;
  }
  .map {
    padding-top: 56px;
  }
  .map__desc {
    margin-top: 16px;
  }
  .map-wrap {
    height: 600px;
  }
  .stocks {
    padding-top: 56px;
  }
  .progress {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .experience-wrap-top {
    justify-content: start;
  }
  .experience-wrap-top-info__logo {
    width: 89px;
    height: 26px;
  }
  .experience-wrap-top-info__title {
    margin-top: 16px;
    font-size: 28px;
  }
  .experience-wrap-top-info-descriptions {
    gap: 16px;
  }
  .experience {
    padding-top: 370px;
  }
  .experience-wrap-bg__image {
    background-position: center;
    background-position-y: -121px;
  }
  .experience-wrap-bg__image--gradient:nth-child(1) {
    height: 100%;
    width: 125px;
  }
  .experience-wrap-bg__image--gradient:nth-child(2) {
    width: 125px;
    height: 100%;
  }
  .experience-wrap-bg__image--gradient:nth-child(3) {
    height: 222px;
  }
  .experience-wrap-bottom {
    margin-top: 24px;
  }
  .experience-wrap-bg {
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -370px;
    height: 477px;
  }
  .experience-wrap-bottom-feature__title {
    font-size: 32px;
  }
  .experience-wrap-bottom-feature__title--small {
    font-size: 16px;
  }
  .experience-wrap-bottom-feature {
    border: 1px solid #dbdbdb;
    border-radius: 16px;
    padding: 24px;
    width: 339px;
  }
  .experience-wrap-bottom-feature__desc {
    width: auto;
  }
  .footer-form {
    padding-top: 24px;
  }
  .footer__desc {
    margin-top: 32px;
  }
  .mall-slider {
    height: 400px;
  }
}
@media (max-width: 768px) {

  .planning-cards-card-features{
    flex-direction: column;
  }



  .popup-progress-wrap-top__title {
    font-size: 34px;
  }
  .popup-progress-wrap {
    width: 540px;
  }
  .popup-progress-wrap-slider {
    margin-top: 24px;
    width: 540px;
    height: 300px;
  }
  .popup-main-map-wrap {
    width: 540px;
  }
  .purchases-dots {
    display: block;
    margin: 0 auto;
    margin-top: 16px;
    background-color: rgba(170, 179, 29, 0.3019607843);
    padding: 4px;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
  }
  .stocks-dots {
    display: block;
    margin: 0 auto;
    margin-top: 16px;
    background-color: rgba(170, 179, 29, 0.3019607843);
    padding: 4px;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
  }
  .progress-dots {
    display: block;
    margin: 0 auto;
    margin-top: 16px;
    background-color: rgba(170, 179, 29, 0.3019607843);
    padding: 4px;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
  }
  .popup-landscaping-wrap-info {
    border-radius: 0 0 16px 16px;
    justify-content: center;
    align-items: start;
  }
  .popup-landscaping-wrap__image {
    width: 100%;
    height: 310px;
    border-radius: 16px 16px 0 0;
  }
  .popup-landscaping-wrap {
    width: 540px;
    flex-direction: column;
    min-height: auto;
  }
  .header-top-mobile-container {
    width: 540px;
  }
  .header-bottom-info__title {
    width: auto;
  }
  .header-bottom-buttons {
    justify-content: flex-end;
  }
  .header-bottom-buttons-button-map {
    width: 254px;
    padding-right: 53px;
  }
  .header-bottom-buttons-button-apartment {
    width: 254px;
  }
  .story__title {
    font-size: 34px;
  }
  .story-tab-info-items-item {
    width: calc(50% - 4px);
  }
  .plan-container {
    display: block;
    margin-top: 24px;
    border-radius: 16px;
    width: 516px;
    height: 600px;
    overflow-x: scroll;
    overflow-y: hidden;
    margin: 0 auto;
  }
  .plan >.plan-container > .container {
    width: 1131px;
    height: 100%;
    padding-left: 0;
    position: relative;
    top: auto;
  }
  .plan-items-item {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .plan-items-item:nth-child(2) > .plan-items-item__button {
    top: 238px;
    left: 389px;
  }
  .plan-items-item:nth-child(3) > .plan-items-item__button {
    left: 506px;
    top: 58px;
  }
  .plan-items-item:nth-child(4) > .plan-items-item__button {
    left: 976px;
    top: 69px;
  }
  .plan-items-item:nth-child(5) > .plan-items-item__button {
    left: 1150px;
    top: 519px;
  }
  .plan {
    position: relative;
  }
  .plan-bg {
    display: none;
  }
  .plan-items {
    position: relative;
    width: 1063px;
    height: 100%;
    background-image: url(/local/templates/kvartal/assets/css/../img/plan/bg.jpg);
    border-radius: 16px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .plan-items-item-wrap-top {
    pointer-events: none;
  }
  .plan-items-item-wrap-top__close {
    pointer-events: all;
  }
  .plan-items-item-wrap-bottom {
    pointer-events: none;
  }
  .plan-items-mobile {
    display: block;
  }
  .plan-items-item {
    position: static;
  }
  .plan-items-item > .plan-items-item-wrap {
    display: none;
  }
  .plan-items-item__button {
    position: absolute;
  }
  .plan-items-item-wrap {
    pointer-events: none;
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0;
    width: 516px;
    margin: 0 auto;
    -webkit-backdrop-filter: blur(28px);
    backdrop-filter: blur(28px);
    background: rgba(0, 0, 0, 0.4);
  }
  .plan-item__showed {
    opacity: 1;
    pointer-events: all;
    transition: all 0.3s;
  }
  .plan-items-item-wrap-top {
    position: relative;
    flex-direction: column;
    gap: 8px;
  }
  .plan-items-item-wrap-top__close {
    display: block;
    position: absolute;
    content: "";
    background-image: url(/local/templates/kvartal/assets/css/../img/icons/close-gray.svg);
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  .landscaping__title {
    font-size: 34px;
  }
  .landscaping-wrap-features-feature {
    padding: 16px;
    width: calc(50% - 4px);
  }
  .landscaping-container-wrap {
    margin-top: 24px;
    border-radius: 16px;
    width: 100%;
    height: 600px;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .landscaping-items {
    position: relative;
    margin-top: 0;
    height: 100%;
    width: 1330px;
    background-position-x: 0;
    background-position: left;
  }
  .landscaping-items-item-info {
    pointer-events: none;
  }
  .landscaping-items-item-info__image {
    pointer-events: none;
  }
  .landscaping-items-item-info__title {
    pointer-events: none;
  }
  .landscaping-info__showed {
    pointer-events: all;
    opacity: 1;
    transition: all 0.3s;
  }
  .landscaping-container {
    width: 516px;
    position: relative;
  }
  .landscaping-items-item > .landscaping-items-item-info {
    display: none;
  }
  .landscaping-items-mobile {
    display: block;
  }
  .landscaping-items-item {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
  .landscaping-items__bg{
    height: 600px;
    object-fit: cover;
  }
  .landscaping-items-item:nth-child(2) > .landscaping-items-item__button {
    top: 124px;
    left: 133px;
  }
  .landscaping-items-item:nth-child(3) > .landscaping-items-item__button {
    top: 331px;
    left: 358px;
  }
  .landscaping-items-item:nth-child(4) > .landscaping-items-item__button {
    top: 165px;
    left: 534px;
  }
  .landscaping-items-item:nth-child(5) > .landscaping-items-item__button {
    top: 132px;
    left: 731px;
  }
  .landscaping-items-item:nth-child(6) > .landscaping-items-item__button {
    top: 224px;
    left: 927px;
  }
  .landscaping-items-item:nth-child(7) > .landscaping-items-item__button {
    top: 400px;
    left: 740px;
  }
  .landscaping-items-item__button {
    position: absolute;
  }
  .landscaping-items-item-info {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    width: 100%;
    gap: 16px;
    padding: 16px;
    -webkit-backdrop-filter: blur(28px);
    backdrop-filter: blur(28px);
    background: rgba(0, 0, 0, 0.4);
  }
  .landscaping-items-item-info__close {
    display: block;
    position: absolute;
    content: "";
    background-image: url(/local/templates/kvartal/assets/css/../img/icons/Close.svg);
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    top: 16px;
    right: 16px;
    cursor: pointer;
  }
  .landscaping-items-item-info__image {
    position: relative;
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .landscaping-items-item-info > p:nth-child(1) {
    width: auto;
  }
  .mall-wrap-info {
    bottom: 0;
    width: 100%;
    right: 0;
    left: 0;
    -webkit-backdrop-filter: blur(28px);
    backdrop-filter: blur(28px);
    background: rgba(0, 0, 0, 0.4);
  }
  .mall-wrap {
    background-size: 516px;
    background-position: top;
  }
  .planning__title {
    font-size: 34px;
  }
  .planning-apartments-button {
    width: calc(50% - 4px);
  }
  .purchases-wrap__title {
    font-size: 34px;
  }
  .purchases-wrap-arrows {
    display: none;
  }
  .planning__button {
    width: 100%;
  }
  .purchases-container {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-right: 200px;
    overflow-x: scroll;
  }
  .purchases-container::-webkit-scrollbar {
    display: none;
  }
  .purchases-cards {
    width: 1280px;
    flex-wrap: nowrap;
  }
  .owl-carousel {
    display: flex;
  }
  .purchases-cards > .row > .owl-carousel {
    max-width: none;
    width: auto;
    flex-wrap: nowrap;
    padding-right: calc(var(--bs-gutter-x) * 0.33);
    padding-left: calc(var(--bs-gutter-x) * 0.33);
  }
  .purchases-cards > .row > .owl-carousel > .col-lg-4 {
    padding-right: calc(var(--bs-gutter-x) * 0.33);
    padding-left: calc(var(--bs-gutter-x) * 0.33);
    width: 340px;
  }
  .purchases-cards > .row {
    width: 340px;
    flex-wrap: nowrap;
    padding-right: calc(var(--bs-gutter-x) * 0.33);
    padding-left: calc(var(--bs-gutter-x) * 0.33);
  }
  .stocks-cards {
    padding-right: 100px;
  }
  .stocks-cards > .row > .owl-carousel {
    max-width: none;
    width: auto;
    flex-wrap: nowrap;
    padding-right: calc(var(--bs-gutter-x) * 0.33);
    padding-left: calc(var(--bs-gutter-x) * 0.33);
  }
  .stocks-cards > .row > .owl-carousel > .col-lg-4 {
    padding-right: calc(var(--bs-gutter-x) * 0.33);
    padding-left: calc(var(--bs-gutter-x) * 0.33);
    width: 340px;
  }
  .progress-cards {
    padding-right: 100px;
  }
  .progress-cards > .row > .owl-carousel {
    max-width: none;
    width: auto;
    flex-wrap: nowrap;
    padding-right: calc(var(--bs-gutter-x) * 0.33);
    padding-left: calc(var(--bs-gutter-x) * 0.33);
  }
  .progress-cards > .row > .owl-carousel > .col-lg-4 {
    padding-right: calc(var(--bs-gutter-x) * 0.33);
    padding-left: calc(var(--bs-gutter-x) * 0.33);
    width: 340px;
  }
  .stocks-wrap-arrows {
    display: none;
  }
  .stocks-container {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-right: 200px;
    overflow-x: scroll;
  }
  .stocks-container::-webkit-scrollbar {
    display: none;
  }
  .stocks-cards {
    width: 1280px;
    flex-wrap: nowrap;
  }
  .stocks-cards > .row {
    width: 340px;
    flex-wrap: nowrap;
    padding-right: calc(var(--bs-gutter-x) * 0.33);
    padding-left: calc(var(--bs-gutter-x) * 0.33);
  }
  .stocks-cards > .row > .col-lg-4 {
    width: 340px;
  }
  .progress-wrap-arrows {
    display: none;
  }
  .progress-container {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-right: 200px;
    overflow-x: scroll;
  }
  .progress-container::-webkit-scrollbar {
    display: none;
  }
  .progress-cards {
    width: 1280px;
    flex-wrap: nowrap;
  }
  .progress-cards > .row {
    width: 340px;
    flex-wrap: nowrap;
    padding-right: calc(var(--bs-gutter-x) * 0.33);
    padding-left: calc(var(--bs-gutter-x) * 0.33);
  }
  .progress-cards > .row > .col-lg-4 {
    width: 340px;
  }
  .experience-wrap-bottom {
    gap: 8px;
  }
  .experience-wrap-bottom-feature {
    width: calc(50% - 4px);
  }
  .map-wrap {
    height: 805px;
    margin-top: 24px;
  }
  .map-wrap-info {
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    width: 100%;
  }
  .map-wrap-info-bottom {
    flex-direction: unset;
    flex-wrap: wrap;
    gap: 0 24px;
  }
  .map-wrap-info-bottom-place {
    width: calc(50% - 12px);
    justify-content: space-between;
  }
  .map-wrap-info-bottom-place__title {
    width: 344px;
  }
  .mall-slider {
    height: 300px;
  }
}
@media (max-width: 576px) {
  .planning-cards-card-features{
    flex-direction: row;
  }


  .popup-planning-info-wrap-main-wrapper-features-feature-wrap{
    right: 0;
  }

  .popup-planning-views-wrap-3d{
    padding: 0;
  }
  .popup-planning-views-buttons{
    width: 350px;
    justify-content: center;
    flex-wrap: wrap;
    height: auto;
  }


  .planning-cards-card-info__specs{
    display: flex;
  }
  .planning-cards-card-info-specs{
    display: none;
  }
  .header-bottom-info-items-item-wrap__title {
    font-size: 14px;
  }
  .popup-progress-wrap-slider-gallery-item {
    border-radius: 0;
  }
  .popup-progress {
    align-items: start;
  }
  .popup-progress-wrap-top {
    height: 64px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    background-color: #F5F5F5;
    width: 100%;
  }
  .popup-progress-wrap-top__title {
    font-size: 16px;
  }
  .popup-progress-wrap {
    width: 100%;
  }
  .popup-progress-wrap-top__close {
    z-index: 999;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    background-size: 16px;
    display: block;
    background-image: url(/local/templates/kvartal/assets/css/../img/planning/popup/close.svg);
    background-position: center;
    background-repeat: no-repeat;
  }
  .popup-progress-wrap-slider {
    margin-top: 0;
    width: 100%;
    height: 300px;
  }
  .popup-progress-wrap-slider-circle {
    display: none;
  }
  .popup-main-map-wrap__close {
    display: none;
  }
  .popup-main-map-wrap__image {
    border-radius: 0;
    margin-top: 64px;
    height: calc(100vh - 64px);
  }
  .popup-main-map-wrap-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 22px;
    padding-bottom: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F5F5F5;
  }
  .popup-main-map-wrap-top__title {
    font-family: Onest;
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #313131;
  }
  .popup-main-map-wrap-top__close {
    width: 32px;
    height: 32px;
    background-image: url(/local/templates/kvartal/assets/css/../img/icons/close-gray.svg);
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .popup-main-map-wrap {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    border-radius: 0;
  }
  .popup-planning-wrap {
    width: 100%;
    height: 100%;
    justify-content: start;
    overflow: auto;
    position: static;
  }
  .popup-planning-views {
    width: 100%;
    padding-top: 80px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .popup-planning-info {
    padding-top: 16px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .popup-planning-info-wrap {
    width: 100%;
  }
  .popup-planning-info-wrap__close {
    display: none;
  }
  .popup-planning-info-wrap-main__title {
    font-size: 27px;
  }
  .popup-planning-info-wrap-main__title--gray {
    font-size: 12px;
  }
  .popup-planning-info-wrap-main {
    gap: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
  .popup-planning-info-wrap-specs {
    padding-left: 16px;
    padding-right: 16px;
  }
  .popup-planning-info-wrap-main-desc {
    margin-top: 4px;
  }
  .popup-planning-info-wrap-main-area {
    margin-top: 16px;
  }
  .popup-planning-info-wrap-main-area__title {
    font-weight: 400;
    font-size: 14px;
  }
  .popup-planning-info-wrap-main-features {
    margin-top: 16px;
    width: 100%;
  }
  .popup-planning-info-wrap-form {
    margin-top: 0;
    border-radius: 0;
  }
  .popup-planning-info-wrap-form-content {
    flex-direction: column;
    width: 100%;
  }
  .popup-planning-info-wrap-form-content-input__input {
    width: 100%;
  }
  .popup-planning-info-wrap-form-content__button {
    width: 100%;
  }
  .popup-planning-wrap__close {
    z-index: 999;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    background-size: 16px;
  }
  .popup-planning-top {
    padding-left: 16px;
    z-index: 99;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    height: 64px;
    width: 100%;
    background-color: #F5F5F5;
  }
  .popup-planning-top__title {
    font-family: Onest;
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #313131;
  }
  .popup-planning-views-wrap {
    width: 100%;
    height: 293px;
  }
  .popup-planning-views-wrap__image--planning {
    width: 250px;
    height: auto;
    max-height: 100%;
  }
  .popup-map {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    transition: all 0.3s;
  }
  .popup-map-wrap {
    width: 100%;
    height: 100%;
    flex-direction: column;
    background-color: #fff;
  }
  .popup-map-wrap-top {
    height: 64px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 22px;
    padding-bottom: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F5F5F5;
  }
  .popup-map-wrap-top__title {
    font-family: Onest;
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #313131;
  }
  .popup-map-wrap-top__close {
    width: 32px;
    height: 32px;
    background-image: url(/local/templates/kvartal/assets/css/../img/icons/close-gray.svg);
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .popup-map-wrap-bottom {
    height: 100%;
    overflow: scroll;
  }
  .popup-map-wrap-bottom::-webkit-scrollbar {
    display: none;
  }
  .popup-map-wrap-bottom__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .popup-success-wrap-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 22px;
    padding-bottom: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F5F5F5;
  }
  .popup-success-wrap-top__title {
    font-family: Onest;
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #313131;
  }
  .popup-success-wrap-top__close {
    width: 32px;
    height: 32px;
    background-image: url(/local/templates/kvartal/assets/css/../img/icons/close-gray.svg);
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .popup-success-wrap {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    justify-content: start;
    border-radius: 0;
    padding: 16px;
    gap: 16px;
  }
  .popup-success-wrap__title {
    width: 100%;
    font-size: 28px;
  }
  .popup-success-wrap__desc {
    width: 100%;
  }
  .popup-success-wrap__button {
    width: 100%;
  }
  .popup-success-wrap__icon {
    margin-top: 64px;
  }
  .popup-stocks-wrap-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 22px;
    padding-bottom: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F5F5F5;
  }
  .popup-stocks-wrap-top__title {
    font-family: Onest;
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #313131;
  }
  .popup-stocks-wrap-top__close {
    width: 32px;
    height: 32px;
    background-image: url(/local/templates/kvartal/assets/css/../img/icons/close-gray.svg);
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .popup-stocks-wrap {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    border-radius: 0;
    padding: 16px;
    gap: 16px;
  }
  .popup-stocks-wrap__title {
    margin-top: 64px;
    font-size: 28px;
  }
  .popup-purchases-wrap-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 22px;
    padding-bottom: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F5F5F5;
  }
  .popup-purchases-wrap-top__title {
    font-family: Onest;
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #313131;
  }
  .popup-purchases-wrap-top__close {
    width: 32px;
    height: 32px;
    background-image: url(/local/templates/kvartal/assets/css/../img/icons/close-gray.svg);
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .popup-purchases-wrap {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    border-radius: 0;
    padding: 16px;
    gap: 16px;
  }
  .popup-purchases-wrap__title {
    margin-top: 64px;
    font-size: 28px;
  }
  .popup-landscaping-wrap-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 22px;
    padding-bottom: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F5F5F5;
  }
  .popup-landscaping-wrap-top__title {
    font-family: Onest;
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #313131;
  }
  .popup-landscaping-wrap-top__close {
    width: 32px;
    height: 32px;
    background-image: url(/local/templates/kvartal/assets/css/../img/icons/close-gray.svg);
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
  }
  .popup-landscaping-wrap__image {
    margin-top: 64px;
    border-radius: 0;
    min-height: auto;
    height: 270px;
    width: 100%;
  }
  .popup-landscaping-wrap-info {
    border-radius: 0;
    width: 100%;
  }
  .popup-landscaping-wrap {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius: 0;
  }
  .popup-landscaping {
    background-color: #fff;
  }
  .header-top-mobile-container {
    width: 100%;
  }
  .container {
    width: auto;
  }
  .header-bottom-info__logo {
    width: 186px;
    height: 46px;
  }
  .header-bottom-info__title {
    margin-top: 16px;
    font-size: 36px;
  }
  .header-bottom-info__desc {
    display: none;
    margin-top: 16px;
  }
  .header-bottom-info__desc--mobile {
    display: flex;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #fff;
  }
  .header-bottom-buttons-button-map {
    display: none;
  }
  .header-bottom-buttons-button-map--mobile {
    display: flex;
    width: 36%;
    min-width: 135px;
    padding-right: 9%;
  }
  .header-bottom-buttons-button-apartment {
    width: 63%;
  }
  .header-bottom-events {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .header-bg__image {
    right: 340px;
    height: 644px;
    width: auto;
  }
  .header-wrap {
    height: 644px;
  }
  .header-bottom::after {
    top: 239px;
    height: 464px;
    left: -1px;
    right: -1px;
    width: 101%;
  }
  .story__title {
    font-size: 28px;
  }
  .story-tabmenu {
    margin-top: 24px;
    margin-bottom: 24px;
    width: 1250px;
    margin-left: 0;
  }
  .story-container {
    padding-right: 100px;
    padding-left: var(--bs-gutter-x, 0.75rem);
  }
  .story-tab-info-items-item {
    width: 100%;
  }
  .story-tab-slider {
    width: 100%;
    height: 300px;
  }
  .story-tab-slider-prev {
    display: none;
  }
  .story-tab-slider-next {
    display: none;
  }
  .plan {
    margin-top: 0;
  }
  .plan-container {
    margin-top: 24px;
    border-radius: 16px;
    width: auto;
    height: 600px;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: var(--bs-gutter-x, 0.75rem);
    margin-left: var(--bs-gutter-x, 0.75rem);
  }
  .plan-container > .container {
    width: 1131px;
    height: 100%;
    padding-left: 0;
  }
  .plan-items-item {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .plan-items-item:nth-child(2) > .plan-items-item__button {
    top: 206px;
    left: 141px;
  }
  .plan-items-item:nth-child(3) > .plan-items-item__button {
    left: 244px;
    top: 92px;
  }
  .plan-items-item:nth-child(4) > .plan-items-item__button {
    left: 553px;
    top: 77px;
  }
  .plan-items-item:nth-child(5) {
    display: flex;
  }
  .plan-items-item:nth-child(5) > .plan-items-item__button {
    left: 657px;
    top: 421px;
  }
  .plan {
    position: relative;
  }
  .plan-bg {
    display: none;
  }
  .plan-items {
    position: relative;
    width: 1083px;
    height: 100%;
    background-image: url(/local/templates/kvartal/assets/css/../img/plan/bg.jpg);
    border-radius: 16px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .plan-items-item-wrap-top {
    pointer-events: none;
  }
  .plan-items-item-wrap-top__close {
    pointer-events: all;
  }
  .plan-items-item-wrap-bottom {
    pointer-events: none;
  }
  .plan-items-mobile {
    display: block;
  }
  .plan-items-item {
    position: static;
  }
  .plan-items-item > .plan-items-item-wrap {
    display: none;
  }
  .plan-items-item__button {
    position: absolute;
  }
  .plan-items-item-wrap {
    pointer-events: none;
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0;
    -webkit-backdrop-filter: blur(28px);
    backdrop-filter: blur(28px);
    background: rgba(0, 0, 0, 0.4);
    width: auto;
    margin-right: var(--bs-gutter-x, 0.75rem);
    margin-left: var(--bs-gutter-x, 0.75rem);
  }
  .plan-item__showed {
    opacity: 1;
    pointer-events: all;
    transition: all 0.3s;
  }
  .plan-items-item-wrap-top {
    position: relative;
    flex-direction: column;
    gap: 8px;
  }
  .plan-items-item-wrap-top__close {
    display: block;
    position: absolute;
    content: "";
    background-image: url(/local/templates/kvartal/assets/css/../img/icons/close-gray.svg);
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  .landscaping__title {
    font-size: 28px;
  }
  .landscaping-wrap-features {
    margin-top: 24px;
  }
  .landscaping-wrap-features-feature {
    justify-content: start;
    height: auto;
    padding: 12px;
    width: 100%;
  }
  .landscaping-container{
    width: 100%;
  }
  .landscaping-container-wrap {
    margin-top: 24px;
    border-radius: 16px;
    width: auto;
    height: 600px;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: var(--bs-gutter-x, 0.75rem);
    margin-left: var(--bs-gutter-x, 0.75rem);
  }
  .landscaping-items {
    position: relative;
    margin-top: 0;
    height: 100%;
    width: 1330px;
    background-position-x: 0;
    background-position: left;
  }
  .landscaping-items-item-info {
    pointer-events: none;
  }
  .landscaping-items-item-info__image {
    pointer-events: none;
  }
  .landscaping-items-item-info__title {
    pointer-events: none;
  }
  .landscaping-info__showed {
    pointer-events: all;
    opacity: 1;
    transition: all 0.3s;
  }
  .landscaping-container {
    position: relative;
  }
  .landscaping-items-item > .landscaping-items-item-info {
    display: none;
  }
  .landscaping-items-mobile {
    display: block;
  }
  .landscaping-items-item {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
  .landscaping-items-item__button {
    position: absolute;
  }
  .landscaping-items-item-info {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    width: 100%;
    gap: 16px;
    padding: 16px;
    -webkit-backdrop-filter: blur(28px);
    backdrop-filter: blur(28px);
    background: rgba(0, 0, 0, 0.4);
  }
  .landscaping-items-item-info__close {
    display: block;
    position: absolute;
    content: "";
    background-image: url(/local/templates/kvartal/assets/css/../img/icons/Close.svg);
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    top: 16px;
    right: 16px;
    cursor: pointer;
  }
  .landscaping-items-item-info__image {
    position: relative;
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .landscaping-items-item-info > p:nth-child(1) {
    width: auto;
  }
  .mall__title {
    font-size: 28px;
  }
  .mall-wrap {
    margin-top: 24px;
  }
  .planning__title {
    font-size: 28px;
  }
  .planning-container {
    padding-right: 40px;
    padding-left: var(--bs-gutter-x, 0.75rem);
  }
  .planning-features {
    margin-left: 0;
  }
  .planning-apartments-button {
    width: 48.8%;
  }
  .planning-cards-card__image {
    width: 250px;
    height: auto;
    max-height: 320px;
  }
  .purchases-wrap__title {
    margin-top: 0;
    font-size: 28px;
  }
  .purchases-cards {
    margin-top: 24px;
  }
  .map__title {
    font-size: 28px;
  }
  .map-wrap-info-bottom-place__title {
    max-width: 344px;
    width: 80%;
  }
  .map-wrap {
    height: 680px;
  }
  .map-wrap__button {
    content: "";
    display: block;
    position: absolute;
    top: 106px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(/local/templates/kvartal/assets/css/../img/icons/zoom.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center;
    border-radius: 100px;
    width: 56px;
    height: 56px;
    -webkit-backdrop-filter: blur(28px);
    backdrop-filter: blur(28px);
    background-color: rgba(0, 0, 0, 0.4);
  }
  .map-wrap-info-bottom {
    flex-direction: column;
  }
  .map-wrap-info-bottom-place {
    width: 100%
  }
  .stocks-wrap__title {
    margin-top: 0;
    font-size: 28px;
  }
  .stocks-cards {
    margin-top: 24px;
  }
  .stocks-container {
    padding-right: 30px;
  }
  .progress-wrap__title {
    margin-top: 0;
    font-size: 28px;
  }
  .progress-cards {
    margin-top: 24px;
  }
  .progress-container {
    padding-right: 30px;
  }
  .experience {
    overflow: hidden;
    padding-top: 252px;
  }
  .experience-wrap-bg {
    top: -252px;
    height: 260px;
    width: 400px;
  }
  .experience-wrap-bg__image {
    background-position-y: -58px;
    background-size: 400px;
  }
  .experience-wrap-bg__image--gradient:nth-child(1) {
    width: 95px;
  }
  .experience-wrap-bg__image--gradient:nth-child(2) {
    width: 95px;
  }
  .experience-wrap-bg__image--gradient:nth-child(3) {
    height: 156px;
  }
  .experience-wrap-bottom {
    margin-top: 16px;
  }
  .experience-wrap-bottom-feature {
    width: 100%;
    padding: 0 16px;
    height: 120px;
    justify-content: center;
  }
  .footer__image {
    display: none;
  }
  .footer__image--mobile {
    display: block;
    height: 324px;
    margin-top: 30px;
  }
  .footer__desc {
    margin-top: 22px;
  }
  .footer {
    padding-bottom: 24px;
  }
  .mall-slider-circle{
    display: none;
  }
}
@media (max-width: 472px) {
  .header-bottom-buttons-button-map--mobile {
    padding-right: 6%;
  }
}
@media (max-width: 424px) {
  .header-bottom-buttons-button-map--mobile {
    padding-right: 17px;
  }
  .popup-planning-views-buttons__button{
    width: 120px;
  }

}
@media (max-width: 376px) {
  .header-bottom-info-items {
    gap: 16px;
  }
}
@media (min-width: 992px) {
  .header-bottom-events-event:hover >.header-bottom-events-event-info{
    background-color: #BFCB0B;
    transition: all 0.3s;
  }
  .header-bottom-events-event:hover >.header-bottom-events-event__title{
    background-color: #fff;
    transition: all 0.3s;
  }
  .header-bottom-events-event:active >.header-bottom-events-event-info{
    background-color: #BFCB0B;
    transition: all 0.3s;
  }
  .header-bottom-events-event:active >.header-bottom-events-event__title{
    background-color: #fff;
    transition: all 0.3s;
  }

  .purchases-cards {
    margin-top: 24px;
  }
  .stocks-cards {
    margin-top: 24px;
  }
  .progress-cards {
    margin-top: 24px;
  }
  .purchases-cards .row .owl-carousel .owl-stage-outer {
    padding-top: 8px;
    height: 100%;
  }
  .stocks-cards .row .owl-carousel .owl-stage-outer {
    padding-top: 8px;
    height: 100%;
  }
  .owl-carousel .owl-stage{
    height: 100%;
  }

  .progress-cards .row .owl-carousel .owl-stage-outer {
    padding-top: 8px;
  }
  .purchases-cards-card {
    transition: all 0.3s;
  }
  .stocks-cards-card {
    transition: all 0.3s;
  }
  .progress-cards-card {
    transition: all 0.3s;
  }
  .purchases-cards-card:hover {
    transform: translate(0, -8px);
  }
  .stocks-cards-card:hover {
    transform: translate(0, -8px);
  }
  .progress-cards-card:hover {
    transform: translate(0, -8px);
  }
  .story-tab-slider-dots-dot:hover {
    background-color: #e5e5e5;
    transition: background-color 0.3s;
  }
  .story-tab-slider-dots-dot--active:hover {
    background-color: #AAB31D;
    transition: background-color 0.3s;
  }

  .header-bottom-buttons-button-map:active {
    background-color: #000;
    transition: all 0.3s;
  }
  .header-bottom-buttons-button-map:hover {
    background-color: #000;
    transition: all 0.3s;
  }
  .header-bottom-buttons-button-apartment:active {
    background-color: #cdd827;
    transition: all 0.3s;
  }
  .header-bottom-buttons-button-apartment:hover {
    background-color: #cdd827;
    transition: all 0.3s;
  }
  .story-tabmenu__button:active {
    background-color: #ececec;
    transition: all 0.3s;
  }
  .story-tabmenu__button:hover {
    background-color: #ececec;
    transition: all 0.3s;
  }
  .story-tabmenu__button--active:hover {
    color: #fff;
    background-color: #AAB31D;
    transition: all 0.3s;
  }
  .story-tabmenu__button--active:active {
    color: #fff;
    background-color: #AAB31D;
    transition: all 0.3s;
  }
  .landscaping-items-item-info__button:hover {
    background-color: #fff;
    color: rgb(49, 49, 49);
    transition: all 0.3s;
  }
  .landscaping-items-item-info__button:active {
    background-color: #fff;
    color: rgb(49, 49, 49);
    transition: all 0.3s;
  }
  .planning-features__button:hover {
    background-color: #ececec;
    transition: all 0.3s;
  }
  .planning-features__button:active {
    background-color: #ececec;
    transition: all 0.3s;
  }
  .planning-features__button--active:active {
    background-color: #AAB31D;
    color: #fff;
    transition: all 0.3s;
  }
  .planning-features__button--active:hover {
    background-color: #AAB31D;
    color: #fff;
    transition: all 0.3s;
  }
  .planning-apartments-button:hover {
    background-color: #ececec;
    transition: all 0.3s;
  }
  .planning-apartments-button:active {
    background-color: #ececec;
    transition: all 0.3s;
  }
  .planning-apartments-button--active:hover {
    background-color: #AAB31D;
    transition: all 0.3s;
  }
  .planning-apartments-button--active:active {
    background-color: #AAB31D;
    transition: all 0.3s;
  }
  .planning-cards-card {
    transition: all 0.3s;
  }
  .planning-cards-card:hover {
    transform: translate(0, -8px);
    transition: all 0.3s;
    z-index: 10;
  }
  .planning__button:active {
    background-color: #cdd827;
    transition: all 0.3s;
  }
  .planning__button:hover {
    background-color: #cdd827;
    transition: all 0.3s;
  }
  .popup-planning-info-wrap-form-content__button:hover {
    background-color: #cdd827;
    transition: all 0.3s;
  }
  .popup-planning-info-wrap-form-content__button:active {
    background-color: #cdd827;
    transition: all 0.3s;
  }
  .footer-form-content__button:hover {
    background-color: #cdd827;
    transition: all 0.3s;
  }
  .footer-form-content__button::active {
    background-color: #cdd827;
    transition: all 0.3s;
  }
  .footer-info-links__link > svg > path {
    transition: all 0.3s;
  }
  .footer-info-links__link:hover > svg > path {
    fill: #CDD827;
    transition: all 0.3s;
  }
  .footer-info-links__link:active > svg > path {
    fill: #CDD827;
    transition: all 0.3s;
  }
  .header-top-mobile-bottom-wrap-buttons__button > svg > path {
    transition: all 0.3s;
  }
  .header-top-mobile-bottom-wrap-buttons__button:hover > svg > path {
    fill: #CDD827;
    transition: all 0.3s;
  }
  .header-top-mobile-bottom-wrap-buttons__button:active > svg > path {
    fill: #CDD827;
    transition: all 0.3s;
  }
  .popup-planning-views-buttons__button:hover {
    color: #fff;
    background-color: #CDD827;
    transition: all 0.3s;
  }
  .popup-planning-views-buttons__button:active {
    color: #fff;
    background-color: #CDD827;
    transition: all 0.3s;
  }
  .popup-progress-next:hover {
    background-color: #AAB31D;
    transition: background-color 0.3s;
  }
  .popup-progress-next:hover div > svg > path {
    stroke: #fff;
    transition: all 0.3s;
  }
  .popup-progress-prev:hover {
    background-color: #AAB31D;
    transition: background-color 0.3s;
  }
  .popup-progress-prev:hover div > svg > path {
    stroke: #fff;
    transition: all 0.3s;
  }
  .popup-success-wrap__button:hover {
    background: #cdd827;
    transition: background 0.3s;
  }
  .purchases-prev:hover {
    background-color: #AAB31D;
    transition: background-color 0.3s;
  }
  .purchases-prev:hover div > svg > path {
    stroke: #fff;
    transition: all 0.3s;
  }
  .purchases-next:hover {
    background-color: #AAB31D;
    transition: background-color 0.3s;
  }
  .purchases-next:hover div > svg > path {
    stroke: #fff;
    transition: all 0.3s;
  }
  .stocks-wrap-arrows-circle:hover {
    background-color: #AAB31D;
    transition: background-color 0.3s;
  }
  .stocks-wrap-arrows-circle:hover div > svg > path {
    stroke: #fff;
    transition: all 0.3s;
  }
  .progress-prev:hover {
    background-color: #AAB31D;
    transition: background-color 0.3s;
  }
  .progress-prev:hover div > svg > path {
    stroke: #fff;
    transition: all 0.3s;
  }
  .progress-next:hover {
    background-color: #AAB31D;
    transition: background-color 0.3s;
  }
  .progress-next:hover div > svg > path {
    stroke: #fff;
    transition: all 0.3s;
  }
  .story-tab-slider-next:hover {
    background-color: #AAB31D;
    transition: background-color 0.3s;
  }
  .story-tab-slider-next:hover > svg > path {
    stroke: #fff;
    transition: all 0.3s;
  }
  .story-tab-slider-prev:hover {
    background-color: #AAB31D;
    transition: background-color 0.3s;
  }
  .story-tab-slider-prev:hover > svg > path {
    stroke: #fff;
    transition: all 0.3s;
  }
  .purchases-cards-card:hover > .purchases-cards-card-bottom > .purchases-cards-card-bottom__button {
    background-color: #AAB31D;
    color: #fff;
    transition: all 0.3s;
  }
  .purchases-cards-card:active > .purchases-cards-card-bottom > .purchases-cards-card-bottom__button {
    background-color: #AAB31D;
    color: #fff;
    transition: all 0.3s;
  }


  .mall-slider-next:hover {
    background-color: #AAB31D;
    transition: background-color 0.3s;
  }
  .mall-slider-next:hover div > svg > path {
    stroke: #fff;
    transition: all 0.3s;
  }
  .mall-slider-prev:hover {
    background-color: #AAB31D;
    transition: background-color 0.3s;
  }
  .mall-slider-prev:hover div > svg > path {
    stroke: #fff;
    transition: all 0.3s;
  }
}
.planning-apartments-button--active {
  background-color: #AAB31D;
  transition: all 0.3s;
}

.planning-features__button--active {
  background-color: #AAB31D;
  color: #fff;
  transition: all 0.3s;
}

.header-top__active {
  background-color: #fff;
  border-bottom: 1px solid #e0e2e4;
  transition: all 0.3s;
}

.header-top__active > .header-top-container > .row > .col-lg-12 > .header-top-wrap > .header-top-wrap-items > .header-top-wrap-items__logo {
  background-color: #3190E5;
  transition: all 0.3s;
}

.header-top__active > .header-top-container > .row > .col-lg-12 > .header-top-wrap > .header-top-wrap-items > .header-top-wrap-items__link {
  color: #313131;
  transition: all 0.3s;
}

.header-top__active > .header-top-container > .row > .col-lg-12 > .header-top-wrap > .header-top-wrap-right> .header-top-wrap__telephone {
  color: #313131;
  transition: all 0.3s;
}

.header-top-mobile__active > .header-top-mobile-top {
  background-color: #fff;
  border-bottom: 1px solid #e0e2e4;
  transition: all 0.3s;
}

.header-top-mobile__active > .header-top-mobile-top > .header-top-mobile-container > .header-top-mobile-top-wrap > .header-top-mobile-top-wrap__logo {
  background-color: #3190E5;
  transition: all 0.3s;
}

.header-top-mobile__active > .header-top-mobile-top > .header-top-mobile-container > .header-top-mobile-top-wrap > .header-top-mobile-top-wrap-button > .header-top-mobile-top-wrap-button__menu {
  background-color: #313131;
  transition: all 0.3s;
}

.header-top-mobile__menu {
  pointer-events: all;
}

.header-top-mobile__menu > .header-top-mobile-top {
  background-color: #313131;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s;
}

.header-top-mobile__menu > .header-top-mobile-top > .header-top-mobile-container > .header-top-mobile-top-wrap > .header-top-mobile-top-wrap__logo {
  background-color: #fff;
  transition: all 0.3s;
}

.header-top-mobile__menu > .header-top-mobile-top > .header-top-mobile-container > .header-top-mobile-top-wrap > .header-top-mobile-top-wrap-button > .header-top-mobile-top-wrap-button__menu {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}

.header-top-mobile__menu > .header-top-mobile-top > .header-top-mobile-container > .header-top-mobile-top-wrap > .header-top-mobile-top-wrap-button > .header-top-mobile-top-wrap-button__close {
  opacity: 1;
  transition: opacity 0.3s;
}

.header-top-mobile__menu > .header-top-mobile-bottom {
  opacity: 1;
  transition: opacity 0.3s;
}

.plan__showed > .plan-items-item__button {
  background-color: #AAB31D;
  color: #fff;
  transition: all 0.3s;
}

.plan__showed > .plan-items-item__button > .plan-items-item__button--circle {
  background-color: #fff;
  transition: all 0.3s;
}

.plan-button__showed {
  background-color: #AAB31D;
  color: #fff;
  transition: all 0.3s;
}

.plan-button__showed > .plan-items-item__button--circle {
  background-color: #fff;
  transition: all 0.3s;
}

.plan__showed {
  pointer-events: all;
}

.plan__showed > .plan-items-item-wrap {
  opacity: 1;
  transition: all 0.3s;
}

.landscaping__showed {
  pointer-events: all;
}

.landscaping__showed > .landscaping-items-item__button {
  background-color: #AAB31D;
  transition: all 0.3s;
}

.landscaping__showed > .landscaping-items-item__button > .landscaping-items-item__button--point {
  background-color: #fff;
  transition: all 0.3s;
}

.landscaping__showed > .landscaping-items-item-info {
  opacity: 1;
  transition: all 0.3s;
}

.planning-features__button--active > .planning-features__button--circle {
  background-color: #fff;
  transition: all 0.3s;
}

.planning-apartments-button--active > .planning-apartments-button__title {
  color: #fff;
  transition: all 0.3s;
}

.planning-apartments-button--active > .planning-apartments-button__desc {
  color: #fff;
  transition: all 0.3s;
}

.popup__showed {
  opacity: 1;
  pointer-events: all;
  transition: all 0.3s;
}

.body-overflow-hidden {
  overflow: hidden;
}

.popup-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}

.popup-landscaping-wrap::after {
  pointer-events: none;
}

.purchases-cards > .row > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .col-xl-3 {
  width: 100%;
  height: 100%;
}

.stocks-cards > .row > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .col-xl-3 {
  width: 100%;
  height: 100%;
}

.progress-cards > .row > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .col-xl-3 {
  width: 100%;
}

.dots-dot {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 999px;
  transition: background-color 0.3s;
}
.dots-dot--active {
  background-color: #AAB31D;
  transition: background-color 0.3s;
}

.popup-planning--hot > .popup-planning-wrap > .popup-planning-info > .popup-planning-info-wrap > .popup-planning-info-wrap-main > .popup-planning-info-wrap-main__title > .popup-planning-info-wrap-main__title--hot {
  display: block;
}

.popup-planning--hot > .popup-planning-wrap > .popup-planning-info > .popup-planning-info-wrap > .popup-planning-info-wrap-main > .popup-planning-info-wrap-main__title {
  color: #F38313;
}

.header-top-mobile__menu {
  background-color: #313131;
  transition: background-color 0.3s;
}

.form__error > div > input {
  border-color: #FF6567;
  transition: all 0.3s;
}

.form__error > div > label {
  color: #FF6567;
  transition: all 0.3s;
}

.form__error .popup-purchases-wrap-form-input__input,
.popup-purchases-wrap-form-input__input.input-error {
  border-color: #FF6567;
  transition: all 0.3s;
}

.form__error .popup-purchases-wrap-form-input__title {
  color: #FF6567;
  transition: all 0.3s;
}

.gallery-item--active {
  opacity: 1;
  transition: opacity 0.3s;
  z-index: 1;
}

.slider-dots-dot {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 100%;
  cursor: pointer;
  transition: background-color 0.3s;
}
.slider-dots-dot--active {
  background-color: #AAB31D;
  transition: background-color 0.3s;
}
.purchases-cards .row .owl-carousel .owl-stage-outer {
  height: 100%;
}
.owl-carousel.owl-drag .owl-item{
  height: 100% !important;
}
.stocks-cards .row .owl-carousel .owl-stage-outer {
  height: 100%;
}
.owl-carousel .owl-stage{
  height: 100%;
}

/*# sourceMappingURL=index.css.map */
/* End */


/* Start:/local/templates/kvartal/assets/css/planning-popups.css?17798759884841*/
.popup-planning-info-wrap-buttons {
  margin-top: 24px;
  display: flex;
  gap: 8px;
  width: 100%;
  margin-bottom: 32px;
}
.popup-planning-info-wrap-buttons__button {
  width: 100%;
  display: flex;
  height: 56px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  transition: all 0.3s;
}
.popup-planning-info-wrap-buttons__button--primary {
  background: #aab31d;
  color: #fff;
}
.popup-planning-info-wrap-buttons__button--secondary {
  background: #dfe2b5;
  color: #909814;
}

.popup-purchases-wrap-form-select {
  position: relative;
  width: 100%;
}
.popup-purchases-wrap-form-select__input {
  display: none;
}
.popup-purchases-wrap-form-select-top {
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 8px 16px;
  height: 56px;
  background: #f5f5f5;
  justify-content: space-between;
  position: relative;
}
.popup-purchases-wrap-form-select-top__title {
  position: absolute;
  top: 11px;
  left: 16px;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.3);
}
.popup-purchases-wrap-form-select-top__value {
  margin-top: 19px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
}
.popup-purchases-wrap-form-select-top__icon {
  width: 12px;
  transition: all 0.3s;
}
.popup-purchases-wrap-form-select-bottom {
  transform: translateY(-10px);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  position: absolute;
  left: 0;
  top: 60px;
  background: #fff;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  z-index: 20;
  width: 100%;
}
.popup-purchases-wrap-form-select-bottom__item {
  display: flex;
  justify-content: flex-start;
  padding: 12px 16px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
  transition: all 0.3s;
}
.popup-purchases-wrap-form-select-bottom__item.selected {
  background: #f5f5f5;
}

.popup-booking-form {
  overflow-y: auto;
  height: 100vh;
}

.popup-purchases-wrap {
  margin: 50px 0;
  height: -moz-max-content;
  height: max-content;
}

.popup-booking-form-realtor-fields {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.popup-booking-form-realtor-fields[hidden] {
  display: none !important;
}

.popup-purchases-wrap-form-select.active .popup-purchases-wrap-form-select-bottom {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
  transition: all 0.3s;
}
.popup-purchases-wrap-form-select.active .popup-purchases-wrap-form-select-top__icon {
  transform: rotate(180deg);
  transition: all 0.3s;
}

.popup-payment-form,
.popup-booking-form {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999999;
  transition: all 0.3s;
}

.popup-booking-form__desc {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 140%;
  color: #313131;
}

@media (min-width: 576px) {
  .popup-booking-form--scrolled {
    align-items: start;
    overflow-y: auto;
  }
}
@media (max-width: 1400px) {
  .popup-planning-info {
    padding-bottom: 32px;
  }
}
@media (max-width: 576px) {
  .popup-planning-info-wrap-buttons {
    padding: 0 16px;
    flex-direction: column;
  }
  .popup-purchases-wrap {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    border-radius: 0;
    padding: 16px;
    gap: 16px;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .popup-planning-info-wrap-buttons__button--primary:hover {
    background-color: #cdd827;
  }
  .popup-planning-info-wrap-buttons__button--secondary:hover {
    background: #aab31d;
    color: #fff;
  }
  .popup-purchases-wrap-form-select-bottom__item:hover {
    background: #f5f5f5;
    transition: all 0.3s;
  }
  .popup-purchases-wrap-form__button:hover {
    background-color: #cdd827;
    transition: all 0.3s;
  }
  .popup-purchases-wrap-form__button:active {
    background-color: #cdd827;
    transition: all 0.3s;
  }
}
.popup__showed {
  opacity: 1;
  pointer-events: all;
  transition: all 0.3s;
}

[data-popup-in-popup].popup-planning__showed,
[data-popup=payment-form].popup-planning__showed,
[data-popup=booking-form].popup-planning__showed,
[data-popup=success].popup-planning__showed {
  opacity: 1;
  pointer-events: all;
  transition: all 0.3s;
}

input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}/*# sourceMappingURL=planning-popups.css.map */
/* End */


/* Start:/local/templates/kvartal/assets/css/parking.css?179262329624402*/
.parking {
  padding-top: 64px;
}
.parking__title {
  font-weight: 600;
  font-size: 36px;
  line-height: 120%;
  color: #313131;
}
.parking-header {
  width: 100%;
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.parking-header-left {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  gap: 16px;
}
.parking-header-left-buttons {
  display: flex;
  width: 267px;
  height: 56px;
  border-radius: 8px;
  padding: 4px;
  background: #f5f5f5;
}
.parking-header-left-buttons__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #313131;
  border-radius: 4px;
  transition: 0.3s all;
}
.parking-header-left-buttons__button-radio {
  display: none;
}
.parking-header-left-buttons .active {
  background: #aab31d;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
}
.parking-header-left-select {
  position: relative;
  width: 200px;
}
.parking-header-left-select.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.parking-header-left-select.disabled .parking-header-left-select-top {
  cursor: not-allowed;
}
.parking-header-left-select__input {
  display: none;
}
.parking-header-left-select-top__title {
  position: absolute;
  top: 11px;
  left: 16px;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.3);
}
.parking-header-left-select-top {
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 8px 16px;
  height: 56px;
  background: #f5f5f5;
  justify-content: space-between;
  transition: 0.3s all;
}
.parking-header-left-select-top__value {
  margin-top: 19px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
}
.parking-header-left-select-top__icon {
  width: 16px;
  height: 16px;
  transition: all 0.3s;
}
.parking-header-left-select-bottom {
  transform: translateY(-10px);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
  position: absolute;
  left: 0;
  top: 60px;
  background: #fff;
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  z-index: 20;
  width: 100%;
  max-height: calc(8px * 2 + (12px * 2 + 14px * 1.3) * 6);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.parking-header-left-select-bottom__item {
  display: flex;
  justify-content: start;
  padding: 12px 16px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
  transition: all 0.3s;
}
.parking-header-left-select-bottom__item.selected {
  background: #f5f5f5;
}
.parking-header-right {
  border-radius: 8px;
  padding: 0px 16px;
  height: 56px;
  background: #f5f5f5;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}
.parking-header-right-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.parking-header-right-item__color {
  border-radius: 100px;
  width: 24px;
  height: 24px;
}
.parking-header-right-item__color--green {
  background: #d7e244;
}
.parking-header-right-item__color--pink {
  background: #ff709d;
}
.parking-header-right-item__color--gray {
  background: #e6e6e6;
}
.parking-header-right-item__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
}
.parking-content {
  margin-top: 24px;
  width: 100%;
  height: 660px;
  overflow: hidden;
  position: relative;
}
.parking-content__button {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  justify-self: center;
  align-self: center;
  margin: auto 0;
  background-image: url(/local/templates/kvartal/assets/css/../img/icons/zoom.svg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  border-radius: 100px;
  width: 56px;
  height: 56px;
  backdrop-filter: blur(28px);
  background-color: rgba(0, 0, 0, 0.4);
}
.parking-content-zoom {
  width: 100%;
  height: 100%;
}
.parking-content-zoom > svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.parking-content-controls {
  height: -moz-min-content;
  height: min-content;
  border-radius: 8px;
  position: absolute;
  displa: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.15);
  right: 24px;
  margin: auto 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}
.parking-content-controls__button {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  transition: 0.1s all;
}
.parking-content-controls__button:first-child {
  border-bottom: 1px solid #e6e6e6;
}
.parking-content-controls__button-icon > path {
  fill: rgba(49, 49, 49, 0.7);
  transition: 0.1s all;
}
.parking-content-controls__button:hover {
  background: #f5f5f5;
}
.parking-content-controls__button:active {
  background: #aab31d;
}
.parking-content-controls__button:active > svg > path {
  fill: #fff;
}
.parking__button {
  display: none;
}
.popup-parking {
  pointer-events: none;
  opacity: 0;
  transition: 0.3s all;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999999;
}
.popup-parking__close {
  position: fixed;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  background-image: url(/local/templates/kvartal/assets/css/../img/icons/close-gray.svg);
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 15;
}
.popup-parking-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 64px;
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 11;
}
.popup-parking-top__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #313131;
}
.popup-parking-content {
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.popup-parking-content-zoom {
  width: 100%;
  height: 100%;
}
.popup-parking-content-zoom > svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.popup-parking__button {
  position: fixed;
  bottom: 24px;
  right: 16px;
  height: 56px;
  border-radius: 8px;
  padding: 0 24px;
  height: 56px;
  background: #aab31d;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.popup-parking__button-icon {
  width: 24px;
  height: 24px;
}

.popup-parking-filters {
  pointer-events: none;
  opacity: 0;
  transition: 0.3s all;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999999;
}
.popup-parking-filters__back {
  position: fixed;
  top: 16px;
  left: 16px;
  width: 32px;
  height: 32px;
  z-index: 10;
}
.popup-parking-filters-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 64px;
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-parking-filters-top__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #313131;
}
.popup-parking-filters-content {
  padding-top: 88px;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}
.popup-parking-filters-content-form {
  height: -moz-max-content;
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.popup-parking-filters-content-form__title {
  nargin-bottom: -12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
}
.popup-parking-filters-content-form-item {
  display: flex;
  gap: 8px;
  width: 100%;
  flex-wrap: wrap;
}
.popup-parking-filters-content-form-item.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.popup-parking-filters-content-form-item__button {
  height: 44px;
  background: #f5f5f5;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #313131;
  transition: 0.3s all;
}
.popup-parking-filters-content-form-item__button-radio {
  display: none;
}
.popup-parking-filters-content-form-item__button--type {
  width: calc(50% - 4px);
}
.popup-parking-filters-content-form-item__button--house {
  width: 100px;
}
.popup-parking-filters-content-form-item__button--stage {
  width: 90px;
}
.popup-parking-filters-content-form-item__button-text {
  transition: 0.3s all;
}
.popup-parking-filters-content-form-item__button.active {
  background: #aab31d;
  color: #fff;
}
.popup-parking-filters-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px;
  padding-bottom: 24px;
}
.popup-parking-filters-bottom__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  background: #aab31d;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
}

.popup-parking-tooltip {
  display: none;
}

.parking-header-left-select.active > .parking-header-left-select-bottom {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
  transition: all 0.3s;
}
.parking-header-left-select.active > .parking-header-left-select-top > .parking-header-left-select-top__icon {
  transform: rotate(180deg);
  transition: all 0.3s;
}

@media (min-width: 992px) {
  .parking-tooltip {
    position: fixed;
    border-radius: 12px;
    padding: 16px;
    backdrop-filter: blur(28px);
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 260px;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s opacity;
  }
  .parking-tooltip.active {
    opacity: 1;
    pointer-events: all;
  }
  .parking-tooltip-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .parking-tooltip__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: #fff;
  }
  .parking-tooltip__price {
    display: flex;
    width: -moz-max-content;
    width: max-content;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #fff;
  }
  .parking-tooltip__price--old {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    text-decoration: line-through;
    color: #fff;
    opacity: 0.5;
  }
  .parking-tooltip__desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0;
    color: #fff;
  }
  .parking-tooltip-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
  .parking-tooltip-actions .planning__button {
    width: 100%;
    margin: 0;
    margin-top: 0;
    max-width: none;
  }
  .parking-tooltip-actions .footer-form-cabinet-content__link.footer-form-cabinet-content__link--registration {
    height: 56px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 140%;
    border: none;
    cursor: pointer;
    padding: 0;
    text-decoration: none;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
  }
  .parking-tooltip__status {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    height: 40px;
    width: 100%;
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #000;
  }
  .parking-tooltip__status--green {
    color: #aab31d;
  }
  .parking-tooltip__status--pink {
    color: #ff709d;
  }
  .parking-tooltip__status--gray {
    color: #686868;
  }
}
@media (max-width: 1200px) {
  .parking-header {
    flex-direction: column;
    gap: 12px;
  }
}
@media (max-width: 992px) {
  .parking-tooltip {
    display: none;
  }
  .popup-parking-tooltip {
    pointer-events: none;
    opacity: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 16px 16px 0 0;
    padding: 24px 16px;
    backdrop-filter: blur(28px);
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    gap: 16px;
    z-index: 1000005;
    transition: 0.3s all;
  }
  .popup-parking-tooltip.active {
    pointer-events: all;
    opacity: 1;
  }
  .popup-parking-tooltip-top {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    width: -moz-max-content;
    width: max-content;
  }
  .popup-parking-tooltip-top__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: #fff;
  }
  .popup-parking-tooltip-top__desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #fff;
  }
  .popup-parking-tooltip-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
  .popup-parking-tooltip-content-item {
    display: flex;
    width: 100%;
    gap: 6px;
    justify-content: space-between;
    align-items: center;
  }
  .popup-parking-tooltip-content-item__title {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #fff;
  }
  .popup-parking-tooltip-content-item__desc {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #fff;
  }
  .popup-parking-tooltip-content-item__desc[data-popup-parking-tooltip-square] {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0;
  }
  .popup-parking-tooltip-content-item__desc--pink {
    color: #ff709d;
  }
  .popup-parking-tooltip-content-item__desc--gray {
    color: #686868;
  }
  .popup-parking-tooltip-content-item__desc--green {
    color: #d7e244;
  }
  .popup-parking-tooltip-content-item__desc--old {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    text-decoration: line-through;
    color: #fff;
  }
  .popup-parking-tooltip-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
  .popup-parking-tooltip-actions .planning__button {
    width: 100%;
    margin: 0;
    margin-top: 0;
    max-width: none;
  }
  .popup-parking-tooltip-actions .footer-form-cabinet-content__link.footer-form-cabinet-content__link--registration {
    height: 56px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 140%;
    border: none;
    cursor: pointer;
    padding: 0;
    text-decoration: none;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
  }
  .popup-parking-tooltip__button.planning__button {
    margin-top: 0;
  }
  .popup-parking-tooltip__button {
    background: #aab31d;
    width: 100%;
    display: flex;
    border-radius: 8px;
    height: 56px;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    color: #fff;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s;
  }
  .popup-parking-tooltip__button.disabled {
    background: #e6e6e6;
    color: #686868;
  }
  .parking {
    padding-top: 57px;
  }
  .parking-header {
    display: none;
  }
  .parking-content-controls {
    display: none;
  }
  .parking-content {
    height: auto;
    box-shadow: none;
    margin-top: 32px;
  }
  .parking-content-zoom > svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .parking-content__button {
    display: flex;
  }
  .parking__button {
    margin: 0 auto;
    margin-top: 24px;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    height: 56px;
    border-radius: 8px;
    background: #aab31d;
  }
}
@media (max-width: 768px) {
  .parking__title {
    font-size: 34px;
  }
  .parking__button {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .parking__title {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .parking-header-left-select-bottom__item:hover {
    background: #f5f5f5;
  }
}
.zoom-container > g > path:first-child,
.zoom-container > g > rect:first-child {
  fill-opacity: 1;
  opacity: 1;
  fill: #e6e6e6;
}
.zoom-container-item--sell > path:first-child,
.zoom-container-item--sell > rect:first-child {
  fill-opacity: 1;
  opacity: 1;
  fill: #d7e244 !important;
}
.zoom-container-item--booked > path:first-child,
.zoom-container-item--booked > rect:first-child {
  fill-opacity: 1;
  fill: #ff709d !important;
}

.popup-parking-form,
.popup-unit-booking {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999999;
  transition: 0.3s;
}

.popup-parking__showed {
  opacity: 1;
  pointer-events: all;
}

.popup-booking-form--unit-media.popup-unit-booking {
  height: auto;
  max-height: 100vh;
  overflow-y: auto;
}

.popup-purchases-wrap--unit-booking {
  width: min(100% - 32px, 1120px);
  max-width: 1120px;
  box-sizing: border-box;
}
.popup-purchases-wrap--unit-booking .popup-booking-form__desc {
  opacity: 0.7;
}
.popup-purchases-wrap--unit-booking .unit-booking__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: start;
  width: 100%;
}
.popup-purchases-wrap--unit-booking .unit-booking__media {
  width: 100%;
  min-width: 0;
}
.popup-purchases-wrap--unit-booking .unit-booking__slider-host {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.popup-purchases-wrap--unit-booking .unit-booking-gallery {
  position: relative;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  background: #313131;
  min-height: min(52vh, 360px);
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
}
.popup-purchases-wrap--unit-booking .unit-booking-gallery__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  flex: 1;
  min-height: min(52vh, 360px);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.popup-purchases-wrap--unit-booking .unit-booking-gallery__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.popup-purchases-wrap--unit-booking .unit-booking-gallery__img.gallery-item--active {
  opacity: 1;
  z-index: 1;
}
.popup-purchases-wrap--unit-booking .unit-booking-gallery__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 48px;
  height: 48px;
  border: none;
  padding: 0;
  cursor: pointer;
  border-radius: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.25s, transform 0.2s;
  -webkit-tap-highlight-color: transparent;
}
.popup-purchases-wrap--unit-booking .unit-booking-gallery__arrow path {
  fill: #313131;
  stroke: #313131;
  transition: fill 0.25s, stroke 0.25s;
}
.popup-purchases-wrap--unit-booking .unit-booking-gallery__arrow--prev {
  left: 16px;
}
.popup-purchases-wrap--unit-booking .unit-booking-gallery__arrow--next {
  right: 16px;
}
.popup-purchases-wrap--unit-booking .unit-booking-gallery__arrow--next svg {
  transform: rotate(180deg);
}
.popup-purchases-wrap--unit-booking .unit-booking-gallery__dots {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  max-width: calc(100% - 24px);
  background-color: #313131;
  border-radius: 100px;
  padding: 4px;
  gap: 4px;
}
.popup-purchases-wrap--unit-booking .unit-booking-gallery__dots .slider-dots-dot {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  background-color: #fff;
  border-radius: 100%;
  cursor: pointer;
  transition: background-color 0.3s;
}
.popup-purchases-wrap--unit-booking .unit-booking-gallery__dots .slider-dots-dot--active {
  background-color: #AAB31D;
  transition: background-color 0.3s;
}
.popup-purchases-wrap--unit-booking .unit-booking__single-photo {
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  min-height: min(52vh, 360px);
  max-height: 480px;
  flex: 0 0 auto;
  display: flex;
}
.popup-purchases-wrap--unit-booking .unit-booking__single-photo[hidden] {
  display: none !important;
}
.popup-purchases-wrap--unit-booking .unit-booking__single-photo-img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: min(52vh, 280px);
  -o-object-fit: cover;
     object-fit: cover;
}
.popup-purchases-wrap--unit-booking .unit-booking__form-col {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.popup-purchases-wrap--unit-booking .unit-booking__form-col .popup-purchases-wrap__title {
  margin: 0;
}
.popup-purchases-wrap--unit-booking .popup-booking-form__desc {
  margin: 0;
}

@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
  .popup-purchases-wrap--unit-booking .unit-booking-gallery__arrow:hover {
    background-color: #aab31d;
  }
  .popup-purchases-wrap--unit-booking .unit-booking-gallery__arrow:hover path {
    fill: #fff;
    stroke: #fff;
  }
  .popup-purchases-wrap--unit-booking .unit-booking-gallery__dots .slider-dots-dot:not(.slider-dots-dot--active):hover {
    background-color: #e5e5e5;
  }
  .popup-purchases-wrap--unit-booking .unit-booking-gallery__dots .slider-dots-dot--active:hover {
    background-color: #AAB31D;
  }
}
@media (min-width: 992px) {
  .popup-purchases-wrap--unit-booking {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 32px);
    min-height: min(560px, 85vh);
    padding: 48px 56px;
  }
  .popup-purchases-wrap--unit-booking .unit-booking__layout {
    flex: 1;
    min-height: 0;
    grid-template-columns: 7fr 5fr;
    -moz-column-gap: 40px;
         column-gap: 40px;
    row-gap: 0;
    align-items: stretch;
  }
  .popup-purchases-wrap--unit-booking .unit-booking__media {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    align-self: stretch;
  }
  .popup-purchases-wrap--unit-booking .unit-booking__slider-host {
    flex: 1;
    min-height: 0;
  }
  .popup-purchases-wrap--unit-booking .unit-booking-gallery {
    flex: 1;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .popup-purchases-wrap--unit-booking .unit-booking-gallery__viewport {
    flex: 1;
    min-height: 0;
    height: 100%;
    min-height: 0;
  }
  .popup-purchases-wrap--unit-booking .unit-booking-gallery__img {
    min-height: 0;
  }
  .popup-purchases-wrap--unit-booking .unit-booking__single-photo {
    flex: 1;
    min-height: 0;
    max-height: none;
    height: 100%;
  }
  .popup-purchases-wrap--unit-booking .unit-booking__single-photo-img {
    max-height: none;
    min-height: 0;
    flex: 1;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 992px) and (min-width: 576px) {
  .popup-unit-booking {
    align-items: start;
  }
}
@media (max-width: 576px) {
  .popup-unit-booking.popup-booking-form--unit-media {
    align-items: stretch;
    justify-content: flex-start;
    padding: 0;
  }
  .popup-purchases-wrap--unit-booking {
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 0;
    min-height: 100%;
    box-sizing: border-box;
    padding: 76px 16px 24px;
    gap: 12px;
  }
  .popup-purchases-wrap--unit-booking .unit-booking__layout {
    gap: 16px;
  }
  .popup-purchases-wrap--unit-booking .unit-booking__form-col .popup-purchases-wrap__title {
    display: none;
  }
  .popup-purchases-wrap--unit-booking .unit-booking-gallery {
    min-height: min(48vh, 320px);
    border-radius: 12px;
  }
  .popup-purchases-wrap--unit-booking .unit-booking-gallery__arrow {
    display: none !important;
  }
  .popup-purchases-wrap--unit-booking .unit-booking-gallery__viewport {
    min-height: min(48vh, 320px);
  }
  .popup-purchases-wrap--unit-booking .unit-booking__single-photo {
    min-height: min(48vh, 320px);
    border-radius: 12px;
  }
  .popup-purchases-wrap--unit-booking .unit-booking__single-photo-img {
    min-height: min(48vh, 280px);
  }
  .popup-unit-booking .popup-purchases-wrap-top {
    z-index: 100;
  }
}/*# sourceMappingURL=parking.css.map */
/* End */


/* Start:/local/templates/kvartal/assets/css/planning-timer.css?17798759883580*/
@charset "UTF-8";
.planning__card {
  position: relative;
}

.planning-cards {
  margin-top: 32px;
  margin-bottom: 45px;
}
.planning-cards > .row {
  gap: 24px 0;
}

.planning-cards-card {
  margin-bottom: 0;
}

.planning-cards-card-timer {
  position: absolute;
  left: 0;
  right: 0;
  top: -42px;
  display: flex;
  height: 80px;
  width: calc(100% - 24px);
  margin: 0 auto;
  justify-content: space-between;
  align-items: start;
  padding: 6px 24px;
  background: #ef973e;
  border-radius: 16px 16px 0 0;
  z-index: 0;
  gap: 12px;
}
.planning-cards-card-timer-item {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.planning-cards-card-timer-item__title {
  font-family: "Onest";
  opacity: 0.8;
  font-weight: 600;
  font-size: 11px;
  line-height: 130%;
  color: #fff;
}
.planning-cards-card-timer-item__desc {
  font-family: "Onest";
  font-weight: 700;
  font-size: 12px;
  line-height: 130%;
  text-transform: uppercase;
  color: #fff;
}
.planning-cards-card-timer-item__timer {
  width: 100px;
  margin-right: 17px;
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
  gap: 3px;
}
.planning-cards-card-timer-item__timer .timer__part {
  display: inline-block;
  min-width: 2ch;
  text-align: center;
  font-family: "Onest";
  font-weight: 700;
  font-size: 12px;
  line-height: 130%;
  color: #fff;
}
.planning-cards-card-timer-item__timer .timer__digit {
  font-family: "Onest";
  font-weight: 700;
  font-size: 12px;
  line-height: 130%;
  color: #fff;
}
.planning-cards-card-timer-item__timer .timer__sep {
  font-family: "Onest";
  font-weight: 700;
  font-size: 12px;
  line-height: 130%;
  color: #fff;
}
.planning-cards-card-timer-item__timer::after {
  content: "";
  position: absolute;
  right: -17px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 13px;
  height: 13px;
  background-image: url(/local/templates/kvartal/assets/css/../img/icons/timer.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 13px;
}

.timer__part--days {
  position: relative;
}
.timer__part--days::after {
  content: "д";
  font-family: "Onest";
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
}

.popup-planning-info-wrap-main > .planning-cards-card-timer {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  height: auto;
  border-radius: 10px;
  margin: 0;
  width: 309px;
}

.planning__card--margin-top {
  margin-top: 23px;
}

@media (max-width: 1400px) {
  .popup-planning-info-wrap-main > .planning-cards-card-timer {
    width: 100%;
  }
  .planning__card--timer > .planning-cards-card-timer {
    padding: 6px 18px;
  }
}
@media (max-width: 1200px) {
  .planning__card--timer > .planning-cards-card-timer {
    padding: 6px 24px;
  }
}
@media (max-width: 768px) {
  .planning-cards {
    margin-bottom: 32px;
  }
  .planning__card--timer > .planning-cards-card-timer {
    padding: 6px 11px;
  }
}
@media (max-width: 576px) {
  .popup-planning-info-wrap-main > .planning-cards-card-timer {
    margin-bottom: 16px;
  }
  .planning__card--timer > .planning-cards-card-timer {
    padding: 6px 24px;
  }
  .planning-cards > .row {
    gap: 24px;
  }
  .planning-cards {
    margin-top: 24px;
    margin-bottom: 32px;
  }
  .planning__card--timer {
    margin-top: 42px;
  }
}
@media (min-width: 992px) {
  .planning-cards-card:hover {
    transform: none;
    transition: all 0.3s;
    z-index: 10;
  }
  .planning__card {
    transition: all 0.3s;
  }
  .planning__card:hover {
    transform: translate(0, -8px);
    transition: all 0.3s;
    z-index: 10;
  }
}/*# sourceMappingURL=planning-timer.css.map */
/* End */


/* Start:/local/templates/kvartal/assets/css/planning-buttons.css?17798759884113*/
.planning-wrap {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  align-items: center;
}
.planning-wrap-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 88px;
  padding: 8px;
  height: 56px;
  background: #fff;
  gap: 4px;
}
.planning-wrap-buttons__button {
  min-width: 132px;
  font-family: "Onest";
  height: 40px;
  background: #fff;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #3a3a3a;
  transition: 0.3s all;
}
.planning-wrap-buttons__button.active {
  font-weight: 600;
  color: #fff;
  background: #aab31d;
}

@media (min-width: 992px) {
  .planning-wrap-buttons__button:hover {
    background-color: #ececec;
  }
  .planning-wrap-buttons__button:hover.active {
    background: #aab31d;
  }
}
.popup-planning-views-wrap:has(.popup-planning-gallery.popup-planning-views-wrap__image--showed) {
  overflow: visible;
}

.popup-planning-gallery {
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 50px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 12px;
  width: auto;
  height: auto;
  overflow: visible;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.popup-planning-gallery.popup-planning-views-wrap__image--showed {
  opacity: 1;
  pointer-events: auto;
}
.popup-planning-gallery__media {
  position: relative;
  width: 800px;
  height: 580px;
  flex: 0 0 auto;
  border-radius: 24px;
  overflow: hidden;
}
.popup-planning-gallery__track {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.popup-planning-gallery__slide {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
}
.popup-planning-gallery__slide.gallery-item--active {
  opacity: 1;
  z-index: 1;
}
.popup-planning-gallery__prev, .popup-planning-gallery__next {
  position: static;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  cursor: pointer;
  transform: none;
  z-index: 2;
  background-color: rgba(170, 179, 29, 0.3);
  border: none;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.popup-planning-gallery__prev > svg > path, .popup-planning-gallery__next > svg > path {
  stroke: #AAB31D;
  transition: all 0.3s;
}
.popup-planning-gallery__next > svg {
  transform: rotate(180deg);
}
.popup-planning-gallery__dots {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  background-color: #313131;
  border-radius: 100px;
  padding: 4px;
  gap: 4px;
}

@media (max-width: 1600px) {
  .popup-planning-gallery__media {
    width: 640px;
  }
}
@media (max-width: 1400px) {
  .popup-planning-gallery {
    margin-top: 10px;
  }
  .popup-planning-gallery__media {
    width: 580px;
    height: 400px;
  }
}
@media (max-width: 992px) {
  .planning-wrap {
    flex-direction: column;
    gap: 24px;
    align-items: start;
  }
}
@media (max-width: 768px) {
  .popup-planning-gallery__media {
    width: 460px;
  }
}
@media (max-width: 576px) {
  .planning-wrap-buttons {
    width: 100%;
  }
  .planning-wrap-buttons__button {
    width: calc(50% - 2px);
  }
  .popup-planning-gallery {
    margin-top: 0;
  }
  .popup-planning-gallery__media {
    width: calc(100vw - 32px);
    height: 300px;
  }
}
@media (hover: hover) {
  .popup-planning-gallery__next:hover {
    background-color: #aab31d;
  }
  .popup-planning-gallery__next:hover > svg > path {
    stroke: #fff;
  }
  .popup-planning-gallery__prev:hover {
    background-color: #aab31d;
  }
  .popup-planning-gallery__prev:hover > svg > path {
    stroke: #fff;
  }
}
@media (max-width: 576px) {
  .popup-planning-info-wrap-main {
    width: 100%;
  }
  .popup-planning-gallery__prev,
  .popup-planning-gallery__next {
    display: none;
  }
}/*# sourceMappingURL=planning-buttons.css.map */
/* End */


/* Start:/local/templates/kvartal/assets/css/cabinet.css?17799683153622*/
.header-top-wrap-items__link {
  padding-left: 8px;
  padding-right: 8px;
}

.header-top-wrap-right {
  height: 100%;
  display: flex;
  gap: 10px;
}
.header-top-wrap-right-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  gap: 10px;
}
.header-top-wrap-right-links__link {
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #AAB31D;
  border-radius: 100%;
}
.footer-info {
  justify-content: space-between;
  height: 100%;
}

.footer-info-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.footer-form {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: space-between;
  padding-top: 0;
}
.footer-form-cabinet {
  display: flex;
  flex-direction: column;
  gap: 18px;
  border-radius: 16px;
  background: #373737;
  padding: 18px 24px;
}
.footer-form-cabinet__title {
  font-family: "Onest";
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  color: #fff;
}
.footer-form-cabinet-content {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.footer-form-cabinet-content__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30px;
  border-radius: 6px;
  font-family: "Onest";
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  color: #fff;
}
.footer-form-cabinet-content__link--registration {
  background: rgba(255, 255, 255, 0.15);
}
.footer-form-cabinet-content__link--login {
  background: #aab31d;
}

@media (max-width: 1300px) {
  .header-top-mobile-bottom-wrap-buttons {
    justify-content: space-between;
    align-items: center;
    gap: 32px;
  }
  .header-top-mobile-bottom-wrap-buttons__link {
    padding: 0 32px;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    font-family: "Onest";
    border-radius: 6px;
    height: 48px;
    background: #aab31d;
    display: flex;
    width: -moz-max-content;
    width: max-content;
    font-weight: 700;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    color: #fff;
  }
  .header-top-mobile-bottom-wrap-buttons-wrap {
    display: flex;
    justify-content: space-between;
    width: -moz-max-content;
    width: max-content;
    gap: 16px;
  }
}
.footer-form-cabinet--tablet {
  display: none;
}

@media (max-width: 992px) {
  .footer-image-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .footer__image {
    width: 100%;
  }
  .footer-form-cabinet {
    display: none;
  }
  .footer-form-cabinet--tablet {
    display: flex;
  }
  .footer-form {
    padding-top: 24px;
  }
}
@media (max-width: 768px) {
  .footer-form {
    gap: 30px;
  }
}
@media (max-width: 576px) {
  .footer-form-cabinet {
    display: flex;
  }
  .footer-image-wrap {
    display: none;
  }
  .header-top-mobile-bottom-wrap-buttons {
    gap: 16px;
  }
  .header-top-mobile-bottom-wrap-buttons__link {
    height: 30px;
    padding: 0 20px;
  }
}
@media (min-width: 992px) {
  .header-top-wrap-right-links__link {
    transition: 0.3s all;
  }
  .header-top-wrap-right-links__link:hover {
    background: #cdd827;
    transition: 0.3s all;
  }
  .footer-form-cabinet-content__link {
    transition: 0.3s all;
  }
  .footer-form-cabinet-content__link--login:hover {
    background: #cdd827;
    transition: 0.3s all;
  }
  .footer-form-cabinet-content__link--registration:hover {
    background: rgba(255, 255, 255, 0.45);
    transition: 0.3s all;
  }
}/*# sourceMappingURL=cabinet.css.map */
/* End */


/* Start:/local/templates/kvartal/assets/css/plan-hover-redesign.css?177684918612398*/
.plan-item__showed .plan-items-item-wrap-bottom--redesign {
  pointer-events: all;
}

.plan-items-item-wrap-bottom--redesign {
  padding-top: 12px;
}

.plan-items-item-wrap-bottom-stats {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.plan-items-item-wrap-bottom-stats-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

.plan-items-item-wrap-bottom-stats-item__label {
  font-family: Onest;
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  color: #AAB31D;
}

.plan-items-item-wrap-bottom-stats-item__value {
  flex-shrink: 0;
  font-family: Onest;
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  color: #FFF;
}

.plan-items-item-wrap-bottom-buttons {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.plan-items-item-wrap-bottom-buttons__button {
  width: 100%;
  height: 48px;
  border: none;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
}

.plan-items-item-wrap-bottom-buttons__button--primary {
  background-color: #AAB31D;
  color: #FFF;
}

.plan-items-item-wrap-bottom-buttons__button--secondary {
  background-color: rgba(255, 255, 255, 0.25);
  color: #FFF;
}

.plan-items-item-wrap-bottom-buttons__button--primary:hover {
  background-color: #CDD827;
}

.plan-items-item-wrap-bottom-buttons__button--secondary:hover {
  background-color: rgba(255, 255, 255, 0.35);
}

@media screen and (min-width: 1201px) {
  .plan-items-item-wrap {
    padding: 20px;
    border-radius: 24px;
  }
}
@media screen and (max-width: 1200px) {
  .plan-items-item-wrap-bottom--redesign {
    padding-top: 16px;
  }
  .plan-items-item-wrap-bottom-stats-item {
    min-height: 18px;
  }
}
@media screen and (max-width: 768px) {
  .plan-items-item-wrap {
    border-radius: 20px;
    padding: 16px;
  }
  .plan-items-item-wrap-top {
    padding-bottom: 12px;
  }
  .plan-items-item-wrap-bottom-stats {
    gap: 10px;
  }
}
.popup-genplan-house {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 99999999;
  background-color: #fff;
  overflow-y: auto;
  padding: 40px 0;
  transition: all 0.3s;
}

.popup-genplan-house-top {
  display: none;
}

.popup-genplan-house__close {
  position: fixed;
  top: 40px;
  right: 40px;
  z-index: 5;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background-color: #DFE2B5;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s;
}

.popup-genplan-house__close-icon path {
  transition: stroke 0.3s;
}

.popup-genplan-house__close:hover {
  background-color: #AAB31D;
}

.popup-genplan-house__close:hover .popup-genplan-house__close-icon path {
  stroke: #fff;
}

.popup-genplan-house-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  min-height: calc(100dvh - 80px);
}

.popup-genplan-house-slider {
  width: 100%;
  height: 615px;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}

.popup-genplan-house-slider-gallery {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.popup-genplan-house-slider-gallery-item {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 16px;
}

.popup-genplan-house-slider-gallery-item.gallery-item--active {
  opacity: 1;
  z-index: 1;
}

.popup-genplan-house-slider-prev {
  left: 16px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  border: none;
  background-color: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.popup-genplan-house-slider-prev svg path {
  stroke: #313131;
  fill: #313131;
}

.popup-genplan-house-slider-next {
  right: 16px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  border: none;
  background-color: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.popup-genplan-house-slider-next svg {
  transform: rotate(180deg);
}

.popup-genplan-house-slider-next svg path {
  stroke: #313131;
  fill: #313131;
}

.popup-genplan-house-slider-dots {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  background-color: #313131;
  border-radius: 100px;
  padding: 4px;
  gap: 4px;
}

@media (min-width: 992px) {
  .popup-genplan-house-slider-prev:hover {
    background-color: #AAB31D;
    transition: background-color 0.3s;
  }
  .popup-genplan-house-slider-prev:hover svg path {
    stroke: #fff;
    fill: #fff;
    transition: all 0.3s;
  }
  .popup-genplan-house-slider-next:hover {
    background-color: #AAB31D;
    transition: background-color 0.3s;
  }
  .popup-genplan-house-slider-next:hover svg path {
    stroke: #fff;
    fill: #fff;
    transition: all 0.3s;
  }
  .popup-genplan-house-slider-dots .slider-dots-dot:hover {
    background-color: #e5e5e5;
    transition: background-color 0.3s;
  }
  .popup-genplan-house-slider-dots .slider-dots-dot--active:hover {
    background-color: #AAB31D;
    transition: background-color 0.3s;
  }
}
.popup-genplan-house-info {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
}

.popup-genplan-house-info-header {
  display: flex;
  align-items: center;
  gap: 20px;
  width: -moz-max-content;
  width: max-content;
}

.popup-genplan-house-info-header__title {
  font-family: Onest;
  font-weight: 600;
  font-size: 36px;
  line-height: 100%;
  color: #313131;
}

.popup-genplan-house-info-header-wrap {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.popup-genplan-house-info-header-wrap__title {
  font-family: Onest;
  font-weight: 600;
  font-size: 12px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.7);
  opacity: 0.6;
}

.popup-genplan-house-info-header-wrap__desc {
  font-family: Onest;
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  color: #AAB31D;
}

.popup-genplan-house-info-features {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.popup-genplan-house-info-features__item {
  display: inline-flex;
  align-items: center;
  border: 1px solid #E0E2E4;
  border-radius: 8px;
  padding: 0 12px;
  height: 34px;
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #313131;
}

.popup-genplan-house-info-items {
  display: flex;
  gap: 0;
}

.popup-genplan-house-info-items-item {
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px solid #E0E2E4;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 14px;
}

.popup-genplan-house-info-items-item:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

.popup-genplan-house-info-items-item__title {
  font-family: Onest;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: rgba(49, 49, 49, 0.7);
}

.popup-genplan-house-info-items-item-wrap {
  display: flex;
  gap: 10px;
  align-items: center;
}

.popup-genplan-house-info-items-item-wrap__title {
  font-family: Onest;
  font-weight: 700;
  font-size: 27px;
  line-height: 140%;
  color: #3A3A3A;
}

.popup-genplan-house-info-items-item-wrap__desc {
  font-family: Onest;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: rgba(49, 49, 49, 0.7);
  width: 25px;
  flex-shrink: 0;
}

.popup-genplan-house-info-items-item--sold .popup-genplan-house-info-items-item__title {
  opacity: 0.4;
}

.popup-genplan-house-info-items-item--sold .popup-genplan-house-info-items-item-wrap__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: #3A3A3A;
  opacity: 0.4;
}

.popup-genplan-house-info__desc {
  font-family: Onest;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: rgba(49, 49, 49, 0.7);
}

.popup-genplan-house-info-actions {
  display: flex;
  gap: 12px;
  margin-top: 6px;
}

.popup-genplan-house-info-actions__button {
  border: none;
  border-radius: 8px;
  height: 48px;
  min-width: 260px;
  padding: 0 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: Onest;
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  transition: all 0.3s;
  cursor: pointer;
}

.popup-genplan-house-info-actions__button--primary {
  background-color: #AAB31D;
  color: #fff;
}

.popup-genplan-house-info-actions__button--secondary {
  background-color: #DFE2B5;
  color: #909814;
}

.popup-genplan-house-info-actions__button--primary:hover {
  background-color: #CDD827;
}

.popup-genplan-house-info-actions__button--secondary:hover {
  background-color: #AAB31D;
  color: #fff;
}

@media screen and (max-width: 1200px) {
  .popup-genplan-house-wrap {
    grid-template-columns: 1fr;
    gap: 24px;
    min-height: auto;
  }
  .popup-genplan-house-gallery {
    height: 520px;
  }
  .popup-genplan-house-info-header {
    width: 100%;
  }
  .popup-genplan-house-info-items-item-wrap__desc {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .popup-genplan-house {
    padding: 16px 0 24px;
  }
  .popup-genplan-house__close {
    top: 16px;
    right: 16px;
  }
  .popup-genplan-house-wrap {
    gap: 20px;
  }
  .popup-genplan-house-gallery {
    height: 340px;
    border-radius: 16px;
  }
  .popup-genplan-house-info {
    gap: 20px;
  }
  .popup-genplan-house-info-header {
    gap: 12px;
  }
  .popup-genplan-house-info-features {
    gap: 8px;
  }
  .popup-genplan-house-info-items {
    flex-direction: column;
  }
  .popup-genplan-house-info-items-item {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
    border-bottom: 1px solid #E0E2E4;
    padding-bottom: 10px;
    padding-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
  }
  .popup-genplan-house-info-items-item:first-child {
    padding-top: 0;
  }
  .popup-genplan-house-info-items-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  .popup-genplan-house-info-items-item-wrap {
    gap: 6px;
  }
  .popup-genplan-house-info-items-item-wrap__title {
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    color: #3a3a3a;
  }
  .popup-genplan-house-info-items-item-wrap__desc {
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    color: #3a3a3a;
  }
  .popup-genplan-house-info-items-item--sold .popup-genplan-house-info-items-item-wrap__title {
    opacity: 0.4;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #3a3a3a;
  }
  .popup-genplan-house-info__desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .popup-genplan-house-info-actions {
    flex-direction: column;
    margin-top: 0;
  }
  .popup-genplan-house-info-actions__button {
    width: 100%;
    min-width: 0;
  }
}
@media screen and (max-width: 576px) {
  .popup-genplan-house {
    padding-top: 80px;
  }
  .popup-genplan-house-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
    padding: 0 16px;
    box-sizing: border-box;
    background-color: #F5F5F5;
    z-index: 10;
  }
  .popup-genplan-house-top__title {
    margin: 0;
    font-family: Onest;
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #3a3a3a;
  }
  .popup-genplan-house-top__close {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border: none;
    padding: 0;
    cursor: pointer;
    background: transparent url(/local/templates/kvartal/assets/css/../img/icons/close-gray.svg) center/14px no-repeat;
  }
  .popup-genplan-house__close {
    display: none;
  }
}
.popup-genplan-house.popup__showed {
  opacity: 1;
  pointer-events: all;
  transition: all 0.3s;
}/*# sourceMappingURL=plan-hover-redesign.css.map */
/* End */


/* Start:/local/templates/kvartal/assets/css/commercial.css?17798759886183*/
.commercial--desktop {
  display: flex;
}

.commercial--mobile {
  display: none;
}

.mall-commercial-slider {
  position: relative;
  margin-top: 32px;
  height: 750px;
}

.mall-commercial-slider-gallery {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  border-radius: 16px;
}

.mall-commercial-slider-gallery-item {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
}
.mall-commercial-slider-gallery-item.gallery-item--active {
  opacity: 1;
  z-index: 1;
}

.mall-commercial-slider-circle {
  display: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: none;
  padding: 0;
  border-radius: 100px;
  background-color: #fff;
  transition: all 0.3s;
  cursor: pointer;
  z-index: 10;
}
.mall-commercial-slider-circle path {
  stroke: #313131;
}

.mall-commercial-slider-circle__arrow {
  width: 16px;
  height: 16px;
  transition: all 0.3s;
}

.mall-commercial-slider-prev {
  position: absolute;
  left: 35px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 11;
}

.mall-commercial-slider-next {
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 11;
}
.mall-commercial-slider-next > .mall-commercial-slider-circle__arrow {
  transform: rotate(180deg);
}

.mall-commercial-slider-dots {
  display: none;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  background-color: #313131;
  border-radius: 100px;
  padding: 4px;
  gap: 4px;
}

.mall-commercial-slider-wrap {
  position: absolute;
  bottom: 32px;
  left: 32px;
  right: 32px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 32px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
}
.mall-commercial-slider-wrap-features {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  gap: 16px;
  flex: 1;
  min-width: 0;
}
.mall-commercial-slider-wrap-features-feature {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.mall-commercial-slider-wrap-features-feature__icon-wrap {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.mall-commercial-slider-wrap-features-feature__icon {
  display: block;
  width: auto;
  height: auto;
  max-width: 22px;
  max-height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
}
.mall-commercial-slider-wrap-features-feature__title {
  margin: 0;
  font-family: "Onest", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #fff;
  width: 110px;
}
.mall-commercial-slider-wrap__button {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  text-decoration: none;
  cursor: pointer;
  border-radius: 8px;
  padding: 0 24px;
  height: 56px;
  min-width: 220px;
  background-color: #AAB31D;
  font-family: "Onest", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #fff;
  transition: background 0.3s;
}

@media (min-width: 992px) {
  .mall-commercial-slider-prev,
  .mall-commercial-slider-next,
  .mall-commercial-slider-dots {
    display: flex;
  }
}
@media (max-width: 1400px) {
  .mall-commercial-slider-wrap-features {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1200px) {
  .mall-commercial-slider-wrap-features {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1250px) {
  .mall-commercial-slider-prev {
    left: 16px;
  }
  .mall-commercial-slider-next {
    right: 16px;
  }
}
@media (max-width: 992px) {
  .mall-commercial {
    padding-bottom: 0;
  }
  .mall-commercial-slider {
    height: auto;
  }
  .mall-commercial-slider-gallery {
    height: 400px;
  }
  .commercial--desktop {
    display: none;
  }
  .commercial--mobile {
    display: flex;
  }
  .mall-commercial-slider-wrap {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 24px;
    padding: 0;
    background: none;
    backdrop-filter: none;
    flex-direction: column;
    gap: 24px;
  }
  .mall-commercial-slider-wrap-features {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 20px;
  }
  .mall-commercial-slider-wrap-features-feature {
    min-height: 60px;
    border: 1px solid #e0e2e4;
    border-radius: 8px;
    padding: 0px 16px;
  }
  .mall-commercial-slider-wrap-features-feature__title {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #313131;
  }
  .mall-commercial-slider-wrap-features-feature__icon-wrap {
    border: none;
    background: none;
    width: 28px;
    height: 28px;
  }
  .mall-commercial-slider-wrap-features-feature__icon {
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
  }
  .mall-commercial-slider-dots {
    display: flex;
    top: 368px;
    bottom: auto;
  }
}
@media (max-width: 768px) {
  .mall-commercial-slider-gallery {
    height: 340px;
  }
  .mall-commercial-slider-dots {
    display: flex;
    top: 308px;
    bottom: auto;
  }
}
@media (max-width: 576px) {
  .mall-commercial-slider-wrap-features {
    grid-template-columns: repeat(1, 1fr);
  }
  .mall-commercial-slider-wrap__button {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .mall-commercial-slider-dots {
    display: none;
  }
}
@media (hover: hover) {
  .mall-commercial-slider-next:hover {
    background-color: #AAB31D;
  }
  .mall-commercial-slider-next:hover div > svg > path {
    stroke: #fff;
  }
  .mall-commercial-slider-prev:hover {
    background-color: #AAB31D;
  }
  .mall-commercial-slider-prev:hover div > svg > path {
    stroke: #fff;
  }
  .mall-commercial-slider-wrap__button:hover {
    background-color: #cdd827;
  }
}/*# sourceMappingURL=commercial.css.map */
/* End */


/* Start:/local/templates/kvartal/template_styles.css?1753688681136*/
.popup-main-map-wrap__image {
    overflow: hidden;
}

@media (max-width: 576px) {
 .d-mobile-none {
     display: none !important;
 }
}
/* End */
/* /local/templates/kvartal/assets/css/fonts.css?1753688681654 */
/* /local/templates/kvartal/assets/css/bootstrap-grid.min.css?175368868151451 */
/* /local/templates/kvartal/assets/css/owl.carousel.min.css?17536886813351 */
/* /local/templates/kvartal/assets/css/owl.theme.default.min.css?17536886811013 */
/* /local/templates/kvartal/assets/css/index.css?1792623676131322 */
/* /local/templates/kvartal/assets/css/planning-popups.css?17798759884841 */
/* /local/templates/kvartal/assets/css/parking.css?179262329624402 */
/* /local/templates/kvartal/assets/css/planning-timer.css?17798759883580 */
/* /local/templates/kvartal/assets/css/planning-buttons.css?17798759884113 */
/* /local/templates/kvartal/assets/css/cabinet.css?17799683153622 */
/* /local/templates/kvartal/assets/css/plan-hover-redesign.css?177684918612398 */
/* /local/templates/kvartal/assets/css/commercial.css?17798759886183 */
/* /local/templates/kvartal/template_styles.css?1753688681136 */