.ps__rail-y {
    left: auto;
    right: 0.25rem !important
  }
  
  .ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
  }
  
  .ps__rail-x {
    transition: background-color 0.2s linear, opacity 0.2s linear;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    height: 9px;
    border-radius: 6px;
    overflow: hidden;
    bottom: 0;
    position: absolute
  }
  
  .ps__rail-y {
    transition: background-color 0.2s linear, opacity 0.2s linear;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    width: 9px;
    border-radius: 6px;
    margin-top: 4px;
    margin-right: 0;
    margin-bottom: 4px;
    right: 0;
    position: absolute
  }
  
  .ps--active-x>.ps__rail-x,
  .ps--active-y>.ps__rail-y {
    display: block;
    background-color: rgba(0, 0, 0, 0)
  }
  
  .ps--focus>.ps__rail-x,
  .ps--focus>.ps__rail-y,
  .ps--scrolling-x>.ps__rail-x,
  .ps--scrolling-y>.ps__rail-y {
    opacity: 1
  }
  
  .ps .ps__rail-x:focus,
  .ps .ps__rail-y:focus,
  .ps .ps__rail-x.ps--clicking,
  .ps .ps__rail-y.ps--clicking {
    opacity: 0.8
  }
  
  .ps__thumb-x,
  .ps__thumb-y {
    border-radius: 6px
  }
  
  .ps__thumb-x {
    background-color: #e7e7e7;
    transition: background-color 0.2s linear, height 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
    height: 9px;
    bottom: 0;
    position: absolute
  }
  
  .ps__thumb-x:hover,
  .ps__thumb-x:active {
    background-color: #7198d4
  }
  
  .ps__thumb-y {
    background-color: #e7e7e7;
    transition: background-color 0.2s linear, width 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
    width: 9px;
    right: 0;
    position: absolute;
    cursor: pointer
  }
  
  .ps__thumb-y:hover,
  .ps__thumb-y:active {
    background-color: #7198d4
  }
  
  .ps__rail-x:focus>.ps__thumb-x,
  .ps__rail-x.ps--clicking .ps__thumb-x {
    opacity: 0.8;
    height: 11px
  }
  
  .ps__rail-y:focus>.ps__thumb-y,
  .ps__rail-y.ps--clicking .ps__thumb-y {
    opacity: 0.8;
    width: 9px
  }
  
  @supports (-ms-overflow-style: none) {
    .ps {
      overflow: auto !important
    }
  }
  
  .jsr,
  .jsr_bar,
  .jsr_label,
  .jsr_rail,
  .jsr_rail-outer,
  .jsr_slider {
    box-sizing: border-box
  }
  
  .jsr {
    position: relative;
    z-index: 1;
    display: block;
    box-sizing: border-box;
    width: 100%;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  
  .jsr_rail-outer {
    position: relative;
    padding: .625rem 0;
    cursor: pointer
  }
  
  .jsr_rail {
    height: 4px;
    background-color: rgba(164, 164, 164, 0.5);
    box-shadow: 0 .25rem .5rem rgba(77, 122, 191, 0.3);
    z-index: 1
  }
  
  .jsr_bar {
    position: absolute;
    height: 4px;
    background-color: #4d7abf;
    z-index: 2;
    cursor: move
  }
  
  .jsr_bar--limit {
    background-color: #7e7e7e;
    z-index: 1;
    cursor: auto
  }
  
  .jsr_slider {
    position: absolute;
    top: calc(4px / 2 + .625rem);
    left: 0;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 1.375rem;
    height: 1.375rem;
    padding: 0 .5rem;
    border-radius: 50%;
    cursor: pointer;
    background: #fff;
    box-shadow: 0 .125rem .4375rem rgba(77, 122, 191, 0.4);
    transition: background 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
    outline: 0;
    z-index: 3
  }
  
  .jsr_slider::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    background-color: #4d7abf;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  
  .jsr_slider span {
    pointer-events: none
  }
  
  .jsr_slider--active {
    box-shadow: 0 .125rem .4375rem rgba(77, 122, 191, 0)
  }
  
  .jsr_label {
    position: absolute;
    bottom: calc(.625rem + 4px + .9375rem / 1.5);
    padding: 0.5rem 0;
    color: #4d7abf;
    font-size: 1rem;
    white-space: nowrap;
    z-index: 2
  }
  
  .jsr_label--minmax {
    bottom: auto;
    top: calc(.625rem + 4px + .9375rem / 1.5);
    z-index: 1;
    color: #a4a4a4;
    opacity: 1 !important;
    transition: opacity 0.2s ease-in-out
  }
  
  .jsr_label .jsr_label {
    position: static;
    display: inline-block;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0
  }
  
  .jsr_label .jsr_label::before {
    content: ' - ';
    display: inline-block;
    margin: 0 2px
  }
  
  .jsr_canvas {
    display: none;
    margin-top: .3125rem
  }
  
  .jsr_lockscreen {
    overflow: hidden;
    height: 100%;
    width: 100%
  }
  
  .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
  }
  
  .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
  }
  
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    transform: translate3d(0, 0, 0)
  }
  
  .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
  }
  
  .swiper-container-no-flexbox .swiper-slide {
    float: left
  }
  
  .swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
  }
  
  .swiper-container-android .swiper-slide {
    transform: translate3d(0, 0, 0)
  }
  
  .swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
  }
  
  .swiper-container-autoheight {
    height: auto
  }
  
  .swiper-container-autoheight .swiper-slide {
    height: auto
  }
  
  .swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: transform, height
  }
  
  .swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
  }
  
  .swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
  }
  
  .swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
  }
  
  .swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-transform: scale(0);
    transform: scale(0);
    -ms-transform-origin: left top;
    transform-origin: left top
  }
  
  .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -ms-transform-origin: right top;
    transform-origin: right top
  }
  
  .swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
  }
  
  .swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
  }
  
  .swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5)
  }
  
  .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
  }
  
  .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
  }
  
  .swiper-container-3d .swiper-wrapper,
  .swiper-container-3d .swiper-slide,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d
  }
  
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
  }
  
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
  }
  
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
  }
  
  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
  }
  
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
  }
  
  .swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200
  }
  
  .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
  }
  
  .swiper-zoom-container>img,
  .swiper-zoom-container>svg,
  .swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
  }
  
  .swiper-scrollbar {
    border-radius: 0.625rem;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
  }
  
  .swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
  }
  
  .swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
  }
  
  .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.625rem;
    left: 0;
    top: 0
  }
  
  .swiper-scrollbar-cursor-drag {
    cursor: move
  }
  
  .swiper-lazy-preloader {
    width: 2.625rem;
    height: 2.625rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
  }
  
  .swiper-lazy-preloader::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
  }
  
  .swiper-lazy-preloader-white::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
  }
  
  @keyframes swiper-preloader-spin {
    100% {
      transform: rotate(360deg)
    }
  }
  
  .swiper-button-prev {
    left: 1.125rem
  }
  
  .swiper-button-next {
    right: 1.125rem
  }
  
  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top: calc(50% - 2rem);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.4s;
    background-color: #f06842;
    z-index: 2
  }
  
  .swiper-button-prev svg,
  .swiper-button-next svg {
    display: block;
    stroke: #fff
  }
  
  .swiper-button-prev:hover,
  .swiper-button-next:hover {
    background-color: #fb5021
  }
  
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    display: none;
    cursor: auto;
    pointer-events: none
  }
  
  .swiper-button-disabled {
    cursor: auto;
    pointer-events: none
  }
  
  .swiper-pagination {
    width: 100%;
    height: 0.5625rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    transition: 300ms;
    transform: translate3d(0, 0, 0);
    z-index: 10
  }
  
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
  }
  
  .swiper-pagination-bullets {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }
  
  .swiper-pagination-bullet {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    margin-bottom: 1.875rem;
    background-color: #7198d4;
    transition: 0.4s;
    cursor: pointer;
    outline: none;
    opacity: 0.5
  }
  
  .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    border: 2px solid transparent;
    border-radius: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: 0.4s
  }
  
  .swiper-pagination-bullet:last-of-type {
    margin: 0
  }
  
  .swiper-pagination-bullet:hover {
    background-color: #f27069
  }
  
  .swiper-pagination-bullet:hover::after {
    border-color: #f27069
  }
  
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #f27069;
    opacity: 1
  }
  
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    border-color: #f27069
  }
  
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }
  
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
  }
  
  .swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
  }
  
  .swiper-container-vertical>.swiper-pagination-bullets {
    right: 0.625rem;
    top: 50%;
    transform: translate3d(0, -50%, 0)
  }
  
  .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
  }
  
  .swiper-pagination-fraction {
    color: #a4a4a4;
    font-size: 1rem
  }
  
  .swiper-pagination-fraction span {
    margin: 0 .125rem
  }
  
  .swiper-pagination-fraction .swiper-pagination-current {
    font-size: 1.125rem;
    color: #4d7abf
  }
  
  .swiper-button-disabled {
    pointer-events: none;
    opacity: 0.4
  }
  
  @font-face {
    font-family: "Fugue";
    src: url(./../../assets/fonts/Fugue-Regular.woff) format("woff"), url(./../../assets/fonts/Fugue-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
  }
  
  * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    outline: none
  }
  
  *::after,
  *::before {
    box-sizing: border-box
  }
  
  html {
    font-size: 16px
  }
  
  body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    font-family: "Fugue", Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    color: #31353a
  }
  
  a {
    text-decoration: none;
    outline: 0;
    color: #31353a;
    cursor: pointer;
    transition: color 0.4s ease
  }
  
  ol,
  ul {
    list-style: none
  }
  
  img {
    display: block
  }
  
  button,
  input,
  textarea,
  select {
    background-color: transparent;
    font-family: "Fugue", sans-serif;
    border: 0;
    border-radius: 0;
    outline: 0;
    transition: border 0.4s ease, color 0.4s ease;
    cursor: pointer
  }
  
  svg {
    display: block;
    width: 100%;
    height: 100%;
    transition: fill 0.4s ease, stroke 0.4s ease;
    pointer-events: none
  }
  
  .main {
    width: 92.2%;
    max-width: 28.5rem;
    margin: 0 auto
  }
  
  .main-half {
    width: 92.2%;
    max-width: 28.5rem;
    margin: 0 auto
  }
  
  .page {
    padding-top: 3.875rem;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    overflow: hidden
  }
  
  .page--no-overflow {
    overflow: visible
  }
  
  @keyframes fadeIn {
    from {
      opacity: 0
    }
  
    to {
      opacity: 1
    }
  }
  
  @keyframes scale {
    from {
      transform: translate(-50%, -50%) scale(0.9)
    }
  
    to {
      transform: translate(-50%, -50%) scale(1.9)
    }
  }
  
  @keyframes scale2 {
    from {
      transform: translate(-50%, -50%) scale(0.9)
    }
  
    to {
      transform: translate(-50%, -50%) scale(1.2)
    }
  }
  
  @keyframes widthLine {
    from {
      width: 0%
    }
  
    to {
      width: 100%
    }
  }
  
  @keyframes progress {
    from {
      stroke-dashoffset: 0
    }
  
    to {
      stroke-dashoffset: -241.78px
    }
  }
  
  .h1 {
    font-size: 1.5625rem;
    line-height: 1.6;
    text-transform: uppercase;
    color: #31353a
  }
  
  .h2 {
    font-size: 1.5625rem;
    line-height: 1.6;
    text-transform: uppercase;
    color: #31353a
  }
  
  .h2.h2--inh {
    text-transform: inherit
  }
  
  .h2.h2--m {
    line-height: 1.35;
    text-transform: inherit
  }
  
  .h3 {
    font-size: 1.25rem;
    line-height: 1.5;
    color: #31353a
  }
  
  .h3.h3--up {
    text-transform: uppercase;
    letter-spacing: .0625rem;
    line-height: 2.1
  }
  
  .h4 {
    font-size: 1.125rem;
    line-height: 1.2;
    color: #31353a
  }
  
  .h4.h4--up {
    text-transform: uppercase;
    letter-spacing: .0625rem;
    line-height: 1.6
  }
  
  .h5 {
    font-size: 1rem;
    line-height: 1.6;
    color: #31353a
  }
  
  .h6 {
    font-size: 1rem;
    line-height: 1.6;
    color: #31353a
  }
  
  .h7 {
    font-size: 1.125rem;
    line-height: 1.7;
    color: #31353a
  }
  
  .h7.h7--up {
    text-transform: uppercase;
    line-height: 1.8
  }
  
  .text {
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.4;
    color: #31353a;
	margin: 0 0 10px;
  }
  
  .text.text--up {
    text-transform: uppercase;
    line-height: 1.125;
    font-weight: 600
  }
  
  .text-little {
    font-size: .875rem;
    line-height: 1.7;
    color: #31353a
  }
  
  .text-base {
    font-size: .875rem;
    line-height: 1.75;
    color: #31353a
  }
  
  .btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    min-width: 10.9375rem;
    height: 3.625rem;
    border: 2px solid #4d7abf;
    padding: 0 1.875rem;
    font-size: .875rem;
    text-transform: uppercase;
    background-color: #4d7abf;
    color: #fff;
    transition: border 0.4s ease, background 0.4s ease, color 0.4s ease
  }
  
  .btn.btn--transparent {
    background-color: rgba(77, 122, 191, 0);
    color: #4d7abf
  }
  
  .btn.btn--w-transparent {
    border-color: #fff;
    background-color: rgba(255, 255, 255, 0);
    color: #31353a
  }
  
  .btn.btn--white {
    border-color: #fff;
    background-color: #fff;
    color: #31353a
  }
  
  .btn.btn--white.btn--transparent {
    background-color: rgba(255, 255, 255, 0);
    color: #fff
  }
  
  .btn.btn--white-blue {
    border-color: #fff;
    background-color: #fff;
    color: #4d7abf
  }
  
  .btn.btn--white-blue.btn--transparent {
    background-color: rgba(255, 255, 255, 0);
    color: #fff
  }
  
  .btn:hover,
  .btn:active {
    border-color: #3a65a7;
    background-color: #3a65a7;
    color: #fff
  }
  
  .btn.btn--red {
    background-color: #f27069;
    color: #fff;
    border-color: #f27069
  }
  
  .btn.btn--red:hover,
  .btn.btn--red:active {
    background-color: #fff;
    color: #f27069
  }
  
  textarea.input {
    height: 9.5rem;
    resize: none
  }
  
  .input {
    position: relative;
    width: 100%;
    height: 3.625rem;
    padding: .875rem 1.5rem;
    border: 2px solid rgba(113, 152, 212, 0.3);
    font-size: 1.125rem
  }
  
  .input:-ms-input-placeholder {
    color: #a4a4a4
  }
  
  .input::placeholder {
    color: #a4a4a4
  }
  
  .input:active,
  .input:hover,
  .input:focus {
    border-color: #7198d4
  }
  
  .input.input--fail {
    color: red;
    border-color: red
  }
  
  .input.input--success {
    border-color: #8ec083
  }
  
  .input.input--white {
    border-color: #fff;
    background-color: #fff
  }
  
  .input.input--white:active,
  .input.input--white:hover,
  .input.input--white:focus {
    border-color: #7198d4
  }
  
  .input.input--white.input--fail {
    color: red;
    border-color: red
  }
  
  .select {
    position: relative;
    width: 100%
  }
  
  .select .select__item {
    width: 100%
  }
  
  .select .select__item.select__item--hidden {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: none
  }
  
  .select .select__item.select__item--hidden+.core-select__item-input {
    display: none
  }
  
  .select .select__btn {
    position: relative;
    width: 100%;
    height: 3.625rem;
    padding: .5625rem 1.875rem .5625rem .875rem;
    border: 2px solid #e7e7e7;
    font-size: 1rem;
    line-height: 2.5rem;
    color: #31353a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    background-color: #fff;
    transition: 0.4s ease
  }
  
  .select .select__btn::before {
    content: '';
    position: absolute;
    top: calc(50% - 0.25rem);
    right: 1.25rem;
    width: .4375rem;
    height: .4375rem;
    border-top: 2px solid #4d7abf;
    border-right: 2px solid #4d7abf;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: 0.4s ease
  }
  
  .select .select__content-wrap {
    position: absolute;
    top: 3.5rem;
    left: 0;
    width: 100%;
    max-height: 9.25rem;
    border: 2px solid #e7e7e7;
    overflow: auto;
    background-color: #fff;
    display: none
  }
  
  .select .select__content {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }
  
  .select .select__content-item {
    display: block;
    width: 100%;
    height: 2.25rem;
    min-height: 2.25rem;
    padding: .25rem 1.875rem .25rem 1rem;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #31353a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.4s ease;
    cursor: pointer
  }
  
  .select .select__content-item:last-of-type {
    border-bottom: 0
  }
  
  .select .select__content-item.select__content-item--active {
    background-color: #6a6d75
  }
  
  .select .select__content-item:hover {
    color: #7198d4
  }
  
  .select.select--open {
    z-index: 5
  }
  
  .select.select--open .select__btn::before {
    top: 50%;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  
  .select.select--open .select__content-wrap {
    display: block
  }
  
  .select.select--disabled {
    opacity: 0.5
  }
  
  .select.select--black .select__btn {
    border-color: #6a6d75;
    background-color: #31353a;
    color: #fff
  }
  
  .select.select--black .select__content-wrap {
    border-color: #6a6d75;
    background-color: #31353a
  }
  
  .select.select--black .select__content-item {
    color: #fff
  }
  
  .select.select--black .select__content-item.select__content-item--active {
    background-color: #6a6d75
  }
  
  .select.select--black .select__content-item:hover {
    background-color: #6a6d75
  }
  
  .select.select--black.select--open {
    z-index: 5
  }
  
  .select.select--black.select--open .select__btn {
    border-color: #fff
  }
  
  .select.select--black.select--open .select__btn::before {
    top: calc(50% - 0.125rem);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  
  .select.select--black.select--open .select__content-wrap {
    display: block;
    border-color: #fff
  }
  
  .select.select--black:not(.select--open):hover .select__btn {
    border-color: #fff
  }
  
  .select.select--text {
    width: auto;
    margin-left: .25rem
  }
  
  .select.select--text .select__btn {
    height: auto;
    padding: 0 1rem 0 0;
    border: 0;
    color: #4d7abf;
    font-size: 1.125rem;
    line-height: 1.7
  }
  
  .select.select--text .select__btn::before {
    right: .125rem
  }
  
  .select.select--text .select__content-wrap {
    top: 100%;
    right: 0;
    left: auto;
    width: 14.5rem;
    border: 0;
    background-color: #f7f7f7
  }
  
  .range {
    width: 100%
  }
  
  .range__input {
    width: 100%
  }
  
  .range-one {
    width: 100%
  }
  
  .range-one__input {
    width: 100%
  }
  
  .range-one--area {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
  }
  
  .range-one--area::before {
    content: '\43C\B2';
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    padding: .25rem .9375rem;
    line-height: 1.875rem;
    font-size: 1rem;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right;
    color: #4d7abf
  }
  
  .core-marker {
    position: absolute;
    width: 1.9375rem;
    cursor: default;
    z-index: 6
  }
  
  .core-marker__icon {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4.25rem;
    height: 5.0625rem
  }
  
  .core-marker__icon svg {
    width: 100%;
    height: 100%;
    fill: #4d7abf
  }
  
  .core-marker__icon:hover svg {
    fill: #3a65a7
  }
  
  .core-marker__icon-text {
    position: absolute;
    top: 1.25rem;
    right: .125rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.1875rem;
    height: 1.1875rem;
    border-radius: 50%;
    color: #fff;
    background-color: #7198d4;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: .6875rem;
    text-align: center
  }
  
  .core-marker__content,
  .core-marker__content-slider {
    width: 18.875rem;
    height: 15.125rem
  }
  
  .core-marker__content {
    background-color: #fcd666
  }
  
  .core-marker__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    color: transparent;
    font-size: 0
  }
  
  .core-marker__content-wrap {
    position: absolute;
    top: -3.25rem;
    left: 4.25rem;
    height: 0;
    overflow: hidden;
    transition: 0.4s ease;
    z-index: 11
  }
  
  .core-marker__content-wrap--slider {
    width: 21.5rem;
    margin-left: -1.25rem
  }
  
  .core-marker__content-wrap--slider .core-marker__content-slider {
    margin: 0 auto
  }
  
  .core-marker__arrow-icon {
    width: .875rem;
    height: .875rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iI2ZmZiI+ICA8cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSguNSAuNSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMS4wM0wxLjA3OCAwIDEwIDguNSAxLjA3OCAxNyAwIDE1Ljk3NSA3LjgzOSA4LjUgMCAxLjAzeiIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
  }
  
  .core-marker__arrow {
    position: absolute;
    top: 50%;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4d7abf;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: background 0.4s ease, 0.5s opacity 0.3s ease;
    opacity: 0;
    z-index: 4;
    outline: none
  }
  
  .core-marker__arrow.swiper-button-disabled {
    background-color: #bfbfbf;
    cursor: default
  }
  
  .core-marker__arrow.swiper-button-disabled:hover {
    background-color: #bfbfbf
  }
  
  .core-marker__arrow--prev {
    left: 0
  }
  
  .core-marker__arrow--prev .core-marker__arrow-icon {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  
  .core-marker__arrow--next {
    right: 0
  }
  
  .core-marker__arrow:hover {
    background-color: #3a65a7
  }
  
  .core-marker__img {
    width: 100%;
    height: 9.375rem;
    background-color: #333;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
  }
  
  .core-marker__description-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 5.75rem;
    font-family: "Fugue", Helvetica, sans-serif
  }
  
  .core-marker__description {
    padding: 1.125rem 1.25rem 0
  }
  
  .core-marker__area,
  .core-marker__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }
  
  .core-marker__area {
    font-size: 1.5625rem;
    line-height: 1.2
  }
  
  .core-marker__name {
    font-size: 1.5625rem;
    line-height: 1.2
  }
  
  .core-marker--open {
    z-index: 1000009
  }
  
  .core-marker--open .core-marker__arrow {
    opacity: 1
  }
  
  .core-marker--open .core-marker__content-wrap {
    height: 15.125rem
  }
  
  .core-marker--contacts .core-marker__description-wrap {
    height: 7rem
  }
  
  .core-marker--contacts .core-marker__content {
    height: 16.375rem
  }
  
  .core-marker--contacts .core-marker__name {
    white-space: normal;
    max-height: 3.75rem
  }
  
  .core-marker--contacts .core-marker__description {
    padding-top: 1rem
  }
  
  .core-marker--contacts.core-marker--open .core-marker__description {
    padding-top: .875rem
  }
  
  .core-marker--contacts.core-marker--open .core-marker__content-wrap {
    height: 16.375rem
  }
  
  .core-marker--none {
    display: none
  }
  
  .core-marker:not(.core-marker--open) .core-marker__img {
    background-image: none !important
  }
  
  .checkbox {
    display: block;
    cursor: pointer
  }
  
  .checkbox.checkbox--fail .checkbox__icon {
    border-color: red
  }
  
  .checkbox input {
    display: none
  }
  
  .checkbox input:checked+.checkbox__content .checkbox__icon {
    border-color: #7198d4;
    background-color: #7198d4
  }
  
  .checkbox input:checked+.checkbox__content .checkbox__icon svg {
    opacity: 1
  }
  
  .checkbox .checkbox__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
  }
  
  .checkbox .checkbox__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.6875rem;
    height: 1.6875rem;
    border: 2px solid #e7e7e7;
    margin-right: .9375rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    transition: border 0.4s ease, background 0.4s ease
  }
  
  .checkbox .checkbox__icon svg {
    width: 1rem;
    height: .8125rem;
    stroke-width: 3px;
    stroke: #fff;
    fill: transparent;
    opacity: 0;
    transition: opacity 0.4s ease
  }
  
  .checkbox .checkbox__icon:hover {
    border-color: #7198d4
  }
  
  .checkbox .checkbox__text {
    margin-top: .125rem;
    line-height: 1.2;
    font-size: .875rem
  }
  
  .checkbox a {
    color: #7198d4
  }
  
  .tag {
    max-width: 100%;
    width: auto;
    height: 1.9625rem;
    cursor: pointer
  }
  
  .tag input {
    display: none
  }
  
  .tag input:checked+.tag__content {
    border-color: #7198d4
  }
  
  .tag .tag__content {
    height: 100%;
    padding: 0 .4375rem;
    border: 2px solid #e7e7e7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    transition: border 0.4s ease
  }
  
  .tag.tag--active .tag__content {
    border-color: #7198d4
  }
  
  .head {
    padding: 1.625rem 0 1.4375rem
  }
  
  .head.head--absolute {
    position: absolute;
    top: 3.875rem;
    left: 0;
    width: 100%;
    padding-bottom: 0
  }
  
  .head.head--absolute .head__breadcrumbs-link,
  .head.head--absolute .head__title {
    position: relative;
    z-index: 2;
    color: #fff
  }
  
  .head.head--white .head__breadcrumbs-link {
    color: #fff
  }
  
  .head.head--white .head__title {
    color: #fff
  }
  
  .head.head--catalog .head__content {
    padding-right: 20.5rem
  }
  
  .head.head--content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
  }
  
  .head .head__breadcrumbs {
    max-width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .0625rem
  }
  
  .head .head__breadcrumbs-link {
    margin-right: .25rem
  }
  
  .head .head__breadcrumbs-link::after {
    content: ' \\'
  }
  
  .head .head__breadcrumbs-link:hover {
    color: #4d7abf
  }
  
  .head .head__breadcrumbs-link:last-of-type {
    margin-right: 0;
    color: #e7e7e7;
    pointer-events: none
  }
  
  .head .head__breadcrumbs-link:last-of-type::after {
    content: ''
  }
  
  .head .head__title {
    max-width: 100%
  }
  
  .list {
    list-style: none
  }
  
  .list li {
    position: relative;
    text-indent: 1.25rem
  }
  
  .list li::before {
    content: '';
    position: absolute;
    top: .6875rem;
    translate: -1rem 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #4d7abf
  }
  
  .list:not(.h6) {
    font-size: 1.125rem;
    line-height: 1.7;
    color: #31353a
  }
  
  .list.h6 {
    line-height: 1.8
  }
  
  .list.h6 li::before {
    left: .0625rem;
    width: .4375rem;
    height: .4375rem
  }
  
  .list.list--inner {
    padding-left: 1.25rem
  }
  
  .list.list--inner li {
    text-indent: .9375rem
  }
  
  .list.list--inner li::before {
    top: .8125rem;
    width: .375rem;
    height: .375rem;
    background-color: #7198d4
  }
  
  .label {
    position: absolute;
    top: 1.375rem;
    left: -.5rem;
    width: auto;
    height: 2.5625rem
  }
  
  .label::after,
  .label::before {
    content: '';
    position: absolute
  }
  
  .label::after {
    left: 0;
    bottom: -.625rem;
    width: 0;
    height: 0;
    border-top: .625rem solid #a4a4a4;
    border-left: .5rem solid transparent
  }
  
  .label.label--popular .label__text {
    background-color: rgba(252, 214, 102, 0.588235)
  }
  
  .label.label--popular::after {
    border-top-color: #e6ba54
  }
  
  .label .label__text {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 0 .75rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(247, 247, 247, 0.588235);
    text-align: center
  }
  
  .nav {
    width: 12.375rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  
  .nav .nav__arrow {
    width: 3.125rem;
    height: 3.125rem;
    border: 2px solid #4d7abf;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: border 0.4s ease
  }
  
  .nav .nav__arrow svg {
    width: .5rem;
    height: .75rem;
    stroke-width: 2px;
    stroke: #4d7abf
  }
  
  .nav .nav__arrow:hover {
    border-color: rgba(77, 122, 191, 0.5)
  }
  
  .nav .nav__pag {
    width: 6.125rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: baseline;
    align-items: baseline
  }
  
  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.875rem;
    border-bottom: 2px solid rgba(231, 231, 231, 0.5);
    background-color: #fff;
    z-index: 11
  }
  
  .header .header__content {
    height: 100%
  }
  
  .header .header__logo {
    display: block;
    width: 5.3125rem;
    height: 2rem;
    transition: opacity 0.4s ease
  }
  
  .header .header__logo:hover {
    opacity: 0.75
  }
  
  .header .header__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
  }
  
  .header .header__bottom {
    position: relative;
    display: none;
    padding: 2.0625rem 0 15rem;
    height: calc(100vh - 3.75rem);
    z-index: 1
  }
  
  .header .header__bottom::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 102vw;
    height: 100%;
    background-color: #fff;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1
  }
  
  .header .header__bottom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 2px;
    background-color: rgba(231, 231, 231, 0.5);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  
  .header .header__top-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }
  
  .header .header__top-right {
    position: absolute;
    width: 100%;
    top: calc(100vh - 13.75rem);
    left: 50%;
    height: 13.75rem;
    padding-bottom: 2.125rem;
    display: none;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-align: center;
    align-items: center;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
  }
  
  .header .header__top-contacts {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2.125rem
  }
  
  .header .header__top-contacts::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 2px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #e7e7e7
  }
  
  .header .header__top-phone {
    margin-bottom: .75rem;
    font-size: 1.25rem;
    line-height: 1.1;
    letter-spacing: .0625rem
  }
  
  .header .header__top-time {
    font-size: .9375rem;
    line-height: 1.1
  }
  
  .header .header__top-text {
    display: none
  }
  
  .header .header__top-bid {
    margin-bottom: 2.1875rem;
    height: 3.125rem
  }
  
  .header .header__m-btns {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex
  }
  
  .header .header__btn-phone {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 2px solid #7198d4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }
  
  .header .header__btn-phone svg {
    width: .8125rem;
    height: .8125rem;
    fill: #7198d4
  }
  
  .header .header__btn-menu {
    display: block;
    position: relative;
    width: 1.6875rem;
    height: 1.125rem;
    display: block
  }
  
  .header .header__btn-menu span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    display: block;
    background-color: #7198d4;
    -ms-transform-origin: 92% 50%;
    transform-origin: 92% 50%;
    transition: 0.4s ease
  }
  
  .header .header__btn-menu span:nth-of-type(1) {
    top: 0
  }
  
  .header .header__btn-menu span:nth-of-type(2) {
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%
  }
  
  .header .header__btn-menu span:nth-of-type(3) {
    bottom: 0
  }
  
  .header .header__btn-menu:active span {
    background-color: #7198d4
  }
  
  .header .header__btn-menu.header__btn-menu--open span {
    left: -.125rem
  }
  
  .header .header__btn-menu.header__btn-menu--open span:nth-of-type(1) {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  
  .header .header__btn-menu.header__btn-menu--open span:nth-of-type(2) {
    opacity: 0
  }
  
  .header .header__btn-menu.header__btn-menu--open span:nth-of-type(3) {
    width: 100%;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  
  .header .header__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%
  }
  
  .header .header__list-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.6875rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  
  .header .header__list-item * {
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  
  .header .header__list-item:last-of-type {
    margin-bottom: 0
  }
  
  .header .header__list-item.header__list-item--more::before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 10px;
    opacity: 0;
    display: none
  }
  
  .header .header__list-item.header__list-item--more .header__list-link {
    position: relative;
    padding-right: .75rem
  }
  
  .header .header__list-item.header__list-item--more .header__list-link::after {
    content: '';
    position: absolute;
    top: 40%;
    right: 0;
    width: .375rem;
    height: .375rem;
    border-right: 2px solid #a4a4a4;
    border-top: 2px solid #a4a4a4;
    -ms-transform: rotate(135deg) translate(-50%, 0);
    transform: rotate(135deg) translate(-50%, 0);
    transition: 0.4s ease
  }
  
  .header .header__list-link {
    font-size: .875rem;
    line-height: 1.4;
    text-transform: uppercase
  }
  
  .header .header__list-link:hover {
    color: #3a65a7
  }
  
  .header .header__list-text {
    font-size: .875rem;
    line-height: 1.4;
    text-transform: uppercase;
    color: #3a65a7
  }
  
  .header .header__list-more {
    display: none;
    padding-top: 1.3125rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #fff;
    animation-duration: 0.6s;
    animation-fill-mode: both;
    animation-name: fadeIn;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  
  .header .header__list-more-item {
    margin-bottom: 1.1875rem
  }
  
  .header .header__list-more-item:last-of-type {
    margin-bottom: 0
  }
  
  .header .header__list-more-link:hover {
    color: #3a65a7
  }
  
  .header .header__list-more-text {
    color: #3a65a7
  }
  
  .header .header__btn {
    width: 3.625rem;
    height: 100%;
    border-left: 2px solid rgba(231, 231, 231, 0.5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }
  
  .header .header__btn.header__btn--open .header__btn-menu span:nth-of-type(1) {
    top: 50%;
    -ms-transform: rotate(-45deg) translate(0, -50%);
    transform: rotate(-45deg) translate(0, -50%)
  }
  
  .header .header__btn.header__btn--open .header__btn-menu span:nth-of-type(2) {
    opacity: 0
  }
  
  .header .header__btn.header__btn--open .header__btn-menu span:nth-of-type(3) {
    bottom: 50%;
    -ms-transform: rotate(45deg) translate(0, 50%);
    transform: rotate(45deg) translate(0, 50%)
  }
  
  .header.header--open .header__bottom {
    display: block
  }
  
  .header.header--open .header__top-right {
    display: -ms-flexbox;
    display: flex
  }
  
  .footer {
    padding: 2.25rem 0 2.625rem;
    background-color: #31353a
  }
  
  .footer .footer__links {
    display: none
  }
  
  .footer .footer__links-col {
    width: 33.333%;
    padding-right: .375rem
  }
  
  @media screen and (max-width: 600px) {
    .footer .footer__links-col {
      width: 100%;
      margin: 0;
      padding: 0;
      box-sizing: border-box
    }
  }
  
  .footer .footer__links-item {
    color: #a4a4a4
  }
  
  .footer .footer__links-item:hover {
    color: #fff
  }
  
  .footer .footer__contacts {
    width: 100%;
    margin-bottom: 2.75rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }
  
  .footer .footer__contacts-item {
    max-width: 100%;
    text-align: center;
    margin-bottom: 1.0625rem
  }
  
  .footer .footer__contacts-item:last-of-type {
    margin-bottom: 0
  }
  
  .footer .footer__contacts-item .text-little {
    color: #fff
  }
  
  .footer .footer__bottom {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }
  
  .footer .footer__bottom-row {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }
  
  .footer .footer__bottom-text {
    max-width: 100%;
    color: #6a6d75;
    text-align: center
  }
  
  .footer .footer__bottom-text a {
    color: #a4a4a4
  }
  
  .footer .footer__bottom-text a:hover {
    color: #fff
  }
  
  .footer .footer__dev-text {
    max-width: 100%;
    color: #6a6d75;
    text-align: center
  }
  
  .footer .footer__dev-text a {
    color: #a4a4a4
  }
  
  .footer .footer__dev-text a:hover {
    color: #fff
  }
  
  .footer .footer__socials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.5625rem 0 1.75rem 0
  }
  
  .footer .footer__socials-item {
    width: 3rem;
    height: 3rem;
    border: 2px solid rgba(106, 109, 117, 0.3);
    border-radius: 50%;
    margin-right: .625rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: border 0.4s ease
  }
  
  .footer .footer__socials-item svg {
    display: block;
    width: 1.1875rem;
    height: 1.1875rem;
    fill: #fff
  }
  
  .footer .footer__socials-item:last-of-type {
    margin-right: 0
  }
  
  .footer .footer__socials-item:hover {
    border: 2px solid rgba(255, 255, 255, 0.3)
  }
  
  .footer .footer__phone {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.1;
    letter-spacing: .0625rem;
    color: #fff
  }
  
  .footer .footer__payGroup {
    margin-top: 1.25rem;
    display: block
  }
  
  .consultation {
    padding: 2.1875rem 0 3.125rem
  }
  
  .consultation .consultation__people {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.75rem
  }
  
  .consultation .consultation__img {
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    margin-right: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #a4a4a4;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }
  
  .consultation .consultation__people-description {
    margin-top: .1875rem
  }
  
  .consultation .consultation__people-name {
    margin-bottom: .625rem
  }
  
  .consultation .consultation__people-pos {
    opacity: 0.5
  }
  
  .consultation .consultation__form {
    width: 100%
  }
  
  .consultation .consultation__inputs {
    margin-bottom: 1.0625rem
  }
  
  .consultation .consultation__input {
    margin-bottom: 1.1875rem
  }
  
  .consultation .consultation__input:last-of-type {
    margin-bottom: 0
  }
  
  .consultation .consultation__conf {
    margin-bottom: 1.875rem
  }
  
  .consultation .consultation__conf br {
    display: none
  }
  
  .consultation .consultation__conf a {
    color: #7198d4
  }
  
  .consultation .consultation__conf a:hover {
    color: #3a65a7
  }
  
  .consultation .consultation__form-btn {
    width: 100%
  }
  
  .consultation.consultation--blue-l {
    background-color: #ecf2fc
  }
  
  .consultation.consultation--blue {
    background-color: #4d7abf
  }
  
  .consultation.consultation--blue .consultation__people-name,
  .consultation.consultation--blue .consultation__people-pos,
  .consultation.consultation--blue .consultation__conf {
    color: #fff
  }
  
  .consultation.consultation--blue .consultation__conf a {
    color: #a4a4a4
  }
  
  .consultation.consultation--blue .consultation__conf a:hover {
    color: #6a6d75
  }
  
  .popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    width: 100%;
    min-height: 100vh;
    background-color: rgba(49, 53, 58, 0.8);
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 50;
    opacity: 0;
    animation-duration: 0.6s;
    animation-fill-mode: both;
    animation-name: fadeIn
  }
  
  .popup.popup--open {
    display: block;
    opacity: 1
  }
  
  .popup .popup__content-wrap {
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 100%
  }
  
  .popup .popup__content-wrap.popup__content-wrap--open {
    display: -ms-flexbox;
    display: flex
  }
  
  .popup .popup__content {
    position: relative;
    background-color: #fff;
    width: auto;
    height: auto
  }
  
  .popup .popup__content.popup__content--gallery {
    background-color: transparent
  }
  
  .popup .popup__content.popup__content--gallery .popup__close {
    top: -2.25rem;
    right: -.25rem
  }
  
  .popup .popup__close {
    position: absolute;
    top: 1.125rem;
    right: .1875rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 2rem;
    height: 2rem;
    z-index: 5
  }
  
  .popup .popup__close::after,
  .popup .popup__close::before {
    content: '';
    display: block;
    position: absolute;
    top: 48%;
    left: 18%;
    width: 1.25rem;
    height: 2px;
    border-radius: 2px;
    background-color: #a4a4a4;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: background 0.4s ease
  }
  
  .popup .popup__close::before {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  
  .popup .popup__close::after {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  
  .popup .popup__close:hover {
    border-color: #3a65a7
  }
  
  .popup .popup__close:hover::after,
  .popup .popup__close:hover::before {
    background-color: #3a65a7
  }
  
  .popup .filter-home {
    width: 100vw;
    min-height: 100vh
  }
  
  .popup .filter-home .filter-home__footer {
    display: none
  }
  
  .popup .filter-home .filter-home__img {
    display: none
  }
  
  .popup .filter-home .filter-home__content {
    -ms-flex-direction: column;
    flex-direction: column
  }
  
  .popup .filter-home .filter-home__tabs {
    display: block
  }
  
  .popup-bid {
    width: 20.75rem;
    padding: 2.5rem 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }
  
  .popup-bid .popup-bid__title {
    margin-bottom: .625rem;
    text-align: center;
    max-width: 104%;
    width: 104%
  }
  
  .popup-bid .popup-bid__text {
    margin-bottom: .875rem;
    text-align: center;
    max-width: 100%
  }
  
  .popup-bid .popup-bid__form {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }
  
  .popup-bid .popup-bid__input {
    width: 100%;
    margin-bottom: .75rem
  }
  
  .popup-bid .popup-bid__input:last-of-type {
    margin-bottom: 0
  }
  
  .popup-bid .popup-bid__file {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: .75rem
  }
  
  .popup-bid .popup-bid__file.popup-bid__file--select .popup-bid__file-text {
    color: #4d7abf
  }
  
  .popup-bid .popup-bid__file-btn {
    width: 10.9375rem;
    padding: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .9375rem
  }
  
  .popup-bid .popup-bid__file-btn input {
    display: none
  }
  
  .popup-bid .popup-bid__file-text {
    color: #a4a4a4
  }
  
  .popup-bid .popup-bid__form-text {
    text-align: center;
    max-width: 100%;
    margin-bottom: 1.125rem;
    margin-top: .8125rem
  }
  
  .popup-bid .popup-bid__form-text a {
    color: #a4a4a4
  }
  
  .popup-bid .popup-bid__form-text a:hover {
    color: #3a65a7
  }
  
  .popup-bid .popup-bid__form-required {
    color: #a4a4a4;
    margin-top: .9375rem
  }
  
  .popup-gallery {
    position: relative;
    width: 93vw;
    height: 27.625rem
  }
  
  .popup-gallery .popup-gallery__slide {
    position: relative;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  
  .popup-gallery .popup-gallery__slide iframe {
    display: block;
    width: 100%;
    height: 13.75rem
  }
  
  .popup-gallery .popup-gallery__slider {
    width: 100%;
    height: 100%
  }
  
  .popup-gallery .popup-gallery__slider.swiper-container-initialized+.popup-gallery__slider-btns {
    display: block
  }
  
  .popup-gallery .popup-gallery__slide-img {
    display: block;
    max-width: 100%;
    max-height: 100%
  }
  
  .popup-gallery .popup-gallery__slider-btns {
    display: none
  }
  
  .popup-gallery .popup-gallery__slider-btn {
    position: absolute;
    top: 50%;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.38);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 6;
    transition: background-color 0.4s ease
  }
  
  .popup-gallery .popup-gallery__slider-btn svg {
    width: .5rem;
    height: .75rem;
    stroke-width: 2px;
    stroke: #4d7abf
  }
  
  .popup-gallery .popup-gallery__slider-btn:hover {
    background-color: rgba(77, 122, 191, 0.39)
  }
  
  .popup-gallery .popup-gallery__slider-btn:hover svg {
    stroke: #fff
  }
  
  .popup-gallery .popup-gallery__slider-btn.popup-gallery__slider-btn--prev {
    left: .5rem
  }
  
  .popup-gallery .popup-gallery__slider-btn.popup-gallery__slider-btn--next {
    right: .5rem
  }
  
  .popup-success {
    width: 20.75rem;
    padding: 2.5rem 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
  }
  
  .popup-success .popup-success__title {
    margin-bottom: .625rem;
    text-align: center;
    max-width: 100%
  }
  
  .popup-success .popup-success__text {
    margin-bottom: .875rem;
    text-align: center;
    max-width: 100%
  }
  
  .popup-video {
    position: relative;
    width: 20.5rem;
    height: 11.625rem
  }
  
  .popup-video .popup-video__iframe {
    width: 100%;
    height: 100%;
    background-color: #6a6d75
  }
  
  .popup-video .popup-video__iframe iframe {
    display: block;
    width: 100%;
    height: 100%
  }
  
  .seo-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .5625rem;
    margin-top: .9625rem
  }
  
  .seo-links .seo-links__col {
    width: 50%;
    margin-right: 2%;
    margin-bottom: 2.1875rem
  }
  
  .seo-links .seo-links__col:nth-of-type(2n) {
    width: 48%;
    margin-right: 0
  }
  
  .seo-links .seo-links__col-item {
    max-width: 100%;
    display: inline-block;
    line-height: 1.2;
    margin-bottom: .9375rem;
    color: #3a65a7
  }
  
  .seo-links .seo-links__col-item:last-of-type {
    margin-bottom: 0
  }
  
  .seo-links .seo-links__col-item:hover {
    color: #7198d4
  }
  
  .seo-text {
    padding-bottom: 2.375rem
  }
  
  .seo-text .seo-text__title {
    margin-bottom: .9375rem
  }
  
  .seo-text .seo-text__content p {
    margin-bottom: .5625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #31353a
  }
  
  .seo-text .seo-text__content ul {
    margin-bottom: 1.125rem;
    list-style: none;
    font-size: 1.125rem;
    line-height: 1.7;
    color: #31353a
  }
  
  .seo-text .seo-text__content ul li {
    position: relative;
    text-indent: .9375rem
  }
  
  .seo-text .seo-text__content ul li::before {
    content: '';
    position: absolute;
    top: .6875rem;
    left: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #4d7abf
  }
  
  .seo-text.seo-text--common {
    padding: 2.375rem 0 1.875rem
  }
  
  .gallery {
    position: relative;
    width: 100%
  }
  
  .gallery .gallery__label {
    z-index: 5
  }
  
  .gallery .gallery__slider {
    position: relative;
    width: 100% !important;
    height: 13.5rem;
    margin-bottom: .75rem
  }
  
  .gallery .gallery__slide {
    /* width: 100% !important; */
    height: 100%;
    background-color: #6a6d75;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
  }
  
  .gallery .gallery__arrow {
    position: absolute;
    top: 50%;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.38);
    transition: background 0.4s ease;
    z-index: 6
  }
  
  .gallery .gallery__arrow svg {
    width: .5rem;
    height: .75rem;
    stroke: #4d7abf;
    stroke-width: 2px
  }
  
  .gallery .gallery__arrow.gallery__arrow--prev {
    left: 1rem
  }
  
  .gallery .gallery__arrow.gallery__arrow--next {
    right: 1rem
  }
  
  .gallery .gallery__arrow:hover {
    background-color: rgba(77, 122, 191, 0.39)
  }
  
  .gallery .gallery__arrow:hover svg {
    stroke: #fff
  }
  
  .gallery .gallery__pag {
    width: 100%;
    height: 4.125rem
  }
  
  .gallery .gallery__pag::after,
  .gallery .gallery__pag::before {
    content: '';
    position: absolute;
    top: 0;
    width: 3.375rem;
    height: 100%;
    z-index: 3;
    pointer-events: none
  }
  
  .gallery .gallery__pag::after {
    left: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 45.76%, rgba(0, 0, 0, 0))
  }
  
  .gallery .gallery__pag::before {
    right: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 45.76%, #000)
  }
  
  .gallery .gallery__pag:not(.swiper-container-initialized) .gallery__pag-item {
    margin-right: .8125rem
  }
  
  .gallery .gallery__pag-item {
    position: relative;
    /* width: 6.625rem !important; */
    height: 100%;
    background-color: #6a6d75;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: border 0.4s ease;
    cursor: pointer
  }
  
  .gallery .gallery__pag-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid rgba(77, 122, 191, 0)
  }
  
  .gallery .gallery__pag-item.swiper-slide-thumb-active::after {
    border-color: #4d7abf
  }
  
  .gallery .gallery__pag-arrow {
    position: absolute;
    top: 50%;
    width: 1rem;
    height: 1.25rem;
    padding: .25rem;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 6
  }
  
  .gallery .gallery__pag-arrow svg {
    pointer-events: auto;
    stroke: #fff;
    stroke-width: 2px
  }
  
  .gallery .gallery__pag-arrow.gallery__pag-arrow--prev {
    left: .625rem
  }
  
  .gallery .gallery__pag-arrow.gallery__pag-arrow--next {
    right: .625rem
  }
  
  .gallery .gallery__pag-arrow:hover svg {
    stroke: #4d7abf
  }
  
  .video {
    width: 100%;
    height: 13.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    background-color: #6a6d75;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer
  }
  
  .video::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #31353a;
    opacity: 0;
    transition: opacity 0.4s ease
  }
  
  .video iframe {
    display: block;
    width: 100%;
    height: 100%
  }
  
  .video .video__btn {
    position: relative;
    width: 3.125rem;
    height: 3.125rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: border 0.4s ease;
    z-index: 1
  }
  
  .video .video__btn svg {
    width: 1.0625rem;
    height: .9375rem;
    margin: .25rem 0 0 .25rem;
    fill: #fcd666
  }
  
  .video:hover .video__btn {
    border-color: #fff
  }
  
  .video:hover::after {
    opacity: 0.2
  }
  
  .video.video--iframe .video::after {
    display: none
  }
  
  .reviews {
    padding: 2.1875rem 0 2.75rem
  }
  
  .reviews .reviews__title {
    margin-bottom: 2.3125rem
  }
  
  .reviews .reviews__btn {
    width: 15.125rem;
    margin-bottom: 2.1875rem
  }
  
  .reviews .reviews__video {
    width: 100%;
    height: 18.1875rem;
    margin-bottom: .875rem;
    background-color: #6a6d75
  }
  
  .reviews .reviews__video.reviews__video--iframe .reviews__video-iframe {
    display: block
  }
  
  .reviews .reviews__video.reviews__video--iframe .reviews__video-about {
    display: none
  }
  
  .reviews .reviews__video-iframe {
    position: relative;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1
  }
  
  .reviews .reviews__video-iframe iframe {
    display: block;
    width: 100%;
    height: 100%
  }
  
  .reviews .reviews__video-about {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 1.3125rem .875rem .875rem .875rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
  }
  
  .reviews .reviews__video-about::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #31353a;
    opacity: 0;
    transition: opacity 0.4s ease
  }
  
  .reviews .reviews__video-about:hover .reviews__video-btn {
    border-color: #fff
  }
  
  .reviews .reviews__video-about:hover::after {
    opacity: 0.2
  }
  
  .reviews .reviews__video-title {
    position: relative;
    max-width: 100%;
    max-height: 3.75rem;
    text-align: center;
    overflow: hidden;
    color: #fff;
    z-index: 1
  }
  
  .reviews .reviews__video-text {
    position: relative;
    max-width: 100%;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.6;
    z-index: 1
  }
  
  .reviews .reviews__video-btn {
    position: relative;
    width: 3.125rem;
    height: 3.125rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    margin-bottom: .625rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: border 0.4s ease;
    z-index: 1
  }
  
  .reviews .reviews__video-btn svg {
    width: 1.0625rem;
    height: .9375rem;
    margin: .25rem 0 0 .25rem;
    fill: #fcd666
  }
  
  .reviews .reviews__slider-wrap {
    position: relative
  }
  
  .reviews .reviews__nav {
    display: none
  }
  
  .reviews .reviews__arrow {
    position: absolute;
    top: 50%;
    width: .75rem;
    height: 1rem;
    padding: .125rem;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 6
  }
  
  .reviews .reviews__arrow svg {
    stroke-width: 2px;
    stroke: #fff
  }
  
  .reviews .reviews__arrow.reviews__arrow--prev {
    left: .25rem
  }
  
  .reviews .reviews__arrow.reviews__arrow--next {
    right: .25rem
  }
  
  .reviews .reviews__arrow:hover svg {
    stroke: #fcd666
  }
  
  .reviews .reviews__slider {
    overflow: visible
  }
  
  .reviews .reviews__slider:not(.swiper-container-initialized) .reviews__slide {
    margin-right: .9375rem
  }
  
  .reviews .reviews__slide {
    position: relative;
    width: 13.5rem;
    height: 7.375rem;
    padding: 1.625rem 1.0625rem .875rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #6a6d75;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
  }
  
  .reviews .reviews__slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.1;
    transition: opacity 0.4s ease
  }
  
  .reviews .reviews__slide:hover .reviews__slide-text {
    color: #fcd666
  }
  
  .reviews .reviews__slide:hover::after {
    opacity: 0.3
  }
  
  .reviews .reviews__slide-text {
    position: relative;
    max-width: 100%;
    max-height: 5.5625rem;
    color: #fff;
    transition: color 0.4s ease;
    z-index: 1
  }
  
  .reviews .reviews__text-review {
    background: #f7f7f7;
    margin-bottom: 1.25rem;
    padding: 1.25rem
  }
  
  .reviews .reviews__review-img {
    display: block;
    width: 12.5rem;
    height: 12.5rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto .625rem
  }
  
  .reviews .reviews__review-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit: cover;"
  }
  
  .reviews .reviews__review-title {
    font-size: 1.5625rem;
    line-height: 2.0625rem;
    margin-bottom: .625rem;
    text-align: center
  }
  
  .reviews .reviews__review-name {
    color: #a4a4a4;
    font-size: .9375rem;
    line-height: 1.5rem;
    margin-bottom: 1rem
  }
  
  .reviews .reviews__review-text {
    font-size: .9375rem;
    line-height: 1.5rem
  }
  
  .banner-home {
    position: relative;
    width: 100%;
    min-height: 30.5rem;
    height: calc(100vh - 3.875rem);
    background-color: #e7e7e7
  }
  
  .banner-home .banner-home__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
  }
  
  .banner-home .banner-home__background img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
  
  .banner-home .banner-home__slider {
    width: 100%;
    height: 100%
  }
  
  .banner-home .banner-home__slide {
    width: 100%;
    height: 100%;
    padding: 1.25rem 0 6.125rem;
    overflow: hidden
  }
  
  .banner-home .banner-home__content {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
  }
  
  .banner-home .banner-home__description {
    max-width: 18rem
  }
  
  .banner-home .banner-home__main-title {
    display: none
  }
  
  .banner-home .banner-home__title {
    margin-bottom: .25rem;
    color: #fff
  }
  
  .banner-home .banner-home__area {
    margin-bottom: -.3125rem;
    font-size: 2.5rem;
    line-height: 1.3;
    color: #fff
  }
  
  .banner-home .banner-home__price {
    margin-bottom: .625rem;
    color: #fff
  }
  
  .banner-home .banner-home__text {
    max-width: 15rem;
    margin-bottom: 1.75rem;
    color: #fff
  }
  
  .banner-home .banner-home__btn {
    width: 12.625rem
  }
  
  .banner-home .banner-home__labels-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
  
  .banner-home .banner-home__labels {
    position: relative;
    height: 100%
  }
  
  .banner-home .banner-home__pag {
    position: absolute;
    top: 0;
    right: -.625rem;
    width: 1.25rem;
    height: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 5
  }
  
  .banner-home .banner-home__pag .swiper-pagination-bullet {
    background-color: #fff
  }
  
  .banner-home .banner-home__pag .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    border-color: #fff
  }
  
  .banner-home .banner-home__calc {
    position: absolute;
    right: 1.25rem;
    bottom: 9.0625rem;
    width: 3.4375rem;
    height: 3.4375rem;
    border-radius: 1.625rem;
    background-color: #f27069;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 6;
    cursor: pointer;
    transition: width 0.4s ease
  }
  
  .banner-home .banner-home__calc::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 1.625rem;
    background-color: #f27069;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.5;
    animation-iteration-count: infinite;
    animation-duration: 1.6s;
    animation-fill-mode: both;
    animation-name: scale2;
    z-index: -1
  }
  
  .banner-home .banner-home__calc:hover {
    width: 13.25rem
  }
  
  .banner-home .banner-home__calc:hover .banner-home__calc-text {
    width: 6.25rem;
    margin-left: 1.25rem
  }
  
  .banner-home .banner-home__calc-icon {
    width: 1.625rem;
    height: 1.75rem
  }
  
  .banner-home .banner-home__calc-icon svg {
    fill: #fff
  }
  
  .banner-home .banner-home__calc-text {
    width: 0;
    height: auto;
    overflow: hidden;
    line-height: 1.1;
    color: #fff;
    transition: width 0.4s ease, margin 0.4s ease
  }
  
  .home-projects {
    position: relative;
    width: 100%
  }
  
  .home-projects .home-projects__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
  }
  
  .home-projects .home-projects__background img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
  
  .home-projects .home-projects__items {
    position: relative;
    z-index: 2
  }
  
  .home-projects .home-projects__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    height: 17.8125rem;
    padding: .9375rem;
    border-bottom: 2px solid rgba(106, 109, 117, 0.1);
    overflow: hidden;
    transition: background 0.4s ease, border 0.4s ease
  }
  
  .home-projects .home-projects__item:nth-of-type(3n+1).home-projects__item--active,
  .home-projects .home-projects__item:nth-of-type(3n+1):hover {
    background-color: #f27069
  }
  
  .home-projects .home-projects__item:nth-of-type(3n+2).home-projects__item--active,
  .home-projects .home-projects__item:nth-of-type(3n+2):hover {
    background-color: #5c8752
  }
  
  .home-projects .home-projects__item:nth-of-type(3n).home-projects__item--active,
  .home-projects .home-projects__item:nth-of-type(3n):hover {
    background-color: #fcd666
  }
  
  .home-projects .home-projects__item:hover {
    border-bottom-color: transparent
  }
  
  .home-projects .home-projects__item:hover .home-projects__item-description-wrap {
    max-height: 100%
  }
  
  .home-projects .home-projects__number {
    position: absolute;
    right: -.375rem;
    bottom: -1.375rem;
    color: #fff;
    font-size: 8.125rem;
    line-height: 1;
    opacity: 0.5
  }
  
  .home-projects .home-projects__title {
    position: relative;
    max-width: 100%;
    z-index: 1
  }
  
  .home-projects .home-projects__item-description-wrap {
    position: relative;
    max-height: 0;
    transition: max-height 0.4s ease;
    overflow: hidden;
    z-index: 1
  }
  
  .home-projects .home-projects__item-description {
    padding-top: 1rem
  }
  
  .home-projects .home-projects__text {
    margin-bottom: 1.5625rem
  }
  
  .home-projects .home-projects__btn {
    width: 12.625rem
  }
  
  .home-about {
    position: relative;
    padding: 2.5625rem 0 1rem;
    overflow: hidden
  }
  
  .home-about .home-about__back-text {
    visibility: hidden;
    position: absolute;
    bottom: 13.375rem;
    left: -5.875rem;
    width: 60.625rem;
    height: 44.5rem;
    font-size: 1.5625rem;
    line-height: 1.56;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ecf2fc
  }
  
  .home-about .home-about__back-text::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(215.88deg, #fff 52.68%, rgba(255, 255, 255, 0.55) 64.14%, rgba(255, 255, 255, 0.31) 78.31%, rgba(255, 255, 255, 0.0811927) 84.79%, rgba(255, 255, 255, 0) 90.47%)
  }
  
  .home-about .home-about__items {
    position: relative;
    z-index: 1;
    margin-bottom: 3.8125rem
  }
  
  .home-about .home-about__item {
    margin-bottom: 2rem
  }
  
  .home-about .home-about__item:last-of-type {
    margin-bottom: 0
  }
  
  .home-about .home-about__top {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25rem
  }
  
  .home-about .home-about__top svg {
    position: relative;
    width: 2.5625rem;
    height: 2.5625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: -1.25rem;
    z-index: 1
  }
  
  .home-about .home-about__item-title {
    margin-top: .75rem;
    font-size: 3.75rem;
    line-height: 0.7;
    color: #ecf2fc
  }
  
  .home-about .home-about__item-text {
    max-width: 78%
  }
  
  .home-about .home-about__description-wrap {
    position: relative;
    z-index: 1
  }
  
  .home-about .home-about__description {
    margin-bottom: 3rem
  }
  
  .home-about .home-about__description-title {
    margin-bottom: 1.5rem;
    color: #7198d4
  }
  
  .home-about .home-about__slider-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  
  .home-about .home-about__slider {
    width: 82%;
    margin: 0
  }
  
  .home-about .home-about__pag {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 1.125rem;
    position: relative;
    right: -.625rem
  }
  
  .home-about .home-about__slide-title {
    padding-top: 2.5rem;
    margin-bottom: 1.0625rem;
    font-size: 6.25rem;
    line-height: 0.8;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }
  
  .home-about .home-about__slide-title span {
    position: relative
  }
  
  .home-about .home-about__slide-title span::after {
    content: '';
    position: absolute;
    left: .125rem;
    top: -.4375rem;
    width: 3.0625rem;
    height: 3.0625rem;
    border-top: 1.25rem solid #31353a;
    border-right: 1.25rem solid #31353a;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0.2
  }
  
  .home-about .home-about__slide-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }
  
  .home-about .home-about__slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 0 2rem 0;
    overflow: hidden
  }
  
  .home-about .home-about__slide.home-about__slide--red .home-about__slide-title {
    color: #f27069
  }
  
  .home-about .home-about__slide.home-about__slide--red .home-about__slide-title span::after {
    border-color: #f27069
  }
  
  .home-about .home-about__slide.home-about__slide--green .home-about__slide-title {
    color: #5c8752
  }
  
  .home-about .home-about__slide.home-about__slide--green .home-about__slide-title span::after {
    border-color: #5c8752
  }
  
  .home-about .home-about__slide.home-about__slide--yellow .home-about__slide-title {
    color: #fcd666
  }
  
  .home-about .home-about__slide.home-about__slide--yellow .home-about__slide-title span::after {
    border-color: #fcd666
  }
  
  .home-build {
    padding: 2.1875rem 0 1.75rem
  }
  
  .home-build .home-build__title {
    margin-bottom: 2.375rem
  }
  
  .home-build .home-build__tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    border-left: 1px solid #e7e7e7;
    margin-bottom: 2.3125rem
  }
  
  .home-build .home-build__tab {
    position: relative;
    padding: 1.4375rem .75rem .9375rem 1.8125rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .375rem;
    color: #a4a4a4
  }
  
  .home-build .home-build__tab:last-of-type {
    margin: 0
  }
  
  .home-build .home-build__tab svg {
    width: 2.25rem;
    height: 2.25rem;
    margin-right: 1.4375rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: #a4a4a4
  }
  
  .home-build .home-build__tab span {
    opacity: 0.5
  }
  
  .home-build .home-build__tab.home-build__tab--active {
    color: #31353a
  }
  
  .home-build .home-build__tab.home-build__tab--active svg {
    fill: #f17f79
  }
  
  .home-build .home-build__tab.home-build__tab--active span {
    opacity: 1
  }
  
  .home-build .home-build__tab.home-build__tab--active::after {
    position: absolute;
    left: -2px;
    top: 0;
    content: '';
    width: 4px;
    height: 100%;
    background-color: #4d7abf;
    box-shadow: 0 2px 4px rgba(77, 122, 191, 0.4);
    border-radius: 2px
  }
  
  .home-build .home-build__content {
    width: 100%
  }
  
  .home-build .home-build__content-item {
    display: none
  }
  
  .home-build .home-build__content-item.home-build__content-item--active {
    display: block
  }
  
  .home-build .home-build__text {
    margin-bottom: 2.5625rem
  }
  
  .home-build .home-build__btn {
    width: 14.25rem
  }
  
  .home-build .home-build__img-wrap {
    display: none
  }
  
  .home-build .home-build__img {
    display: block;
    max-width: 94%
  }
  
  .home-how {
    padding: 1.5625rem 0 3.125rem
  }
  
  .home-how .home-how__title {
    margin-bottom: 1.75rem
  }
  
  .home-how .home-how__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
  }
  
  .home-how .home-how__tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 1.9375rem
  }
  
  .home-how .home-how__tab {
    position: relative;
    padding: .375rem .5rem;
    margin-bottom: 0;
    color: #a4a4a4
  }
  
  .home-how .home-how__tab:last-of-type {
    margin-bottom: 0
  }
  
  .home-how .home-how__tab:hover {
    color: #4d7abf
  }
  
  .home-how .home-how__tab.home-how__tab--active {
    color: #4d7abf
  }
  
  .home-how .home-how__tab.home-how__tab--active::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    content: '';
    width: 100%;
    height: 4px;
    background-color: #4d7abf;
    box-shadow: 0 2px 4px rgba(77, 122, 191, 0.4);
    border-radius: 2px
  }
  
  .home-how .home-how__nav {
    display: none
  }
  
  .home-how .home-how__nav.home-how__nav--active {
    display: -ms-flexbox;
    display: flex
  }
  
  .home-how .home-how__slider {
    display: none
  }
  
  .home-how .home-how__slider.home-how__slider--active {
    display: block
  }
  
  .home-how .home-how__slide {
    width: 100%;
    opacity: 0.2;
    transition: opacity 0.4s ease
  }
  
  .home-how .home-how__slide.swiper-slide-active,
  .home-how .home-how__slide.swiper-slide-next {
    opacity: 1
  }
  
  .home-how .home-how__slide-img {
    width: 100%;
    height: 17.5rem;
    margin-bottom: 1.875rem;
    display: block;
    background-color: #31353a
  }
  
  .home-how .home-how__slide-img img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
  
  .home-how .home-how__slide-description-wrap {
    width: 15.125rem
  }
  
  .home-how .home-how__slide-area {
    margin-bottom: .625rem
  }
  
  .home-how .home-how__slide-name {
    margin-bottom: .5625rem
  }
  
  .home-how .home-how__slide-date {
    color: #a4a4a4
  }
  
  .home-how .home-how__slide-btn {
    width: 10.9375rem;
    margin-top: 1.875rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  
  .home-map {
    position: relative;
    width: 100%
  }
  
  .home-map .home-map__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff
  }
  
  .home-map .home-map__title {
    position: relative;
    z-index: 5;
    margin-bottom: 1.625rem
  }
  
  .home-map .home-map__open-map {
    position: absolute;
    bottom: 2.625rem;
    left: 50%;
    width: 16.125rem;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 5
  }
  
  .home-map .home-map__map {
    position: relative;
    width: 100%;
    height: 41.3125rem;
    background-color: #4d7abf;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 4
  }
  
  .home-partners {
    padding: 2.1875rem 0 2.625rem
  }
  
  .home-partners .home-partners__title {
    margin-bottom: 2.375rem
  }
  
  .home-partners .home-partners__slider-wrap {
    position: relative
  }
  
  .home-partners .home-partners__nav {
    margin-bottom: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }
  
  .home-partners .home-partners__arrow {
    width: 3.125rem;
    height: 3.125rem;
    border: 2px solid #4d7abf;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: border 0.4s ease
  }
  
  .home-partners .home-partners__arrow svg {
    width: .5rem;
    height: .75rem;
    stroke: #4d7abf
  }
  
  .home-partners .home-partners__arrow:hover {
    border-color: rgba(77, 122, 191, 0.5)
  }
  
  .home-partners .home-partners__pag {
    width: 6.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: baseline;
    align-items: baseline
  }
  
  .home-partners .home-partners__slide {
    width: 50%;
    height: 4.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }
  
  .home-partners .home-partners__img {
    display: block;
    max-height: 84%;
    max-width: 90%
  }
  
  .home-partners .home-partners__title--price {
    margin-bottom: 30px;
    max-width: 700px
  }
  
  .home-partners .home-partners__smalltitle {
    margin-bottom: 80px
  }
  
  .home-sign {
    background-color: #4d7abf;
    padding: 2.1875rem 0 3.125rem;
    overflow: hidden
  }
  
  .home-sign .home-sign__content-wrap {
    position: relative
  }
  
  .home-sign .home-sign__content {
    position: relative;
    z-index: 1
  }
  
  .home-sign .home-sign__img {
    display: none
  }
  
  .home-sign .home-sign__title {
    margin-bottom: .875rem;
    color: #fff
  }
  
  .home-sign .home-sign__text {
    margin-bottom: 2.1875rem;
    color: #fff
  }
  
  .home-sign .home-sign__btn {
    width: 15.125rem
  }
  
  .mailing {
    padding: 2.1875rem 0 3.125rem;
    background-color: #ecf2fc
  }
  
  .mailing .mailing__title {
    margin-bottom: 1.25rem
  }
  
  .mailing .mailing__text {
    max-width: 92%;
    margin-bottom: 2.1875rem
  }
  
  .mailing .mailing__form {
    width: 19.6875rem
  }
  
  .mailing .mailing__input {
    margin-bottom: 1.0625rem
  }
  
  .mailing .mailing__conf-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.875rem
  }
  
  .mailing .mailing__checkbox {
    margin-top: .1875rem;
    margin-right: 1.25rem
  }
  
  .mailing .mailing__checkbox .checkbox__icon {
    margin-right: 0
  }
  
  .mailing .mailing__conf br {
    display: none
  }
  
  .mailing .mailing__conf a {
    color: #7198d4
  }
  
  .mailing .mailing__conf a:hover {
    color: #3a65a7
  }
  
  .mailing .mailing__form-btn {
    width: 12.75rem
  }
  
  .home-quiz {
    background: linear-gradient(0deg, #ECF2FC, #ECF2FC), linear-gradient(90deg, rgba(236, 242, 252, 0.69) 0%, #ECF2FC 51.49%, #ECF2FC 100%);
    padding: 3.125rem 0
  }
  
  .home-quiz .home-quiz__img-container {
    margin-bottom: 2.5rem
  }
  
  .home-quiz .home-quiz__img-container img {
    max-width: 100%
  }
  
  .home-quiz .home-quiz__title {
    font-size: 1.875rem;
    line-height: 2.625rem;
    margin-bottom: 2.5rem;
    color: #7198d4;
    text-transform: uppercase
  }
  
  .home-quiz .home-quiz__title span {
    color: #31353a
  }
  
  .home-quiz .home-quiz__text {
    margin-bottom: 2.5rem
  }
  
  .home-quiz .home-quiz__btn {
    width: 14.1875rem;
    text-transform: uppercase
  }
  
  .error {
    margin: 0 auto;
    padding: 2.5rem 0
  }
  
  .error .error__num {
    font-size: 10.625rem;
    color: #e7e7e7;
    margin-bottom: .5625rem;
    line-height: 0.9
  }
  
  .error .error__desc {
    font-size: 1.5625rem;
    line-height: 2.625rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: .6875rem
  }
  
  .error .error__advice {
    font-size: 1.125rem;
    line-height: 1.875rem;
    margin-bottom: 2rem
  }
  
  .error .error__btn {
    min-width: 13.9375rem
  }
  
  .error .error__btn span {
    text-transform: uppercase
  }
  
  .error picture {
    display: none;
    width: 100%;
    position: relative
  }
  
  .error picture img {
    display: block;
    height: 100%;
    width: 100%
  }
  
  .filter-home {
    padding: 2.1875rem 0 2rem;
    background-color: #31353a;
    overflow: hidden
  }
  
  .filter-home .filter-home__content-wrap {
    position: relative
  }
  
  .filter-home .filter-home__content {
    position: relative;
    padding-bottom: 4.125rem;
    z-index: 2
  }
  
  .filter-home .filter-home__img {
    display: block;
    right: -28.375rem;
    bottom: -22rem;
    width: 47.125rem;
    position: absolute
  }
  
  .filter-home .filter-home__title {
    margin-bottom: 2.6875rem;
    color: #fff
  }
  
  .filter-home .filter-home__tabs {
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    border-left: 1px solid #e7e7e7;
    margin-bottom: 4rem
  }
  
  .filter-home .filter-home__tab {
    position: relative;
    padding: .625rem .5rem .625rem 1.75rem;
    margin-bottom: .375rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #6a6d75
  }
  
  .filter-home .filter-home__tab:last-of-type {
    margin-bottom: 0
  }
  
  .filter-home .filter-home__tab:hover {
    color: #4d7abf
  }
  
  .filter-home .filter-home__tab span {
    display: inline-block;
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: max-width 0.4s ease, margin 0.4s ease
  }
  
  .filter-home .filter-home__tab.filter-home__tab--active {
    color: #4d7abf
  }
  
  .filter-home .filter-home__tab.filter-home__tab--active span {
    max-width: 100%;
    margin-right: .375rem
  }
  
  .filter-home .filter-home__tab.filter-home__tab--active::after {
    position: absolute;
    left: -3px;
    top: 0;
    content: '';
    width: 5px;
    height: 100%;
    background-color: #4d7abf;
    box-shadow: 0 2px 4px rgba(77, 122, 191, 0.4);
    border-radius: 2px
  }
  
  .filter-home .filter-home__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%
  }
  
  .filter-home .filter-home__row-wrap {
    width: 100%
  }
  
  .filter-home .filter-home__row {
    display: none;
    width: 100%
  }
  
  .filter-home .filter-home__row.filter-home__row--active {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .filter-home .filter-home__form-col {
    width: 100%
  }
  
  .filter-home .filter-home__range,
  .filter-home .filter-home__select,
  .filter-home .filter-home__input {
    position: relative;
    width: 100%;
    margin-bottom: 1.6875rem
  }
  
  .filter-home .filter-home__range {
    width: 100%
  }
  
  .filter-home .filter-home__range .input {
    padding-left: .875rem;
    color: #fff
  }
  
  .filter-home .filter-home__range .range-one .jsr {
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 2
  }
  
  .filter-home .filter-home__range .range-one .jsr_label {
    display: none;
    left: 0 !important;
    top: -2.125rem;
    width: 100%;
    padding: .25rem .9375rem;
    line-height: 1.875rem;
    font-size: 1rem
  }
  
  .filter-home .filter-home__select .select.select--open {
    z-index: auto
  }
  
  .filter-home .filter-home__select .select.select--open .select__content-wrap {
    z-index: 5
  }
  
  .filter-home .filter-home__input .input,
  .filter-home .filter-home__range .input {
    border-color: #6a6d75;
    color: #fff
  }
  
  .filter-home .filter-home__input .input:hover,
  .filter-home .filter-home__input .input:active,
  .filter-home .filter-home__input .input:focus,
  .filter-home .filter-home__range .input:hover,
  .filter-home .filter-home__range .input:active,
  .filter-home .filter-home__range .input:focus {
    border-color: #7198d4
  }
  
  .filter-home .filter-home__input .input.input--fail,
  .filter-home .filter-home__range .input.input--fail {
    color: red;
    border-color: red
  }
  
  .filter-home .filter-home__input .input:hover,
  .filter-home .filter-home__range .input:hover {
    border-color: #fff
  }
  
  .filter-home .filter-home__input-title {
    position: absolute;
    top: 0;
    left: .3125rem;
    padding: 0 .375rem;
    background-color: #31353a;
    color: #7198d4;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
  }
  
  .filter-home .filter-home__btn {
    margin-top: .25rem;
    color: #fff
  }
  
  .filter-home .filter-home__footer {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.25rem 0 1.0625rem
  }
  
  .filter-home .filter-home__footer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    height: 1px;
    width: 100vw;
    background-color: #fff;
    opacity: 0.2;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  
  .filter-home .filter-home__footer-title {
    margin-bottom: 1.625rem;
    text-align: center;
    color: #fff
  }
  
  .filter-home .filter-home__footer-btn {
    width: 14.1875rem;
    margin-bottom: 1.6875rem
  }
  
  .filter-home .filter-home__footer-text {
    max-width: 15.75rem;
    text-align: center;
    color: #fff
  }
  
  .filter-catalog {
    width: 100%
  }
  
  .filter-catalog .filter-catalog__form-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 3.875rem 0 5.625rem;
    display: none;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    z-index: 14
  }
  
  .filter-catalog .filter-catalog__form-wrap .ps__thumb-y {
    width: 6px
  }
  
  .filter-catalog .filter-catalog__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.625rem 1.875rem 4.6875rem;
    margin-bottom: 1.5625rem;
    background-color: #f7f7f7;
    width: 92.2%;
    max-width: 28.5rem;
    margin: 0 auto
  }
  
  .filter-catalog .filter-catalog__head-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.875rem;
    display: block;
    box-shadow: 0 .0625rem .9375rem rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 5
  }
  
  .filter-catalog .filter-catalog__head {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
  }
  
  .filter-catalog .filter-catalog__head .filter-catalog__reset {
    display: -ms-flexbox;
    display: flex;
    margin-top: 0
  }
  
  .filter-catalog .filter-catalog__head .filter-catalog__reset span {
    display: none
  }
  
  .filter-catalog .filter-catalog__head-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 5.625rem;
    text-align: center
  }
  
  .filter-catalog .filter-catalog__close {
    position: relative;
    width: 2rem;
    height: 2rem;
    margin-right: -.625rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  
  .filter-catalog .filter-catalog__close::after,
  .filter-catalog .filter-catalog__close::before {
    content: '';
    display: block;
    position: absolute;
    top: 48%;
    left: 18%;
    width: 1.25rem;
    height: 2px;
    border-radius: 2px;
    background-color: #a4a4a4;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: background 0.4s ease
  }
  
  .filter-catalog .filter-catalog__close::before {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  
  .filter-catalog .filter-catalog__close::after {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  
  .filter-catalog .filter-catalog__close:hover {
    border-color: #3a65a7
  }
  
  .filter-catalog .filter-catalog__close:hover::after,
  .filter-catalog .filter-catalog__close:hover::before {
    background-color: #3a65a7
  }
  
  .filter-catalog .filter-catalog__item {
    width: 100%;
    margin-bottom: 1.3125rem
  }
  
  .filter-catalog .filter-catalog__item:last-of-type {
    margin-bottom: 0
  }
  
  .filter-catalog .filter-catalog__item .range {
    padding: 1.6875rem 0 1.4375rem
  }
  
  .filter-catalog .filter-catalog__item-title {
    margin-bottom: .8125rem
  }
  
  .filter-catalog .filter-catalog__checkboxes {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
  }
  
  .filter-catalog .filter-catalog__checkbox {
    margin-bottom: .875rem
  }
  
  .filter-catalog .filter-catalog__checkbox:last-of-type {
    margin-bottom: 0
  }
  
  .filter-catalog .filter-catalog__btns-checkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-bottom: -.625rem
  }
  
  .filter-catalog .filter-catalog__btn-checkbox {
    display: block;
    width: 3.6875rem;
    height: 3.6875rem;
    margin-right: .625rem;
    margin-bottom: .625rem
  }
  
  .filter-catalog .filter-catalog__btn-checkbox:last-of-type {
    margin-right: 0
  }
  
  .filter-catalog .filter-catalog__btn-checkbox input {
    display: none
  }
  
  .filter-catalog .filter-catalog__btn-checkbox input:checked+.filter-catalog__btn-checkbox-content {
    border-color: #7198d4;
    background-color: #7198d4;
    color: #fff
  }
  
  .filter-catalog .filter-catalog__btn-checkbox input:disabled+.filter-catalog__btn-checkbox-content {
    background: #e7e7e7;
    color: #a4a4a4
  }
  
  .filter-catalog .filter-catalog__btn-checkbox input:disabled+.filter-catalog__btn-checkbox-content:hover {
    border-color: #e7e7e7
  }
  
  .filter-catalog .filter-catalog__btn-checkbox-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border: 2px solid #e7e7e7;
    text-align: center;
    cursor: pointer;
    transition: border 0.4s ease, background 0.4s ease, color 0.4s ease
  }
  
  .filter-catalog .filter-catalog__select .select__btn,
  .filter-catalog .filter-catalog__select .select__content-wrap {
    background-color: #f7f7f7
  }
  
  .filter-catalog .filter-catalog__reset {
    display: none;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.6875rem;
    text-transform: uppercase;
    color: #a4a4a4
  }
  
  .filter-catalog .filter-catalog__reset svg {
    width: 1.0625rem;
    height: .8125rem;
    margin-right: .625rem;
    fill: currentColor
  }
  
  .filter-catalog .filter-catalog__reset:hover {
    color: #4d7abf
  }
  
  .filter-catalog .filter-catalog__btn-search-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100vw;
    height: 5.75rem;
    background-color: #fff;
    box-shadow: 0 -.0625rem .9375rem rgba(0, 0, 0, 0.1);
    animation-duration: 0.6s;
    animation-fill-mode: both;
    animation-name: fadeIn;
    z-index: 7
  }
  
  .filter-catalog .filter-catalog__btn-search-wrap.filter-catalog__btn-search-wrap--active {
    display: -ms-flexbox;
    display: flex;
    opacity: 1
  }
  
  .filter-catalog .filter-catalog__promotion {
    display: block;
    position: relative;
    width: 100%;
    height: 8.375rem;
    margin-bottom: 1.3125rem;
    background-color: #fcd666
  }
  
  .filter-catalog .filter-catalog__promotion-wrp {
    position: relative;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.5rem 2rem
  }
  
  .filter-catalog .filter-catalog__promotion-wrp::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0.5;
    box-shadow: inset 0 0 0 0 #e6ba54;
    transition: 0.2s linear
  }
  
  .filter-catalog .filter-catalog__promotion-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 5.3125rem;
    height: 7.625rem
  }
  
  .filter-catalog .filter-catalog__promotion-back.filter-catalog__promotion-back--right {
    left: auto;
    right: 0;
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
  }
  
  .filter-catalog .filter-catalog__promotion-text {
    position: relative;
    text-align: center;
    z-index: 1
  }
  
  .filter-catalog .filter-catalog__promotion-text2 {
    position: relative;
    text-align: center;
    z-index: 1;
    font-size: 17px;
    font-weight: 600;
  }
  
  .filter-catalog.filter-catalog--open .filter-catalog__form-wrap {
    display: block
  }
  
  .catalog .catalog__head {
    margin-bottom: 1.5625rem
  }
  
  .catalog .catalog__sorting-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.25rem
  }
  
  .catalog .catalog__btn-filter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6.625rem;
    height: 2.5625rem;
    background-color: #4d7abf;
    text-transform: uppercase;
    color: #fff
  }
  
  .catalog .catalog__btn-filter svg {
    width: .875rem;
    height: .8125rem;
    margin-right: .25rem;
    fill: #fff
  }
  
  .catalog .catalog__btn-filter:active {
    background-color: #3a65a7
  }
  
  .catalog .catalog__sorting {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto
  }
  
  .catalog .catalog__tags {
    position: relative;
    overflow: hidden;
    padding-bottom: 2.8125rem
  }
  
  .catalog .catalog__tags .ps__rail-y {
    display: none
  }
  
  .catalog .catalog__tags .ps__rail-x {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .625rem;
    height: 2px;
    background-color: #f7f7f7;
    overflow: visible
  }
  
  .catalog .catalog__tags .ps__rail-x.ps--clicking {
    opacity: 1
  }
  
  .catalog .catalog__tags .ps__thumb-x {
    position: absolute;
    top: -1px;
    bottom: auto;
    height: 4px;
    background-color: #7198d4;
    box-shadow: 0 4px 6px rgba(92, 139, 210, 0.2);
    cursor: pointer
  }
  
  .catalog .catalog__tags-wrap {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  
  .catalog .catalog__tags-wrap.catalog__tags-wrap--showed {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .catalog .catalog__tags-wrap.catalog__tags-wrap--showed .catalog__tag {
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-bottom: .625rem
  }
  
  .catalog .catalog__tags-wrap.catalog__tags-wrap--showed .catalog__tag:nth-child(3) {
    margin-right: .625rem
  }
  
  .catalog .catalog__tags-wrap.catalog__tags-wrap--showed .catalog__tag:nth-child(n+4) {
    display: block
  }
  
  .catalog .catalog__tag {
    margin-right: .625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
  }
  
  .catalog .catalog__items {
    margin-bottom: 2.5rem
  }
  
  .catalog .catalog__item {
    margin-bottom: .875rem
  }
  
  .catalog .catalog__item:nth-of-type(3n) {
    margin-right: 0
  }
  
  .catalog .catalog__btn-more {
    display: -ms-flexbox;
    display: flex;
    width: 12.375rem;
    margin: 0 auto
  }
  
  .catalog .catalog__pag {
    margin-top: 3.125rem;
    margin-bottom: 2.1875rem
  }
  
  .catalog .catalog__tags-more {
    position: absolute;
    width: 100%;
    height: 1.9625rem;
    font-size: 0.9rem;
    text-transform: none;
    bottom: -2.8125rem;
    right: 0;
    -webkit-tap-highlight-color: transparent
  }
  
  @supports (-ms-ime-align: auto) {
    .catalog .catalog__tags-more {
      max-width: 14.375rem
    }
  }
  
  .catalog-item {
    width: 100%;
    background-color: #f7f7f7
  }
  
  .catalog-item .catalog-item__img-wrap {
    position: relative;
    width: 100%;
    /*height: 15rem*/
	height: 80%;
  }
  
  .catalog-item .catalog-item__img-wrap > a {
	  display: block;
	  width: 100%;
	  height: 100%
  }
  
  .catalog-item .catalog-item__img {
    width: 100%;
    height: 100%;
    display: block
  }
  
  .catalog-item .catalog-item__img img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  
  .catalog-item a.catalog-item__zoom-btn {
    position: absolute;
    top: 1.25rem;
    right: 1.625rem;
    width: 1.6875rem;
    height: 1.625rem;
    padding: .125rem;
    z-index: 1
  }
  
  .catalog-item .catalog-item__zoom-btn svg {
    stroke-width: 2px;
    fill: transparent;
    stroke: #fff
  }
  
  .catalog-item .catalog-item__zoom-btn:hover svg {
    stroke: #4d7abf
  }
  
  .catalog-item .catalog-item__description {
    padding: 0 0.4rem
  }
  
  .catalog-item .catalog-item__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 4.625rem;
    padding: .75rem 0;
    border-bottom: 1px solid rgba(164, 164, 164, 0.3)
  }

  .article-detail.main ~ .project-other.main {
    overflow-x: clip;
  }
  .article-detail.main ~ .project-other.main .catalog-item .catalog-item__top {
    min-height: 250px;
  }
  .article-detail.main ~ .project-other.main .catalog-item{background-position:center center!important}
  .article-detail.main ~ .project-other.main div#bx_1373509569_3405 div.catalog-item__img-wrap{display:none}
  
  .catalog-item .catalog-item__top:hover .catalog-item__name {
    color: #4d7abf
  }
  
  .catalog-item .catalog-item__top-left {
    margin-right: 1.6875rem
  }
  
  .catalog-item .catalog-item__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.4s ease
  }
  
  .catalog-item .catalog-item__info-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }
  
  .catalog-item .catalog-item__info-item {
    margin-right: .875rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  
  .catalog-item .catalog-item__info-item:last-of-type {
    margin-right: 0
  }
  
  .catalog-item .catalog-item__area {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: right
  }
  
  .catalog-item .catalog-item__bottom {
    position: relative;
    padding: 1.125rem 0 1.5625rem;
    min-height: 5.4375rem
  }
  
  .catalog-item .catalog-item__bottom-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: fadeIn
  }
  
  .catalog-item .catalog-item__bottom-row:not(:last-of-type) {
    margin-bottom: .5rem
  }
  
  .catalog-item .catalog-item__bottom-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.4
  }
  
  .catalog-item .catalog-item__bottom-info-title {
    padding-top: .3125rem
  }
  
  .catalog-item .catalog-item__bottom-info-text {
    color: #a4a4a4
  }
  
  .catalog-item .catalog-item__bottom-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }
  
  .catalog-item .catalog-item__bottom-price-title {
    line-height: 1.4;
    color: #a4a4a4;
    text-align: right;
    margin-right: .625rem
  }
  
  .catalog-item .catalog-item__bottom-price-text {
    line-height: 1.2;
    text-align: right
  }
  
  .catalog-item .catalog-item__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: fadeIn
  }
  
  .catalog-item:hover .catalog-item__bottom-row {
    display: none
  }
  
  .catalog-item:hover .catalog-item__btn {
    display: -ms-flexbox;
    display: flex
  }
  
  .catalog-pag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  
  .catalog-pag .catalog-pag__arrow {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem
  }
  
  .catalog-pag .catalog-pag__arrow svg {
    width: .5rem;
    height: .75rem;
    stroke-width: 2px;
    stroke: #e7e7e7
  }
  
  .catalog-pag .catalog-pag__arrow:hover svg {
    stroke: #3a65a7
  }
  
  .catalog-pag .catalog-pag__items {
    margin: 0 1rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }
  
  .catalog-pag .catalog-pag__item {
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    padding: .25rem;
    margin-right: .6875rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background-color: rgba(231, 231, 231, 0);
    transition: background 0.4s ease, color 0.4s ease;
    color: #31353a
  }
  
  .catalog-pag .catalog-pag__item:last-of-type {
    margin-right: 0
  }
  
  .catalog-pag .catalog-pag__item.catalog-pag__item--active {
    background-color: #e7e7e7
  }
  
  .catalog-pag .catalog-pag__item:hover {
    background-color: #e7e7e7
  }
  
  .project {
    padding-bottom: 1.0625rem
  }
  
  .project .project__gallery {
    margin-bottom: 1.25rem
  }
  
  .project .project__description {
    width: 100%;
    padding: 1.25rem;
    background-color: #f7f7f7
  }
  
  .project .project__top {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(164, 164, 164, 0.3)
  }
  
  .project .project__area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: .375rem
  }
  
  .project .project__area-name {
    color: #a4a4a4;
    margin-right: .8125rem
  }
  
  .project .project__info-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }
  
  .project .project__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1.1875rem
  }
  
  .project .project__info svg {
    width: 1.5625rem;
    height: 1.25rem;
    margin-right: .625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: #4d7abf
  }
  
  .project .project__info:last-of-type {
    margin-right: 0
  }
  
  .project .project__whom {
    padding-top: .625rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(164, 164, 164, 0.3)
  }
  
  .project .project__title {
    margin-bottom: .6875rem;
    line-height: 1.25rem
  }
  
  .project .project__whom-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .375rem
  }
  
  .project .project__whom-item:last-of-type {
    margin-bottom: 0
  }
  
  .project .project__whom-item-img {
    width: 2.4375rem;
    height: 1.9375rem;
    margin-right: 1.125rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center
  }
  
  .project .project__type {
    padding-top: 1.25rem;
    padding-bottom: 1.5625rem;
    border-bottom: 1px solid rgba(164, 164, 164, 0.3)
  }
  
  .project .project__type-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
  }
  
  .project .project__type-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .5rem;
    cursor: pointer
  }
  
  .project .project__type-item:last-of-type {
    margin-bottom: 0
  }
  
  .project .project__type-item input {
    display: none
  }
  
  .project .project__type-item input:checked+.project__type-item-icon {
    background-color: #7198d4;
    border-color: #7198d4
  }
  
  .project .project__type-item-icon {
    width: 1.6875rem;
    height: 1.6875rem;
    border: 2px solid #e7e7e7;
    border-radius: 50%;
    margin-right: .9375rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #f7f7f7;
    transition: border 0.4s ease, background 0.4s ease
  }
  
  .project .project__type-item-icon::after {
    content: '';
    display: block;
    width: .6875rem;
    height: .6875rem;
    border-radius: 50%;
    background-color: #f7f7f7
  }
  
  .project .project__type-item-icon:hover {
    border-color: #7198d4
  }
  
  .project .project__price-wrap {
    padding-top: 1.25rem
  }
  
  .project .project__price-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: .75rem
  }
  
  .project .project__price-title {
    color: #a4a4a4
  }
  
  .project .project__price {
    letter-spacing: 1.3px;
    line-height: 1.375rem
  }
  
  .project .project__btn {
    width: 100%;
    padding: 0
  }
  
  .project .project__btn.project__btn--credit {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #4d7abf;
    letter-spacing: 0.5px;
    background-color: transparent;
    border: none;
    margin-top: 1.375rem;
    text-transform: none;
    height: 1.75rem
  }
  
  .project .project__btn.project__btn--credit svg {
    width: 1.375rem;
    height: 1.375rem;
    margin-right: .625rem;
    fill: none;
    stroke: #4d7abf
  }
  
  .project .project__btn.project__btn--credit:hover {
    color: #3a65a7
  }
  
  .project .project__btn.project__btn--credit:hover svg {
    stroke: #3a65a7
  }
  
  .project-specifications {
    margin-bottom: 2rem
  }
  
  .project-specifications .project-specifications__floors {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .project-specifications .project-specifications__floor {
    width: 50%;
    padding-right: .75rem;
    margin-bottom: 1.125rem
  }
  
  .project-specifications .project-specifications__floor-title {
    margin-bottom: 1.25rem
  }
  
  .project-specifications .project-specifications__floor-view {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    background-color: #fff;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: background-color 0.4s ease, opacity 0.4s ease
  }
  
  .project-specifications .project-specifications__floor-view svg {
    width: 1.1875rem;
    height: .8125rem;
    fill: #4d7abf
  }
  
  .project-specifications .project-specifications__floor-img-wrap {
    position: relative;
    width: 98%;
    cursor: pointer
  }
  
  .project-specifications .project-specifications__floor-img-wrap:hover .project-specifications__floor-view {
    opacity: 1;
    background-color: #4d7abf
  }
  
  .project-specifications .project-specifications__floor-img-wrap:hover .project-specifications__floor-view svg {
    fill: #fff
  }
  
  .project-specifications .project-specifications__floor-img {
    display: block;
    width: 100%
  }
  
  .project-specifications .project-specifications__floor-img img {
    display: block;
    width: 100%
  }
  
  .project-specifications .project-specifications__description-title {
    margin-bottom: .875rem
  }
  
  .project-specifications .project-specifications__list {
    width: 100%;
    margin-bottom: 2.125rem
  }
  
  .project-specifications .project-specifications__list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
  }
  
  .project-specifications .project-specifications__list-name {
    width: 52%;
    margin-right: 3%
  }
  
  .project-specifications .project-specifications__list-text {
    width: 45%;
    color: #a4a4a4
  }
  
  .project-specifications .project-specifications__list-text.project-specifications__list-text--url {
    width: auto
  }
  
  .project-specifications .project-specifications__list-text.project-specifications__list-text--url::after {
    content: ", "
  }
  
  .project-specifications .project-specifications__list-text.project-specifications__list-text--url:last-child::after {
    content: ""
  }
  
  .project-specifications .project-specifications__list-text.project-specifications__list-text--url:hover {
    color: #4d7abf
  }
  
  .project-specifications .project-specifications__links {
    width: 45%
  }
  
  .project-specifications .project-specifications__btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.875rem
  }
  
  .project-specifications .project-specifications__socials {
    width: 3.625rem;
    height: 3.625rem;
    border: 2px solid #4d7abf;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: border 0.4s ease, background 0.4s ease
  }
  
  .project-specifications .project-specifications__socials svg {
    width: 1.3125rem;
    height: 1.3125rem;
    fill: #4d7abf;
    stroke: #4d7abf
  }
  
  .project-specifications .project-specifications__socials:hover {
    border-color: #4d7abf;
    background-color: #4d7abf
  }
  
  .project-specifications .project-specifications__socials:hover svg {
    fill: #fff;
    stroke: #fff
  }
  
  .project-specifications .project-specifications__btn {
    width: 100%
  }
  
  .project-about-description .project-about-description__content-wrap {
    max-height: 9.375rem;
    overflow: hidden;
    transition: max-height 0.4s ease
  }
  
  .project-about-description .project-about-description__more {
    color: #7198d4
  }
  
  .project-about-description .project-about-description__more:hover {
    color: #4d7abf
  }
  
  .project-about {
    margin-bottom: 2.625rem
  }
  
  .project-about .project-about__title {
    margin-bottom: 1.5rem
  }
  
  .project-about .project-about__tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.25rem
  }
  
  .project-about .project-about__tab {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    height: 2.625rem;
    background: var(--color);
    color: #fff;
    z-index: 1;
    font-size: 1rem
  }
  
  .project-about .project-about__tab::after {
    display: none;
    content: '';
    position: absolute;
    bottom: .8125rem;
    left: -.6875rem;
    width: 0;
    height: 0;
    border-right: .6875rem solid var(--color);
    border-top: .5rem solid transparent;
    border-bottom: .5rem solid transparent
  }
  
  .project-about .project-about__tab:nth-child(even)::after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    border-right: none;
    border-right: .6875rem solid var(--color);
    right: -.6875rem;
    left: unset
  }
  
  .project-about .project-about__tab.project-about__tab--active {
    z-index: 2
  }
  
  .project-about .project-about__tab.project-about__tab--active::after {
    display: block
  }
  
  .project-about .project-about__tab:hover {
    z-index: 3;
    cursor: pointer
  }
  
  .project-about .project-about__tab:hover::after {
    display: block
  }
  
  .project-about .project-about__item {
    display: none
  }
  
  .project-about .project-about__item.project-about__item--active {
    display: block
  }
  
  .project-about .project-about__reviews {
    padding: 0
  }
  
  .project-about .project-about__video.project-about__video--review {
    margin-bottom: 1.25rem
  }
  
  .project-about .project-about__video.project-about__video--review .h3 {
    color: #fff
  }
  
  .project-equipment {
    margin-bottom: 2.625rem
  }
  
  .project-equipment .project-equipment__title {
    margin-bottom: 1.5rem
  }
  
  .project-equipment .project-equipment__tabs {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25rem;
    overflow: auto
  }
  
  .project-equipment .project-equipment__tab {
    position: relative;
    width: 7.5rem;
    padding-right: .3125rem;
    padding-bottom: 1.125rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  
  .project-equipment .project-equipment__tab:last-of-type {
    margin-right: 0
  }
  
  .project-equipment .project-equipment__tab:last-of-type::after {
    display: none
  }
  
  .project-equipment .project-equipment__tab:last-of-type:before {
    display: none
  }
  
  .project-equipment .project-equipment__tab::after {
    content: '';
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 1.25rem;
    top: .51875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-top: .25rem solid #ecf2fc;
    border-right: .25rem solid #ecf2fc
  }
  
  .project-equipment .project-equipment__tab:before {
    content: '';
    position: absolute;
    right: 1.25rem;
    top: .9375rem;
    width: 2.1875rem;
    border-top: .25rem solid #ecf2fc
  }
  
  .project-equipment .project-equipment__tab svg {
    width: 2.875rem;
    height: 2.5rem;
    margin-bottom: 1.875rem;
    fill: #7198d4
  }
  
  .project-equipment .project-equipment__tab.disabled {
    pointer-events: none;
    opacity: 0.8
  }
  
  .project-equipment .project-equipment__tab.disabled svg {
    fill: #a4a4a4
  }
  
  .project-equipment .project-equipment__tab.project-equipment__tab--active {
    display: -ms-flexbox;
    display: flex
  }
  
  .project-equipment .project-equipment__tab.project-equipment__tab--active .project-equipment__tab-text {
    color: #7198d4;
    border-bottom: groove;
    border-color: cornflowerblue
  }
  
  .project-equipment .project-equipment__tab:hover .project-equipment__tab-text {
    color: #7198d4
  }
  
  .project-equipment .project-equipment__tab-text {
    max-width: 100%;
    color: #a4a4a4;
    transition: color 0.4s ease
  }
  
  .project-equipment .project-equipment__content {
    margin-bottom: 1.25rem
  }
  
  .project-equipment .project-equipment__item {
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .project-equipment .project-equipment__item.project-equipment__item--active {
    display: -ms-flexbox;
    display: flex
  }
  
  .project-equipment .project-equipment__item-col {
    width: 100%;
    padding: 1.25rem .875rem;
    border: .625rem solid #ecf2fc;
    margin-bottom: .875rem
  }
  
  .project-equipment .project-equipment__item-title {
    margin-bottom: .25rem
  }
  
  .project-equipment .project-equipment__item-s-title {
    margin-bottom: .375rem;
    color: #4d7abf
  }
  
  .project-equipment .project-equipment__item-list {
    margin-top: .875rem
  }
  
  .project-equipment .project-equipment__btn-learn {
    width: 100%;
    padding: 0
  }
  
  .project-equipment .project-equipment__item-extern {
    display: none
  }
  
  .project-equipment .project-equipment__item-extern.project-equipment__item-extern--active {
    display: block
  }
  
  .project-equipment .project-equipment__tabs-extern {
    padding-bottom: 2rem
  }
  
  .project-equipment .project-equipment__tab-extern-text {
    font-size: .875rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    text-align: center;
    color: #31353a
  }
  
  .project-equipment .project-equipment__tab-extern {
    padding: .75rem .625rem;
    border: .125rem solid #4d7abf;
    margin-bottom: -.125rem;
    position: relative;
    z-index: 1;
    cursor: pointer
  }
  
  .project-equipment .project-equipment__tab-extern.project-equipment__tab-extern--active {
    display: block;
    background: #4d7abf;
    z-index: 2
  }
  
  .project-equipment .project-equipment__tab-extern.project-equipment__tab-extern--active .project-equipment__tab-extern-text {
    color: #fff
  }
  
  .project-equipment .project-equipment__item-header {
    background: #ecf2fc;
    font-size: 1rem;
    padding: .9375rem 0 1rem;
    border: .125rem solid #e7e7e7;
    width: calc(100% - 4px);
    text-align: center
  }
  
  .project-equipment .project-equipment__tableHeader-container {
    display: -ms-flexbox;
    display: flex;
    width: 100%
  }
  
  .project-equipment .project-equipment__tableHeader {
    background: #f7f7f7;
    border-bottom: .125rem solid #e7e7e7;
    border-right: .125rem solid #e7e7e7;
    border-left: .125rem solid #e7e7e7;
    padding: 1rem 0 1.0625rem;
    font-size: 1rem;
    width: calc(100% - 4px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
  }
  
  .project-equipment .project-equipment__tableHeader:first-child {
    border-left: .125rem solid #e7e7e7;
    width: calc(100% - 4px);
    padding: 1.375rem 0;
    font-size: 1.25rem
  }
  
  .project-equipment .project-equipment__tableHeader-price {
    color: #4d7abf
  }
  
  .project-equipment .project-equipment__table-row {
    display: -ms-flexbox;
    display: flex
  }
  
  .project-equipment .project-equipment__table-row.project-equipment__table-row--hidden {
    display: none
  }
  
  .project-equipment .project-equipment__tableText-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }
  
  .project-equipment .project-equipment__tableText-container.project-equipment__tableText-container--hidden {
    display: none
  }
  
  .project-equipment .project-equipment__tableText-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }
  
  .project-equipment .project-equipment__tableText-container.project-equipment__tableText-container--hidden {
    display: none
  }
  
  .project-equipment .project-equipment__tableText {
    font-size: 1rem;
    line-height: 1.75rem;
    border-bottom: .125rem solid #e7e7e7;
    border-right: .125rem solid #e7e7e7;
    padding: .875rem 2.375rem .875rem 0;
    width: calc(100% - 56px)
  }
  
  .project-equipment .project-equipment__tableText p {
    padding-left: 1rem;
    position: relative
  }
  
  .project-equipment .project-equipment__tableText p::before {
    content: '';
    position: absolute;
    top: .6875rem;
    left: 0;
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    background-color: #31353a
  }
  
  .project-equipment .project-equipment__tableText.project-equipment__tableText--tooltip svg {
    width: 1.125rem;
    height: 1.125rem;
    cursor: pointer;
    display: inline-block;
    vertical-align: sub;
    fill: none
  }
  
  .project-equipment .project-equipment__tableText.project-equipment__tableText--tooltip>span {
    position: relative
  }
  
  .project-equipment .project-equipment__tableText-tooltip-container {
    display: inline-block;
    cursor: pointer
  }
  
  .project-equipment .project-equipment__tableText-tooltip-container:hover .project-equipment__tableText-tooltip {
    opacity: 1;
    visibility: visible
  }
  
  .project-equipment .project-equipment__tableText-tooltip {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: color 0.4s ease;
    background-color: #f7f7f7;
    padding: 1.25rem 1.5625rem;
    position: absolute;
    width: 13.4375rem;
    left: 0;
    bottom: 0;
    z-index: 2
  }
  
  .project-equipment .project-equipment__tableStatus {
    border-bottom: .125rem solid #e7e7e7;
    border-left: .125rem solid #e7e7e7;
    width: 3.25rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  
  .project-equipment .project-equipment__tableStatus.project-equipment__tableStatus--true::before {
    content: '';
    display: block;
    width: .625rem;
    height: .9375rem;
    border-bottom: .1875rem solid #5c8752;
    border-right: .1875rem solid #5c8752;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  
  .project-equipment .project-equipment__tableStatus.project-equipment__tableStatus--false::before {
    content: '';
    display: inline-block;
    width: .875rem;
    height: .25rem;
    border-radius: .125rem;
    background: #f27069
  }
  
  .project-equipment .project-equipment__table {
    display: none;
    position: relative
  }
  
  .project-equipment .project-equipment__table.project-equipment__table--mobile {
    display: block;
    width: 100%
  }
  
  .project-equipment .project-equipment__showMore {
    margin-top: 1.25rem
  }
  
  .project-equipment .project-equipment__showMore.project-equipment__showMore--hidden {
    display: none
  }
  
  .project-equipment .project-equipment__slider-btn {
    position: absolute;
    height: .625rem;
    width: .3125rem;
    cursor: pointer;
    z-index: 4
  }
  
  .project-equipment .project-equipment__slider-btn::before {
    position: absolute;
    left: 0;
    top: 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    height: .4375rem;
    width: .4375rem;
    border-left: .125rem solid #4d7abf;
    border-bottom: .125rem solid #4d7abf
  }
  
  .project-equipment .project-equipment__slider-btn.project-equipment__slider-btn--prev {
    left: 2.0625rem;
    top: 2.625rem
  }
  
  .project-equipment .project-equipment__slider-btn.project-equipment__slider-btn--next {
    right: 2.0625rem;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 2.5rem
  }
  
  .project-equipment .project-equipment__tab-blink {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 3.75rem;
    height: 2.5rem
  }
  
  .project-equipment .project-equipment__tab-blink::after {
    content: '';
    display: block;
    width: 1.875rem;
    height: 12.5rem;
    margin-left: 3.75rem;
    background: #fff;
    opacity: 0.5;
    position: absolute;
    left: -2.5rem;
    top: -6.25rem;
    z-index: 1;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.1s;
    animation-name: slideme;
    animation-duration: 3s;
    animation-delay: 0.05s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
  }
  
  @keyframes slideme {
    0% {
      left: -1.875rem;
      margin-left: 0
    }
  
    30% {
      left: 110%;
      margin-left: 5rem
    }
  
    100% {
      left: 110%;
      margin-left: 5rem
    }
  }
  
  .project-present .project-present__title {
    margin-bottom: 1.25rem
  }
  
  .project-present .project-present__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .project-present .project-present__item-content {
    width: 100%;
    height: 100%;
    padding: .875rem .9375rem 1.625rem .9375rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: rgba(252, 214, 102, 0);
    transition: background-color 0.4s ease
  }
  
  .project-present .project-present__item-text-wrap {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s linear
  }
  
  .project-present .project-present__item-text:first-of-type {
    margin-top: .875rem
  }
  
  .project-present .project-present__item {
    width: 100%;
    min-height: 17rem;
    background-size: cover;
    background-color: #e7e7e7;
    cursor: pointer;
    transition: height linear;
    position: relative
  }
  
  .project-present .project-present__item img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    transition: opacity 0.3s ease
  }
  
  .project-present .project-present__item.project-present__item--active img {
    opacity: 0
  }
  
  .project-present .project-present__item-content {
    position: relative;
    z-index: 2
  }
  
  .project-other {
    padding: 2rem 0 2.5rem
  }
  
  .project-other .project-other__head {
    margin-bottom: 1.25rem
  }
  
  .project-other .project-other__title {
    margin-bottom: 1.25rem
  }
  
  .project-other .project-other__slider {
    overflow: visible
  }
  
  .project-other .project-other__slider .swiper-wrapper {
    overflow: visible
  }
  
  .project-other .project-other__slider:not(.swiper-container-initialized) .reviews__slide {
    margin-right: 1.375rem
  }
  
  .project-other .project-other__item {
    position: relative;
    width: 22.75rem
  }
  
  .project-other .project-other__item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(247, 247, 247, 0.6);
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-name: fadeIn;
    z-index: 7
  }
  
  .project-other .project-other__item.swiper-slide-active::after {
    display: none
  }
  
  .project-individuality {
    padding: 2rem 0 2.5rem;
    background-color: #4d7abf
  }
  
  .project-individuality .project-individuality__title {
    margin-bottom: 1.25rem;
    color: #fff
  }
  
  .project-individuality .project-individuality__description {
    margin-bottom: 1.25rem
  }
  
  .project-individuality .project-individuality__description-title {
    margin-bottom: 1rem;
    color: #fff
  }
  
  .project-individuality .project-individuality__description-text {
    margin-bottom: 2.0625rem;
    color: #fff
  }
  
  .project-individuality .project-individuality__description-btn {
    width: 100%;
    padding: 0
  }
  
  .project-individuality .project-individuality__highlight-title {
    margin-bottom: 2rem;
    color: #fff
  }
  
  .project-individuality .project-individuality__highlight-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.25rem
  }
  
  .project-individuality .project-individuality__highlight-item:last-of-type {
    margin-bottom: 0
  }
  
  .project-individuality .project-individuality__highlight-icon {
    width: 3.375rem;
    height: 3.375rem;
    margin-right: 1.25rem;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #fff
  }
  
  .project-individuality .project-individuality__highlight-icon svg {
    width: 2rem;
    height: 2rem;
    fill: #4d7abf
  }
  
  .project-individuality .project-individuality__highlight-item-text {
    color: #fff
  }
  
  .banner-about {
    margin-bottom: 2.5rem
  }
  
  .banner-about .banner-about__slider {
    width: 100%;
    height: 17.125rem;
    margin: 0
  }
  
  .banner-about .banner-about__slide {
    position: relative;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #6a6d75;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
  }
  
  .banner-about .banner-about__slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(49, 53, 58, 0.2);
    opacity: 0;
    transition: opacity 0.4s ease
  }
  
  .banner-about .banner-about__slide:hover::after {
    opacity: 1
  }
  
  .banner-about .banner-about__slide:hover .banner-about__video-btn {
    border-color: #fff
  }
  
  .banner-about .banner-about__video-btn {
    position: relative;
    width: 4.6875rem;
    height: 4.6875rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: border 0.4s ease;
    z-index: 1
  }
  
  .banner-about .banner-about__video-btn svg {
    width: 1.625rem;
    height: 1.3125rem;
    margin: .25rem 0 0 .25rem;
    fill: #fcd666
  }
  
  .banner-about .banner-about__arrow {
    position: absolute;
    top: 50%;
    width: 3.125rem;
    height: 3.125rem;
    border: 2px solid #fff;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: border 0.4s ease;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 6
  }
  
  .banner-about .banner-about__arrow svg {
    width: .5rem;
    height: .75rem;
    stroke-width: 2px;
    stroke: #fff
  }
  
  .banner-about .banner-about__arrow.banner-about__arrow--prev {
    left: 1.25rem
  }
  
  .banner-about .banner-about__arrow.banner-about__arrow--next {
    right: 1.25rem
  }
  
  .banner-about .banner-about__arrow:hover {
    border-color: #4d7abf
  }
  
  .banner-about .banner-about__arrow:hover svg {
    stroke: #4d7abf
  }
  
  .banner-about .banner-about__content {
    position: relative;
    height: 100%;
    padding-top: 1.5rem
  }
  
  .banner-about .banner-about__title {
    margin-bottom: 1.125rem
  }
  
  .banner-about .banner-about__text {
    max-width: 99%;
    margin-bottom: 1.625rem
  }
  
  .banner-about .banner-about__text p {
    margin-bottom: .75rem
  }
  
  .banner-about .banner-about__text p:last-of-type {
    margin-bottom: 0
  }
  
  .banner-about .banner-about__item {
    margin-bottom: .625rem
  }
  
  .banner-about .banner-about__item-title {
    margin-bottom: -.0625rem;
    font-size: 2.25rem;
    line-height: 1;
    color: #4d7abf
  }
  
  .about-this {
    margin-bottom: 2.125rem
  }
  
  .about-this .about-this__head {
    margin-bottom: 1.875rem
  }
  
  .about-this .about-this__title {
    margin-bottom: 1rem
  }
  
  .about-this .about-this__title span {
    color: #4d7abf
  }
  
  .about-this .about-this__nav {
    margin-bottom: 1.875rem
  }
  
  .about-this .about-this__slider {
    width: 100%
  }
  
  .about-this .about-this__slide {
    width: 100%;
    background-color: #f7f7f7
  }
  
  .about-this .about-this__slide-img {
    width: 100%;
    height: 15.25rem;
    background-color: #6a6d75;
    display: block
  }
  
  .about-this .about-this__slide-img img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
  
  .about-this .about-this__slide-description {
    position: relative;
    width: 100%;
    min-height: 11rem;
    padding: 1.5rem 1.125rem
  }
  
  .about-this .about-this__slide-earth {
    position: absolute;
    top: 1.125rem;
    left: 2.25rem;
    width: 4.125rem;
    height: 4.125rem;
    fill: #fff
  }
  
  .about-this .about-this__slide-text {
    position: relative;
    max-width: 100%;
    z-index: 1
  }
  
  .about-worth {
    padding: 2.75rem 0 2.625rem 0;
    margin-bottom: 2rem;
    background-color: #fcd666
  }
  
  .about-worth .about-worth__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start
  }
  
  .about-worth .about-worth__title {
    margin-bottom: 1.25rem
  }
  
  .about-worth .about-worth__left {
    width: 100%
  }
  
  .about-worth .about-worth__slider {
    width: 100%;
    margin-bottom: 1rem
  }
  
  .about-worth .about-worth__slide {
    padding-bottom: 1rem
  }
  
  .about-worth .about-worth__slide-title {
    margin-bottom: 1rem;
    max-height: 4rem;
    overflow: hidden
  }
  
  .about-worth .about-worth__slide-text {
    overflow: hidden
  }
  
  .about-worth .about-worth__visual {
    display: none
  }
  
  .about-worth .about-worth__visual-img {
    max-width: 8.75rem;
    max-height: 8.75rem;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  
  .about-worth .about-worth__visual-item {
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
  }
  
  .about-worth .about-worth__visual-item:nth-of-type(1),
  .about-worth .about-worth__visual-item:nth-of-type(3) {
    top: 50%
  }
  
  .about-worth .about-worth__visual-item:nth-of-type(2),
  .about-worth .about-worth__visual-item:nth-of-type(4) {
    left: 50%
  }
  
  .about-worth .about-worth__visual-item:nth-of-type(1) {
    left: 0
  }
  
  .about-worth .about-worth__visual-item:nth-of-type(2) {
    top: 0
  }
  
  .about-worth .about-worth__visual-item:nth-of-type(3) {
    left: 100%
  }
  
  .about-worth .about-worth__visual-item:nth-of-type(4) {
    top: 100%
  }
  
  .about-worth .about-worth__visual-item.animate .about-worth__visual-border {
    display: block
  }
  
  .about-worth .about-worth__visual-item.animate .about-worth__visual-border-circle--main {
    animation: progress 6s linear infinite normal
  }
  
  .about-worth .about-worth__visual-item.pause .about-worth__visual-border-circle--main {
    animation-play-state: paused
  }
  
  .about-worth .about-worth__visual-item:hover .about-worth__visual-icon {
    background-color: #4d7abf
  }
  
  .about-worth .about-worth__visual-item:hover .about-worth__visual-icon svg {
    fill: #fff
  }
  
  .about-worth .about-worth__visual-item:hover .about-worth__visual-border-circle {
    stroke: #4d7abf
  }
  
  .about-worth .about-worth__visual-border {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: 3.625rem;
    height: 3.625rem;
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-name: fadeIn
  }
  
  .about-worth .about-worth__visual-border-circle {
    stroke-width: 2px;
    stroke: #fff;
    transition: stroke 0.4s ease
  }
  
  .about-worth .about-worth__visual-border-circle--back {
    opacity: 0.5
  }
  
  .about-worth .about-worth__visual-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.875rem;
    height: 2.875rem;
    border-radius: 50%;
    background-color: #fff;
    transition: background 0.4s ease
  }
  
  .about-worth .about-worth__visual-icon svg {
    width: 1.625rem;
    height: 1.625rem;
    fill: #4d7abf
  }
  
  .about-history {
    position: relative;
    width: 100%;
    padding: 2rem 0 2.625rem;
    margin-bottom: 2.375rem;
    background-color: #31353a;
    overflow: hidden
  }
  
  .about-history .about-history__content-wrap {
    position: relative;
    z-index: 1
  }
  
  .about-history .about-history__back-text {
    display: none
  }
  
  .about-history .about-history__head-title {
    margin-bottom: 1.5rem;
    color: #fff
  }
  
  .about-history .about-history__content {
    margin-bottom: 2.25rem
  }
  
  .about-history .about-history__content-item {
    display: none;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  
  .about-history .about-history__content-item.about-history__content-item--active {
    display: -ms-flexbox;
    display: flex
  }
  
  .about-history .about-history__description {
    width: 100%;
    padding-top: 1.125rem
  }
  
  .about-history .about-history__title {
    margin-bottom: .875rem;
    color: #fcd666
  }
  
  .about-history .about-history__text-wrap {
    max-height: 9.375rem;
    overflow: hidden;
    transition: max-height 0.4s ease
  }
  
  .about-history .about-history__text {
    color: #fff
  }
  
  .about-history .about-history__text-more {
    display: inline-block;
    color: #4d7abf
  }
  
  .about-history .about-history__text-more:hover {
    color: #7198d4
  }
  
  .about-history .about-history__images-wrap {
    position: relative;
    width: 100%;
    height: 12.125rem
  }
  
  .about-history .about-history__pag {
    display: none
  }
  
  .about-history .about-history__images {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: #6a6d75;
    box-shadow: 0 0 1.25rem .125rem rgba(49, 53, 58, 0.3)
  }
  
  .about-history .about-history__images-slide {
    width: 37.5rem;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }
  
  .about-history .about-history__arrow {
    position: absolute;
    top: 50%;
    width: 3.125rem;
    height: 3.125rem;
    border: 2px solid #fff;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: background 0.4s ease, border 0.4s ease;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 6
  }
  
  .about-history .about-history__arrow svg {
    width: .5rem;
    height: .75rem;
    stroke-width: 2px;
    stroke: #fff
  }
  
  .about-history .about-history__arrow.about-history__arrow--prev {
    left: 1rem
  }
  
  .about-history .about-history__arrow.about-history__arrow--next {
    right: 1rem
  }
  
  .about-history .about-history__arrow:hover {
    border-color: #4d7abf
  }
  
  .about-history .about-history__arrow:hover svg {
    stroke: #4d7abf
  }
  
  .about-history .about-history__slider-wrap {
    position: relative
  }
  
  .about-history .about-history__slider-wrap::after {
    content: '';
    position: absolute;
    top: 3.6875rem;
    left: 50%;
    display: block;
    width: 100vw;
    height: 2px;
    background-color: #fff;
    opacity: 0.05;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  
  .about-history .about-history__slider-wrap::before {
    content: '';
    position: absolute;
    right: 0;
    top: 3.75rem;
    width: .5rem;
    height: .5rem;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
  }
  
  .about-history .about-history__slider {
    overflow: visible
  }
  
  .about-history .about-history__slider .swiper-wrapper {
    overflow: visible
  }
  
  .about-history .about-history__slide {
    position: relative;
    width: 20%;
    cursor: pointer
  }
  
  .about-history .about-history__slide.swiper-slide-active .about-history__slide-year {
    color: #fcd666
  }
  
  .about-history .about-history__slide:hover .about-history__slide-year {
    color: #fcd666
  }
  
  .about-history .about-history__slide-year {
    margin-bottom: 3.125rem;
    width: 5.125rem;
    line-height: 1;
    text-align: center;
    color: #fff;
    transition: color 0.4s ease
  }
  
  .about-history .about-history__slide-point {
    position: absolute;
    top: 3.5rem;
    left: 2.0625rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #fff
  }
  
  .about-history .about-history__slide-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 5.125rem;
    height: 5.125rem;
    border-radius: 50%;
    background-color: #fff
  }
  
  .about-history .about-history__slide-icon img {
    display: block;
    max-width: 3.875rem;
    max-height: 3.875rem
  }
  
  .about-news {
    margin-bottom: 2.625rem
  }
  
  .about-news .about-news__title {
    margin-bottom: 1.25rem
  }
  
  .about-news .about-news__slider {
    margin-bottom: 2.375rem;
    overflow: visible
  }
  
  .about-news .about-news__slider .swiper-wrapper {
    overflow: visible
  }
  
  .about-news .about-news__slider:not(.swiper-container-initialized) .about-news__slide {
    margin-right: 1.25rem
  }
  
  .about-news .about-news__slider.swiper-container-initialized .about-news__slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(247, 247, 247, 0.6);
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-name: fadeIn;
    z-index: 7
  }
  
  .about-news .about-news__slider.swiper-container-initialized .about-news__slide.swiper-slide-active::after {
    display: none
  }
  
  .about-news .about-news__slide {
    position: relative;
    width: 100%;
    background-color: #f7f7f7
  }
  
  .about-news .about-news__slide-img {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 11.625rem;
    background-color: #6a6d75;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
  }
  
  .about-news .about-news__slide-description {
    width: 100%;
    padding: 1.25rem 1.125rem
  }
  
  .about-news .about-news__slide-date {
    max-width: 100%;
    margin-bottom: .375rem;
    color: #a4a4a4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }
  
  .about-news .about-news__slide-title {
    max-width: 100%;
    max-height: 4.25rem;
    overflow: hidden
  }
  
  .about-news .about-news__slide-text {
    max-width: 100%;
    max-height: 3.125rem;
    overflow: hidden;
    color: #a4a4a4
  }
  
  .about-news .about-news__pag {
    position: relative;
    width: 100%;
    height: 2px;
    background-color: #f7f7f7
  }
  
  .about-news .about-news__pag .swiper-pagination-progressbar-fill {
    position: absolute;
    left: 0;
    top: -.125rem;
    display: block;
    width: 100%;
    height: 5px;
    border-radius: 4px;
    background-color: #7198d4;
    box-shadow: 0 .25rem .375rem rgba(92, 139, 210, 0.2);
    -ms-transform: scale(0);
    transform: scale(0);
    -ms-transform-origin: left top;
    transform-origin: left top
  }
  
  .about-reviews {
    margin-bottom: 2.75rem
  }
  
  .about-reviews .about-reviews__title {
    margin-bottom: 1.625rem
  }
  
  .about-reviews .about-reviews__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .about-reviews .about-reviews__item {
    width: 48.6%;
    margin-right: 2.8%;
    margin-bottom: 1.5rem
  }
  
  .about-reviews .about-reviews__item:nth-of-type(2n) {
    margin-right: 0
  }
  
  .about-reviews .about-reviews__item:hover .about-reviews__item-title,
  .about-reviews .about-reviews__item:hover .about-reviews__item-text {
    color: #4d7abf
  }
  
  .about-reviews .about-reviews__item:hover .about-reviews__btn-play {
    border-color: #fff
  }
  
  .about-reviews .about-reviews__item-img {
    width: 100%;
    height: 5.375rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #6a6d75;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }
  
  .about-reviews .about-reviews__btn-play {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    transition: border 0.4s ease
  }
  
  .about-reviews .about-reviews__btn-play svg {
    width: 1rem;
    height: 1rem;
    fill: #fcd666
  }
  
  .about-reviews .about-reviews__item-description {
    padding: .625rem 0 0
  }
  
  .about-reviews .about-reviews__item-title {
    max-width: 100%;
    max-height: 3.125rem;
    margin-bottom: .125rem;
    transition: color 0.4s ease;
    overflow: hidden
  }
  
  .about-reviews .about-reviews__item-text {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.6;
    transition: color 0.4s ease
  }
  
  .about-reviews .about-reviews__btn-more {
    display: -ms-flexbox;
    display: flex;
    width: 17.875rem;
    margin: 1rem auto 0
  }
  
  .about-projects {
    margin-bottom: 1.75rem
  }
  
  .about-projects .about-projects__head {
    margin-bottom: 1.75rem
  }
  
  .about-projects .about-projects__title {
    margin-bottom: 1rem
  }
  
  .about-projects .about-projects__btn {
    width: 14rem
  }
  
  .about-projects .about-projects__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .about-projects .about-projects__item {
    position: relative;
    width: 100%;
    margin-bottom: 1.25rem
  }
  
  .about-projects .about-projects__item:nth-of-type(2n) {
    margin-right: 0
  }
  
  .about-projects .about-projects__img-wrap {
    width: 100%;
    height: 11.625rem;
    margin-bottom: .875rem
  }
  
  .about-projects .about-projects__img {
    display: block;
    width: 100%;
    height: 100%
  }
  
  .about-projects .about-projects__img img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
  
  .about-projects .about-projects__item-description {
    margin-bottom: .625rem
  }
  
  .about-projects .about-projects__item-infos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
  }
  
  .about-projects .about-projects__item-info {
    margin-right: .9375rem;
    color: #4d7abf
  }
  
  .about-projects .about-projects__item-info:last-of-type {
    margin-right: 0
  }
  
  .about-projects .about-projects__item-name {
    max-height: 3.75rem;
    margin-bottom: .25rem;
    overflow: hidden
  }
  
  .about-projects .about-projects__item-btn {
    width: 11rem
  }
  
  .about-team {
    margin-bottom: 1.875rem
  }
  
  .about-team .about-team__head-title {
    margin-bottom: 1.5rem
  }
  
  .about-team .about-team__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .about-team .about-team__items.about-team__items--specialists .about-team__img-wrap {
    background-color: #7198d4
  }
  
  .about-team .about-team__item {
    position: relative;
    width: 100%;
    height: 20.375rem;
    padding-bottom: 7.5rem;
    margin-bottom: 1.25rem;
    cursor: pointer
  }
  
  .about-team .about-team__item:hover .about-team__extra-wrap {
    height: 12.875rem
  }
  
  .about-team .about-team__img-wrap {
    position: relative;
    height: 100%;
    background-color: #fcd666;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center
  }
  
  .about-team .about-team__img-logo {
    position: absolute;
    top: 44%;
    left: 50%;
    width: 17rem;
    height: 6.25rem;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: #fff;
    opacity: 0.2
  }
  
  .about-team .about-team__img {
    position: relative;
    z-index: 1;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
  }
  
  .about-team .about-team__description-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #f7f7f7;
    padding: 0 1.75rem;
    z-index: 3
  }
  
  .about-team .about-team__description {
    padding: 1.25rem 0 1rem;
    height: 7.5rem
  }
  
  .about-team .about-team__name {
    margin-bottom: .375rem
  }
  
  .about-team .about-team__pos {
    max-height: 3rem;
    overflow: hidden;
    color: #a4a4a4
  }
  
  .about-team .about-team__extra-wrap {
    height: 0;
    overflow: hidden;
    transition: height 0.4s ease
  }
  
  .about-team .about-team__extra {
    padding: 1.25rem 0;
    border-top: 1px solid #e7e7e7;
    background-color: #f7f7f7
  }
  
  .about-team .about-team__info {
    margin-bottom: .25rem
  }
  
  .about-team .about-team__info span {
    color: #a4a4a4
  }
  
  .about-team .about-team__info:last-of-type {
    margin-bottom: 0
  }
  
  .about-team .about-team__btn-more {
    display: -ms-flexbox;
    display: flex;
    width: 14rem;
    margin: 1.25rem auto 0
  }
  
  .about-cottage {
    padding: 2rem 0 2.25rem;
    margin-bottom: 2.375rem;
    background-color: #ecf2fc
  }
  
  .about-cottage .about-cottage__head-title {
    margin-bottom: 1.5rem
  }
  
  .about-cottage .about-cottage__slider {
    width: 100%;
    margin: 0 0 2rem
  }
  
  .about-cottage .about-cottage__slide {
    width: 100%;
    height: 100%;
    padding-bottom: 1.625rem
  }
  
  .about-cottage .about-cottage__slide-name {
    margin-bottom: 1rem;
    color: #4d7abf
  }
  
  .about-cottage .about-cottage__images-wrap {
    width: 100%;
    height: 12.125rem;
    margin-bottom: 1.125rem;
    background-color: #6a6d75;
    box-shadow: 0 0 1.25rem .125rem rgba(49, 53, 58, 0.3)
  }
  
  .about-cottage .about-cottage__images {
    width: 100%;
    height: 100%;
    display: none;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-name: fadeIn
  }
  
  .about-cottage .about-cottage__images.about-cottage__images--active {
    display: block
  }
  
  .about-cottage .about-cottage__images-slide {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat
  }
  
  .about-cottage .about-cottage__arrow {
    position: absolute;
    top: 50%;
    width: 3.125rem;
    height: 3.125rem;
    border: 2px solid #fff;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    transition: background 0.4s ease, border 0.4s ease;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 6
  }
  
  .about-cottage .about-cottage__arrow svg {
    width: .5rem;
    height: .75rem;
    stroke-width: 2px;
    stroke: #4d7abf
  }
  
  .about-cottage .about-cottage__arrow.about-cottage__arrow--prev {
    left: 1.25rem
  }
  
  .about-cottage .about-cottage__arrow.about-cottage__arrow--next {
    right: 1.25rem
  }
  
  .about-cottage .about-cottage__arrow:hover {
    border-color: #4d7abf;
    background-color: #4d7abf
  }
  
  .about-cottage .about-cottage__arrow:hover svg {
    stroke: #fff
  }
  
  .about-insta {
    margin-bottom: 2.125rem
  }
  
  .about-insta .about-insta__title {
    margin-bottom: 1.25rem
  }
  
  .about-insta .about-insta__head {
    margin-bottom: 1.25rem
  }
  
  .about-insta .about-insta__head-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.125rem
  }
  
  .about-insta .about-insta__head-title svg {
    width: 1.625rem;
    height: 1.625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .6875rem
  }
  
  .about-insta .about-insta__head-title p a {
    color: #4d7abf
  }
  
  .about-insta .about-insta__head-title p a:hover {
    color: #7198d4
  }
  
  .about-insta .about-insta__slider:not(.swiper-container-initialized) .about-insta__slide {
    margin-right: 1.6%
  }
  
  .about-insta .about-insta__slide {
    display: block;
    width: 100%
  }
  
  .about-insta .about-insta__slide-img {
    height: 19.875rem;
    margin-bottom: .625rem;
    display: block
  }
  
  .about-insta .about-insta__slide-img img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
  
  .about-insta .about-insta__slide-text {
    max-height: 6.25rem;
    overflow: hidden
  }
  
  .article-item {
    width: 100%;
    height: 27.875rem;
    padding: 3.25rem 1.25rem 1.5rem 1.875rem;
    background-color: #ecf2fc
  }
  
  .article-item .article-item__date {
    margin-bottom: 1.3125rem;
    color: #fff
  }
  
  .article-item .article-item__title {
    max-height: 6.125rem;
    margin-bottom: 1.25rem;
    overflow: hidden
  }
  
  .article-item .article-item__text {
    max-height: 7.5rem;
    margin-bottom: 1.25rem;
    overflow: hidden
  }
  
  .article-item .article-item__btn {
    width: 12.0625rem
  }
  
  .article-item.article-item--blue {
    background-color: #7198d4
  }
  
  .article-item.article-item--yellow {
    background-color: #fcd666
  }
  
  .article-item.article-item--green {
    background-color: #96b085
  }
  
  .article-item.article-item--red {
    background-color: #f17f79
  }
  
  .article-similar {
    padding: 1.25rem 1rem;
    border: 6px solid #ecf2fc
  }
  
  .article-similar .article-similar__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.25rem
  }
  
  .article-similar .article-similar__item:last-of-type {
    margin-bottom: 0
  }
  
  .article-similar .article-similar__description {
    margin-top: -.3125rem
  }
  
  .article-similar .article-similar__img {
    width: 4.125rem;
    height: 4.125rem;
    border-radius: 50%;
    margin-right: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #a4a4a4;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }
  
  .article-similar .article-similar__date {
    margin-bottom: .25rem;
    color: #a4a4a4
  }
  
  .article-similar .article-similar__title {
    margin-bottom: .25rem
  }
  
  .article-similar .article-similar__link {
    color: #7198d4
  }
  
  .article-similar .article-similar__link:hover {
    color: #4d7abf
  }
  
  .article {
    padding-bottom: 2.5rem
  }
  
  .article .article__head-title {
    margin-bottom: .875rem
  }
  
  .article .article__tags {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .875rem
  }
  
  .article .article__tag {
    margin-right: .625rem;
    margin-bottom: .625rem
  }
  
  .article .article__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.25rem
  }
  
  .article .article__items .article-item {
    margin-bottom: .875rem
  }
  
  .article-about,
  .article-about-new {
    margin-bottom: 2.5rem
  }
  
  .article-about .article-about__head-btn,
  .article-about-new .article-about__head-btn {
    width: 14rem;
    margin-bottom: 2.125rem
  }
  
  .article-about .article-about__head-title,
  .article-about-new .article-about__head-title {
    margin-bottom: 2.8125rem
  }
  
  .article-about .article-about__nav,
  .article-about-new .article-about__nav {
    margin-bottom: 2.3125rem
  }
  
  .article-about .article-about__items,
  .article-about-new .article-about__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .article-about .article-about__items .article-item {
    margin-bottom: .875rem
  }
  
  .article-detail {
    padding-bottom: 2.5rem
  }
  
  .article-detail .article-detail__content-wrap {
    margin-bottom: 1.5rem
  }
  
  .article-detail .article-detail__date {
    margin-bottom: .75rem;
    color: #a4a4a4
  }
  
  .article-detail .article-detail__content {
    width: 100%;
    margin-bottom: 1.25rem
  }
  
  .article-detail .article-detail__content h2 {
    margin-bottom: .5rem;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 400;
    color: #31353a
  }
  
  .article-detail .article-detail__content h3 {
    margin-bottom: 1.125rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.7;
    color: #31353a
  }
  
  .article-detail .article-detail__content p {
    margin-bottom: .5rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6;
    color: #31353a
  }
  
  .article-detail .article-detail__content ul {
    margin-bottom: .5rem;
    list-style: none
  }
  
  .article-detail .article-detail__content ul li {
    position: relative;
    text-indent: 1.125rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6;
    color: #31353a
  }
  
  .article-detail .article-detail__content ul li::before {
    content: '';
    position: absolute;
    top: .5rem;
    left: 0;
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    background-color: #4d7abf
  }
  
  .article-detail .article-detail__content img {
    display: block;
    max-width: 100%;
    margin: 1.4375rem 0 1.5rem
  }
  
  .article-detail .article-detail__tags {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.25rem
  }
  
  .article-detail .article-detail__tag {
    margin-right: .625rem;
    margin-bottom: .625rem
  }
  
  .article-detail .article-detail__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1.25rem;
    border-top: 2px solid #e7e7e7
  }
  
  .article-detail .article-detail__back {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: auto;
    color: #4d7abf
  }
  
  .article-detail .article-detail__back:hover .article-detail__back-icon {
    border-color: #4d7abf;
    background-color: #4d7abf
  }
  
  .article-detail .article-detail__back:hover .article-detail__back-icon svg {
    fill: #fff;
    stroke: #fff
  }
  
  .article-detail .article-detail__back-icon,
  .article-detail .article-detail__social-icon {
    width: 3.125rem;
    height: 3.125rem;
    border: 2px solid #4d7abf;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: border 0.4s ease, background 0.4s ease
  }
  
  .article-detail .article-detail__back-icon {
    margin-right: .9375rem
  }
  
  .article-detail .article-detail__back-icon svg {
    width: 0.5rem;
    height: 0.75rem;
    stroke-width: 2px;
    stroke: #4d7abf
  }
  
  .article-detail .article-detail__social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto
  }
  
  .article-detail .article-detail__social span {
    display: none
  }
  
  .article-detail .article-detail__social-icon {
    margin-left: 0
  }
  
  .article-detail .article-detail__social-icon svg {
    width: 1.3125rem;
    height: 1.3125rem;
    fill: #4d7abf;
    stroke: #4d7abf
  }
  
  .article-detail .article-detail__social-icon:hover {
    border-color: #4d7abf;
    background-color: #4d7abf
  }
  
  .article-detail .article-detail__social-icon:hover svg {
    fill: #fff;
    stroke: #fff
  }
  
  .article-detail .article-detail__similar-title {
    margin-bottom: 1.125rem
  }
  
  .article-detail .article-detail__similar-items {
    margin-bottom: 1.25rem
  }
  
  .article-detail .article-detail__similar-tags-wrap {
    width: 100%
  }
  
  .article-detail .article-detail__similar-tags {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .service {
    padding-bottom: 1.25rem
  }
  
  .service .service__img {
    width: 100%;
    height: 19.875rem;
    display: block
  }
  
  .service .service__img img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
  
  .service .service__content-wrap {
    position: relative;
    width: 100%
  }
  
  .service .service__number {
    position: absolute;
    top: -.375rem;
    right: .5rem;
    font-size: 8.625rem;
    line-height: 1;
    color: #ecf2fc;
    opacity: 0.5
  }
  
  .service .service__content {
    position: relative;
    height: 100%;
    padding: 1.5rem 0 2.75rem;
    z-index: 1
  }
  
  .service .service__main-title {
    margin-bottom: 1.125rem
  }
  
  .service .service__title {
	  display: block;
    margin-bottom: 1.125rem
  }
  
  .service .service__text {
    margin-bottom: .3125rem
  }
  
  .service .service__list {
    margin-bottom: .5rem
  }
  
  .service .service__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .5rem
  }
  
  .service .service__nav:last-of-type {
    margin-bottom: 0
  }
  
  .service .service__nav:hover {
    color: #4d7abf
  }
  
  .service .service__nav-number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.75rem;
    border-radius: 50%;
    border: 2px solid #4d7abf;
    height: 1.75rem;
    margin-right: 1.4375rem;
    color: #4d7abf
  }
  
  .price-panels {
    margin-bottom: 5rem
  }
  
  .price-panels .price-panels__wrap {
    position: relative;
    max-width: 75rem;
    width: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .price-panels .price-panels__title {
    width: 100%;
    margin-bottom: 30px
  }
  
  .price-panels .price-panels__panel {
    position: relative;
    width: calc(50% - 10px)
  }
  
  .price-panels .price-panels__panel:hover .price-panels__btns {
    opacity: 1
  }
  
  .price-panels .price-panels__panel-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    font-size: 0;
    color: transparent
  }
  
  .price-panels .price-panels__pic {
    height: 351px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
  }
  
  .price-panels .price-panels__summ {
    position: absolute;
    top: auto;
    bottom: 0;
    left: -12px;
    padding: .375rem 2.0625rem .8125rem 3.375rem;
    background-color: #fcd666bd;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: auto
  }
  
  .price-panels .price-panels__summ:before {
    bottom: 6px
  }
  
  .price-panels .price-panels__summ:after {
    border-top-width: 14px;
    border-left-width: 13px;
    bottom: -14px
  }
  
  .price-panels .price-panels__summ_item:first-child {
    padding-right: 45px;
    position: relative
  }
  
  .price-panels .price-panels__summ_item:first-child:after {
    content: "";
    width: 1px;
    height: 47px;
    -ms-transform: rotate(31deg) translateY(-50%);
    transform: rotateZ(31deg) translateY(-50%);
    position: absolute;
    right: 35px;
    top: 50%;
    background-color: #6A6D75
  }
  
  .price-panels .price-panels__summ_smalltitle {
    font-size: .875rem;
    line-height: 1.375rem;
    margin-bottom: 5px
  }
  
  .price-panels .price-panels__summ_title {
    font-size: 1.25rem;
    line-height: 1rem;
    min-height: 21px
  }
  
  .price-panels .price-panels__summ_title div {
    position: relative;
    padding-right: 10px;
    display: inline-block
  }
  
  .price-panels .price-panels__summ_title sup {
    font-size: .875rem;
    position: absolute;
    right: 0;
    top: -7px
  }
  
  .price-panels .price-panels__info {
    padding: 31px 37px 22px;
    min-height: 114px;
    background-color: #ECF2FC
  }
  
  .price-panels .price-panels__info_title {
    font-size: 1.5625rem;
    line-height: 2.0625rem;
    margin-bottom: 5px
  }
  
  .price-panels .price-panels__info_description {
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #A4A4A4
  }
  
  .price-panels .price-panels__btns {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0;
    transition: .4s
  }
  
  .price-panels .price-panels__btn {
    position: relative;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: .4s;
    background-color: rgba(49, 53, 58, 0.8)
  }
  
  .price-panels .price-panels__btn:hover {
    background-color: rgba(77, 122, 191, 0.8)
  }
  
  .price-panels .price-panels__btn a {
    display: inline-block;
    text-align: center;
    padding: 14px 10px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #31353A;
    background-color: #fff
  }
  
  .price-panels .price-panels__btn a span {
    display: block
  }
  
  .why {
    padding: 74px 0 65px
  }
  
  .why--blue {
    background-color: #4D7ABF;
    color: #fff;
    margin-bottom: 80px
  }
  
  .why--grey {
    background-color: #ECF2FC
  }
  
  .why .why__wrap {
    width: 100%;
    max-width: 75rem;
    margin: 0 auto
  }
  
  .why .why__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 26px
  }
  
  .why .why__bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
  }
  
  .why .why__title--w {
    color: #fff
  }
  
  .why .why__text--w {
    color: #fff
  }
  
  .why .why__btn--w {
    color: #fff
  }
  
  .why .why__btn--w:hover {
    background-color: #fff;
    border-color: #4D7ABF;
    color: #4D7ABF
  }
  
  .why .why__smalltext {
    font-size: 14px
  }
  
  .price-info {
    margin: 0 auto;
    max-width: 70rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 4.375rem 2.5rem 0;
    border: 10px solid #ECF2FC;
    margin-bottom: 80px
  }
  
  .price-info .price-info__item {
    width: calc(50% - 30px);
    margin-bottom: 60px
  }
  
  .price-info .price-info__title {
    margin-bottom: 30px
  }
  
  .price-info__text {
    position: relative;
    font-size: 1.125rem;
    line-height: 1.875rem;
    padding-left: 19px;
    margin-bottom: 1.875rem
  }
  
  .price-info__text:after {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #4D7ABF
  }
  
  .advantages {
    max-width: 75rem;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 80px
  }
  
  .advantages .advantages__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .advantages .advantages__item {
    min-height: 380px;
    width: calc(25% - 10px);
    overflow: hidden;
    background-color: #7198d4
  }
  
  .advantages .advantages__title {
    margin-bottom: 45px
  }
  
  .advantages .advantages__wrap {
    position: relative;
    top: calc(100% - 220px);
    transition: .4s;
    padding: 0 30px
  }
  
  .advantages .advantages__item-ico {
    margin-bottom: 20px;
    transition: .4s
  }
  
  .advantages .advantages__item-title {
    margin-bottom: 35px
  }
  
  .advantages .advantages__item-text {
    opacity: 0;
    transition: .4s
  }
  
  .advantages .advantages__ico {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    margin-bottom: 25px;
    position: relative;
    transition: .4s
  }
  
  .advantages .advantages__ico svg {
    max-width: 53px;
    max-height: 53px;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  
  .estimate {
    background-color: #EFF2F4;
    padding: 80px 0;
    margin-bottom: 80px;
    background-repeat: no-repeat;
    background-size: 800px auto;
    background-position: calc(50% - 350px) center
  }
  
  .estimate .estimate__wrap {
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  
  .estimate .estimate__content {
    width: 50%
  }
  
  .estimate .estimate__title {
    margin-bottom: 30px
  }
  
  .estimate .estimate__text {
    margin-bottom: 30px
  }
  
  .price-projects {
    max-width: 75rem;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 80px;
    position: relative
  }
  
  .price-projects .swiper-wrapper {
    margin-bottom: 80px
  }
  
  .price-projects .price-projects__title {
    margin-bottom: 30px
  }
  
  .price-projects .price-projects__nav {
    margin-bottom: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }
  
  .price-projects .price-projects__arrow {
    width: 3.125rem;
    height: 3.125rem;
    border: 2px solid #4d7abf;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: border 0.4s ease
  }
  
  .price-projects .price-projects__arrow svg {
    width: .5rem;
    height: .75rem;
    stroke: #4d7abf
  }
  
  .price-projects .price-projects__arrow:hover {
    border-color: rgba(77, 122, 191, 0.5)
  }
  
  .price-projects .price-projects__arrow {
    top: 50%
  }
  
  .stock {
    max-width: 75rem;
    margin: 0 auto;
    margin-bottom: 80px;
    width: 100%
  }
  
  .stock .about-projects__img {
    display: block;
    height: 14.375rem
  }
  
  .stock .about-projects__img img {
    width: 100%;
    height: 100%
  }
  
  .stock .about-projects__img-wrap {
    overflow: hidden;
    max-height: 366px
  }
  
  .stock .about-projects__img-wrap img {
    max-width: 100%
  }
  
  .stock .label {
    width: auto
  }
  
  .stock .stock__info {
    padding: 30px;
    background-color: #F7F7F7
  }
  
  .stock .stock__info-title {
    margin-bottom: 10px
  }
  
  .stock .stock__info-text {
    font-size: 18px;
    line-height: 30px;
    color: #A4A4A4
  }
  
  .stock .stock__slider-wrap {
    position: relative;
    padding-bottom: 80px
  }
  
  .stock .stock__title {
    margin-bottom: 30px
  }
  
  .stock .stock__nav {
    margin-bottom: 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }
  
  .stock .stock__arrow {
    width: 3.125rem;
    height: 3.125rem;
    border: 2px solid #4d7abf;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: border 0.4s ease
  }
  
  .stock .stock__arrow svg {
    width: .5rem;
    height: .75rem;
    stroke: #4d7abf
  }
  
  .stock .stock__arrow:hover {
    border-color: rgba(77, 122, 191, 0.5)
  }
  
  .contacts {
    padding-bottom: 2rem
  }
  
  .contacts .contacts__top {
    margin-bottom: 1.25rem
  }
  
  .contacts .contacts__info {
    margin-bottom: 1.625rem
  }
  
  .contacts .contacts__info-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.4375rem
  }
  
  .contacts .contacts__info-item:nth-of-type(2n) {
    margin-right: 0
  }
  
  .contacts .contacts__info-item svg {
    fill: #7198d4;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: .75rem
  }
  
  .contacts .contacts__info-item:last-of-type {
    margin-bottom: 0
  }
  
  .contacts .contacts__info-title {
    margin-bottom: .375rem
  }
  
  .contacts .contacts__info-text a {
    color: #7198d4
  }
  
  .contacts .contacts__info-text a:hover {
    color: #4d7abf
  }
  
  .contacts .contacts__photo-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #e7e7e7;
    margin-bottom: 1.625rem
  }
  
  .contacts .contacts__photo-tab {
    position: relative;
    width: 33.3%;
    padding: .25rem 0 .5625rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #a4a4a4
  }
  
  .contacts .contacts__photo-tab::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 0%;
    height: 3px;
    border-radius: 3px;
    box-shadow: 0 .125rem .25rem rgba(77, 122, 191, 0.4);
    background-color: #4d7abf;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: width 0.4s ease
  }
  
  .contacts .contacts__photo-tab:hover {
    color: #4d7abf
  }
  
  .contacts .contacts__photo-tab.contacts__photo-tab--active {
    color: #4d7abf
  }
  
  .contacts .contacts__photo-tab.contacts__photo-tab--active::after {
    width: 100%
  }
  
  .contacts .contacts__photo-content {
    width: 100%;
    height: 17.875rem;
    background-color: #a4a4a4
  }
  
  .contacts .contacts__photo-item {
    width: 100%;
    height: 100%;
    display: none
  }
  
  .contacts .contacts__photo-item img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
  
  .contacts .contacts__photo-item.contacts__photo-item--active {
    display: block
  }
  
  .contacts .contacts__bottom.contacts__bottom--driving {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1.25rem
  }
  
  .contacts .contacts__bottom.contacts__bottom--driving .contacts__bottom-title {
    width: 100%
  }
  
  .contacts .contacts__bottom.contacts__bottom--driving svg {
    fill: #7198d4;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: .75rem
  }
  
  .contacts .contacts__bottom-col {
    margin-bottom: 1.5rem
  }
  
  .contacts .contacts__bottom-col:last-of-type {
    margin-bottom: 0
  }
  
  .contacts .contacts__bottom-col img {
    height: 100%;
    width: 100%
  }
  
  .contacts .contacts__bottom-col-header {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .9375rem
  }
  
  .contacts .contacts__bottom-title {
    margin-bottom: .5rem
  }
  
  .contacts .contacts__bottom-social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .625rem;
    color: #7198d4
  }
  
  .contacts .contacts__bottom-social:last-of-type {
    margin-bottom: 0
  }
  
  .contacts .contacts__bottom-social:hover {
    color: #3a65a7
  }
  
  .contacts .contacts__bottom-social:hover .contacts__bottom-social-icon {
    border: 2px solid #7198d4
  }
  
  .contacts .contacts__bottom-social:hover .contacts__bottom-social-icon svg {
    fill: #3a65a7
  }
  
  .contacts .contacts__bottom-social-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.875rem;
    height: 2.875rem;
    border-radius: 50%;
    border: 2px solid rgba(113, 152, 212, 0.3);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .9375rem;
    transition: border 0.4s ease
  }
  
  .contacts .contacts__bottom-social-icon svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #7198d4
  }
  
  .contacts-map {
    position: relative;
    width: 100%;
    height: 38rem
  }
  
  .contacts-map .contacts-map__btns {
    position: absolute;
    bottom: 1.75rem;
    left: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 5
  }
  
  .contacts-map .contacts-map__btn {
    display: -ms-flexbox;
    display: flex;
    width: 16.125rem
  }
  
  .contacts-map .contacts-map__search {
    display: -ms-flexbox;
    display: flex;
    width: 16.125rem;
    margin-top: .8125rem
  }
  
  .contacts-map .contacts-map__search.contacts-map__search--active .contacts-map__btn-wrap {
    width: 0%
  }
  
  .contacts-map .contacts-map__search.contacts-map__search--active .contacts-map__search-wrap {
    width: 100%
  }
  
  .contacts-map .contacts-map__btn-wrap {
    width: 100%;
    overflow: hidden;
    transition: width 0.4s ease
  }
  
  .contacts-map .contacts-map__search-wrap {
    position: relative;
    width: 0;
    overflow: hidden;
    transition: width 0.4s ease;
    background-color: #fff
  }
  
  .contacts-map .contacts-map__search-input {
    display: -ms-flexbox;
    display: flex;
    width: 16.125rem;
    padding: .875rem 1.625rem .875rem 1.125rem
  }
  
  .contacts-map .contacts-map__search-close {
    position: absolute;
    top: 48%;
    right: .625rem;
    width: 1.125rem;
    height: 1.125rem;
    display: block;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  
  .contacts-map .contacts-map__search-close::after,
  .contacts-map .contacts-map__search-close::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 15%;
    width: 75%;
    height: 2px;
    background-color: #a4a4a4;
    transition: background 0.4s ease
  }
  
  .contacts-map .contacts-map__search-close::after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  
  .contacts-map .contacts-map__search-close::before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  
  .contacts-map .contacts-map__search-close:hover::after,
  .contacts-map .contacts-map__search-close:hover::before {
    background-color: #4d7abf
  }
  
  .contacts-map .contacts-map__map {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #4d7abf;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 4
  }
  
  .timeraction {
    position: relative;
    padding: 1.25rem 0 3.75rem;
    margin-bottom: 40px
  }
  
  .timeraction.timeraction--bg {
    padding: 160px 0 132px
  }
  
  .timeraction .timeraction__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right top;
    font-family: "object-fit: cover; object-position: right top;"
  }
  
  .timeraction .timeraction__wrap {
    position: relative;
    z-index: 3;
    max-width: 75rem;
    width: 100%;
    margin: 0 auto
  }
  
  .timeraction .timeraction__title {
    margin-bottom: 30px;
    font-size: 35px;
    line-height: 39px
  }
  
  .timeraction .timer__title {
    width: 100%;
    text-align: center;
    margin-bottom: 18px
  }
  
  .timer {
    padding: 15px 30px 30px;
    border: 4px solid #4D7ABF;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .timer .timer__title {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #4D7ABF
  }
  
  .timer .timer__number {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 9px;
    color: #4D7ABF;
    min-width: 60px;
    display: inline-block;
    text-align: center
  }
  
  .timer .timer__description {
    font-size: 16px;
    color: #31353A;
    display: block;
    text-align: center
  }
  
  .timer .timer__separator {
    font-size: 45px;
    color: #4D7ABF;
    padding-top: 5px;
    line-height: 26px
  }
  
  .infoaction {
    max-width: 75rem;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 30px
  }
  
  .infoaction .text {
    margin-bottom: 30px
  }
  
  .infoaction .infoaction__list {
    counter-reset: num
  }
  
  .infoaction .infoaction__item {
    margin-bottom: 30px;
    font-size: 1.125rem;
    line-height: 1.5
  }
  
  .infoaction .infoaction__item::before {
    content: counter(num) ". ";
    counter-increment: num;
    color: #4d7abf
  }
  
  .infoaction .infoaction__item--smallmargin {
    margin-bottom: 10px
  }
  
  .infoaction .h2 {
    margin-bottom: 20px
  }
  
  .infoaction .infoaction__item-smallmargin {
    margin-bottom: 10px;
    font-size: 1.125rem;
    line-height: 1.5
  }
  
  .infoaction .infoaction__item-smallmargin::before {
    content: counter(num) ". ";
    counter-increment: num;
    color: #4d7abf
  }
  
  .infoaction .infoaction__item-smallmargin--smallmargin {
    margin-bottom: 10px
  }
  
  .mailing .mailing__content--center .mailing__form {
    max-width: 500px;
    width: 100%
  }
  
  .mailing .mailing__people {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
  }
  
  .mailing .mailing__content.mailing__content--center {
    -ms-flex-align: center;
    align-items: center
  }
  
  .mailing .mailing__avatar {
    margin-right: 20px
  }
  
  .mailing .mailing__name {
    margin-bottom: 10px
  }
  
  .privacy-policy p {
    margin-bottom: 1.875rem;
    font-size: 1.125rem;
    line-height: 1.875rem
  }
  
  .timeraction {
    position: relative;
    padding: 1.25rem 0 3.75rem;
    margin-bottom: 40px
  }
  
  .timeraction.timeraction--bg {
    padding: 160px 0 132px
  }
  
  .timeraction .timeraction__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right top;
    font-family: "object-fit: cover; object-position: right top;"
  }
  
  .timeraction .timeraction__wrap {
    position: relative;
    z-index: 3;
    max-width: 75rem;
    width: 100%;
    margin: 0 auto
  }
  
  .timeraction .timeraction__title {
    margin-bottom: 30px;
    font-size: 35px;
    line-height: 39px
  }
  
  .timeraction .timer__title {
    width: 100%;
    text-align: center;
    margin-bottom: 18px
  }
  
  .timer {
    padding: 15px 30px 30px;
    border: 4px solid #4D7ABF;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .timer .timer__title {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #4D7ABF
  }
  
  .timer .timer__number {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 9px;
    color: #4D7ABF;
    min-width: 60px;
    display: inline-block;
    text-align: center
  }
  
  .timer .timer__description {
    font-size: 16px;
    color: #31353A;
    display: block;
    text-align: center
  }
  
  .timer .timer__separator {
    font-size: 45px;
    color: #4D7ABF;
    padding-top: 5px;
    line-height: 26px
  }
  
  .infoaction {
    max-width: 75rem;
    margin: 0 auto;
    width: 100%;
    padding-bottom: 30px
  }
  
  .infoaction .text {
    margin-bottom: 30px
  }
  
  .infoaction .infoaction__list {
    counter-reset: num
  }
  
  .infoaction .infoaction__item {
    margin-bottom: 30px;
    font-size: 1.125rem;
    line-height: 1.5
  }
  
  .infoaction .infoaction__item::before {
    content: counter(num) ". ";
    counter-increment: num;
    color: #4d7abf
  }
  
  .infoaction .infoaction__item--smallmargin {
    margin-bottom: 10px
  }
  
  .infoaction .h2 {
    margin-bottom: 20px
  }
  
  .infoaction .infoaction__item-smallmargin {
    margin-bottom: 10px;
    font-size: 1.125rem;
    line-height: 1.5
  }
  
  .infoaction .infoaction__item-smallmargin::before {
    content: counter(num) ". ";
    counter-increment: num;
    color: #4d7abf
  }
  
  .infoaction .infoaction__item-smallmargin--smallmargin {
    margin-bottom: 10px
  }
  
  .mailing .mailing__content--center .mailing__form {
    max-width: 500px;
    width: 100%
  }
  
  .mailing .mailing__people {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
  }
  
  .mailing .mailing__content.mailing__content--center {
    -ms-flex-align: center;
    align-items: center
  }
  
  .mailing .mailing__avatar {
    margin-right: 20px
  }
  
  .mailing .mailing__name {
    margin-bottom: 10px
  }
  
  .garant {
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
    margin-bottom: 200px;
    position: relative
  }
  
  .garant.garant--callback {
    margin-bottom: 80px
  }
  
  .garant.garant--callback .garant__panel {
    margin-bottom: 0px
  }
  
  .garant .garant__title {
    margin-bottom: 30px
  }
  
  .garant .garant__smalltitle {
    margin-bottom: 40px
  }
  
  .garant .garant__panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px
  }
  
  .garant .garant__pic {
    width: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
  }
  
  .garant .garant__info {
    width: 50%;
    background-color: #f7f7f7;
    padding: 3.75rem 3.125rem
  }
  
  .garant .garant__info-title {
    margin-bottom: 30px
  }
  
  .garant .garant__text {
    margin-bottom: 30px
  }
  
  .comment {
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
    margin-bottom: 80px;
    border: 8px solid #ECF2FC;
    text-align: center;
    margin-bottom: 115px;
    padding: 0 30px 60px
  }
  
  .comment .comment__avatar {
    width: 240px;
    height: 240px;
    overflow: hidden;
    border-radius: 50%;
    margin-top: -120px;
    border: 5px solid #fff;
    margin-bottom: 15px;
    display: inline-block;
    position: relative
  }
  
  .comment .comment__avatar img {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  
  .comment .comment__title {
    color: #F27069;
    font-size: 35px;
    line-height: 46px;
    margin-bottom: 20px
  }
  
  .comment .comment__description {
    font-size: 18px;
    line-height: 30px
  }
  
  .control {
    position: relative;
    max-width: 75rem;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 80px
  }
  
  .control .garant {
    margin-bottom: 0px
  }
  
  .control .garant__panel {
    margin-bottom: 0px
  }
  
  .control .control__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.5rem;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: -40px
  }
  
  .control .control__nav-wrap {
    position: relative;
    z-index: 10
  }
  
  .control .control__arrow {
    width: 3.125rem;
    height: 3.125rem;
    border: 2px solid #4d7abf;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: border 0.4s ease;
    background-color: #fff
  }
  
  .control .control__arrow svg {
    width: .5rem;
    height: .75rem;
    stroke-width: 2px;
    stroke: #4d7abf
  }
  
  .control .control__arrow:hover {
    border-color: rgba(77, 122, 191, 0.5)
  }
  
  .control .control__pag {
    width: 6.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: baseline;
    align-items: baseline
  }
  
  .control .control__slider {
    position: relative;
    z-index: 5
  }
  
  .control .control__title {
    margin-bottom: 30px;
    font-size: 30px
  }
  
  .control .control__text {
    margin-bottom: 40px
  }
  
  .control .control__slide-title {
    margin-bottom: 30px
  }
  
  .technology-visual {
    margin-bottom: 2rem;
    padding: 1rem 1rem 2rem;
    border: 6px solid #ecf2fc
  }
  
  .technology-visual .technology-visual__images {
    position: relative;
    width: 18.75rem;
    height: 18.75rem;
    margin: 0 auto .875rem auto
  }
  
  .technology-visual .technology-visual__default-img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity 0.4s ease;
    top: 0;
    left: 0
  }
  
  .technology-visual .technology-visual__default-img.technology-visual__default-img--hide {
    opacity: 0
  }
  
  .technology-visual .technology-visual__img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity 0.4s ease;
    opacity: 0
  }
  
  .technology-visual .technology-visual__img.technology-visual__img--opacity {
    opacity: 0.5
  }
  
  .technology-visual .technology-visual__img.technology-visual__img--active {
    opacity: 1
  }
  
  .technology-visual .technology-visual__items {
    position: relative;
    width: 100%;
    z-index: 1
  }
  
  .technology-visual .technology-visual__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem;
    cursor: pointer
  }
  
  .technology-visual .technology-visual__item:last-of-type {
    margin-bottom: 0
  }
  
  .technology-visual .technology-visual__item:hover .technology-visual__icon {
    background-color: #4d7abf;
    color: #fff
  }
  
  .technology-visual .technology-visual__item.technology-visual__item--active .technology-visual__icon {
    background-color: #4d7abf;
    color: #fff
  }
  
  .technology-visual .technology-visual__icon {
    width: 3.125rem;
    height: 3.125rem;
    border: 2px solid #4d7abf;
    border-radius: 50%;
    margin-right: 1.4375rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1.5rem;
    color: #4d7abf;
    text-transform: uppercase;
    transition: background 0.4s ease, color 0.4s ease
  }
  
  .technology-visual .technology-visual__text a {
    color: #7198d4;
    display: block
  }
  
  .technology-visual .technology-visual__text a:hover {
    color: #4d7abf
  }
  
  .technology-info {
    margin-bottom: 2.625rem
  }
  
  .technology-info .technology-info__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 1.25rem
  }
  
  .technology-info .technology-info__title {
    margin-bottom: 1.4375rem
  }
  
  .technology-info .technology-info__top-img {
    display: none
  }
  
  .technology-info .technology-info__img {
    width: 100%;
    height: 19.25rem;
    margin-bottom: 1.5rem;
    background-color: #6a6d75;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
  }
  
  .technology-info .technology-info__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.375rem
  }
  
  .technology-info .technology-info__item:last-of-type {
    margin-bottom: 0
  }
  
  .technology-info .technology-info__item-number {
    width: 3.125rem;
    margin-right: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #ecf2fc;
    font-size: 3.125rem;
    opacity: 0.85
  }
  
  .technology-plus {
    margin-bottom: 2rem
  }
  
  .technology-plus .technology-plus__head-title {
    width: 100%;
    margin-bottom: 1.625rem;
    text-align: center
  }
  
  .technology-plus .technology-plus__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .technology-plus .technology-plus__item {
    width: 100%;
    margin-bottom: 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }
  
  .technology-plus .technology-plus__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 4.875rem;
    height: 4.875rem;
    border: .25rem solid #ecf2fc;
    border-radius: 50%;
    margin-right: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  
  .technology-plus .technology-plus__icon svg {
    width: 2.5rem;
    height: 2.5rem;
    fill: #4d7abf
  }
  
  .technology-guarantee {
    padding: 2.25rem 1rem 1.875rem;
    border: .5rem solid #ecf2fc;
    margin-bottom: 1.75rem
  }
  
  .technology-guarantee .technology-guarantee__content {
    max-width: 49.625rem;
    margin: 0 auto
  }
  
  .technology-guarantee .technology-guarantee__title {
    margin-bottom: 1.25rem;
    text-align: center
  }
  
  .technology-guarantee .technology-guarantee__text {
    text-align: center
  }
  
  .portfoliovideo {
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
    position: relative
  }
  
  .portfoliovideo .portfoliovideo__iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
  }
  
  .portfoliovideo .portfoliovideo__iframe iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
  }
  
  .portfoliovideo .portfoliovideo__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
  }
  
  .portfoliovideo .portfoliovideo__nav {
    margin-bottom: 2.5rem;
    width: 100%
  }
  
  .portfoliovideo .portfoliovideo__slide {
    position: relative;
    height: 22.375rem;
    margin-bottom: 0;
    transition: opacity 0.3s ease
  }
  
  .portfoliovideo .portfoliovideo__reviews {
    position: relative
  }
  
  .portfoliogallery {
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px
  }
  
  .portfoliogallery .portfoliogallery__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .portfoliogallery .portfoliogallery__item--tr>.portfoliogallery__pics {
    -ms-flex-order: -1;
    order: -1
  }
  
  .portfoliogallery .portfoliogallery__panel {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: calc(33% - 15px);
    height: 225px;
    margin-bottom: 40px;
    position: relative
  }
  
  .portfoliogallery .portfoliogallery__panel--big {
    height: 490px;
    width: calc(67% - 15px)
  }
  
  .portfoliogallery .portfoliogallery__panel--big .portfoliogallery__info {
    bottom: 43px;
    left: 54px
  }
  
  .portfoliogallery .portfoliogallery__panel--small {
    width: 100%
  }
  
  .portfoliogallery .portfoliogallery__pics {
    width: calc(33% - 15px)
  }
  
  .portfoliogallery .portfoliogallery__info {
    position: absolute;
    bottom: 23px;
    left: 31px;
    width: 100%;
    color: #fff
  }
  
  .portfoliogallery .portfoliogallery__info .h3 {
    color: #fff
  }
  
  .portfoliogallery .portfoliogallery__text {
    font-size: 18px
  }
  
  .portfoliogallery .portfoliogallery__backpic {
    position: absolute;
    bottom: -14px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% - 14px);
    opacity: .6;
    z-index: -1;
    height: 100%
  }
  
  .portfoliogallery__btn {
    margin-bottom: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
  }
  
  .tags {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
    position: relative
  }
  
  .tags .tag {
    margin-right: 0.625rem;
    margin-bottom: 0.625rem
  }
  
  .banner-design {
    position: relative;
    min-height: 29.5rem
  }
  
  .banner-design .banner-design__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
  }
  
  .banner-design .banner-design__background img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
  
  .banner-design .banner-design__content {
    position: relative;
    padding-bottom: 2rem;
    z-index: 1
  }
  
  .banner-design .banner-design__head {
    position: relative;
    z-index: 1
  }
  
  .banner-design .banner-design__text {
    max-width: 28.625rem;
    margin-bottom: 2.5rem;
    color: #fff
  }
  
  .banner-design .banner-design__btn {
    width: 100%;
    padding: 0
  }
  
  .banner-design .banner-design__btn .btn__text {
    font-size: .75rem
  }
  
  .design-description {
    position: relative;
    padding: 2.5rem 0 2.375rem;
    overflow: hidden
  }
  
  .design-description .design-description__back-text {
    visibility: hidden;
    position: absolute;
    bottom: .75rem;
    right: -5.875rem;
    width: 60.625rem;
    height: 44.5rem;
    font-size: 1.5625rem;
    line-height: 1.56;
    display: none;
    -ms-flex-align: end;
    align-items: flex-end;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ecf2fc
  }
  
  .design-description .design-description__back-text::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(65.12deg, #fff 12.68%, rgba(255, 255, 255, 0.55) 33.14%, rgba(255, 255, 255, 0.31) 50.31%, rgba(255, 255, 255, 0.0811927) 84.79%, rgba(255, 255, 255, 0) 90.47%)
  }
  
  .design-description .design-description__content {
    position: relative;
    z-index: 1
  }
  
  .design-description .design-description__title {
    max-width: 28.25rem;
    margin-bottom: 1.5rem;
    color: #4d7abf
  }
  
  .design-description .design-description__text {
    max-width: 42.75rem
  }
  
  .design-family {
    margin-bottom: 3rem
  }
  
  .design-family .design-family__head-title {
    margin-bottom: 1.5rem
  }
  
  .design-family .design-family__content {
    position: relative;
    padding-left: 2.0625rem
  }
  
  .design-family .design-family__slide-title {
    position: absolute;
    top: auto;
    left: 0;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    line-height: 1;
    height: 16.125rem;
    text-align: center
  }
  
  .design-family .design-family__slide-title:first-of-type {
    top: 0
  }
  
  .design-family .design-family__slide-title:last-of-type {
    bottom: 0
  }
  
  .design-family .design-family__img-wrap {
    display: none
  }
  
  .design-family .design-family__img-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform: rotate(-33deg);
    transform: rotate(-33deg)
  }
  
  .design-family .design-family__img-circle::after,
  .design-family .design-family__img-circle::before {
    content: '';
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    border: 2px solid #4d7abf;
    border-left: 0;
    border-radius: 0 100% 100% 0 / 0 50% 50% 0
  }
  
  .design-family .design-family__img-circle::after {
    left: 0;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  
  .design-family .design-family__img-circle::before {
    border-color: #f27069;
    right: 0
  }
  
  .design-family .design-family__img {
    position: relative;
    display: block;
    max-width: 12.375rem;
    max-height: 8.375rem;
    z-index: 1
  }
  
  .design-family .design-family__pag-items {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
  
  .design-family .design-family__pag:nth-of-type(1) .design-family__pag-item {
    top: .1875rem
  }
  
  .design-family .design-family__pag:nth-of-type(1) .design-family__pag-item--results {
    right: 2.8125rem
  }
  
  .design-family .design-family__pag:nth-of-type(1) .design-family__pag-item--process {
    left: 2.8125rem
  }
  
  .design-family .design-family__pag:nth-of-type(2) .design-family__pag-item {
    top: 7.875rem
  }
  
  .design-family .design-family__pag:nth-of-type(2) .design-family__pag-item--results {
    right: -1.25rem
  }
  
  .design-family .design-family__pag:nth-of-type(2) .design-family__pag-item--process {
    left: -1.25rem
  }
  
  .design-family .design-family__pag:nth-of-type(3) .design-family__pag-item {
    top: 15.25rem
  }
  
  .design-family .design-family__pag:nth-of-type(3) .design-family__pag-item--results {
    right: 3rem
  }
  
  .design-family .design-family__pag:nth-of-type(3) .design-family__pag-item--process {
    left: 3rem
  }
  
  .design-family .design-family__pag.design-family__pag--active .design-family__pag-border {
    display: block
  }
  
  .design-family .design-family__pag.design-family__pag--active .design-family__pag-border-circle--main {
    animation: progress 8s linear infinite normal
  }
  
  .design-family .design-family__pag-item {
    position: absolute;
    width: 2.375rem;
    height: 2.375rem;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ecf2fc;
    transition: background 0.4s ease;
    cursor: pointer;
    z-index: 3
  }
  
  .design-family .design-family__pag-item:hover {
    background-color: #4d7abf
  }
  
  .design-family .design-family__pag-item:hover .design-family__pag-icon svg {
    fill: #fff
  }
  
  .design-family .design-family__pag-item.design-family__pag-item--results .design-family__pag-border-circle {
    stroke: #f27069
  }
  
  .design-family .design-family__pag-item.design-family__pag-item--results .design-family__pag-icon svg {
    fill: #f27069
  }
  
  .design-family .design-family__pag-item.design-family__pag-item--results:hover {
    background-color: #f27069
  }
  
  .design-family .design-family__pag-item.design-family__pag-item--results:hover .design-family__pag-icon svg {
    fill: #fff
  }
  
  .design-family .design-family__pag-border {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3rem;
    height: 3rem;
    display: none;
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-name: fadeIn
  }
  
  .design-family .design-family__pag-border-circle {
    stroke-width: 2px;
    stroke: #4d7abf;
    transition: stroke 0.4s ease
  }
  
  .design-family .design-family__pag-border-circle--back {
    opacity: 0.5
  }
  
  .design-family .design-family__pag-icon {
    width: 1.5rem;
    height: 1.5rem
  }
  
  .design-family .design-family__pag-icon svg {
    fill: #4d7abf
  }
  
  .design-family .design-family__items-wrap .swiper-wrapper {
    overflow: visible
  }
  
  .design-family .design-family__slide {
    width: 17.75rem
  }
  
  .design-family .design-family__slide.design-family__slide--active {
    display: block
  }
  
  .design-family .design-family__item {
    position: relative;
    width: 100%;
    height: 16.125rem;
    padding: 1.75rem .5rem;
    border: .625rem solid #ecf2fc;
    margin-bottom: 3.125rem
  }
  
  .design-family .design-family__item:last-of-type {
    margin-bottom: 0
  }
  
  .design-family .design-family__item:first-of-type .design-family__icon::after,
  .design-family .design-family__item:first-of-type .design-family__icon::before {
    content: '';
    position: absolute;
    left: 50%
  }
  
  .design-family .design-family__item:first-of-type .design-family__icon::after {
    bottom: -3.625rem;
    margin-left: 3px;
    height: 3rem;
    width: 4px;
    background-color: #ecf2fc;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  
  .design-family .design-family__item:first-of-type .design-family__icon::before {
    bottom: -2.875rem;
    height: 1.5rem;
    width: 1.5rem;
    border-top: 4px solid #ecf2fc;
    border-right: 4px solid #ecf2fc;
    border-radius: 4px;
    -ms-transform: rotate(135deg) translateX(50%);
    transform: rotate(135deg) translateX(50%)
  }
  
  .design-family .design-family__item::after {
    content: '';
    position: absolute;
    top: 5.0625rem;
    height: 2px;
    background-color: #4d7abf
  }
  
  .design-family .design-family__item.design-family__item--results {
    left: auto;
    right: 0;
    border-color: rgba(242, 112, 105, 0.1)
  }
  
  .design-family .design-family__item.design-family__item--results .design-family__icon {
    fill: #f27069
  }
  
  .design-family .design-family__item.design-family__item--results .design-family__title {
    border-color: #f27069
  }
  
  .design-family .design-family__icon {
    width: 4.375rem;
    height: 3.25rem;
    margin: 0 auto 1.25rem
  }
  
  .design-family .design-family__icon svg {
    fill: #4d7abf
  }
  
  .design-family .design-family__title {
    display: none
  }
  
  .design-family .design-family__text {
    max-width: 100%;
    overflow: hidden;
    text-align: center
  }
  
  .design-family .design-family__nav {
    margin-top: 2.5rem
  }
  
  .design-projects {
    margin-bottom: 1.25rem
  }
  
  .design-projects .design-projects__head-title {
    margin-bottom: 1.5rem
  }
  
  .design-projects .design-projects__visual {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    z-index: 1
  }
  
  .design-projects .design-projects__label {
    top: 2.1875rem;
    z-index: 2
  }
  
  .design-projects .design-projects__img {
    position: relative;
    width: 100%;
    height: 18rem;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #6a6d75
  }
  
  .design-projects .design-projects__img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2a2c32;
    opacity: 0;
    transition: opacity 0.4s ease
  }
  
  .design-projects .design-projects__img:hover::after {
    opacity: 0.25
  }
  
  .design-projects .design-projects__about {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-color: #3a65a7;
    z-index: 1
  }
  
  .design-projects .design-projects__about-description-wrap {
    height: 100%;
    padding: 1rem;
    -ms-flex-positive: 1;
    flex-grow: 1
  }
  
  .design-projects .design-projects__about-title {
    color: #fff
  }
  
  .design-projects .design-projects__about-text {
    color: #fff
  }
  
  .design-projects .design-projects__about-price {
    color: #fff
  }
  
  .design-projects .design-projects__call-wrap {
    width: 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #7198d4
  }
  
  .design-projects .design-projects__call {
    width: 2.625rem;
    height: 2.625rem;
    border: 2px solid #fff;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: border 0.4s ease
  }
  
  .design-projects .design-projects__call svg {
    width: 1rem;
    height: 1rem;
    fill: #fff
  }
  
  .design-projects .design-projects__call:hover {
    border-color: #3a65a7
  }
  
  .design-projects .design-projects__call:hover svg {
    fill: #3a65a7
  }
  
  .design-projects .design-projects__description-wrap {
    width: 100%
  }
  
  .design-projects .design-projects__description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.25rem 0 1.75rem 0
  }
  
  .design-projects .design-projects__title {
    margin-bottom: 1.125rem
  }
  
  .design-projects .design-projects__tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem;
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 2px solid #e7e7e7
  }
  
  .design-projects .design-projects__tabs-item {
    position: relative;
    padding: .375rem .75rem;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #a4a4a4
  }
  
  .design-projects .design-projects__tabs-item::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 0%;
    left: -2px;
    bottom: 0;
    border-radius: 3px;
    background-color: #3a65a7;
    box-shadow: 0 .125rem .25rem rgba(58, 101, 167, 0.4)
  }
  
  .design-projects .design-projects__tabs-item.design-projects__tabs-item--active {
    color: #3a65a7
  }
  
  .design-projects .design-projects__tabs-item.design-projects__tabs-item--active::after {
    height: 100%
  }
  
  .design-projects .design-projects__tabs-content-item {
    display: none;
    max-height: 20.625rem;
    overflow: hidden
  }
  
  .design-projects .design-projects__tabs-content-item.design-projects__tabs-content-item--active {
    display: block
  }
  
  .design-individual {
    margin-bottom: 1.625rem
  }
  
  .design-individual .design-individual__head-title {
    margin-bottom: 1.25rem
  }
  
  .design-individual .design-individual__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .design-individual .design-individual__item {
    width: 100%;
    margin-bottom: 1.25rem;
    background-color: #f7f7f7
  }
  
  .design-individual .design-individual__img-wrap {
    position: relative;
    width: 100%;
    height: 12.25rem;
    background-color: #6a6d75
  }
  
  .design-individual .design-individual__img {
    width: 100%;
    height: 100%;
    display: block
  }
  
  .design-individual .design-individual__img img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'
  }
  
  .design-individual .design-individual__title-wrap {
    position: relative;
    height: 4.5rem;
    width: calc(100% + 10px);
    padding: .25rem 1.75rem;
    margin-left: -5px;
    background-color: #fcd666;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
  }
  
  .design-individual .design-individual__title-wrap::after,
  .design-individual .design-individual__title-wrap::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0
  }
  
  .design-individual .design-individual__title-wrap::after {
    left: 0;
    bottom: -.375rem;
    border-top: .375rem solid #e6ba54;
    border-left: 5px solid transparent
  }
  
  .design-individual .design-individual__title-wrap::before {
    right: 0;
    bottom: -.375rem;
    border-top: .375rem solid #e6ba54;
    border-right: 5px solid transparent
  }
  
  .design-individual .design-individual__title {
    text-align: center;
    text-transform: uppercase;
    max-height: 3.75rem;
    overflow: hidden
  }
  
  .design-individual .design-individual__features {
    padding: 1.25rem 1.625rem 1.5rem 1.375rem
  }
  
  .design-individual .design-individual__features-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: .6875rem
  }
  
  .design-individual .design-individual__features-item:last-of-type {
    margin-bottom: 0
  }
  
  .design-individual .design-individual__features-item-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 3px solid #7198d4;
    margin-right: 1.625rem;
    margin-top: .4375rem
  }
  
  .design-individual .design-individual__features-item-icon svg {
    width: 1.625rem;
    height: 1.5rem;
    fill: #7198d4
  }
  
  .design-bid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.5rem 1rem;
    border: .5rem solid #ecf2fc;
    margin-bottom: 2rem
  }
  
  .design-bid .design-bid__title {
    margin-bottom: 1.5rem;
    text-align: center
  }
  
  .design-bid .design-bid__btn {
    width: 15.125rem
  }
  
  .design-build {
    margin-bottom: 2.5rem
  }
  
  .design-build .design-build__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.875rem
  }
  
  .design-build .design-build__head-title {
    max-width: 100%;
    margin-bottom: 1rem;
    text-align: center
  }
  
  .design-build .design-build__head-text {
    max-width: 100%;
    text-align: center
  }
  
  .design-build .design-build__items-wrap {
    position: relative
  }
  
  .design-build .design-build__items-wrap::after {
    content: '';
    position: absolute;
    top: 13.5rem;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #ecf2fc
  }
  
  .design-build .design-build__items {
    overflow: auto;
    display: -ms-flexbox;
    display: flex
  }
  
  .design-build .design-build__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 9.25rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
  }
  
  .design-build .design-build__item:nth-of-type(2n) {
    padding-top: 16.625rem;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  
  .design-build .design-build__item:nth-of-type(2n) .design-build__number {
    margin-bottom: .8125rem
  }
  
  .design-build .design-build__item:nth-of-type(2n) .design-build__number::after {
    top: auto;
    bottom: 100%
  }
  
  .design-build .design-build__item:nth-of-type(2n) .design-build__number::before {
    top: -3.6875rem;
    bottom: auto
  }
  
  .design-build .design-build__item:first-of-type,
  .design-build .design-build__item:last-of-type {
    width: 13.625rem
  }
  
  .design-build .design-build__item:first-of-type .design-build__text,
  .design-build .design-build__item:last-of-type .design-build__text {
    width: 100%;
    margin: 0 0 1.25rem
  }
  
  .design-build .design-build__number {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4.75rem;
    height: 4.75rem;
    border-radius: 50%;
    border: 6px solid #ecf2fc;
    color: #4d7abf;
    font-size: 2.25rem;
    line-height: 1
  }
  
  .design-build .design-build__number::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 4px;
    margin-left: -2px;
    height: 3.125rem;
    background-color: #ecf2fc
  }
  
  .design-build .design-build__number::before {
    content: '';
    position: absolute;
    bottom: -3.5625rem;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 7px rgba(92, 139, 210, 0.4);
    z-index: 1
  }
  
  .design-build .design-build__text {
    width: calc(100% + 5rem);
    height: 4.6875rem;
    margin: 0 -2.5rem 1.25rem;
    text-align: center;
    overflow: hidden
  }
  
  .design-cashback {
    position: relative;
    background-color: #4d7abf
  }
  
  .design-cashback .design-cashback__content {
    position: relative;
    padding: 2rem 0;
    z-index: 1
  }
  
  .design-cashback .design-cashback__title {
    margin-bottom: 1.25rem;
    color: #fff
  }
  
  .design-cashback .design-cashback__text {
    margin-bottom: 2.3125rem;
    color: #fff
  }
  
  .design-cashback .design-cashback__btn {
    width: 15.125rem
  }
  
  .design-cashback .design-cashback__img {
    display: none
  }
  
  .design-stages {
    padding-top: 2.5rem
  }
  
  .design-stages .design-stages__head-title {
    margin-bottom: 1.375rem
  }
  
  .design-stages .design-stages__content-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
  }
  
  .design-stages .design-stages__tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 2px solid #e7e7e7;
    margin-bottom: 2.875rem
  }
  
  .design-stages .design-stages__tabs-item {
    position: relative;
    padding: .375rem .75rem;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #a4a4a4
  }
  
  .design-stages .design-stages__tabs-item::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 0%;
    left: -2px;
    bottom: 0;
    border-radius: 3px;
    background-color: #3a65a7;
    box-shadow: 0 .125rem .25rem rgba(58, 101, 167, 0.4)
  }
  
  .design-stages .design-stages__tabs-item.design-stages__tabs-item--active {
    color: #3a65a7
  }
  
  .design-stages .design-stages__tabs-item.design-stages__tabs-item--active::after {
    height: 100%
  }
  
  .design-stages .design-stages__content-item {
    display: none;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .design-stages .design-stages__content-item.design-stages__content-item--active {
    display: -ms-flexbox;
    display: flex
  }
  
  .design-stages .design-stages__item {
    position: relative;
    width: 84%;
    padding-right: 3.125rem;
    margin-bottom: 1.625rem
  }
  
  .design-stages .design-stages__item::after,
  .design-stages .design-stages__item::before {
    content: '';
    position: absolute;
    top: 2.125rem;
    right: 1.5rem
  }
  
  .design-stages .design-stages__item::before {
    width: 1.25rem;
    height: 1.25rem;
    border-right: 4px solid #ecf2fc;
    border-top: 4px solid #ecf2fc;
    border-radius: 4px;
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
  }
  
  .design-stages .design-stages__item::after {
    width: 3rem;
    height: 4px;
    background-color: #ecf2fc;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  
  .design-stages .design-stages__item:last-of-type::after,
  .design-stages .design-stages__item:last-of-type::before {
    display: none
  }
  
  .design-stages .design-stages__item-icon {
    width: 3.375rem;
    height: 3.375rem;
    margin-bottom: 1rem;
    position: relative;
    z-index: 1
  }
  
  .design-stages .design-stages__item-icon svg {
    fill: #f27069
  }
  
  .design-stages .design-stages__item-text {
    position: relative;
    z-index: 1
  }
  
  .design-video {
    margin-bottom: 2.5rem
  }
  
  .design-video .design-video__head-title {
    margin-bottom: 1.625rem
  }
  
  .design-video .design-video__item {
    position: relative;
    width: 100%;
    height: 13.5rem;
    background-color: #6a6d75;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
  }
  
  .design-video .design-video__item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #31353a;
    opacity: 0;
    transition: opacity 0.4s ease
  }
  
  .design-video .design-video__item iframe {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%
  }
  
  .design-video .design-video__item:hover .reviews__video-btn {
    border-color: #fff
  }
  
  .design-video .design-video__item:hover::after {
    opacity: 0.2
  }
  
  .design-video .design-video__item-content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: .875rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
  }
  
  .design-video .design-video__title {
    position: relative;
    max-width: 100%;
    max-height: 3.625rem;
    text-align: center;
    overflow: hidden;
    color: #fff;
    z-index: 1
  }
  
  .design-video .design-video__text {
    position: relative;
    max-width: 100%;
    color: #fff;
    text-align: center;
    opacity: 0.6;
    z-index: 1
  }
  
  .design-video .design-video__btn {
    position: relative;
    width: 3.125rem;
    height: 3.125rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    margin-bottom: .75rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: border 0.4s ease;
    z-index: 1
  }
  
  .design-video .design-video__btn svg {
    width: 1.0625rem;
    height: .9375rem;
    margin: .25rem 0 0 .25rem;
    fill: #fcd666
  }
  
  .upBtn {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    display: none;
    background-color: #7198d4;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color 0.3s linear;
    width: 3.125rem;
    height: 3.125rem;
    z-index: 100
  }
  
  .upBtn:hover {
    background-color: #4d7abf
  }
  
  .upBtn::before {
    content: '';
    width: .625rem;
    height: .625rem;
    border-top: .125rem solid #fff;
    border-left: .125rem solid #fff;
    position: absolute;
    top: 1.375rem;
    left: 1.25rem;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  
  .upBtn.upBtn--active {
    display: block
  }
  
  .sitemap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 5.3125rem;
    padding-top: 1.25rem
  }
  
  .sitemap .sitemap__title {
    margin-bottom: 1.875rem
  }
  
  .sitemap .sitemap__list-title {
    margin-bottom: 1.25rem;
    text-transform: uppercase
  }
  
  .sitemap .sitemap__item {
    margin-bottom: 1.875rem
  }
  
  .sitemap .sitemap__item:last-child {
    margin-bottom: 0
  }
  
  .sitemap .sitemap__link {
    color: #4d7abf;
    display: block
  }
  
  .sitemap .sitemap__link:hover {
    color: #7198d4
  }
  
  .sitemap ul {
    border-left: 2px solid #e7e7e7
  }
  
  .sitemap li {
    margin-left: 2.5rem
  }
  
  .sitemap .sitemap__li {
    margin-top: 1.875rem
  }
  
  .sitemap .sitemap__li:first-of-type {
    margin-top: 0
  }
  
  .sitemap .sitemap__form {
    background-color: #ecf2fc;
    padding: 3.4375rem 2.8125rem;
    margin-top: 1.875rem
  }
  
  .sitemap .sitemap__form-description {
    margin-top: 1.0625rem;
    margin-bottom: 1.875rem
  }
  
  .sitemap .sitemap__form-btn {
    margin-top: 1.5625rem;
    width: 100%
  }
  
  .sitemap .sitemap__form-conf {
    margin-top: 1.25rem
  }
  
  .sitemap .sitemap__form-conf br {
    display: none
  }
  
  .sitemap .sitemap__form-conf a {
    color: #7198d4
  }
  
  .sitemap .sitemap__form-conf a:hover {
    color: #3a65a7
  }
  
  .faq {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 5.3125rem;
    padding-top: 1.25rem
  }
  
  .faq .faq__tags-wrap {
    margin-bottom: 1.875rem
  }
  
  .faq .faq__accordion {
    margin-bottom: 1.25rem
  }
  
  .faq .faq__accordion:last-child {
    margin-bottom: 0
  }
  
  .faq .faq__form {
    background-color: #ecf2fc;
    padding: 1.25rem;
    margin-top: 3.125rem
  }
  
  .faq .faq__form-inputs {
    margin-top: 1.625rem
  }
  
  .faq .faq__form-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1.25rem
  }
  
  .faq .faq__form-textarea {
    margin-top: 1.1875rem
  }
  
  .faq .faq__form-btn {
    margin-top: 1.5625rem
  }
  
  .faq .faq__form-conf a {
    color: #7198d4
  }
  
  .faq .faq__form-conf a:hover {
    color: #3a65a7
  }
  
  .faq .faq__tags-title {
    margin-bottom: 1.125rem
  }
  
  .faq .faq__tag {
    margin-right: .625rem;
    margin-bottom: .625rem
  }
  
  .faq .faq__tags {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .accordion {
    padding: 1.25rem;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border: 2px solid rgba(77, 122, 191, 0.5);
  }
  
  .accordion .accordion__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
  }
  
  .accordion .accordion__arrow {
    width: 12px;
    height: 9px;
    transition: transform 0.3s ease;
    fill: none;
    stroke: #6a6d75
  }
  
  .accordion .accordion__hidden {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, margin-top 0.3s ease
  }
  
  .accordion.accordion--active .accordion__hidden {
    margin-top: 1.875rem;
    transition: max-height 0.3s ease, margin-top 0.3s ease
  }
  
  .accordion.accordion--active .accordion__arrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: transform 0.3s ease
  }
  
  .design-important {
    padding: 2.5rem 0 1.875rem;
    position: relative;
    overflow: hidden
  }
  
  .design-important .design-important__img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    z-index: 1
  }
  
  .design-important .design-important__content {
    position: relative;
    z-index: 2
  }
  
  .design-important .design-important__title {
    color: #7198d4;
    font-size: 1.5625rem;
    line-height: 1.6;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    max-width: 44.625rem;
    margin-bottom: 1.25rem
  }
  
  .design-important .design-important__text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #31353a
  }
  
  .design-important .design-important__text p {
    margin-bottom: 1.5rem
  }
  
  .design-important .design-important__text ul {
    margin: 1.25rem 0
  }
  
  .design-important .design-important__text li {
    margin: 0 0 1.25rem;
    padding-left: 1.3125rem;
    position: relative
  }
  
  .design-important .design-important__text li::before {
    content: "";
    display: block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #4d7abf;
    position: absolute;
    left: 0;
    top: .6875rem
  }
  
  .design-gray-text {
    padding: 3.125rem 0;
    background-color: #ecf2fc
  }
  
  .design-gray-text .design-gray-text__title {
    font-size: 1.4375rem;
    line-height: 2.0625rem;
    max-width: 45.625rem;
    margin-bottom: 1.25rem
  }
  
  .design-gray-text .design-gray-text__text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #31353a;
    display: inline
  }
  
  .design-beginning {
    margin-top: 1.875rem
  }
  
  .design-beginning .design-beginning__text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #31353a;
    display: inline
  }
  
  .design-beginning .design-beginning__text:not(first-child) {
    margin-top: 1.25rem
  }
  
  .design-beginning .design-beginning__img {
    object-fit: cover;
    font-family: 'object-fit: cover;';
    height: 15.625rem;
    width: 100%;
    margin-bottom: 1.25rem
  }
  
  .design-frame-text {
    margin-top: 1.875rem;
    text-align: center;
    padding: 2.125rem;
    border: .5rem solid #ecf2fc;
    margin-bottom: 2.5rem
  }
  
  .design-frame-text .design-frame-text__title {
    font-size: 1.5625rem;
    line-height: 2.0625rem;
    color: #31353a;
    margin-bottom: 1.25rem
  }
  
  .design-frame-text .design-frame-text__text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #31353a
  }
  
  .design-show-more .design-show-more__text-hidden {
    display: none
  }
  
  .design-show-more .design-show-more__btn {
    margin-top: 1.25rem;
    display: block;
    color: #4d7abf;
    width: -webkit-fit-content;
    width: fit-content
  }
  
  .design-show-more .design-show-more__btn::before {
    content: "\427\438\442\430\442\44C   \434\430\43B\435\435"
  }
  
  .design-show-more .design-show-more__btn:hover {
    color: #7198d4
  }
  
  .design-show-more.design-show-more--open .design-show-more__text-hidden {
    display: block
  }
  
  .design-show-more.design-show-more--open .design-show-more__btn::before {
    content: "\421\43A\440\44B\442\44C"
  }
  
  .quiz {
    padding-top: 1.25rem
  }
  
  .quiz .quiz__content {
    padding-bottom: 2.5rem
  }
  
  .quiz .quiz__question {
    margin-bottom: .4375rem
  }
  
  .quiz .quiz__bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1;
    background-color: transparent;
    transition: background-color 0.4s ease
  }
  
  .quiz .quiz__bottom.quiz__bottom--active {
    background-color: #31353a
  }
  
  .quiz .quiz__bottom.quiz__bottom--active .quiz__btn {
    display: -ms-inline-flexbox;
    display: inline-flex
  }
  
  .quiz .quiz__bottom.quiz__bottom--active .quiz__btn-prev {
    display: -ms-inline-flexbox;
    display: inline-flex
  }
  
  .quiz .quiz__btn-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
  }
  
  .quiz .quiz__btn {
    margin: .875rem .625rem .625rem;
    display: none;
    transition: opacity 0.4s ease
  }
  
  .quiz .quiz__btn-prev {
    margin: .875rem .625rem .625rem;
    display: none;
    transition: opacity 0.4s ease
  }
  
  .quiz .quiz__progress {
    height: 4px;
    position: relative;
    border-radius: 3px
  }
  
  .quiz .quiz__progress>span {
    display: block;
    height: 100%;
    background-color: #4d7abf;
    box-shadow: 0 0 8px rgba(92, 139, 210, 0.3), 0 0 8px rgba(92, 139, 210, 0.3);
    border-radius: 0 3px 3px 0;
    position: relative;
    overflow: hidden;
    transition: width 0.4s ease
  }
  
  .quiz-item .quiz-item__title {
    margin-bottom: .875rem;
    text-transform: none
  }
  
  .quiz-item .quiz-item__description {
    color: #a4a4a4;
    margin-bottom: 1.125rem
  }
  
  .quiz-item .quiz-item__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  
  .quiz-item .quiz-item__list.quiz-item__list--cards {
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  
  .quiz-item .quiz-item__item {
    margin-bottom: 1rem;
    width: 100%
  }
  
  .quiz-item .quiz-item__item .quiz-item__control {
    font-size: 1.125rem;
    line-height: 1.875rem;
    height: 100%
  }
  
  .quiz-item .quiz-item__item .quiz-item__control>label {
    padding: 1.25rem 1.75rem;
    height: 100%
  }
  
  .quiz-item .quiz-item__item.quiz-item__item--catalog-item {
    margin-bottom: 2.25rem
  }
  
  .quiz-item .quiz-item__item.quiz-item__item--catalog-item .quiz-item__control {
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.5625rem;
    height: auto
  }
  
  .quiz-item .quiz-item__item.quiz-item__item--panel-item {
    margin-bottom: 2.25rem
  }
  
  .quiz-item .quiz-item__item.quiz-item__item--panel-item .quiz-item__control {
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.5625rem;
    height: auto;
    pointer-events: none
  }
  
  .quiz-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent;
    transition: background-color 0.4s ease
  }
  
  .quiz-control>input {
    display: none
  }
  
  .quiz-control>input:checked+label {
    background-color: #4d7abf;
    color: #fff
  }
  
  .quiz-control>input:first-child:checked~.quiz-control__input-wrapper {
    display: block
  }
  
  .quiz-control>input:first-child:checked~.quiz-control__input-wrapper input {
    display: block
  }
  
  .quiz-control>label {
    cursor: pointer;
    display: block;
    padding: 2.25rem 0;
    background-color: #ecf2fc;
    transition: background-color 0.4s ease, color 0.4s ease
  }
  
  .quiz-control .quiz-control__input-wrapper {
    display: none;
    padding: 0 1.75rem 1.25rem
  }
  
  .quiz-control .quiz-control__input-wrapper input {
    color: #fff
  }
  
  .quiz-control .quiz-control__input-wrapper input:-ms-input-placeholder {
    color: #fff
  }
  
  .quiz-control .quiz-control__input-wrapper input::placeholder {
    color: #fff
  }
  
  .quiz-control.quiz-control--active {
    background-color: #4d7abf
  }
  
  .panel-item {
    position: relative
  }
  
  .panel-item:hover .panel-item__btn {
    opacity: 1
  }
  
  .panel-item .panel-item__panel-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    font-size: 0;
    color: transparent
  }
  
  .panel-item .panel-item__pic {
    height: 351px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
  }
  
  .panel-item .panel-item__btns {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: .4s
  }
  
  .panel-item .panel-item__btns input {
    display: none
  }
  
  .panel-item .panel-item__btns input:first-of-type:checked+label {
    background-color: rgba(77, 122, 191, 0.8);
    opacity: 1
  }
  
  .panel-item .panel-item__btns input:last-of-type:checked+label {
    background-color: rgba(49, 53, 58, 0.8);
    opacity: 1
  }
  
  .panel-item .panel-item__btn {
    position: relative;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: .4s;
    opacity: 0;
    cursor: pointer;
    background-color: rgba(49, 53, 58, 0.8)
  }
  
  .panel-item .panel-item__btn:hover {
    background-color: rgba(77, 122, 191, 0.8)
  }
  
  .panel-item .panel-item__btn svg {
    width: 2rem;
    height: 2rem
  }
  
  .panel-item .panel-item__zoom-btn {
    position: absolute;
    top: 1.25rem;
    right: 1.625rem;
    width: 1.6875rem;
    height: 1.625rem;
    padding: .125rem;
    z-index: 1
  }
  
  .panel-item .panel-item__zoom-btn svg {
    stroke-width: 2px;
    fill: transparent;
    stroke: #fff
  }
  
  .panel-item .panel-item__zoom-btn:hover svg {
    stroke: #4d7abf
  }
  
  .result .result__subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 2.5rem 0 .875rem
  }
  
  .result .result__title {
    font-size: 1.875rem;
    line-height: 2.625rem;
    margin-bottom: 3.125rem
  }
  
  .result .result__title span {
    color: #7198d4
  }
  
  .result .result__text {
    padding-bottom: 2.5rem
  }
  
  .result .result__img {
    padding-bottom: 2.5rem
  }
  
  .result .result__img img {
    max-width: 100%
  }
  
  .result .result__form {
    background: #ecf2fc;
    padding: 2.5rem 0
  }
  
  .result .result__form-title {
    font-size: 1.875rem;
    line-height: 2.625rem;
    margin-bottom: 1.75rem;
    text-transform: uppercase
  }
  
  .result .result__input {
    margin-bottom: .625rem
  }
  
  .result .result__btns {
    margin-bottom: 1.25rem
  }
  
  .result .result__btn {
    margin: .625rem 0
  }
  
  @media screen and (min-width: 768px) {
    .h2.h2--m {
      font-size: 1.5625rem;
      line-height: 1.35
    }
  
    .h3 {
      font-size: 1.5625rem;
      line-height: 1.3
    }
  
    .h3.h3--up {
      line-height: 1.7
    }
  
    .h4 {
      line-height: 1.35;
      font-size: 1.5625rem
    }
  
    .h4.h4--up {
      line-height: 1.7
    }
  
    .h5 {
      font-size: 1.375rem;
      line-height: 1.3
    }
  
    .text-newth {
      font-size: 0.9rem;
      line-height: 1.7
    }
  
    .text {
      font-size: 1.125rem;
      line-height: 1.7
    }
  
    .text-little {
      font-size: 1.125rem;
      line-height: 1.5
    }
  
    .text-little.text-little--m {
      font-size: .875rem;
      line-height: 1.375rem
    }
  
    .text-base {
      font-size: 1rem;
      line-height: 1.5
    }
  
    .range-one--area::before {
      font-size: 1.125rem
    }
  
    .header .header__bottom {
      height: calc(100vh - 6.125rem);
      padding: 2.0625rem 0 7.5rem
    }
  
    .header .header__top-right {
      padding-bottom: 0
    }
  
    .header .header__top-contacts {
      padding-top: 0
    }
  
    .header .header__top-contacts::after {
      display: none
    }
  
    .header .header__top-text {
      margin-left: 1.875rem;
      display: block
    }
  
    .header .header__top-bid {
      margin-bottom: 0
    }
  
    .header .header__btn-phone {
      width: 2.625rem;
      height: 2.625rem
    }
  
    .header .header__btn-phone svg {
      width: .9375rem;
      height: .9375rem
    }
  
    .header .header__btn-menu {
      width: 2.1875rem;
      height: 1.625rem
    }
  
    .header .header__btn-menu span {
      height: 3px;
      -ms-transform-origin: 96% 50%;
      transform-origin: 96% 50%
    }
  
    .header .header__btn-menu.header__btn-menu--open span {
      left: -.25rem
    }
  
    .header .header__btn {
      width: 7.375rem
    }
  
    .footer .footer__links {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 1.1875rem
    }
  
    .footer .footer__links-col {
      margin-bottom: 1.25rem
    }
  
    .footer .footer__contacts {
      -ms-flex-align: start;
      align-items: flex-start;
      margin-bottom: 3.3125rem
    }
  
    .footer .footer__contacts-item .text-little {
      text-align: left
    }
  
    .footer .footer__bottom-row {
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
  
    .footer .footer__bottom-row:last-of-type {
      margin-bottom: 0
    }
  
    .footer .footer__socials {
      margin: 0
    }
  
    .footer .footer__phone {
      margin-bottom: 0
    }
  
    .consultation .consultation__people {
      max-width: inherit;
      width: 26.25rem;
      margin-bottom: 2.375rem
    }
  
    .consultation .consultation__img {
      width: 6.875rem;
      height: 6.5625rem;
      margin-right: 1.375rem
    }
  
    .consultation .consultation__inputs {
      margin-bottom: 2.3125rem
    }
  
    .consultation .consultation__form-bottom {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    .consultation .consultation__conf {
      max-width: 14.875rem;
      margin-bottom: 0;
      font-size: .875rem
    }
  
    .consultation .consultation__conf br {
      display: block
    }
  
    .consultation .consultation__form-btn {
      width: 16.75rem;
      margin-top: .4375rem
    }
  
    .popup .popup__content-wrap {
      width: auto
    }
  
    .popup .popup__content.popup__content--gallery .popup__close {
      top: -2.25rem;
      right: -.25rem
    }
  
    .popup .popup__close {
      top: 1.625rem;
      right: 1.5rem
    }
  
    .popup .filter-home .filter-home__content {
      -ms-flex-direction: row;
      flex-direction: row
    }
  
    .popup .filter-home .filter-home__tabs {
      min-width: 17.625rem
    }
  
    .popup-bid {
      width: 38rem;
      padding: 3.1875rem 7.625rem 3.625rem
    }
  
    .popup-bid .popup-bid__title {
      margin-bottom: .25rem;
      max-width: 114%;
      width: 114%
    }
  
    .popup-bid .popup-bid__text {
      margin-bottom: 1.25rem
    }
  
    .popup-bid .popup-bid__input {
      margin-bottom: 1.375rem
    }
  
    .popup-bid .popup-bid__file {
      margin-bottom: 1.375rem
    }
  
    .popup-bid .popup-bid__form-text {
      margin-bottom: 1.875rem;
      margin-top: 1.5625rem
    }
  
    .popup-gallery .popup-gallery__slider-btn.popup-gallery__slider-btn--prev {
      left: 1.25rem
    }
  
    .popup-gallery .popup-gallery__slider-btn.popup-gallery__slider-btn--next {
      right: 1.25rem
    }
  
    .popup-success {
      width: 38rem;
      padding: 3.1875rem 7.625rem 3.625rem
    }
  
    .popup-success .popup-success__title {
      margin-bottom: .25rem
    }
  
    .popup-success .popup-success__text {
      margin-bottom: 1.25rem
    }
  
    .seo-text .seo-text__content p {
      font-size: 1.125rem;
      line-height: 1.7
    }
  
    .gallery .gallery__pag-arrow.gallery__pag-arrow--prev {
      left: 1.125rem
    }
  
    .gallery .gallery__pag-arrow.gallery__pag-arrow--next {
      right: 1.125rem
    }
  
    .video .video__btn {
      width: 6.5rem;
      height: 6.5rem
    }
  
    .video .video__btn svg {
      width: 2.0625rem;
      height: 2.5rem
    }
  
    .reviews .reviews__head {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center
    }
  
    .reviews .reviews__title {
      max-width: 24.125rem
    }
  
    .reviews .reviews__title {
      margin-bottom: 0
    }
  
    .reviews .reviews__btn {
      margin-bottom: 0
    }
  
    .reviews .reviews__video {
      height: 30.375rem
    }
  
    .reviews .reviews__video-title {
      margin-bottom: .1875rem
    }
  
    .reviews .reviews__video-btn {
      width: 6.5rem;
      height: 6.5rem;
      margin-bottom: 1.0625rem
    }
  
    .reviews .reviews__video-btn svg {
      width: 2.0625rem;
      height: 2.5rem
    }
  
    .reviews .reviews__nav {
      display: block
    }
  
    .reviews .reviews__slider {
      overflow: hidden
    }
  
    .reviews .reviews__slider:not(.swiper-container-initialized) .reviews__slide {
      margin-right: 3.5%
    }
  
    .reviews .reviews__slide {
      width: 31%
    }
  
    .banner-home .banner-home__slide {
      padding: 2.5rem 0 2.875rem
    }
  
    .banner-home .banner-home__description {
      max-width: 25rem
    }
  
    .banner-home .banner-home__area {
      font-size: 2.8125rem
    }
  
    .banner-home .banner-home__text {
      margin-bottom: 2.125rem
    }
  
    .home-projects .home-projects__item:hover .home-projects__item-description-wrap {
      padding-top: .75rem
    }
  
    .home-projects .home-projects__number {
      right: -.125rem;
      bottom: -1.9375rem;
      font-size: 12.5rem
    }
  
    .home-projects .home-projects__item-description {
      padding-top: 1.875rem
    }
  
    .home-projects .home-projects__text {
      margin-bottom: 2.625rem
    }
  
    .home-about .home-about__back-text {
      font-size: 2.1875rem;
      line-height: 1.115
    }
  
    .home-about .home-about__items {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
  
    .home-about .home-about__item:nth-last-of-type(2) {
      margin-bottom: 0
    }
  
    .home-about .home-about__item-text {
      max-width: 100%
    }
  
    .home-about .home-about__slide-title span::after {
      width: 4rem;
      height: 4rem
    }
  
    .home-build {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    .home-build .home-build__title {
      margin-bottom: 1.75rem
    }
  
    .home-build .home-build__tabs {
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-align: center;
      align-items: center;
      border-left: 0;
      border-bottom: 1px solid #e7e7e7;
      margin-bottom: 3.75rem
    }
  
    .home-build .home-build__tab {
      margin-bottom: 0;
      height: 5.625rem;
      padding: .5rem .5rem .5rem 0
    }
  
    .home-build .home-build__tab.home-build__tab--active::after {
      top: auto;
      left: 0;
      bottom: -2px;
      height: 4px;
      width: 100%
    }
  
    .home-build .home-build__description {
      width: 31.5rem
    }
  
    .home-how .home-how__head {
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-direction: row;
      flex-direction: row
    }
  
    .home-how .home-how__tab {
      padding: .375rem 1.375rem
    }
  
    .home-how .home-how__slider {
      overflow: visible
    }
  
    .home-how .home-how__slide {
      margin-right: 1.3125rem
    }
  
    .home-how .home-how__slide-img {
      height: 22.875rem;
      margin-bottom: 1.3125rem
    }
  
    .home-how .home-how__slide-description-wrap {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
  
    .home-how .home-how__slide-area {
      margin-bottom: 0
    }
  
    .home-how .home-how__slide-name {
      margin-bottom: .3125rem
    }
  
    .home-how .home-how__slide-btn {
      margin-top: .6875rem
    }
  
    .home-map .home-map__map {
      height: 37.75rem
    }
  
    .home-partners .home-partners__slider-wrap {
      padding: 0 3.75rem 5.375rem
    }
  
    .home-partners .home-partners__nav {
      margin-bottom: 0
    }
  
    .home-partners .home-partners__pag {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #f7f7f7
    }
  
    .home-partners .home-partners__pag .swiper-pagination-progressbar-fill {
      position: absolute;
      left: 0;
      top: -.125rem;
      display: block;
      width: 100%;
      height: 5px;
      border-radius: 4px;
      background-color: #7198d4;
      box-shadow: 0 .25rem .375rem rgba(92, 139, 210, 0.2);
      -ms-transform: scale(0);
      transform: scale(0);
      -ms-transform-origin: left top;
      transform-origin: left top
    }
  
    .home-partners .home-partners__arrow {
      position: absolute;
      top: .8125rem
    }
  
    .home-partners .home-partners__arrow.home-partners__arrow--prev {
      left: 0
    }
  
    .home-partners .home-partners__arrow.home-partners__arrow--next {
      right: 0
    }
  
    .home-sign .home-sign__img {
      position: absolute;
      display: block;
      width: 40.75rem;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
    }
  
    .home-sign .home-sign__title {
      margin-bottom: 1.4375rem
    }
  
    .home-sign .home-sign__text {
      max-width: 27.625rem
    }
  
    .mailing .mailing__text {
      max-width: 30.5rem;
      margin-bottom: 2.6875rem
    }
  
    .mailing .mailing__input {
      margin-bottom: 2.3125rem
    }
  
    .mailing .mailing__form-bottom {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    .mailing .mailing__conf-wrap {
      max-width: 16.625rem;
      margin-bottom: 0;
      font-size: .875rem
    }
  
    .mailing .mailing__conf br {
      display: block
    }
  
    .mailing .mailing__form-btn {
      margin-top: .4375rem
    }
  
    .home-quiz .home-quiz__title span {
      display: block
    }
  
    .filter-home .filter-home__content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
  
    .filter-home .filter-home__content {
      padding-bottom: 2.625rem
    }
  
    .filter-home .filter-home__tab {
      padding-left: 1.5625rem;
      margin-bottom: 0
    }
  
    .filter-home .filter-home__form-col {
      width: 48.4%;
      margin-right: 3.2%
    }
  
    .filter-home .filter-home__form-col:nth-of-type(2n) {
      margin-right: 0
    }
  
    .filter-home .filter-home__range,
    .filter-home .filter-home__select,
    .filter-home .filter-home__input {
      margin-bottom: 2.25rem
    }
  
    .filter-home .filter-home__range .range-one .jsr_label {
      font-size: 1.125rem
    }
  
    .filter-home .filter-home__input-title {
      font-size: .875rem;
      line-height: 1.7
    }
  
    .filter-home .filter-home__footer {
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    .filter-home .filter-home__footer-title {
      text-align: left;
      margin-bottom: 0
    }
  
    .filter-home .filter-home__footer-btn {
      margin-bottom: 0
    }
  
    .filter-home .filter-home__footer-text {
      text-align: left
    }
  
    .catalog .catalog__btn-filter {
      width: 9.375rem
    }
  
    .catalog .catalog__btn-filter svg {
      margin-right: .5rem
    }
  
    .catalog .catalog__items {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
  
    .catalog .catalog__item {
      width: 31%;
      margin-right: 3%
    }
  
    .catalog .catalog__item {
      margin-bottom: 1.25rem
    }
  
    .catalog-item .catalog-item__bottom-info {
      line-height: 1.4
    }
  
    .catalog-item .catalog-item__bottom-price-title {
      line-height: 1.4
    }
  
    .catalog-item .catalog-item__bottom-price-text {
      line-height: 1.2
    }
  
    .project-specifications .project-specifications__floor {
      width: 44.4%;
      padding-right: 0;
      margin-right: 10%
    }
  
    .project-specifications .project-specifications__floor:nth-of-type(2n) {
      margin-right: 0
    }
  
    .project-specifications .project-specifications__floor-img-wrap {
      width: 17.8125rem
    }
  
    .project-specifications .project-specifications__list {
      width: 25.5rem
    }
  
    .project-specifications .project-specifications__list-item {
      margin-bottom: -.1875rem
    }
  
    .project-about-description {
      padding-right: 3.25rem
    }
  
    .project-about-description .project-about-description__content-wrap {
      max-height: 6.75rem
    }
  
    .project-about-description .project-about-description__content {
      line-height: 1.5
    }
  
    .project-about .project-about__tabs {
      margin-bottom: 2.375rem
    }
  
    .project-equipment .project-equipment__tabs {
      margin-bottom: 2.5rem
    }
  
    .project-equipment .project-equipment__tab {
      width: 9.0625rem
    }
  
    .project-equipment .project-equipment__tab-text {
      line-height: 1.5
    }
  
    .project-equipment .project-equipment__item-col {
      margin-bottom: 1.25rem
    }
  
    .project-equipment .project-equipment__item-s-title {
      margin-bottom: .625rem;
      font-size: 1.25rem;
      line-height: 1.6875rem
    }
  
    .project-equipment .project-equipment__item-list {
      margin-top: 1.375rem
    }
  
    .project-equipment .project-equipment__btn-learn {
      display: -ms-flexbox;
      display: flex;
      width: 26.625rem;
      margin: 0 auto
    }
  
    .project-equipment .project-equipment__tabs-extern {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-item-align: start;
      align-self: flex-start
    }
  
    .project-equipment .project-equipment__tab-extern {
      margin-bottom: 0;
      margin-right: -.125rem;
      width: auto;
      min-width: 11.25rem
    }
  
    .project-equipment .project-equipment__tableText-tooltip {
      width: 26.75rem
    }
  
    .project-other .project-other__head {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center
    }
  
    .project-other .project-other__title {
      margin-bottom: 0
    }
  
    .project-other .project-other__item.swiper-slide-active+.project-other__item::after {
      display: none
    }
  
    .project-individuality .project-individuality__description-text {
      line-height: 1.5
    }
  
    .project-individuality .project-individuality__description-btn {
      width: 30.5rem
    }
  
    .banner-about .banner-about__video-btn {
      width: 6.5rem;
      height: 6.5rem
    }
  
    .banner-about .banner-about__video-btn svg {
      width: 2.0625rem;
      height: 2.5rem
    }
  
    .banner-about .banner-about__content {
      padding-top: 2rem
    }
  
    .banner-about .banner-about__items {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    .banner-about .banner-about__item {
      width: 33.33%;
      padding-right: .625rem;
      margin-bottom: 0
    }
  
    .about-this .about-this__head {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center
    }
  
    .about-this .about-this__title {
      margin-bottom: 0
    }
  
    .about-this .about-this__nav {
      margin-bottom: 0
    }
  
    .about-this .about-this__slide-img {
      height: 21.5rem
    }
  
    .about-worth .about-worth__slider {
      height: 18rem;
      margin-bottom: 2.25rem
    }
  
    .about-worth .about-worth__slide {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      height: 100%;
      padding-bottom: 0
    }
  
    .about-worth .about-worth__visual {
      position: relative;
      display: block;
      border: 2px solid rgba(255, 255, 255, 0.3);
      border-radius: 50%
    }
  
    .about-worth .about-worth__visual-border {
      width: 4.6875rem;
      height: 4.6875rem
    }
  
    .about-worth .about-worth__visual-icon {
      width: 3.625rem;
      height: 3.625rem
    }
  
    .about-worth .about-worth__visual-icon svg {
      width: 1.9375rem;
      height: 1.9375rem
    }
  
    .about-worth .about-worth__visual-text {
      position: absolute
    }
  
    .about-history .about-history__pag {
      position: absolute;
      top: 50%;
      right: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
    }
  
    .about-history .about-history__pag .swiper-pagination-bullet {
      background-color: #fff
    }
  
    .about-history .about-history__pag .swiper-pagination-bullet:hover::after {
      border-color: #fcd666
    }
  
    .about-history .about-history__pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #fcd666
    }
  
    .about-history .about-history__pag .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
      border-color: #fcd666
    }
  
    .about-history .about-history__images {
      width: 37.5rem
    }
  
    .about-history .about-history__arrow.about-history__arrow--prev {
      left: 1.6875rem
    }
  
    .about-history .about-history__arrow.about-history__arrow--next {
      right: 1.6875rem
    }
  
    .about-news .about-news__title {
      margin-bottom: 2.5rem
    }
  
    .about-news .about-news__slider {
      margin-bottom: 4.5rem
    }
  
    .about-news .about-news__slide {
      display: -ms-flexbox;
      display: flex;
      height: 16.875rem
    }
  
    .about-news .about-news__slide-img {
      width: 48.3%;
      height: 100%
    }
  
    .about-news .about-news__slide-description {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start;
      width: 51.7%;
      height: 100%
    }
  
    .about-news .about-news__slide-title {
      max-height: 4rem
    }
  
    .about-news .about-news__slide-text {
      max-height: 3.375rem
    }
  
    .about-reviews .about-reviews__item-title {
      max-height: 3.375rem;
      margin-bottom: 0
    }
  
    .about-projects .about-projects__head {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 2.3125rem
    }
  
    .about-projects .about-projects__title {
      margin-bottom: 0
    }
  
    .about-projects .about-projects__img-wrap {
      margin-bottom: 2rem
    }
  
    .about-projects .about-projects__item-description-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    .about-projects .about-projects__item-description {
      width: calc(100% - 12rem);
      margin-bottom: 0
    }
  
    .about-projects .about-projects__item-name {
      max-height: 4rem
    }
  
    .about-team .about-team__description-wrap {
      padding: 0 2.4375rem
    }
  
    .about-team .about-team__description {
      height: 9.375rem;
      padding: 2.125rem 0 1.375rem
    }
  
    .about-team .about-team__extra {
      padding: 1.625rem 0
    }
  
    .about-team .about-team__info {
      margin-bottom: .625rem
    }
  
    .about-team .about-team__btn-more {
      margin: 1.875rem auto 0
    }
  
    .about-insta .about-insta__title {
      margin-bottom: .625rem
    }
  
    .about-insta .about-insta__head {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 1.875rem
    }
  
    .about-insta .about-insta__head-title {
      margin-bottom: .625rem
    }
  
    .about-insta .about-insta__slide-text {
      max-height: 5.625rem
    }
  
    .article-similar {
      padding: 2.375rem 1.5rem;
      border: 10px solid #ecf2fc
    }
  
    .article-similar .article-similar__item {
      margin-bottom: 1.9375rem
    }
  
    .article-similar .article-similar__description {
      margin-top: -.1875rem
    }
  
    .article-similar .article-similar__img {
      width: 5.1875rem;
      height: 5.1875rem;
      margin-right: 1.5rem
    }
  
    .article-similar .article-similar__date {
      margin-bottom: .5rem
    }
  
    .article-similar .article-similar__title {
      margin-bottom: .4375rem
    }
  
    .article .article__items {
      margin-bottom: 3.125rem
    }
  
    .article .article__items .article-item {
      margin-bottom: 1.25rem
    }
  
    .article-about .article-about__head,
    .article-about-new .article-about__head {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center
    }
  
    .article-about .article-about__head-btn,
    .article-about-new .article-about__head-btn {
      margin-bottom: 0
    }
  
    .article-about .article-about__head-title,
    .article-about-new .article-about__head-title {
      margin-bottom: 0
    }
  
    .article-about .article-about__nav,
    .article-about-new .article-about__nav {
      margin-bottom: 0
    }
  
    .article-about .article-about__slider:not(.swiper-container-initialized) .article-item {
      margin-right: 1.6%
    }
  
    .article-about .article-about__items .article-item {
      margin-bottom: 0
    }
  
    .article-detail .article-detail__content {
      margin-bottom: 1.875rem
    }
  
    .article-detail .article-detail__content h2 {
      margin-bottom: .8125rem;
      font-size: 1.5625rem;
      line-height: 1.3
    }
  
    .article-detail .article-detail__content h3 {
      margin-bottom: 1.5625rem;
      font-size: 1.25rem;
      line-height: 1.25
    }
  
    .article-detail .article-detail__content p {
      margin-bottom: .75rem;
      font-size: 1.125rem;
      line-height: 1.7
    }
  
    .article-detail .article-detail__content ul {
      margin-bottom: .875rem
    }
  
    .article-detail .article-detail__content ul li {
      font-size: 1.125rem;
      line-height: 1.7
    }
  
    .article-detail .article-detail__content ul li::before {
      top: .625rem;
      left: .125rem;
      width: .6875rem;
      height: .6875rem
    }
  
    .article-detail .article-detail__footer {
      padding-top: 1.875rem
    }
  
    .article-detail .article-detail__social span {
      display: block
    }
  
    .article-detail .article-detail__social-icon {
      margin-left: 1.1875rem
    }
  
    .article-detail .article-detail__similar-title {
      margin-bottom: 1.4375rem
    }
  
    .service .service__number {
      top: 0;
      right: 1rem;
      font-size: 12.5rem
    }
  
    .service .service__main-title {
      margin-bottom: 1.75rem
    }
  
    .service .service__title {
      margin-bottom: 1.5rem
    }
  
    .service .service__list {
      margin-bottom: .875rem
    }
  
    .service .service__nav {
      margin-bottom: .8125rem
    }
  
    .price-projects .price-projects__nav {
      margin-bottom: 0
    }
  
    .price-projects .price-projects__pag {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #f7f7f7
    }
  
    .price-projects .price-projects__pag .swiper-pagination-progressbar-fill {
      position: absolute;
      left: 0;
      top: -.125rem;
      display: block;
      width: 100%;
      height: 5px;
      border-radius: 4px;
      background-color: #7198d4;
      box-shadow: 0 .25rem .375rem rgba(92, 139, 210, 0.2);
      -ms-transform: scale(0);
      transform: scale(0);
      -ms-transform-origin: left top;
      transform-origin: left top
    }
  
    .price-projects .price-projects__arrow {
      position: absolute;
      top: 50%
    }
  
    .price-projects .price-projects__arrow.price-projects__arrow--prev {
      right: 100%;
      margin-right: 10px
    }
  
    .price-projects .price-projects__arrow.price-projects__arrow--next {
      left: 100%;
      margin-left: 10px
    }
  
    .stock .stock__nav {
      margin-bottom: 0
    }
  
    .stock .stock__pag {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #f7f7f7
    }
  
    .stock .stock__pag .swiper-pagination-progressbar-fill {
      position: absolute;
      left: 0;
      top: -.125rem;
      display: block;
      width: 100%;
      height: 5px;
      border-radius: 4px;
      background-color: #7198d4;
      box-shadow: 0 .25rem .375rem rgba(92, 139, 210, 0.2);
      -ms-transform: scale(0);
      transform: scale(0);
      -ms-transform-origin: left top;
      transform-origin: left top
    }
  
    .stock .stock__arrow {
      position: absolute;
      top: .8125rem
    }
  
    .stock .stock__arrow.stock__arrow--prev {
      right: 100%;
      margin-right: 10px
    }
  
    .stock .stock__arrow.stock__arrow--next {
      left: 100%;
      margin-left: 10px
    }
  
    .contacts .contacts__info-item svg {
      margin-right: 1.875rem
    }
  
    .contacts .contacts__info-title {
      margin-bottom: .75rem
    }
  
    .contacts .contacts__bottom.contacts__bottom--driving svg {
      margin-right: 1.875rem
    }
  
    .contacts-map .contacts-map__btns {
      bottom: 3.375rem;
      -ms-flex-direction: row;
      flex-direction: row
    }
  
    .contacts-map .contacts-map__search {
      margin-left: 1.25rem;
      margin-top: 0
    }
  
    .technology-visual {
      border: 10px solid #ecf2fc
    }
  
    .technology-visual .technology-visual__images {
      left: 0;
      width: 37rem;
      height: 37rem;
      margin: 0
    }
  
    .technology-visual .technology-visual__item {
      margin-bottom: 1.75rem
    }
  
    .technology-visual .technology-visual__text {
      font-size: 1.25rem;
      line-height: 1.25
    }
  
    .technology-info .technology-info__item {
      -ms-flex-align: center;
      align-items: center
    }
  
    .technology-info .technology-info__item-number {
      width: 4.5rem;
      margin-right: 1.25rem;
      font-size: 3.75rem
    }
  
    .technology-plus .technology-plus__item {
      margin-bottom: 2rem
    }
  
    .technology-plus .technology-plus__icon {
      width: 6.25rem;
      height: 6.25rem;
      border: .375rem solid #ecf2fc;
      margin-right: 1.5625rem
    }
  
    .technology-guarantee {
      margin-bottom: 2rem
    }
  
    .technology-guarantee .technology-guarantee__title {
      margin-bottom: 1.6875rem
    }
  
    .banner-design {
      min-height: inherit
    }
  
    .banner-design .banner-design__content {
      padding-bottom: 1.125rem
    }
  
    .banner-design .banner-design__head {
      margin-bottom: 1rem
    }
  
    .banner-design .banner-design__text {
      margin-bottom: 3.8125rem
    }
  
    .banner-design .banner-design__btn {
      width: 26.75rem
    }
  
    .banner-design .banner-design__btn .btn__text {
      font-size: .875rem
    }
  
    .design-description .design-description__back-text {
      display: -ms-flexbox;
      display: flex;
      font-size: 2.1875rem;
      line-height: 1.115
    }
  
    .design-family .design-family__content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: start;
      align-items: flex-start;
      padding-left: 0
    }
  
    .design-family .design-family__slide-title-wrap {
      display: none
    }
  
    .design-family .design-family__img-wrap {
      position: relative;
      width: 17.875rem;
      height: 17.875rem;
      border-radius: 50%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #fff;
      z-index: 3
    }
  
    .design-family .design-family__items-wrap {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: visible
    }
  
    .design-family .design-family__slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: none
    }
  
    .design-family .design-family__item {
      border: 0;
      margin-bottom: 0;
      padding: 0;
      height: inherit
    }
  
    .design-family .design-family__item:first-of-type .design-family__icon::after,
    .design-family .design-family__item:first-of-type .design-family__icon::before {
      display: none
    }
  
    .design-family .design-family__item {
      position: absolute;
      left: 0;
      top: .8125rem;
      height: auto;
      animation-duration: 0.4s;
      animation-fill-mode: both;
      animation-name: fadeIn;
      z-index: 2
    }
  
    .design-family .design-family__item.design-family__item--process::after {
      right: -4.5rem;
      width: 5.5rem;
      -ms-transform: rotate(50deg);
      transform: rotate(50deg)
    }
  
    .design-family .design-family__item.design-family__item--results::after {
      left: -4.5rem;
      width: 5.5rem;
      -ms-transform: rotate(-50deg);
      transform: rotate(-50deg);
      background-color: #f27069
    }
  
    .design-family .design-family__item.design-family__item--results .design-family__title,
    .design-family .design-family__item.design-family__item--results .design-family__text {
      text-align: right
    }
  
    .design-family .design-family__icon {
      display: none
    }
  
    .design-family .design-family__title {
      position: relative;
      display: block;
      max-width: 100%;
      padding-bottom: .875rem;
      border-bottom: 2px solid #4d7abf;
      margin-bottom: 1.125rem;
      white-space: nowrap;
      text-transform: uppercase
    }
  
    .design-family .design-family__text {
      text-align: left
    }
  
    .design-family .design-family__nav {
      display: none
    }
  
    .design-projects .design-projects__head-title {
      margin-bottom: 2.0625rem
    }
  
    .design-projects .design-projects__about {
      height: 5.375rem
    }
  
    .design-projects .design-projects__about-description-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center
    }
  
    .design-projects .design-projects__about-price {
      max-width: 13.5rem;
      text-align: right
    }
  
    .design-projects .design-projects__call-wrap {
      position: static;
      width: 7.875rem
    }
  
    .design-projects .design-projects__title {
      margin-bottom: 1.75rem
    }
  
    .design-projects .design-projects__tabs {
      margin-bottom: 2.375rem;
      -ms-flex-direction: row;
      flex-direction: row;
      border-bottom: 2px solid #e7e7e7;
      border-left: 0;
      width: 100%
    }
  
    .design-projects .design-projects__tabs-item {
      padding: .375rem 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-pack: center;
      justify-content: center
    }
  
    .design-projects .design-projects__tabs-item::after {
      left: 0;
      bottom: -2px;
      width: 0%;
      height: 3px
    }
  
    .design-projects .design-projects__tabs-item.design-projects__tabs-item--active::after {
      width: 100%;
      height: 3px
    }
  
    .design-individual .design-individual__head-title {
      margin-bottom: 2.1875rem
    }
  
    .design-individual .design-individual__title-wrap {
      height: 5.25rem;
      padding: .25rem 2.125rem
    }
  
    .design-individual .design-individual__features {
      padding: 1.3125rem 2rem 1.5rem 1.625rem
    }
  
    .design-individual .design-individual__features-text {
      min-height: 5.625rem
    }
  
    .design-build .design-build__head {
      margin-bottom: 4.75rem
    }
  
    .design-build .design-build__head-title {
      margin-bottom: 1.3125rem
    }
  
    .design-build .design-build__items-wrap::after {
      top: 15.9375rem
    }
  
    .design-build .design-build__item:nth-of-type(2n) {
      padding-top: 19.0625rem
    }
  
    .design-build .design-build__number {
      width: 6.25rem;
      height: 6.25rem;
      font-size: 2.8125rem
    }
  
    .design-build .design-build__text {
      height: 5.625rem
    }
  
    .design-cashback {
      height: 24.25rem
    }
  
    .design-cashback::after {
      content: '';
      position: absolute;
      top: 0;
      right: -18%;
      width: 68%;
      height: 100%;
      -ms-transform: skew(32.5deg);
      transform: skew(32.5deg);
      background-color: #7198d4
    }
  
    .design-cashback .design-cashback__content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between;
      height: 100%
    }
  
    .design-cashback .design-cashback__img {
      display: block
    }
  
    .design-stages .design-stages__tabs {
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-direction: row;
      flex-direction: row;
      border-left: 0;
      border-bottom: 2px solid #e7e7e7;
      margin-bottom: 4.125rem
    }
  
    .design-stages .design-stages__tabs-item {
      padding: .375rem 0;
      width: 16.25rem
    }
  
    .design-stages .design-stages__tabs-item::after {
      left: 0;
      bottom: -2px;
      width: 0%;
      height: 3px
    }
  
    .design-stages .design-stages__tabs-item.design-stages__tabs-item--active::after {
      width: 100%;
      height: 3px
    }
  
    .design-stages .design-stages__item {
      padding-right: 0
    }
  
    .design-stages .design-stages__item-icon {
      margin-bottom: 1.5625rem
    }
  
    .design-video .design-video__head-title {
      margin-bottom: 2rem
    }
  
    .design-video .design-video__item-content {
      padding: 1.3125rem .875rem .875rem .875rem
    }
  
    .design-video .design-video__title {
      max-height: 4rem;
      margin-bottom: 1rem
    }
  
    .design-video .design-video__btn {
      margin-bottom: 1.5rem
    }
  
    .sitemap .sitemap__form-conf br {
      display: block
    }
  
    .faq .faq__tags-title {
      margin-bottom: 1.4375rem
    }
  
    .design-important .design-important__text {
      font-size: 1.125rem;
      line-height: 1.7
    }
  
    .design-gray-text .design-gray-text__text {
      font-size: 1.125rem;
      line-height: 1.875rem
    }
  
    .design-beginning .design-beginning__text {
      font-size: 1.125rem;
      line-height: 1.875rem
    }
  
    .design-beginning .design-beginning__img {
      height: 28.125rem
    }
  
    .design-frame-text .design-frame-text__title {
      margin-bottom: 2rem
    }
  
    .design-frame-text .design-frame-text__text {
      font-size: 1.125rem;
      line-height: 1.875rem
    }
  
    .design-show-more .design-show-more__text-hidden {
      display: block
    }
  
    .design-show-more .design-show-more__btn {
      display: none
    }
  
    .quiz-item .quiz-item__item.quiz-item__item--catalog-item .catalog-item__img-wrap {
      height: 18.75rem
    }
  
    .quiz-item .quiz-item__item.quiz-item__item--panel-item .panel-item__img-wrap {
      height: 18.75rem
    }
  }
  
  @media (min-width: 768px) {
    .select .select__btn {
      font-size: 1.125rem
    }
  
    .select .select__content-item {
      font-size: 0.76rem
    }
  
    .home-how .home-how__head.home-how__head--single-nav {
      -ms-flex-pack: end;
      justify-content: flex-end
    }
  
    .error {
      padding: 4.0625rem 0
    }
  
    .error .error__num {
      font-size: 13.125rem
    }
  
    .catalog .catalog__tags-wrap.catalog__tags-wrap--showed .catalog__tags-more {
      left: 0;
      bottom: -2.8125rem
    }
  
    .catalog .catalog__tag {
      -ms-flex-positive: inherit;
      flex-grow: inherit
    }
  
    .catalog .catalog__tags-more {
      width: auto;
      bottom: 0
    }
  
    .catalog .catalog__tags-more::before {
      position: absolute;
      content: '';
      width: 2.5625rem;
      height: 2.5625rem;
      left: -2.6875rem;
      top: -.125rem;
      background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%)
    }
  
    .stock .about-projects__item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      height: auto
    }
  
    .stock .stock__info {
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-preferred-size: auto;
      flex-basis: auto
    }
  
    .portfoliovideo .portfoliovideo__wrap {
      overflow: visible;
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
    }
  
    .portfoliovideo .portfoliovideo__wrap.swiper-container-initialized .portfoliovideo__slide {
      opacity: 0.2
    }
  
    .portfoliovideo .portfoliovideo__wrap.swiper-container-initialized .portfoliovideo__slide.swiper-slide-active {
      opacity: 1
    }
  
    .portfoliovideo .portfoliovideo__wrap.swiper-container-initialized .portfoliovideo__slide.swiper-slide-active+.swiper-slide-next {
      opacity: 1
    }
  
    .portfoliovideo .portfoliovideo__nav {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end
    }
  
    .portfoliovideo .portfoliovideo__slide {
      height: 20rem
    }
  }
  
  @media screen and (min-width: 768px) and (min-width: 1024px) {
    .project-other .project-other__item.swiper-slide-active+.project-other__item+.project-other__item::after {
      display: none
    }
  }
  
  @media screen and (min-width: 1024px) {
    .jsr_label {
      font-size: .875rem
    }
  
    .main {
      width: inherit;
      max-width: 75rem
    }
  
    .main-half {
      width: inherit;
      max-width: 37.5rem;
      margin: 0 0 0 auto
    }
  
    .page {
      padding-top: 8.75rem
    }
  
    .h1 {
      font-size: 2.1875rem;
      line-height: 1.3
    }
  
    .h2 {
      font-size: 1.875rem;
      line-height: 1.4
    }
  
    .select.select--text .select__btn {
      padding-right: 1.625rem
    }
  
    .tag .tag__content {
      padding: 0 .875rem
    }
  
    .tag:hover .tag__content {
      border-color: #7198d4
    }
  
    .head {
      padding: 3.9375rem 0 3.6875rem
    }
  
    .head.head--absolute {
      top: 8.75rem
    }
  
    .head.head--absolute .head__breadcrumbs,
    .head.head--absolute .head__title {
      width: 50%
    }
  
    .head.head--detail {
      padding: 3.9375rem 0 2.5625rem
    }
  
    .head.head--detail .head__title {
      width: 46rem;
      font-size: 2.1875rem
    }
  
    .head .head__breadcrumbs {
      margin-bottom: .6875rem
    }
  
    .head .head__title {
      font-size: 2.8125rem;
      line-height: 0.95
    }
  
    .header {
      height: 8.75rem;
      border-bottom: 0
    }
  
    .header .header__logo {
      width: 8.625rem;
      height: 3.25rem
    }
  
    .header .header__top {
      height: 5.5rem;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border-bottom: 2px solid rgba(231, 231, 231, 0.5)
    }
  
    .header .header__bottom {
      display: block;
      height: 3.25rem;
      border-top: 0;
      padding: 0;
      border-bottom: 2px solid #e7e7e7
    }
  
    .header .header__bottom::after {
      display: none
    }
  
    .header .header__bottom::before {
      display: none
    }
  
    .header .header__top-right {
      position: static;
      left: 0;
      top: auto;
      -ms-flex-direction: row;
      flex-direction: row;
      height: auto;
      display: -ms-flexbox;
      display: flex;
      width: auto;
      -ms-transform: none;
      transform: none
    }
  
    .header .header__top-contacts {
      position: static;
      -ms-flex-align: end;
      align-items: flex-end
    }
  
    .header .header__top-phone {
      margin-bottom: .5rem
    }
  
    .header .header__top-bid {
      display: -ms-flexbox;
      display: flex;
      width: 11.625rem;
      margin-left: 2.3125rem
    }
  
    .header .header__m-btns {
      display: none
    }
  
    .header .header__list {
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-align: center;
      align-items: center;
      overflow: visible;
      -ms-flex-negative: 1;
      flex-shrink: 1
    }
  
    .header .header__list-item {
      height: 100%;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 0;
      -ms-flex-negative: 1;
      flex-shrink: 1
    }
  
    .header .header__list-item:hover .header__list-link {
      color: #3a65a7
    }
  
    .header .header__list-item:hover .header__list-link::after {
      top: 30%;
      right: -.25rem;
      -ms-transform: rotate(-45deg) translate(-50%, 0);
      transform: rotate(-45deg) translate(-50%, 0)
    }
  
    .header .header__list-item:hover .header__list-more {
      display: -ms-flexbox;
      display: flex
    }
  
    .header .header__list-more {
      position: absolute;
      top: calc(100% + 2px);
      left: -1.625rem;
      width: 17.5rem;
      padding: 1.25rem .75rem 1.25rem 1.625rem;
      box-shadow: 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.1);
      -ms-flex-negative: 1;
      flex-shrink: 1
    }
  
    .header .header__list-more-item {
      margin-bottom: .75rem
    }
  
    .footer {
      padding: 4.625rem 0 6.375rem
    }
  
    .footer .footer__top {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 4.375rem
    }
  
    .footer .footer__links {
      width: 76.4%
    }
  
    .footer .footer__contacts {
      width: 23.6%
    }
  
    .footer .footer__contacts-item {
      width: 100%;
      padding-right: 0;
      margin-bottom: 1.9375rem
    }
  
    .footer .footer__bottom {
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
  
    .footer .footer__bottom-row {
      width: auto
    }
  
    .footer .footer__socials {
      margin-left: 1.375rem
    }
  
    .footer .footer__socials-item {
      width: 3.625rem;
      height: 3.625rem;
      margin-right: .8125rem
    }
  
    .footer .footer__socials-item svg {
      width: 1.3125rem;
      height: 1.3125rem
    }
  
    .footer .footer__phone {
      font-size: 1.5625rem;
      margin-right: 7rem
    }
  
    .consultation {
      padding: 6.375rem 0 4.75rem
    }
  
    .consultation .consultation__content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    .consultation .consultation__people {
      margin-top: 2.75rem;
      margin-bottom: 0
    }
  
    .consultation .consultation__form {
      width: 32.8125rem
    }
  
    .popup .filter-home {
      max-width: 90rem;
      min-height: 100%
    }
  
    .popup-gallery {
      width: 57rem;
      height: 38.875rem
    }
  
    .popup-gallery .popup-gallery__slide iframe {
      height: 32.125rem
    }
  
    .popup-video {
      width: 57rem;
      height: 32.125rem
    }
  
    .seo-links {
      margin-bottom: 1.6875rem
    }
  
    .seo-links .seo-links__col {
      width: 20.5%;
      margin-right: 1%
    }
  
    .seo-links .seo-links__col:nth-of-type(2n) {
      width: 21.5%;
      margin-right: 1%
    }
  
    .seo-links .seo-links__col:nth-of-type(6n) {
      width: 13.5%;
      margin-right: 0
    }
  
    .seo-links .seo-links__col:nth-of-type(6n+2) {
      width: 14.5%
    }
  
    .seo-links .seo-links__col:nth-of-type(6n+3) {
      width: 14%
    }
  
    .seo-links .seo-links__col:nth-of-type(6n+4) {
      width: 15.5%
    }
  
    .seo-links .seo-links__col:nth-of-type(6n+5) {
      width: 17%
    }
  
    .seo-links .seo-links__col-item {
      margin-bottom: 0;
      line-height: 1.75
    }
  
    .seo-text {
      padding-bottom: 4.25rem
    }
  
    .seo-text .seo-text__title {
      margin-bottom: 1.5rem
    }
  
    .seo-text .seo-text__content ul {
      margin-bottom: 1.875rem
    }
  
    .seo-text.seo-text--common {
      padding: 4.25rem 0 5rem
    }
  
    .gallery {
      width: 44.5rem
    }
  
    .gallery .gallery__slider {
      height: 26.125rem;
      margin-bottom: 1.875rem
    }
  
    .gallery .gallery__arrow.gallery__arrow--prev {
      left: 1.6875rem
    }
  
    .gallery .gallery__arrow.gallery__arrow--next {
      right: 1.6875rem
    }
  
    .gallery .gallery__pag {
      height: 6.875rem
    }
  
    .gallery .gallery__pag-item {
      /* width: 10.5rem !important */
    }
  
    .gallery.gallery--full {
      width: 55.9375rem
    }
  
    .gallery.gallery--full .gallery__slider {
      height: 30.375rem
    }
  
    .video {
      width: 55.9375rem;
      height: 31rem
    }
  
    .reviews {
      padding: 5.125rem 0 4.4375rem
    }
  
    .reviews .reviews__head {
      margin-bottom: 2.75rem
    }
  
    .reviews .reviews__btn {
      width: 17.875rem;
      margin-top: 1.9375rem
    }
  
    .reviews .reviews__content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    .reviews .reviews__video {
      width: 55.9375rem;
      margin-bottom: 0
    }
  
    .reviews .reviews__video-about {
      padding: 6.875rem 2.25rem 1.5rem 1.25rem
    }
  
    .reviews .reviews__slider-wrap {
      width: 17.75rem;
      height: 30.375rem
    }
  
    .reviews .reviews__arrow {
      left: 50%;
      -ms-transform: translateX(-50%) rotate(90deg);
      transform: translateX(-50%) rotate(90deg)
    }
  
    .reviews .reviews__arrow.reviews__arrow--prev {
      top: .25rem;
      left: 50%
    }
  
    .reviews .reviews__arrow.reviews__arrow--next {
      right: auto;
      top: auto;
      bottom: .25rem;
      left: 50%
    }
  
    .reviews .reviews__slider {
      height: 100%
    }
  
    .reviews .reviews__slider:not(.swiper-container-initialized) .reviews__slide {
      margin-bottom: .8125rem;
      margin-right: 0
    }
  
    .reviews .reviews__slide {
      width: 100%;
      height: 9.5625rem;
      padding: 1.625rem 1.3125rem .875rem
    }
  
    .reviews .reviews__text-review {
      display: -ms-flexbox;
      display: flex;
      padding: 2.5rem 5rem
    }
  
    .reviews .reviews__review-img {
      margin: 0
    }
  
    .reviews .reviews__text-review-wrapper {
      padding-left: 3.125rem;
      width: calc(100% - 200px)
    }
  
    .reviews .reviews__review-title {
      text-align: left;
      font-size: 1.5625rem;
      line-height: 2.0625rem
    }
  
    .reviews .reviews__review-name {
      font-size: 1.125rem;
      line-height: 1.6875rem
    }
  
    .reviews .reviews__review-text {
      font-size: 1.125rem;
      line-height: 1.6875rem
    }
  
    .banner-home {
      height: calc(100vh - 8.75rem);
      min-height: 37.875rem
    }
  
    .banner-home .banner-home__main-title {
      display: block;
      color: #fff;
      max-width: 28.375rem;
      margin-bottom: 5rem;
      letter-spacing: .125rem;
      line-height: 1.1
    }
  
    .banner-home .banner-home__calc {
      bottom: 9.375rem;
      right: 11.6875rem;
      width: 4rem;
      height: 4rem;
      border-radius: 2rem
    }
  
    .banner-home .banner-home__calc-icon {
      width: 1.875rem;
      height: 2.125rem
    }
  
    .home-projects .home-projects__items {
      display: -ms-flexbox;
      display: flex
    }
  
    .home-projects .home-projects__item {
      width: 33.3333%;
      height: 34.0625rem;
      padding: 3.375rem 2.5rem 7rem 5.6875rem;
      -ms-flex-pack: end;
      justify-content: flex-end;
      border-right: 2px solid rgba(106, 109, 117, 0.1);
      border-bottom: 0
    }
  
    .home-projects .home-projects__item-description-wrap {
      width: 94%
    }
  
    .home-about {
      padding: 4.875rem 0 7.125rem
    }
  
    .home-about .home-about__back-text {
      padding-right: 1.75rem;
      padding-bottom: .8125rem;
      bottom: 0
    }
  
    .home-about .home-about__items {
      margin-bottom: 4.375rem
    }
  
    .home-about .home-about__item {
      width: 25%;
      padding-right: 1rem;
      margin-bottom: 2rem
    }
  
    .home-about .home-about__description-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 0
    }
  
    .home-about .home-about__description {
      width: 59.5%;
      margin-bottom: 0
    }
  
    .home-about .home-about__description-title {
      margin-bottom: 1.9375rem;
      line-height: 1.1
    }
  
    .home-about .home-about__description-text {
      max-width: 84%
    }
  
    .home-about .home-about__slider-wrap {
      width: 39%;
      margin-top: -.125rem
    }
  
    .home-about .home-about__slider {
      width: calc(100% - 4rem)
    }
  
    .home-about .home-about__slide-title {
      font-size: 7.525rem;
      margin-bottom: 1rem;
      padding-top: 3rem
    }
  
    .home-about .home-about__slide-title span::after {
      left: -.25rem;
      top: -.5625rem
    }
  
    .home-build {
      padding: 4.9375rem 0 2.125rem
    }
  
    .home-build .home-build__title {
      max-width: 28.375rem
    }
  
    .home-build .home-build__tab {
      margin-right: 1.375rem
    }
  
    .home-build .home-build__content-item.home-build__content-item--active {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
  
    .home-build .home-build__description {
      margin-bottom: 0
    }
  
    .home-build .home-build__text {
      margin-bottom: 2.8125rem
    }
  
    .home-build .home-build__img-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 46.8%;
      margin-top: -11.5625rem;
      margin-right: 1.3125rem
    }
  
    .home-build .home-build__img {
      max-width: 100%;
      width: 100%
    }
  
    .home-how {
      padding: 2.75rem 0 5.875rem
    }
  
    .home-how .home-how__title {
      margin-bottom: 2.375rem
    }
  
    .home-how .home-how__head {
      margin-bottom: 3.125rem
    }
  
    .home-how .home-how__slide {
      width: 36.875rem
    }
  
    .home-map .home-map__title {
      margin-bottom: 2.625rem
    }
  
    .home-map .home-map__open-map {
      width: 17.8125rem
    }
  
    .home-partners {
      padding: 4.8125rem 0 4.9375rem
    }
  
    .home-partners .home-partners__title {
      margin-bottom: 5.25rem
    }
  
    .home-partners .home-partners__slider-wrap {
      padding-bottom: 6.6875rem
    }
  
    .home-partners .home-partners__slide {
      width: 25%
    }
  
    .home-sign {
      padding: 4.625rem 0 4.75rem
    }
  
    .home-sign .home-sign__img {
      top: 39%;
      right: -.9375rem
    }
  
    .mailing {
      padding: 6.5625rem 0 3.8125rem
    }
  
    .mailing .mailing__content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    .mailing .mailing__form {
      width: 30.5rem
    }
  
    .home-quiz .home-quiz__container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center
    }
  
    .home-quiz .home-quiz__img-container {
      width: 50%;
      padding-right: 3.125rem;
      margin-bottom: 0
    }
  
    .home-quiz .home-quiz__description {
      width: 50%
    }
  
    .filter-home {
      padding: 5rem 0 1.5rem
    }
  
    .filter-home .filter-home__img {
      right: -7.5rem;
      bottom: -13.3125rem;
      width: 35.625rem
    }
  
    .filter-home .filter-home__title {
      margin-bottom: 1.625rem
    }
  
    .filter-home .filter-home__tabs {
      display: -ms-flexbox;
      display: flex
    }
  
    .filter-home .filter-home__form {
      width: 52.375rem;
      padding-top: 3.5rem
    }
  
    .filter-home .filter-home__footer {
      padding: 2.5625rem 0 1.0625rem
    }
  
    .filter-home .filter-home__footer::after {
      right: 21.25rem;
      left: auto;
      -ms-transform: none;
      transform: none
    }
  
    .filter-home .filter-home__footer-title {
      width: 16.25rem;
      margin-right: 2.875rem
    }
  
    .filter-home .filter-home__footer-btn {
      margin-top: .5rem;
      margin-right: 3.5rem
    }
  
    .filter-home .filter-home__footer-text {
      margin-top: .75rem;
      max-width: 19.5rem
    }
  
    .filter-catalog .filter-catalog__form {
      position: relative;
      width: inherit;
      max-width: 100%;
      padding: .9375rem 1.625rem 2.125rem 1.75rem;
      margin-bottom: 1.875rem
    }
  
    .filter-catalog .filter-catalog__head-wrap {
      display: none
    }
  
    .filter-catalog .filter-catalog__item .range {
      padding: 1.6875rem .5rem 1.625rem 0
    }
  
    .filter-catalog .filter-catalog__reset {
      display: -ms-flexbox;
      display: flex
    }
  
    .catalog {
      margin-top: -1.8125rem
    }
  
    .catalog .catalog__content-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
  
    .catalog .catalog__content {
      max-width: 75.66%;
      -ms-flex-preferred-size: 75.66%;
      flex-basis: 75.66%;
      padding-left: 2.1875rem
    }
  
    .catalog .catalog__head {
      margin-bottom: 1.875rem
    }
  
    .catalog .catalog__sorting-wrap {
      margin-top: -3.1875rem;
      margin-bottom: 1.3125rem
    }
  
    .catalog .catalog__btn-filter {
      display: none
    }
  
    .catalog .catalog__items {
      margin-bottom: 5rem
    }
  
    .catalog .catalog__pag {
      margin-top: 4.375rem;
      margin-bottom: 2.8125rem
    }
  
    .catalog-item .catalog-item__zoom-btn {
      right: 1.875rem
    }
  
    .catalog-item .catalog-item__description {
      padding: 0 0.4625rem
    }
  
    .project {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start;
      padding-bottom: 3.5625rem
    }
  
    .project .project__gallery {
      margin-bottom: 0
    }
  
    .project .project__description {
      width: 25.5rem;
      height: 34.875rem;
      padding: 1.5625rem 1.875rem 1.0625rem
    }
  
    .project .project__whom {
      padding-top: .8125rem
    }
  
    .project .project__whom-item-img {
      margin-right: 1.625rem
    }
  
    .project .project__type {
      padding-top: 1rem;
      padding-bottom: 1.25rem
    }
  
    .project .project__price-wrap {
      padding-top: .875rem
    }
  
    .project-specifications {
      margin-bottom: 3.6875rem
    }
  
    .project-specifications {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    .project-specifications .project-specifications__floors {
      width: 44.5rem
    }
  
    .project-specifications .project-specifications__floor-title {
      margin-bottom: 2.5rem
    }
  
    .project-specifications .project-specifications__description {
      width: 25.5rem
    }
  
    .project-specifications .project-specifications__description-title {
      margin-bottom: 2rem
    }
  
    .project-specifications .project-specifications__presentation {
      width: 20rem
    }
  
    .project-about {
      margin-bottom: 3.875rem
    }
  
    .project-about .project-about__tab {
      max-width: 12.875rem
    }
  
    .project-about .project-about__tab::after {
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      left: 50%;
      bottom: -.6875rem
    }
  
    .project-about .project-about__tab:nth-child(even)::after {
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      left: 50%
    }
  
    .project-equipment {
      margin-bottom: 5.125rem
    }
  
    .project-equipment .project-equipment__title {
      margin-bottom: 3.1875rem
    }
  
    .project-equipment .project-equipment__tabs {
      overflow: visible
    }
  
    .project-equipment .project-equipment__item-col {
      width: 49.15%;
      margin-right: 1.7%;
      padding: 2.5rem 1.875rem
    }
  
    .project-equipment .project-equipment__item-col:nth-of-type(2n) {
      margin-right: 0
    }
  
    .project-equipment .project-equipment__header-wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
  
    .project-equipment .project-equipment__item-header {
      width: 100%;
      font-size: 1.25rem;
      padding: 1.625rem 0 1.6875rem
    }
  
    .project-equipment .project-equipment__tableHeader {
      width: 13.125rem;
      border-left: none;
      padding: 1.125rem 0;
      font-size: 1.25rem
    }
  
    .project-equipment .project-equipment__tableHeader:first-child {
      border-left: .125rem solid #e7e7e7;
      padding: 1.125rem 0;
      width: 24.1875rem
    }
  
    .project-equipment .project-equipment__table-row {
      display: block
    }
  
    .project-equipment .project-equipment__tableText-container {
      -ms-flex-direction: row;
      flex-direction: row
    }
  
    .project-equipment .project-equipment__tableText-container {
      -ms-flex-direction: row;
      flex-direction: row
    }
  
    .project-equipment .project-equipment__tableText {
      width: 24.1875rem;
      border-left: .125rem solid #e7e7e7;
      padding: .875rem 2.375rem
    }
  
    .project-equipment .project-equipment__tableText-tooltip-container {
      position: relative
    }
  
    .project-equipment .project-equipment__tableText-tooltip {
      left: -20px;
      bottom: auto
    }
  
    .project-equipment .project-equipment__tableStatus {
      padding: .875rem 0;
      width: 13.125rem;
      border-right: .125rem solid #e7e7e7;
      border-left: none
    }
  
    .project-equipment .project-equipment__table {
      display: block
    }
  
    .project-equipment .project-equipment__table.project-equipment__table--mobile {
      display: none
    }
  
    .project-equipment .project-equipment__showMore {
      cursor: pointer
    }
  
    .project-present .project-present__title {
      margin-bottom: 3.125rem
    }
  
    .project-present .project-present__item-content {
      padding: .875rem 2.5rem 5.375rem 3.125rem
    }
  
    .project-present .project-present__item-text:first-of-type {
      margin-top: 2.375rem
    }
  
    .project-present .project-present__item {
      width: 25%;
      min-height: 24.375rem
    }
  
    .project-other {
      padding: 4.5rem 0 5rem
    }
  
    .project-other .project-other__head {
      margin-bottom: 2.5rem
    }
  
    .project-individuality {
      padding: 4.5rem 0 5rem
    }
  
    .project-individuality .project-individuality__title {
      margin-bottom: 2.75rem
    }
  
    .project-individuality .project-individuality__content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    .project-individuality .project-individuality__description {
      width: 44.25rem;
      margin-bottom: 0
    }
  
    .project-individuality .project-individuality__description-title {
      margin-bottom: 1.8125rem
    }
  
    .project-individuality .project-individuality__highlight {
      width: 25.375rem
    }
  
    .banner-about {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 5rem
    }
  
    .banner-about .banner-about__slider {
      width: 36.75rem;
      height: 31.75rem
    }
  
    .banner-about .banner-about__content {
      width: 35.75rem
    }
  
    .banner-about .banner-about__title {
      margin-bottom: 2.875rem
    }
  
    .banner-about .banner-about__text {
      margin-bottom: 4.0625rem
    }
  
    .banner-about .banner-about__text p {
      margin-bottom: 1.875rem
    }
  
    .banner-about .banner-about__item {
      padding: 0 .625rem
    }
  
    .banner-about .banner-about__item-title {
      font-size: 2.8125rem;
      text-align: center
    }
  
    .banner-about .banner-about__item-text {
      text-align: center
    }
  
    .about-this {
      margin-bottom: 5.0625rem
    }
  
    .about-this .about-this__slider {
      height: 24.625rem
    }
  
    .about-this .about-this__slide {
      display: -ms-flexbox;
      display: flex
    }
  
    .about-this .about-this__slide-img {
      width: 49.2%;
      height: 100%
    }
  
    .about-this .about-this__slide-description {
      width: 50.8%;
      height: 100%;
      min-height: inherit;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 3.25rem 5.75rem 1.625rem 3.5rem
    }
  
    .about-this .about-this__slide-earth {
      top: 4.75rem;
      left: 3.5rem;
      width: 5.9375rem;
      height: 5.9375rem
    }
  
    .about-this .about-this__slide-text {
      line-height: 1.65;
      max-height: 16.25rem;
      overflow: hidden
    }
  
    .about-worth {
      padding: 5.4375rem 0 6.0625rem 0;
      margin-bottom: 5.75rem
    }
  
    .about-worth .about-worth__title {
      margin-bottom: 2.5rem
    }
  
    .about-worth .about-worth__left {
      width: 23rem
    }
  
    .about-worth .about-worth__slide-title {
      margin-bottom: 2rem
    }
  
    .about-worth .about-worth__slide-text {
      max-height: 12.25rem
    }
  
    .about-worth .about-worth__visual {
      width: 26.4375rem;
      height: 27.1875rem;
      margin-top: 1.125rem;
      margin-right: 11.6875rem
    }
  
    .about-worth .about-worth__visual-img {
      max-width: 13.375rem;
      max-height: 13.375rem
    }
  
    .about-worth .about-worth__visual-item:nth-of-type(1) .about-worth__visual-text {
      right: 4.625rem;
      left: auto;
      text-align: right
    }
  
    .about-worth .about-worth__visual-text {
      left: 4.625rem;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 7.875rem
    }
  
    .about-history {
      padding: 5rem 0 5.75rem;
      margin-bottom: 4.875rem
    }
  
    .about-history .about-history__back-text {
      position: absolute;
      top: -1rem;
      right: -11.125rem;
      width: calc(59.125rem + 50vw - 37.5rem);
      font-size: 2.8125rem;
      line-height: 1.15;
      display: block;
      color: #2a2c32
    }
  
    .about-history .about-history__head-title {
      margin-bottom: 0
    }
  
    .about-history .about-history__content {
      margin-bottom: 4.125rem;
      margin-top: -2.625rem
    }
  
    .about-history .about-history__content-item {
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: end;
      align-items: flex-end
    }
  
    .about-history .about-history__description {
      width: 24.625rem;
      padding-top: 3.625rem;
      padding-bottom: .6875rem
    }
  
    .about-history .about-history__title {
      margin-bottom: 1.875rem
    }
  
    .about-history .about-history__text-wrap {
      max-height: 13.125rem
    }
  
    .about-history .about-history__images-wrap {
      width: 42.75rem;
      height: 27.875rem
    }
  
    .about-news {
      margin-bottom: 4.75rem
    }
  
    .about-news .about-news__slider.swiper-container-initialized .about-news__slide.swiper-slide-active+.about-news__slide::after {
      display: none
    }
  
    .about-news .about-news__slide {
      width: 36.875rem
    }
  
    .about-news .about-news__slide-description {
      padding: 2.25rem 2.1875rem
    }
  
    .about-reviews {
      margin-bottom: 5.1875rem
    }
  
    .about-reviews .about-reviews__title {
      margin-bottom: 2.5rem
    }
  
    .about-reviews .about-reviews__item {
      width: 49.2%;
      margin-right: 1.6%;
      height: 6.3125rem;
      display: -ms-flexbox;
      display: flex
    }
  
    .about-reviews .about-reviews__item-img {
      width: 11.375rem;
      height: 100%
    }
  
    .about-reviews .about-reviews__item-description {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 25.5rem;
      padding: .125rem 2.625rem .125rem 1.25rem;
      height: 100%
    }
  
    .about-reviews .about-reviews__btn-more {
      margin: 1.625rem 0 0
    }
  
    .about-projects {
      margin-bottom: 4.1875rem
    }
  
    .about-projects .about-projects__item {
      width: 49.2%;
      margin-right: 1.6%
    }
  
    .about-projects .about-projects__img-wrap {
      height: 22.875rem
    }
  
    .about-team {
      margin-bottom: 5rem
    }
  
    .about-team .about-team__head-title {
      margin-bottom: 2.5rem
    }
  
    .about-team .about-team__item {
      width: 32.2%;
      margin-right: 1.6%;
      height: 26.625rem;
      padding-bottom: 9.375rem
    }
  
    .about-team .about-team__item:nth-of-type(3n) {
      margin-right: 0
    }
  
    .about-team .about-team__item:hover .about-team__extra-wrap {
      height: 17.25rem
    }
  
    .about-team .about-team__img-logo {
      width: 21.25rem;
      height: 7.75rem
    }
  
    .about-cottage {
      padding: 5.0625rem 0 5.625rem;
      margin-bottom: 4.875rem
    }
  
    .about-cottage .about-cottage__content {
      position: relative
    }
  
    .about-cottage .about-cottage__left {
      width: 28rem
    }
  
    .about-cottage .about-cottage__head-title {
      margin-bottom: 4rem
    }
  
    .about-cottage .about-cottage__slider {
      height: 14.75rem
    }
  
    .about-cottage .about-cottage__slide {
      padding-bottom: 0
    }
  
    .about-cottage .about-cottage__slide-name {
      max-height: 4.125rem;
      margin-bottom: 1.5rem;
      overflow: hidden
    }
  
    .about-cottage .about-cottage__slide-text {
      max-height: 10.875rem;
      overflow: hidden;
      line-height: 1.65
    }
  
    .about-cottage .about-cottage__images-wrap {
      position: absolute;
      top: .5rem;
      right: 0;
      width: 43.8125rem;
      height: 31.8125rem
    }
  
    .about-insta {
      margin-bottom: 4.625rem
    }
  
    .about-insta .about-insta__slide {
      width: 32.2%
    }
  
    .about-insta .about-insta__slide-img {
      height: 24.1875rem
    }
  
    .article-item {
      width: 32.2%;
      padding-left: 2.375rem
    }
  
    .article-similar .article-similar__title {
      font-size: 1.25rem;
      line-height: 1.25
    }
  
    .article {
      padding-bottom: 5rem
    }
  
    .article .article__head-title {
      margin-bottom: 1.4375rem
    }
  
    .article .article__tags {
      margin-bottom: 2.5rem
    }
  
    .article .article__items .article-item {
      margin-right: 1.6%
    }
  
    .article .article__items .article-item:nth-of-type(3n) {
      margin-right: 0
    }
  
    .article-about {
      margin-bottom: 5rem
    }
  
    .article-about .article-about__head {
      margin-bottom: 2.125rem
    }
  
    .article-about .article-about__items .article-item {
      margin-right: 1.6%
    }
  
    .article-about .article-about__items .article-item:nth-of-type(3n) {
      margin-right: 0
    }
  
    .article-detail {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start;
      padding-bottom: 4.375rem;
      margin-top: -.625rem
    }
  
    .article-detail .article-detail__content-wrap {
      width: 44.5rem;
      margin-bottom: 0
    }
  
    .article-detail .article-detail__date {
      margin-bottom: 1.4375rem
    }
  
    .article-detail .article-detail__similar {
      width: 25.5rem;
      margin-top: -4.4375rem
    }
  
    .article-detail .article-detail__similar-items {
      margin-bottom: 2rem
    }
  
    .service {
      padding-bottom: 5rem
    }
  
    .service .service__img {
      width: calc(50% - 0.625rem);
      height: 100%;
      margin-right: .625rem
    }
  
    .service .service__content-wrap {
      width: 50%;
      height: 100%
    }
  
    .service .service__number {
      line-height: 1.2
    }
  
    .service .service__content {
      width: 100%;
      padding: 9.875rem 2.625rem 1.5rem 4.375rem
    }
  
    .service .service__item {
      display: -ms-flexbox;
      display: flex;
      height: 41.25rem
    }
  
    .service .service__item:nth-of-type(2n) {
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse
    }
  
    .service .service__item:nth-of-type(2n) .service__img {
      width: calc(50% + 0.625rem);
      margin-right: 0;
      margin-left: -.625rem
    }
  
    .service .service__item:nth-of-type(2n) .service__content {
      padding: 9.875rem 7.125rem 1.5rem 0
    }
  
    .service .service__item:nth-of-type(2n+1) .service__content {
      margin-left: 0;
      margin-right: auto
    }
  
    .service .service__item.service__item--head .service__content {
      padding-top: 4.375rem
    }
  
    .advantages .advantages__item:hover .advantages__wrap {
      top: -40px
    }
  
    .advantages .advantages__item:hover .advantages__ico {
      opacity: 0
    }
  
    .advantages .advantages__item:hover .advantages__item-text {
      opacity: 1
    }
  
    .contacts {
      padding-bottom: 4.75rem
    }
  
    .contacts .contacts__top {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-bottom: 3.875rem
    }
  
    .contacts .contacts__info {
      width: 49.16%;
      margin-bottom: 0
    }
  
    .contacts .contacts__info-s-title {
      font-size: 1.25rem
    }
  
    .contacts .contacts__photo {
      width: 49.16%;
      margin-top: -.375rem
    }
  
    .contacts .contacts__photo-tabs {
      margin: 0 .8125rem 2.8125rem
    }
  
    .contacts .contacts__photo-content {
      height: 39.875rem
    }
  
    .contacts .contacts__bottom {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    .contacts .contacts__bottom.contacts__bottom--driving {
      margin-top: 4.375rem
    }
  
    .contacts .contacts__bottom-col {
      width: 49.16%;
      margin-bottom: 0
    }
  
    .contacts .contacts__bottom-title {
      margin-bottom: 1.25rem
    }
  
    .contacts .contacts__bottom-socials {
      padding-top: .3125rem
    }
  
    .contacts .contacts__bottom-social {
      margin-bottom: .9375rem
    }
  
    .contacts-map .contacts-map__btn {
      width: 17.8125rem
    }
  
    .contacts-map .contacts-map__search {
      width: 17.8125rem
    }
  
    .contacts-map .contacts-map__search-input {
      width: 17.8125rem
    }
  
    .technology-visual {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 4.125rem 3rem 3.5rem
    }
  
    .technology-visual .technology-visual__items {
      width: 22.75rem
    }
  
    .technology-info {
      margin-bottom: 5rem
    }
  
    .technology-info .technology-info__top {
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 2.1875rem
    }
  
    .technology-info .technology-info__top-description {
      max-width: 78.3%;
      margin-right: 2%
    }
  
    .technology-info .technology-info__top-img {
      display: block;
      max-width: 35.17%
    }
  
    .technology-info .technology-info__content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    .technology-info .technology-info__img {
      width: 46.9%;
      height: 31.125rem;
      margin-bottom: 0
    }
  
    .technology-info .technology-info__items {
      width: 47.8%
    }
  
    .technology-info .technology-info__item {
      width: 100%
    }
  
    .technology-plus {
      margin-bottom: 1.6875rem
    }
  
    .technology-plus .technology-plus__head-title {
      margin-bottom: 4.6875rem
    }
  
    .technology-plus .technology-plus__item {
      width: 31.5%;
      margin-right: 3.5%;
      margin-bottom: 3.75rem
    }
  
    .technology-plus .technology-plus__item:nth-of-type(3n) {
      width: 27%;
      margin-right: 0
    }
  
    .technology-guarantee {
      padding: 4.75rem 1.5rem 4.4375rem
    }
  
    .banner-design {
      height: 44.5rem
    }
  
    .banner-design .banner-design__head .head__breadcrumbs {
      margin-bottom: 0
    }
  
    .banner-design .banner-design__head .head__title {
      line-height: 1.4
    }
  
    .design-description {
      padding: 6.25rem 0 7.5rem
    }
  
    .design-description .design-description__back-text {
      padding-right: 1.75rem;
      padding-bottom: .8125rem;
      bottom: 2rem
    }
  
    .design-description .design-description__title {
      margin-bottom: 1.8125rem;
      line-height: 1.15
    }
  
    .design-family {
      margin-bottom: 6.625rem
    }
  
    .design-family .design-family__head-title {
      max-width: 56.75rem;
      margin-bottom: 7.1875rem
    }
  
    .design-family .design-family__img-wrap {
      width: 33.375rem;
      height: 33.375rem
    }
  
    .design-family .design-family__img {
      max-width: 23.125rem;
      max-height: 15.5rem
    }
  
    .design-family .design-family__pag:nth-of-type(1) .design-family__pag-item {
      top: .375rem
    }
  
    .design-family .design-family__pag:nth-of-type(1) .design-family__pag-item--results {
      right: 5.3125rem
    }
  
    .design-family .design-family__pag:nth-of-type(1) .design-family__pag-item--process {
      left: 5.3125rem
    }
  
    .design-family .design-family__pag:nth-of-type(2) .design-family__pag-item {
      top: 14.6875rem
    }
  
    .design-family .design-family__pag:nth-of-type(2) .design-family__pag-item--results {
      right: -2.375rem
    }
  
    .design-family .design-family__pag:nth-of-type(2) .design-family__pag-item--process {
      left: -2.375rem
    }
  
    .design-family .design-family__pag:nth-of-type(3) .design-family__pag-item {
      top: 28.4375rem
    }
  
    .design-family .design-family__pag:nth-of-type(3) .design-family__pag-item--results {
      right: 5.5625rem
    }
  
    .design-family .design-family__pag:nth-of-type(3) .design-family__pag-item--process {
      left: 5.5625rem
    }
  
    .design-family .design-family__pag-item {
      width: 4.375rem;
      height: 4.375rem
    }
  
    .design-family .design-family__pag-border {
      width: 5.375rem;
      height: 5.375rem
    }
  
    .design-family .design-family__pag-icon {
      width: 2.5rem;
      height: 2.5rem
    }
  
    .design-family .design-family__slide:nth-of-type(1) .design-family__item {
      top: .5rem
    }
  
    .design-family .design-family__slide:nth-of-type(1) .design-family__item--process::after {
      top: 5.75rem;
      right: -4.5rem;
      width: 5.5rem;
      -ms-transform: rotate(50deg);
      transform: rotate(50deg)
    }
  
    .design-family .design-family__slide:nth-of-type(1) .design-family__item--results::after {
      top: 5.75rem;
      left: -4.5rem;
      width: 5.5rem;
      -ms-transform: rotate(-50deg);
      transform: rotate(-50deg);
      background-color: #f27069
    }
  
    .design-family .design-family__slide:nth-of-type(2) .design-family__item {
      top: 13rem
    }
  
    .design-family .design-family__slide:nth-of-type(3) .design-family__item {
      top: 23.875rem
    }
  
    .design-family .design-family__slide:nth-of-type(3) .design-family__item--process::after {
      top: 1.9375rem;
      right: -3.8125rem;
      width: 4.6875rem;
      -ms-transform: rotate(-50deg);
      transform: rotate(-50deg)
    }
  
    .design-family .design-family__slide:nth-of-type(3) .design-family__item--results::after {
      top: 1.9375rem;
      left: -3.8125rem;
      width: 4.6875rem;
      -ms-transform: rotate(50deg);
      transform: rotate(50deg);
      background-color: #f27069
    }
  
    .design-family .design-family__item {
      width: 19.625rem
    }
  
    .design-family .design-family__item.design-family__item--results .design-family__text {
      padding-left: 1.5rem;
      padding-right: 0
    }
  
    .design-family .design-family__title {
      padding-bottom: 1.0625rem
    }
  
    .design-family .design-family__text {
      max-height: 9.375rem;
      padding-right: 1.5rem
    }
  
    .design-projects {
      margin-bottom: 5rem
    }
  
    .design-projects .design-projects__item {
      display: -ms-flexbox;
      display: flex;
      height: 37.375rem
    }
  
    .design-projects .design-projects__item:nth-of-type(2n) {
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse
    }
  
    .design-projects .design-projects__item:nth-of-type(2n) .design-projects__description {
      padding: 5rem 4.125rem 1.5rem 0
    }
  
    .design-projects .design-projects__item:nth-of-type(2n+1) .design-projects__description {
      margin-left: 0;
      margin-right: auto
    }
  
    .design-projects .design-projects__visual {
      width: 50%;
      height: 100%
    }
  
    .design-projects .design-projects__img {
      height: 29.875rem
    }
  
    .design-projects .design-projects__about {
      height: 7.5rem
    }
  
    .design-projects .design-projects__about-description-wrap {
      width: calc(100% - 7.875rem);
      padding: 1.25rem 2.8125rem
    }
  
    .design-projects .design-projects__about-description {
      max-width: 15.5rem;
      padding-bottom: .25rem
    }
  
    .design-projects .design-projects__call-wrap {
      width: 7.875rem
    }
  
    .design-projects .design-projects__description-wrap {
      width: 50%;
      height: 100%
    }
  
    .design-projects .design-projects__description {
      width: 100%;
      padding: 5.0625rem 0 1.5rem 3.75rem;
      height: 100%
    }
  
    .design-projects .design-projects__tabs-content-item {
      max-height: inherit
    }
  
    .design-individual {
      margin-bottom: 3.125rem
    }
  
    .design-individual .design-individual__item {
      width: 31.65%;
      margin-right: 2.5%;
      margin-bottom: 1.875rem
    }
  
    .design-individual .design-individual__item:nth-of-type(3n) {
      margin-right: 0
    }
  
    .design-individual .design-individual__img-wrap {
      height: 14.5rem
    }
  
    .design-individual .design-individual__title-wrap {
      padding: .25rem 2.125rem
    }
  
    .design-bid {
      height: 20.375rem;
      padding: 2rem;
      margin-bottom: 5rem
    }
  
    .design-bid .design-bid__title {
      margin-bottom: 2.75rem
    }
  
    .design-build {
      margin-bottom: 3.75rem
    }
  
    .design-build .design-build__items {
      overflow: visible
    }
  
    .design-build .design-build__item {
      width: 16.6%
    }
  
    .design-build .design-build__item:first-of-type,
    .design-build .design-build__item:last-of-type {
      width: 16.6%
    }
  
    .design-build .design-build__item:first-of-type .design-build__text,
    .design-build .design-build__item:last-of-type .design-build__text {
      width: calc(100% + 3.125rem);
      margin: 0 -1.5625rem 1.25rem
    }
  
    .design-cashback::after {
      right: -10%;
      width: 56.4%;
      height: 100%;
      -ms-transform: skew(32.5deg);
      transform: skew(32.5deg)
    }
  
    .design-cashback .design-cashback__content {
      padding: 1.5rem 3.1875rem 1.5rem 5.125rem
    }
  
    .design-cashback .design-cashback__description {
      max-width: 32.5rem
    }
  
    .design-cashback .design-cashback__img {
      height: 17.625rem
    }
  
    .design-stages {
      padding-top: 5rem;
      margin-bottom: 2.5rem
    }
  
    .design-stages .design-stages__item {
      width: 20%;
      margin-right: 6.65%
    }
  
    .design-stages .design-stages__item:nth-of-type(4n) {
      margin-right: 0
    }
  
    .design-video {
      margin-bottom: 5.625rem
    }
  
    .design-video .design-video__item {
      height: 40.75rem
    }
  
    .design-video .design-video__item-content {
      padding: 1.875rem 2.25rem 1.5rem 1.25rem
    }
  
    .design-video .design-video__btn {
      width: 8.75rem;
      height: 8.75rem;
      margin-bottom: 1.0625rem
    }
  
    .design-video .design-video__btn svg {
      width: 2.75rem;
      height: 3.25rem;
      margin: .625rem 0 0 .25rem
    }
  
    .sitemap {
      -ms-flex-direction: row;
      flex-direction: row
    }
  
    .sitemap .sitemap__form {
      margin-top: 0;
      width: 24rem
    }
  
    .faq {
      -ms-flex-direction: row;
      flex-direction: row
    }
  
    .faq .faq__content {
      width: 44.5rem
    }
  
    .faq .faq__tags-wrap {
      width: 25.5rem;
      margin-top: -6.125rem;
      margin-bottom: 0
    }
  
    .faq .faq__form {
      padding: 1.875rem
    }
  
    .faq .faq__form {
      padding: 3.4375rem 2.8125rem
    }
  
    .faq .faq__form-bottom {
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 2.5rem
    }
  
    .faq .faq__form-btn {
      width: 16.75rem;
      margin-top: 0
    }
  
    .accordion {
      padding: 1.875rem
    }
  
    .accordion {
      padding: 0.5rem;
      border-right: none;
      border-left: none;
      border-bottom: none
    }
  
    .design-important {
      padding: 5rem 0 3.125rem
    }
  
    .design-important .design-important__title {
      font-size: 2.1875rem;
      line-height: 1.3;
      margin-bottom: 2rem
    }
  
    .design-important .design-important__text li {
      padding-left: 2.5625rem
    }
  
    .design-gray-text {
      padding: 6.25rem
    }
  
    .design-gray-text .design-gray-text__title {
      margin-bottom: 2rem
    }
  
    .design-beginning {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 3.75rem
    }
  
    .design-beginning .design-beginning__content {
      width: calc(50% - 2.5rem)
    }
  
    .design-beginning .design-beginning__text:not(first-child) {
      margin-top: 2rem
    }
  
    .design-beginning .design-beginning__img {
      width: calc(50% - 2.5rem);
      margin-bottom: 0
    }
  
    .design-frame-text {
      padding: 4rem;
      margin-bottom: 2.5rem
    }
  
    .quiz {
      padding-top: 2.5rem
    }
  
    .quiz .quiz__question {
      margin-bottom: .875rem
    }
  
    .quiz-item .quiz-item__description {
      margin-bottom: 2.25rem
    }
  
    .quiz-item .quiz-item__list.quiz-item__list--cards {
      margin-right: -36px
    }
  
    .quiz-item .quiz-item__item {
      width: calc(50% - 8px)
    }
  
    .quiz-item .quiz-item__item.quiz-item__item--catalog-item {
      width: calc(33.3% - 36px);
      margin-right: 2.25rem
    }
  
    .quiz-item .quiz-item__item.quiz-item__item--panel-item {
      width: calc(33.3% - 36px);
      margin-right: 2.25rem
    }
  
    .panel-item .panel-item__zoom-btn {
      right: 1.875rem
    }
  
    .result .result__content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
  
    .result .result__text {
      width: 31.25rem;
      padding-bottom: 5rem
    }
  
    .result .result__img {
      width: calc(100% - 31.25rem);
      padding-bottom: 5rem
    }
  
    .result .result__img.result__img--last {
      -ms-flex-order: 1;
      order: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
      justify-content: flex-end
    }
  
    .result .result__form {
      padding: 5rem 0
    }
  
    .result .result__form-container {
      display: -ms-flexbox;
      display: flex
    }
  
    .result .result__form-wrapper {
      width: 32.5rem;
      margin-right: 8.75rem
    }
  
    .result .result__form-wrapper {
      width: 30.625rem
    }
  
    .result .result__btns {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
  
    .result .result__btn {
      width: 14.375rem
    }
  
    .result .result__btn:first-child {
      width: 15.625rem;
      margin-right: .625rem
    }
  }
  
  @media (min-width: 1024px) {
    .header .header__list-item.header__list-item--more::before {
      display: block
    }
  
    .header .header__list-more-item.header__list-more-item--m {
      display: none
    }
  
    .popup-gallery.popup-gallery--plan {
      height: calc(100vh - 80px);
      padding: 0 5rem
    }
  
    .error {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      padding: 3rem 0 5.25rem
    }
  
    .error .error__text {
      padding-top: 1rem
    }
  
    .error .error__num {
      font-size: 15.625rem
    }
  
    .error .error__desc {
      white-space: nowrap
    }
  
    .error picture {
      display: block;
      height: 25rem
    }
  
    .error picture img {
      position: absolute;
      left: 0;
      top: 0;
      width: 41.25rem
    }
  
    .filter-catalog {
      -ms-flex-preferred-size: 25.34%;
      flex-basis: 25.34%;
      max-width: 25.34%
    }
  
    .filter-catalog .filter-catalog__form-wrap {
      position: relative;
      height: auto;
      padding: 0;
      display: block;
      z-index: inherit;
      overflow: visible
    }
  
    .filter-catalog .filter-catalog__form-wrap .ps__rail-x,
    .filter-catalog .filter-catalog__form-wrap .ps__rail-y {
      display: none !important
    }
  
    .filter-catalog .filter-catalog__btn-checkbox-content:hover {
      border-color: #7198d4
    }
  
    .filter-catalog .filter-catalog__btn-search-wrap {
      position: absolute;
      display: none;
      top: 50%;
      left: calc(100% + 0.625rem);
      width: 12.5rem;
      height: 3.625rem;
      background-color: inherit;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
    }
  
    .filter-catalog .filter-catalog__btn-search {
      width: 100%;
      margin: 0
    }
  
    .filter-catalog .filter-catalog__btn-search::after {
      content: '';
      position: absolute;
      top: calc(50% - 0.25rem);
      left: -.75rem;
      width: 1rem;
      height: 1rem;
      background-color: #4d7abf;
      -ms-transform: rotate(45deg) translateY(-50%);
      transform: rotate(45deg) translateY(-50%);
      transition: background-color 0.4s ease
    }
  
    .filter-catalog .filter-catalog__btn-search:hover::after {
      background-color: #3a65a7
    }
  
    .filter-catalog .filter-catalog__promotion {
      position: static;
      top: 8.5rem;
      z-index: 9
    }
  }
  
  @media screen and (min-width: 1024px) and (-ms-high-contrast: active),
  (min-width: 1024px) and (-ms-high-contrast: none) {
    .filter-catalog .filter-catalog__btn-search-wrap {
      top: 50% !important
    }
  }
  
  @media (min-width: 1280px) {
    .error picture {
      height: 27.75rem
    }
  
    .error picture img {
      width: 48.4375rem
    }
  
    .filter-catalog .filter-catalog__promotion {
      top: 9.375rem
    }
  
    .filter-catalog .filter-catalog__promotion:hover .filter-catalog__promotion-text {
      z-index: 3
    }
  
    .filter-catalog .filter-catalog__promotion:hover .filter-catalog__promotion-wrp::before {
      box-shadow: inset 0 0 0 4.1875rem #e6ba54;
      transition: 0.2s linear
    }
  
    .catalog-item .catalog-item__top-left {
      display: -ms-flexbox;
      /*display:flex*/
      ;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      max-width: 72%;
      -ms-flex-preferred-size: 72%;
      flex-basis: 72%
    }
  }
  
  @media screen and (min-width: 1280px) {
    .project-equipment .project-equipment__tableHeader:first-child {
      width: 35.625rem
    }
  
    .project-equipment .project-equipment__tableText {
      width: 35.625rem
    }
  }
  
  @media screen and (min-width: 1440px) {
    .popup-gallery {
      width: 73.75rem;
      height: 41.5rem
    }
  
    .about-worth .about-worth__visual-item:nth-of-type(1) .about-worth__visual-text {
      right: 5.875rem
    }
  
    .about-worth .about-worth__visual-border {
      width: 6.5625rem;
      height: 6.5625rem
    }
  
    .about-worth .about-worth__visual-icon {
      width: 5.375rem;
      height: 5.375rem
    }
  
    .about-worth .about-worth__visual-icon svg {
      width: 3.125rem;
      height: 3.125rem
    }
  
    .about-worth .about-worth__visual-text {
      left: 5.875rem
    }
  }
  
  @media (min-width: 1440px) {
    .error picture {
      height: 30.75rem
    }
  
    .error picture img {
      width: 54.25rem
    }
  }
  
  @media (max-width: 767px) {
  
    .ps--active-x>.ps__rail-x,
    .ps--active-y>.ps__rail-y {
      background-color: rgba(0, 0, 0, 0)
    }
  
    .core-marker__content,
    .core-marker__content-slider {
      width: 14.625rem;
      height: 14.375rem
    }
  
    .core-marker__content-wrap {
      width: 16.25rem
    }
  
    .core-marker__content-wrap--slider {
      width: 17.125rem
    }
  
    .core-marker__description-wrap {
      height: 5rem
    }
  
    .core-marker__description {
      padding: .3125rem 1.25rem 0
    }
  
    .core-marker--open .core-marker__content-wrap {
      height: 14.375rem
    }
  
    .core-marker--contacts .core-marker__description-wrap {
      height: 6.25rem
    }
  
    .core-marker--contacts .core-marker__content {
      height: 15.625rem
    }
  
    .core-marker--contacts.core-marker--open .core-marker__content-wrap {
      height: 15.625rem
    }
  
    .catalog .catalog__tag:nth-child(3) {
      margin-right: 0
    }
  
    .catalog .catalog__tag:nth-child(n+4) {
      display: none
    }
  
    .portfoliovideo .portfoliovideo__slide {
      width: 100%
    }
  }
  
  @media screen and (max-width: 364px) {
    html {
      font-size: 15px
    }
  }
  
  @media screen and (max-width: 1023px) {
    .header .header__list-item.header__list-item--open .header__list-link {
      color: #31353a;
      opacity: 0.7
    }
  
    .header .header__list-item.header__list-item--open .header__list-link::after {
      top: 30%;
      right: -.25rem;
      -ms-transform: rotate(-45deg) translate(-50%, 0);
      transform: rotate(-45deg) translate(-50%, 0)
    }
  
    .header .header__list-item.header__list-item--open .header__list-more {
      display: -ms-flexbox;
      display: flex
    }
  
    .popup .filter-home .filter-home__form-col {
      width: 100%
    }
  
    .popup .filter-home .filter-home__form-col {
      margin-right: 0
    }
  
    .home-projects .home-projects__item.home-projects__item--active {
      border-bottom-color: transparent
    }
  
    .home-projects .home-projects__item.home-projects__item--active .home-projects__item-description-wrap {
      max-height: 100%
    }
  
    .price-panels .price-panels__summ {
      display: block
    }
  
    .price-panels .price-panels__summ_item:first-child:after {
      display: none;
      padding-right: 0px;
      margin-bottom: 15px
    }
  
    .advantages .advantages__item.advantages__item--active .advantages__wrap {
      top: -40px
    }
  
    .advantages .advantages__item.advantages__item--active .advantages__ico {
      opacity: 0
    }
  
    .advantages .advantages__item.advantages__item--active .advantages__item-text {
      opacity: 1
    }
  
    .timeraction {
      padding: 1.25rem 0 1.875rem
    }
  
    .timeraction.timeraction--bg {
      padding: 80px 0 70px
    }
  
    .timeraction .timeraction__bg {
      object-position: right 99% top 0;
      font-family: "object-fit: cover; object-position: right 99% top 0;"
    }
  
    .timeraction {
      padding: 1.25rem 0 1.875rem
    }
  
    .timeraction.timeraction--bg {
      padding: 80px 0 70px
    }
  
    .timeraction .timeraction__bg {
      object-position: right 99% top 0;
      font-family: "object-fit: cover; object-position: right 99% top 0;"
    }
  }
  
  @media screen and (max-width: 767px) {
    .footer .footer__contacts-item-address br {
      display: none
    }
  
    .footer .footer__payGroup img {
      margin: 0 auto
    }
  
    .filter-catalog .filter-catalog__select.filter-catalog__select--last .select__content-wrap {
      top: auto;
      bottom: 100%
    }
  
    .project .project__gallery {
      position: relative;
      width: 100vw;
      left: 50%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%)
    }
  
    .project .project__gallery .gallery__arrows {
      display: none
    }
  
    .project .project__gallery .gallery__slider {
      height: 16rem
    }
  
    .project .project__gallery .gallery__pag {
      height: 4.625rem
    }
  
    .project-equipment .project-equipment__tab-text {
      font-size: .9375rem
    }
  }
  
  @media screen and (max-width: 768px) {
    .price-panels .price-panels__wrap {
      width: 92.2%;
      max-width: 27.5rem;
      display: block
    }
  
    .price-panels .price-panels__panel {
      width: 100%;
      margin-bottom: 1.875rem
    }
  
    .why .why__wrap {
      width: 92.2%;
      max-width: 27.5rem;
      display: block
    }
  
    .why .why__top {
      display: block;
      margin-bottom: 20px
    }
  
    .why .why__bottom {
      display: block
    }
  
    .why .why__title {
      margin-bottom: 15px
    }
  
    .price-info {
      width: 92.2%;
      max-width: 27.5rem;
      display: block;
      padding-left: 20px;
      padding-right: 20px
    }
  
    .price-info .price-info__item {
      width: 100%
    }
  
    .advantages {
      width: 92.2%;
      max-width: 27.5rem;
      display: block
    }
  
    .advantages .advantages__item {
      width: 100%
    }
  
    .estimate {
      background-size: 0
    }
  
    .estimate .estimate__wrap {
      width: 92.2%;
      max-width: 27.5rem;
      display: block
    }
  
    .estimate .estimate__content {
      width: 100%
    }
  
    .price-projects {
      width: 92.2%;
      max-width: 27.5rem;
      display: block
    }
  
    .price-projects .catalog-item {
      width: 100%;
      margin-bottom: 30px
    }
  
    .price-projects .price-projects__arrow.price-projects__arrow--prev {
      margin-right: 10px
    }
  
    .price-projects .price-projects__arrow.price-projects__arrow--next {
      margin-left: 10px
    }
  
    .stock {
      width: 92.2%;
      max-width: 27.5rem;
      display: block
    }
  
    .stock .stock__slider-wrap {
      padding-bottom: 0
    }
  
    .stock .stock__arrow.stock__arrow--prev {
      margin-right: 10px
    }
  
    .stock .stock__arrow.stock__arrow--next {
      margin-left: 10px
    }
  
    .timeraction .timeraction__wrap {
      width: 92.2%;
      max-width: 27.5rem;
      display: block
    }
  
    .timer {
      padding: 15px 0 30px
    }
  
    .timer .timer__number {
      font-size: 30px
    }
  
    .infoaction {
      width: 92.2%;
      max-width: 27.5rem;
      display: block
    }
  
    .mailing .mailing__content--center .mailing__form {
      max-width: 100%
    }
  
    .timeraction .timeraction__wrap {
      width: 92.2%;
      max-width: 27.5rem;
      display: block
    }
  
    .timer {
      padding: 15px 0 30px
    }
  
    .timer .timer__number {
      font-size: 30px
    }
  
    .infoaction {
      width: 92.2%;
      max-width: 27.5rem;
      display: block
    }
  
    .mailing .mailing__content--center .mailing__form {
      max-width: 100%
    }
  
    .garant.garant--callback .garant__pic {
      -ms-flex-order: -1;
      order: -1
    }
  
    .garant {
      width: 92.2%;
      max-width: 27.5rem;
      display: block
    }
  
    .garant .garant__panel {
      display: block
    }
  
    .garant .garant__pic {
      width: 100%;
      height: 200px
    }
  
    .garant .garant__info {
      width: 100%
    }
  
    .comment {
      width: 92.2%;
      max-width: 27.5rem
    }
  
    .comment .comment__title {
      font-size: 22px;
      line-height: 30px
    }
  
    .control {
      width: 92.2%;
      max-width: 27.5rem;
      display: block
    }
  
    .control .control__nav {
      margin-bottom: 0px;
      -ms-flex-pack: start;
      justify-content: flex-start
    }
  
    .portfoliovideo {
      width: 92.2%;
      max-width: 27.5rem;
      display: block
    }
  
    .portfoliogallery {
      width: 92.2%;
      max-width: 27.5rem;
      display: block
    }
  
    .portfoliogallery .portfoliogallery__panel {
      width: 100%;
      height: 225px
    }
  
    .portfoliogallery .portfoliogallery__panel--big {
      width: 100%;
      height: 225px
    }
  
    .portfoliogallery .portfoliogallery__panel--big .portfoliogallery__info {
      bottom: 23px;
      left: 31px
    }
  
    .portfoliogallery .portfoliogallery__pics {
      width: 100%
    }
  
    .tags {
      width: 92.2%;
      max-width: 27.5rem
    }
  
    .panel-item {
      width: 100%
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1268px) {
    html {
      font-size: 14.5px
    }
  
    .main {
      max-width: 66rem
    }
  
    .main-half {
      max-width: 33rem
    }
  
    .head.head--detail .head__title {
      width: 41.25rem
    }
  
    .footer .footer__phone {
      font-size: 1.375rem;
      margin-right: 2rem
    }
  
    .reviews .reviews__video {
      width: 46.625rem
    }
  
    .home-projects .home-projects__item {
      height: 30.375rem;
      padding: 3.375rem 2.5rem 3.25rem 2.25rem
    }
  
    .home-build .home-build__img-wrap {
      max-width: 27.5rem;
      margin-top: -8.75rem
    }
  
    .catalog-item .catalog-item__description {
      padding: 0 0.4rem
    }
  
    .banner-about .banner-about__slider {
      width: 32.375rem;
      height: 29.25rem
    }
  
    .banner-about .banner-about__content {
      width: 32rem;
      padding-top: 1.5rem
    }
  
    .banner-about .banner-about__title {
      margin-bottom: 2.25rem
    }
  
    .banner-about .banner-about__text {
      margin-bottom: 3.25rem
    }
  
    .banner-about .banner-about__text p {
      margin-bottom: 1.5rem
    }
  
    .banner-about .banner-about__item {
      padding: 0 .375rem
    }
  
    .about-worth .about-worth__visual {
      margin-right: 4.125rem
    }
  
    .about-worth .about-worth__visual-item:nth-of-type(1) .about-worth__visual-text,
    .about-worth .about-worth__visual-item:nth-of-type(3) .about-worth__visual-text {
      top: 108%;
      left: 50%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      text-align: center
    }
  
    .about-history .about-history__images-wrap {
      width: 38.375rem
    }
  
    .about-history .about-history__images {
      width: 35.25rem
    }
  
    .about-news .about-news__slide-description {
      padding: 1.875rem 1rem 1.875rem 1.5rem
    }
  
    .about-reviews .about-reviews__item-description {
      padding: .125rem 1.75rem .125rem 1.25rem
    }
  
    .about-projects .about-projects__img-wrap {
      height: 21.125rem
    }
  
    .about-team .about-team__item {
      height: 24.75rem
    }
  
    .about-team .about-team__item:hover .about-team__extra-wrap {
      height: 15.4375rem
    }
  
    .about-team .about-team__description-wrap {
      padding: 0 2.125rem
    }
  
    .about-cottage .about-cottage__head-title {
      margin-bottom: 2.25rem
    }
  
    .about-cottage .about-cottage__images-wrap {
      width: 36.625rem;
      height: 27.125rem
    }
  
    .about-insta .about-insta__slide-img {
      height: 19.75rem
    }
  
    .article-similar {
      padding: 1.75rem 1rem
    }
  
    .article-detail .article-detail__content-wrap {
      width: 41.25rem
    }
  
    .article-detail .article-detail__similar {
      width: 23rem
    }
  
    .service .service__content {
      padding: 9.875rem .75rem 1.5rem 1.875rem
    }
  
    .technology-visual {
      padding: 3.5rem 2.375rem 2.875rem
    }
  
    .technology-visual .technology-visual__images {
      width: 33.875rem;
      height: 33.875rem
    }
  
    .technology-visual .technology-visual__items {
      width: 21.375rem
    }
  
    .technology-visual .technology-visual__item {
      margin-bottom: 1.375rem
    }
  
    .technology-plus .technology-plus__item {
      width: 32.5%
    }
  
    .technology-plus .technology-plus__item:nth-of-type(3n) {
      width: 28%
    }
  
    .technology-plus .technology-plus__icon {
      width: 5.75rem;
      height: 5.75rem
    }
  
    .design-family .design-family__img-wrap {
      width: 26.875rem;
      height: 26.875rem;
      margin: 3.125rem 0
    }
  
    .design-family .design-family__img {
      max-width: 20.875rem;
      max-height: 14rem
    }
  
    .design-family .design-family__pag:nth-of-type(1) .design-family__pag-item {
      top: -.5rem
    }
  
    .design-family .design-family__pag:nth-of-type(2) .design-family__pag-item {
      top: 11.375rem
    }
  
    .design-family .design-family__pag:nth-of-type(3) .design-family__pag-item {
      top: 23.25rem
    }
  
    .design-family .design-family__slide:nth-of-type(1) .design-family__item--process::after {
      top: 5.5625rem;
      right: -4rem;
      width: 4.875rem
    }
  
    .design-family .design-family__slide:nth-of-type(1) .design-family__item--results::after {
      top: 5.5625rem;
      left: -4rem;
      width: 4.875rem
    }
  
    .design-family .design-family__slide:nth-of-type(3) .design-family__item--process::after {
      top: 2.125rem;
      right: -3.4375rem;
      width: 4.1875rem
    }
  
    .design-family .design-family__slide:nth-of-type(3) .design-family__item--results::after {
      top: 2.125rem;
      left: -3.4375rem;
      width: 4.1875rem
    }
  
    .design-projects .design-projects__item {
      height: 34.875rem
    }
  
    .design-projects .design-projects__img {
      height: 27.375rem
    }
  
    .design-projects .design-projects__about-description-wrap {
      width: calc(100% - 6.75rem);
      padding: 1.25rem 1rem 1.25rem 1.25rem
    }
  
    .design-projects .design-projects__about-price {
      font-size: 1.75rem
    }
  
    .design-projects .design-projects__call-wrap {
      width: 6.75rem
    }
  
    .design-projects .design-projects__description {
      padding: 3.1875rem 0 1.5rem 3.75rem
    }
  
    .design-individual .design-individual__title-wrap {
      padding: .25rem 1.375rem
    }
  
    .design-individual .design-individual__features {
      padding: 1.3125rem 1.25rem 1.5rem 1.25rem
    }
  
    .design-video .design-video__item {
      height: 37.75rem
    }
  
    .faq .faq__content {
      width: 41.25rem
    }
  
    .faq .faq__tags-wrap {
      width: 23rem
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .main {
      max-width: 45rem;
      width: 89.6%
    }
  
    .main-half {
      max-width: 45rem;
      width: 89.6%
    }
  
    .page {
      padding-top: 6.25rem
    }
  
    .h1 {
      font-size: 1.875rem;
      line-height: 1.5
    }
  
    .tag .tag__content {
      padding: 0 .5625rem
    }
  
    .head {
      padding: 1.875rem 0 1rem
    }
  
    .head.head--absolute {
      top: 6.25rem
    }
  
    .head .head__breadcrumbs-link {
      font-size: 1rem;
      line-height: 1.6
    }
  
    .header {
      height: 6.25rem
    }
  
    .header .header__logo {
      width: 6.6875rem;
      height: 2.5rem
    }
  
    .header .header__top-right {
      top: calc(100vh - 6.87rem);
      height: 6.875rem;
      padding: 0 2.4375rem;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
  
    .header .header__top-right::after {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      width: 100vw;
      height: 2px;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #e7e7e7
    }
  
    .header .header__top-contacts {
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    .footer {
      padding: 2.9375rem 0 3.5rem
    }
  
    .footer .footer__contacts {
      -ms-flex-direction: row;
      flex-direction: row
    }
  
    .footer .footer__contacts-item {
      width: 33.333%;
      padding-right: .375rem
    }
  
    .footer .footer__contacts-item:nth-of-type(2n) {
      width: 36%
    }
  
    .footer .footer__bottom-row {
      margin-bottom: .75rem
    }
  
    .consultation {
      padding: 3.5rem 0 3.8125rem
    }
  
    .consultation .consultation__form {
      width: 30.5rem
    }
  
    .popup-gallery {
      width: 43rem;
      height: 32.5rem
    }
  
    .popup-gallery .popup-gallery__slide iframe {
      height: 26.875rem
    }
  
    .popup-video {
      width: 45.5rem;
      height: 25.625rem
    }
  
    .seo-links {
      margin-bottom: .9375rem
    }
  
    .seo-links .seo-links__col {
      width: 38%;
      margin-bottom: 2.4375rem
    }
  
    .seo-links .seo-links__col:nth-of-type(2n) {
      width: 38%;
      margin-right: 2%
    }
  
    .seo-links .seo-links__col:nth-of-type(3n+2) {
      width: 32%;
      margin-right: 2%
    }
  
    .seo-links .seo-links__col:nth-of-type(3n) {
      width: 26%;
      margin-right: 0
    }
  
    .seo-text {
      padding-bottom: 3.125rem
    }
  
    .seo-text .seo-text__content ul {
      margin-bottom: 1.5rem
    }
  
    .seo-text.seo-text--common {
      padding: 3rem 0 2.5rem
    }
  
    .gallery .gallery__slider {
      height: 25.125rem;
      margin-bottom: 1.25rem
    }
  
    .gallery .gallery__pag {
      height: 5.75rem
    }
  
    .gallery .gallery__pag-item {
      /* width: 10.125rem */
    }
  
    .video {
      height: 24.25rem
    }
  
    .reviews {
      padding: 3.4375rem 0 3.75rem
    }
  
    .reviews .reviews__head {
      margin-bottom: 2.125rem
    }
  
    .reviews .reviews__btn {
      width: 17.25rem;
      margin-top: .5625rem
    }
  
    .reviews .reviews__video {
      margin-bottom: 1.25rem
    }
  
    .reviews .reviews__slide-text {
      font-size: .875rem;
      line-height: 1.7
    }
  
    .banner-home {
      height: calc(100vh - 6.25rem);
      min-height: 36.75rem;
      min-height: inherit
    }
  
    .banner-home .banner-home__calc {
      bottom: 11.6875rem;
      right: 2.5rem
    }
  
    .home-projects .home-projects__item {
      height: 21.375rem;
      padding: 3.4375rem 2.5625rem 1rem 2.5625rem
    }
  
    .home-projects .home-projects__item-description-wrap {
      width: 82%
    }
  
    .home-about {
      padding: 3.5625rem 0 1.625rem
    }
  
    .home-about .home-about__back-text {
      left: -5.1875rem;
      bottom: 18.5rem;
      height: 45.125rem
    }
  
    .home-about .home-about__items {
      margin-bottom: 4.875rem
    }
  
    .home-about .home-about__item {
      width: 49.6%;
      padding-right: 3.125rem;
      margin-bottom: 4.5rem
    }
  
    .home-about .home-about__description {
      margin-bottom: 7.625rem
    }
  
    .home-about .home-about__description-title {
      margin-bottom: 1.375rem
    }
  
    .home-about .home-about__description-text {
      max-width: 96%
    }
  
    .home-about .home-about__slider {
      width: 58%
    }
  
    .home-about .home-about__slide-title {
      font-size: 9.375rem;
      margin-bottom: .8125rem
    }
  
    .home-about .home-about__slide-title span::after {
      left: .5625rem;
      top: .625rem
    }
  
    .home-build {
      padding: 3.4375rem 0 2.375rem
    }
  
    .home-build .home-build__title {
      max-width: 84%
    }
  
    .home-build .home-build__tab {
      margin-right: 1.875rem
    }
  
    .home-build .home-build__text {
      margin-bottom: 2.3125rem
    }
  
    .home-build .home-build__img {
      max-width: 82%
    }
  
    .home-how {
      padding: 3.75rem 0 4.375rem
    }
  
    .home-how .home-how__head {
      margin-bottom: 2.75rem
    }
  
    .home-how .home-how__slide {
      width: 39.25rem
    }
  
    .home-partners {
      padding: 3.4375rem 0 5.6875rem
    }
  
    .home-partners .home-partners__title {
      margin-bottom: 4.0625rem
    }
  
    .home-partners .home-partners__slide {
      width: 33%
    }
  
    .home-sign {
      padding: 3.5rem 0 4.0625rem
    }
  
    .home-sign .home-sign__img {
      top: 62%;
      right: -26.6875rem
    }
  
    .mailing {
      padding: 3.5rem 0 3.8125rem
    }
  
    .mailing .mailing__form {
      width: 30.5rem
    }
  
    .filter-home {
      padding: 3.4375rem 0 1.75rem
    }
  
    .filter-home .filter-home__content {
      padding-bottom: 3.375rem
    }
  
    .filter-home .filter-home__img {
      right: -9.5625rem;
      bottom: -18.4375rem;
      width: 37.75rem
    }
  
    .filter-home .filter-home__title {
      margin-bottom: 3.5625rem
    }
  
    .filter-home .filter-home__btn {
      margin-top: 0
    }
  
    .filter-home .filter-home__footer {
      padding: 3rem 0 1.0625rem
    }
  
    .filter-home .filter-home__footer-title {
      width: 11.625rem;
      margin-right: 1.375rem;
      font-size: 1.125rem;
      line-height: 1.5
    }
  
    .filter-home .filter-home__footer-btn {
      margin-right: 1.9375rem
    }
  
    .filter-home .filter-home__footer-text {
      max-width: 13.9375rem;
      margin-top: .25rem;
      font-size: .875rem
    }
  
    .filter-catalog .filter-catalog__form-wrap {
      padding: 5rem 0 5.625rem
    }
  
    .filter-catalog .filter-catalog__form {
      max-width: 45rem;
      width: 89.6%;
      padding: 1.3125rem 1.625rem 2.25rem;
      margin-bottom: 1.875rem;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
  
    .filter-catalog .filter-catalog__head-wrap {
      height: 5rem
    }
  
    .filter-catalog .filter-catalog__head .filter-catalog__reset {
      margin: 0;
      width: auto
    }
  
    .filter-catalog .filter-catalog__head .filter-catalog__reset span {
      display: inline
    }
  
    .filter-catalog .filter-catalog__item {
      width: 45.5%;
      margin-right: 9%;
      margin-bottom: 2.25rem
    }
  
    .filter-catalog .filter-catalog__item:nth-of-type(2n) {
      margin-right: 0
    }
  
    .filter-catalog .filter-catalog__reset {
      -ms-flex-pack: center;
      justify-content: center;
      width: 50%;
      margin: 2rem auto 0
    }
  
    .filter-catalog .filter-catalog__btn-search-wrap {
      height: 7rem
    }
  
    .filter-catalog .filter-catalog__promotion {
      margin-bottom: 2.5625rem
    }
  
    .catalog .catalog__items {
      margin-bottom: 1.25rem
    }
  
    .catalog .catalog__pag {
      margin-top: 3.75rem;
      margin-bottom: 3.125rem
    }
  
    .project {
      padding-bottom: 2rem
    }
  
    .project .project__gallery {
      margin-bottom: 2rem
    }
  
    .project .project__description {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 1.875rem
    }
  
    .project .project__top {
      width: 50%
    }
  
    .project .project__info-wrap {
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: start;
      align-items: flex-start
    }
  
    .project .project__info {
      margin-bottom: .875rem;
      margin-right: 0
    }
  
    .project .project__info:last-of-type {
      margin-bottom: 0
    }
  
    .project .project__whom {
      padding-top: 0;
      width: 50%
    }
  
    .project .project__type {
      width: 50%;
      border-bottom: 0
    }
  
    .project .project__price-wrap {
      width: 100%;
      border-top: 1px solid rgba(164, 164, 164, 0.3)
    }
  
    .project-specifications {
      margin-bottom: 3.375rem
    }
  
    .project-specifications .project-specifications__floor {
      margin-bottom: 2rem
    }
  
    .project-specifications .project-specifications__floor-title {
      margin-bottom: 1.75rem
    }
  
    .project-specifications .project-specifications__description-title {
      margin-bottom: 1.5rem
    }
  
    .project-specifications .project-specifications__bottom {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
  
    .project-specifications .project-specifications__btns {
      margin-bottom: 0
    }
  
    .project-specifications .project-specifications__presentation {
      width: 16.25rem;
      margin-right: 1.5rem
    }
  
    .project-specifications .project-specifications__btn {
      width: 19.75rem
    }
  
    .project-about {
      margin-bottom: 3.25rem
    }
  
    .project-equipment {
      margin-bottom: 3.25rem
    }
  
    .project-equipment .project-equipment__item-col {
      padding: 1.875rem 1.25rem
    }
  
    .project-present .project-present__title {
      margin-bottom: 2.25rem
    }
  
    .project-present .project-present__item-content {
      padding: .875rem 2.5rem 2rem 2.5rem
    }
  
    .project-present .project-present__item-text:first-of-type {
      margin-top: 1.125rem
    }
  
    .project-present .project-present__item {
      width: 50%;
      min-height: 20rem
    }
  
    .project-other {
      padding: 3.25rem 0 3.75rem
    }
  
    .project-other .project-other__head {
      margin-bottom: 1.875rem
    }
  
    .project-individuality {
      padding: 3.25rem 0 3.75rem
    }
  
    .project-individuality .project-individuality__title {
      margin-bottom: 2.125rem
    }
  
    .project-individuality .project-individuality__description {
      margin-bottom: 2rem
    }
  
    .project-individuality .project-individuality__description-title {
      margin-bottom: 1.375rem
    }
  
    .project-individuality .project-individuality__highlight-items {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
  
    .project-individuality .project-individuality__highlight-item {
      width: 48%;
      margin-right: 4%
    }
  
    .project-individuality .project-individuality__highlight-item:nth-of-type(2n) {
      margin-right: 0
    }
  
    .banner-about {
      margin-bottom: 3.75rem
    }
  
    .banner-about .banner-about__slider {
      height: 24.125rem
    }
  
    .banner-about .banner-about__title {
      margin-bottom: 2rem
    }
  
    .banner-about .banner-about__text {
      margin-bottom: 2rem
    }
  
    .banner-about .banner-about__text p {
      margin-bottom: 1.25rem
    }
  
    .banner-about .banner-about__item-title {
      font-size: 2.375rem
    }
  
    .about-this {
      margin-bottom: 3.5rem
    }
  
    .about-this .about-this__slide-description {
      min-height: 12.75rem;
      padding: 2rem 1.5rem
    }
  
    .about-worth {
      padding: 4.1875rem 0 3.5625rem 0;
      margin-bottom: 3.25rem
    }
  
    .about-worth .about-worth__left {
      width: 21.125rem
    }
  
    .about-worth .about-worth__slide-title {
      margin-bottom: 1.25rem
    }
  
    .about-worth .about-worth__slide-text {
      max-height: 11.75rem
    }
  
    .about-worth .about-worth__visual {
      width: 16.375rem;
      height: 16.375rem;
      margin: auto 1.125rem auto 0
    }
  
    .about-worth .about-worth__visual-item:nth-of-type(2) .about-worth__visual-text {
      top: auto;
      bottom: 110%
    }
  
    .about-worth .about-worth__visual-text {
      top: 110%;
      left: 50%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      text-align: center;
      font-size: .875rem
    }
  
    .about-history {
      padding: 3.125rem 0 3.875rem;
      margin-bottom: 3rem
    }
  
    .about-history .about-history__head-title {
      margin-bottom: 2rem
    }
  
    .about-history .about-history__content {
      margin-bottom: 2.875rem
    }
  
    .about-history .about-history__description {
      padding-top: 1.5rem
    }
  
    .about-history .about-history__title {
      margin-bottom: 1.25rem
    }
  
    .about-history .about-history__images-wrap {
      height: 24.25rem
    }
  
    .about-news {
      margin-bottom: 3.5rem
    }
  
    .about-news .about-news__slider {
      margin-bottom: 3.5rem
    }
  
    .about-news .about-news__slide-description {
      padding: 2.5rem 1.5625rem 2.5rem 2.1875rem
    }
  
    .about-reviews {
      margin-bottom: 3.5rem
    }
  
    .about-reviews .about-reviews__item-img {
      height: 9rem
    }
  
    .about-reviews .about-reviews__item-title {
      margin-bottom: .375rem
    }
  
    .about-projects {
      margin-bottom: 2.9375rem
    }
  
    .about-projects .about-projects__img-wrap {
      height: 20.25rem
    }
  
    .about-team {
      margin-bottom: 3.875rem
    }
  
    .about-team .about-team__head-title {
      margin-bottom: 2rem
    }
  
    .about-team .about-team__item {
      width: 48.8%;
      height: 24.75rem;
      margin-right: 2.4%
    }
  
    .about-team .about-team__item:nth-of-type(2n) {
      margin-right: 0
    }
  
    .about-team .about-team__item:hover .about-team__extra-wrap {
      height: 15.4375rem
    }
  
    .about-cottage {
      padding: 3.8125rem 0 3.75rem;
      margin-bottom: 3rem
    }
  
    .about-cottage .about-cottage__head-title {
      margin-bottom: 2rem
    }
  
    .about-cottage .about-cottage__images-wrap {
      height: 24.125rem;
      margin-bottom: 1.625rem
    }
  
    .about-insta {
      margin-bottom: 3.375rem
    }
  
    .about-insta .about-insta__slide {
      width: 48.4%
    }
  
    .about-insta .about-insta__slide-img {
      height: 20rem
    }
  
    .article-item {
      width: 20.875rem;
      padding: 3.25rem 1.25rem 1.5rem 1.375rem
    }
  
    .article {
      padding-bottom: 3.125rem
    }
  
    .article .article__head-title {
      margin-bottom: 1.125rem
    }
  
    .article .article__tags {
      margin-bottom: 1.25rem
    }
  
    .article .article__items .article-item {
      margin-right: 1.25rem
    }
  
    .article .article__items .article-item:nth-of-type(2n) {
      margin-right: 0
    }
  
    .article-about {
      margin-bottom: 3.125rem
    }
  
    .article-about .article-about__head {
      margin-bottom: 2.1875rem
    }
  
    .article-about .article-about__items .article-item {
      margin-right: 1.25rem
    }
  
    .article-about .article-about__items .article-item:nth-of-type(2n) {
      margin-right: 0
    }
  
    .article-about .article-about__items .article-item:nth-of-type(3n) {
      display: none
    }
  
    .article-detail {
      padding-bottom: 3.125rem
    }
  
    .article-detail .article-detail__content-wrap {
      margin-bottom: 2rem
    }
  
    .article-detail .article-detail__date {
      margin-bottom: 1.125rem
    }
  
    .article-detail .article-detail__content img {
      margin: 1.125rem
    }
  
    .service {
      padding-bottom: 2.5rem
    }
  
    .service .service__img {
      height: 25.375rem
    }
  
    .service .service__content {
      padding: 2.375rem 0 3.25rem
    }
  
    .price-panels .price-panels__wrap {
      max-width: 65.875rem;
      width: 90%
    }
  
    .why .why__wrap {
      max-width: 65.875rem;
      width: 90%
    }
  
    .price-info {
      max-width: 65.875rem;
      width: 90%
    }
  
    .advantages {
      max-width: 65.875rem;
      width: 90%
    }
  
    .advantages .advantages__item {
      width: calc(50% - 10px);
      margin-bottom: 20px
    }
  
    .estimate .estimate__wrap {
      max-width: 65.875rem;
      width: 90%;
      -ms-flex-pack: baseline;
      justify-content: baseline
    }
  
    .estimate .estimate__content {
      width: 100%
    }
  
    .price-projects {
      max-width: 65.875rem;
      width: 90%
    }
  
    .contacts {
      padding-bottom: 3.125rem
    }
  
    .contacts .contacts__top {
      margin-bottom: 1.75rem
    }
  
    .contacts .contacts__info {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
  
    .contacts .contacts__info-item {
      width: 49%;
      margin-right: 2%;
      padding-right: .625rem
    }
  
    .contacts .contacts__info-item svg {
      margin-right: 1rem
    }
  
    .contacts .contacts__photo-tabs {
      margin: 0 .8125rem 2rem
    }
  
    .contacts .contacts__photo-content {
      height: 25.25rem
    }
  
    .contacts .contacts__bottom.contacts__bottom--driving {
      margin-top: 1.75rem
    }
  
    .contacts .contacts__bottom.contacts__bottom--driving svg {
      margin-right: 1rem
    }
  
    .contacts .contacts__bottom-title {
      margin-bottom: .875rem
    }
  
    .timeraction .timeraction__wrap {
      max-width: 65.875rem;
      width: 90%
    }
  
    .infoaction {
      max-width: 65.875rem;
      width: 90%
    }
  
    .timeraction .timeraction__wrap {
      max-width: 65.875rem;
      width: 90%
    }
  
    .infoaction {
      max-width: 65.875rem;
      width: 90%
    }
  
    .garant {
      max-width: 65.875rem;
      width: 90%
    }
  
    .comment {
      max-width: 65.875rem;
      width: 90%
    }
  
    .control {
      max-width: 65.875rem;
      width: 90%
    }
  
    .technology-visual {
      padding: 1.625rem 1.75rem 2.25rem;
      margin-bottom: 3.375rem
    }
  
    .technology-visual .technology-visual__images {
      margin: 0 auto 1.5rem auto
    }
  
    .technology-visual .technology-visual__items {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
  
    .technology-visual .technology-visual__item {
      width: 48%;
      margin-right: 4%
    }
  
    .technology-visual .technology-visual__item:nth-of-type(2n) {
      margin-right: 0
    }
  
    .technology-info {
      margin-bottom: 3.375rem
    }
  
    .technology-info .technology-info__top {
      margin-bottom: 1.5rem
    }
  
    .technology-info .technology-info__img {
      height: 26.75rem;
      margin-bottom: 2rem
    }
  
    .technology-plus {
      margin-bottom: 3.375rem
    }
  
    .technology-plus .technology-plus__head-title {
      margin-bottom: 3.125rem
    }
  
    .technology-plus .technology-plus__item {
      width: 48%;
      margin-right: 4%
    }
  
    .technology-plus .technology-plus__item:nth-of-type(2n) {
      margin-right: 0
    }
  
    .technology-guarantee {
      padding: 4.125rem 1.5rem 3.8125rem
    }
  
    .portfoliovideo {
      max-width: 65.875rem;
      width: 90%
    }
  
    .portfoliogallery {
      max-width: 65.875rem;
      width: 90%
    }
  
    .tags {
      max-width: 65.875rem;
      width: 90%
    }
  
    .banner-design {
      height: 29rem
    }
  
    .design-description {
      padding: 3.75rem 0 4.25rem
    }
  
    .design-description .design-description__back-text {
      right: -5.125rem;
      bottom: 1.125rem;
      height: 45.125rem
    }
  
    .design-description .design-description__title {
      margin-bottom: 2rem
    }
  
    .design-family {
      margin-bottom: 3.5rem
    }
  
    .design-family .design-family__head-title {
      margin-bottom: 2rem
    }
  
    .design-family .design-family__item {
      width: 11.125rem
    }
  
    .design-family .design-family__title {
      font-size: 1.25rem
    }
  
    .design-family .design-family__text {
      font-size: 1rem;
      line-height: 1.6;
      max-height: 10rem
    }
  
    .design-projects {
      margin-bottom: 2.5rem
    }
  
    .design-projects .design-projects__visual {
      height: 27.125rem
    }
  
    .design-projects .design-projects__about {
      height: 6.25rem
    }
  
    .design-projects .design-projects__about-description-wrap {
      width: calc(100% - 6.25rem);
      padding: 1rem 2rem 1rem 2.5rem
    }
  
    .design-projects .design-projects__call-wrap {
      width: 6.25rem
    }
  
    .design-projects .design-projects__description {
      padding: 2.5rem 0
    }
  
    .design-individual {
      margin-bottom: 3.75rem
    }
  
    .design-individual .design-individual__item {
      width: 48%;
      margin-right: 4%
    }
  
    .design-individual .design-individual__item:nth-of-type(2n) {
      margin-right: 0
    }
  
    .design-individual .design-individual__img-wrap {
      height: 12.625rem
    }
  
    .design-individual .design-individual__title-wrap {
      padding: .25rem 1.25rem
    }
  
    .design-bid {
      padding: 2rem 1.5rem;
      margin-bottom: 3.75rem
    }
  
    .design-bid .design-bid__title {
      margin-bottom: 2rem
    }
  
    .design-build {
      margin-bottom: 3.75rem
    }
  
    .design-build .design-build__item {
      width: 10.75rem
    }
  
    .design-build .design-build__item:first-of-type,
    .design-build .design-build__item:last-of-type {
      width: 15.125rem
    }
  
    .design-cashback .design-cashback__content {
      padding: 1.5rem 0 1.5rem 0
    }
  
    .design-cashback .design-cashback__description {
      max-width: 24.25rem
    }
  
    .design-cashback .design-cashback__img {
      height: 15.125rem
    }
  
    .design-stages {
      padding-top: 3.75rem
    }
  
    .design-stages .design-stages__item {
      width: 30%;
      margin-right: 5%
    }
  
    .design-stages .design-stages__item:nth-of-type(3n) {
      margin-right: 0
    }
  
    .design-video {
      margin-bottom: 3.75rem
    }
  
    .design-video .design-video__item {
      height: 24.25rem
    }
  
    .design-video .design-video__btn {
      width: 6.5rem;
      height: 6.5rem
    }
  
    .design-video .design-video__btn svg {
      width: 2.0625rem;
      height: 2.5rem
    }
  
    .design-important .design-important__title {
      font-size: 1.875rem;
      line-height: 1.5
    }
  }
  
  @media screen and (min-width: 360px) and (max-width: 767px) {
    .popup-video {
      width: 22.5rem;
      height: 12.75rem
    }
  }
  
  @media screen and (min-width: 1024px) and (max-width: 1279px) {
    .gallery {
      width: 39.625rem
    }
  
    .project .project__description {
      width: 24.875rem
    }
  
    .project-specifications .project-specifications__floors {
      width: 39.625rem
    }
  
    .project-specifications .project-specifications__description {
      width: 24.875rem
    }
  
    .project-present .project-present__item-content {
      padding: .875rem 1.25rem 2.875rem 1.125rem
    }
  
    .project-present .project-present__item {
      min-height: 22.5rem
    }
  
    .project-individuality .project-individuality__description {
      width: 40.5rem
    }
  
    .project-individuality .project-individuality__highlight {
      width: 22.375rem
    }
  }
  
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .home-projects .home-projects__item.home-projects__item--active .home-projects__item-description-wrap {
      padding-top: .75rem
    }
  }
  
  @media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1268px) {
    .service .service__item:nth-of-type(2n) .service__content {
      padding: 9.875rem 2.75rem 1.5rem 0
    }
  
    .design-projects .design-projects__item:nth-of-type(2n) .design-projects__description {
      padding: 3.125rem 4.125rem 1.5rem 0
    }
  }
  
  @media (min-width: 768px) and (max-width: 1023px) {
    .estimate {
      background-size: 0
    }
  
    .portfoliovideo .portfoliovideo__wrap.swiper-container-initialized .portfoliovideo__slide {
      width: 39.25rem
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1200px) {
    .stock {
      max-width: 65.875rem;
      width: 80%
    }
  }
  
  @media screen and (-ms-high-contrast: active),
  (-ms-high-contrast: none) {
    .ps {
      overflow: auto !important
    }
  
    .catalog .catalog__tags-more {
      max-width: 14.375rem
    }
  
    .about-team .about-team__img {
      width: 84%
    }
  }
  
  /* default end */
  .project-equipment__tooltip {
    background: #eeeeee;
    z-index: 999999;
    position: absolute;
    padding: 15px;
    max-width: 250px;
    border-radius: 2px;
  }
  
  .project-equipment__tooltip.animation-slide {
    -webkit-animation-name: slideTooltip;
    -webkit-animation-duration: .25s;
    -webkit-animation-timing-function: ease;
    animation-name: slideTooltip;
    animation-duration: .25s;
    animation-timing-function: ease;
  }
  
  @-webkit-keyframes slideTooltip {
    from {
      -webkit-transform: translateY(-20%);
      transform: translateY(-20%);
      opacity: 0;
    }
  
    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  @keyframes slideTooltip {
    from {
      -webkit-transform: translateY(-20%);
      transform: translateY(-20%);
      opacity: 0;
    }
  
    to {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  .project-equipment__tooltip .project-equipment__tooltip-arrow {
    position: absolute;
    border: 8px solid #eeeeee;
  }
  
  .project-equipment__tooltip-arrow.bottomtotop {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    top: -16px;
  }
  
  .project-equipment__tooltip-arrow.toptobottom {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    bottom: -16px;
  }
  
  .project-equipment__tooltip-arrow.righttoleft {
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
    left: -16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .project-equipment__tooltip-arrow.lefttoright {
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
    right: -16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .project-equipment__tooltip-arrow.center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  
  .project-equipment__TextQuestionIcon {
    margin-left: 5px;
    margin-bottom: 5px
  }
  
  .project-equipment__container {
    display: flex;
  }
  
  .project-equipment__left {
    float: left;
  }
  
  .project-equipment__right {
    float: right;
  }
  
  .catalog-item__mobile-btn {
    display: flex;
    margin: 1.5625rem auto 0;
    align-items: center;
  }
  
  .catalog-item__mobile-bottom-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .catalog-item__mobile-bottom-row:not(:last-of-type) {
    margin-bottom: .5rem
  }
  
  .reviews-mobile__head {
    width: 92.2%;
    margin: 0 auto;
  }
  
  .reviews-mobile__title {
    margin: 2rem 0;
  }
  
  
  /*news-list : faq */
  
  
  .backQuestion:last-child {
    border-bottom: 2px solid rgba(77, 122, 191, 0.5);
  
  }
  
  .backGrounde {
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    background: #ffffff;
  }
  
  .backGrounde.on {
  
    background: #ecf2fc;
  }
  
  .accordion__text {
    pointer-events: none;
    user-select: none;
  }
  
  .accordion__header {
    cursor: pointer;
    user-select: none;
  }
  
  .faq-text {
    user-select: none;
    cursor: text;
  }
  
  .outContentFaq {
    display: flex;
    margin: auto;
    width: 46%;
    flex-direction: column-reverse;
    padding-bottom: 100px;
  }
  
  .article-about-new .article-about__head {
    margin-bottom: 40px;
  }
  
  @media only screen and (max-width: 1300px) {
  
    .outContentFaq {
      display: flex;
      margin: auto;
      width: auto;
      padding-bottom: 300px;
      padding: 0px;
    }
  
    .backQuestion {
      border-bottom: none;
  
    }
  
    .outContentFaq {
  
      padding-bottom: 100px;
    }
  }
  
  /*news-list : faq */
  @media screen and (max-width: 767px) {
    .catalog-item .catalog-item__img img {
      display: block;
      height: 100%;
      width: 100%;
      object-fit: cover;
      font-family: 'object-fit: cover;';
    }
  }
  
  @media screen and (min-width: 767px) and (max-device-width: 1023px) {
    .h2.h2--m {
      font-size: 1.0625rem;
      line-height: 1.35;
    }
  
    .catalog-item .catalog-item__img-wrap {
      position: relative;
      width: 100%;
      /*height: 9.375rem;*/
    }
  
    .h7 {
      font-size: 1.025rem;
      line-height: 1.7;
      color: #31353a;
    }
  }
  
  .design-individual__items.wrap {
  
    flex-wrap: nowrap;
  }
  
  
  @media only screen and (max-width: 800px) {
    .swiper-wrapper.mobile {
      display: inline-block;
      /* margin-right: 200px; */
      padding-left: 37%;
      margin-bottom: 40px;
    }
  
    .home-partners__slide.mobile-slide {
  
      margin-bottom: 60px;
  
    }
  
    .home-partners__slide.mobile-slide:last-child {
  
      margin-bottom: 0px;
  
    }
  
    .design-individual__items.wrap {
  
      flex-wrap: wrap;
    }
  }
  
  .h2_without_bold {
    font-weight: initial;
  }
  
  .h2_without_bold.h2_wide_block {
    max-width: 47.625rem;
  }
  
  .tg-banner {
    position: fixed;
    display: flex;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #5679B9;
    z-index: 1000;
  }
  
  .tg-banner2 {
    position: fixed;
    display: flex;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #5679B9;
    z-index: 1000;
  }
  
  .tg-banner-wrapper {
    margin: auto;
    padding: 0 20px;
    display: inline-flex;
  }
  
  .tg-banner-text {
    margin: auto;
    text-align: center;
    font-size: 1.1875rem;
    line-height: 1.3;
    text-transform: uppercase;
    color: #fff;
  }
  
  .tg-banner-btn {
    margin-left: 35px;
    padding: 0;
    border-radius: 15px;
    border: 3px white solid;
    height: 35px;
  }
  
  .tg-banner-btn2 {
    margin-left: 35px;
    padding: 0;
    border-radius: 15px;
    border: 3px white solid;
    height: 35px;
  }
  
  .tg-banner-btn-text {
    margin-left: 5px;
    font-size: 1rem;
    line-height: 1.3;
    text-transform: uppercase;
    color: #fff;
  }
  
  .tg-banner-mobile {
    position: fixed;
    display: none;
    bottom: 0;
    width: 100%;
    height: 70px;
    background-color: #5679B9;
    z-index: 1000;
  }
  
  .tg-banner-mobile2 {
    position: fixed;
    display: none;
    bottom: 0;
    width: 100%;
    height: 70px;
    background-color: #5679B9;
    z-index: 1000;
  }
  
  @media (max-width: 900px) {
  
    .catalog-item__img-wrap {
      margin-bottom: 30px;
    }
  
  
  }
  
  @media (max-width: 750px) {
  
    .catalog-item__img-wrap {
      margin-bottom: 85px;
    }
  
    .catalog-item__img-static_height {
  
      height: 92.5%;
    }
  }
  
  @media (max-width: 800px) {
  
  
    /*#CalltouchWidgetFrame{*/
    /*    inset: auto calc(50% - 54px) 40px auto !important;*/
    /*}*/
  
    .tg-banner {
      display: none;
    }
  
    .tg-banner2 {
      display: none;
    }
  
  
    .tg-banner-text {
      font-size: 0.6875rem;
    }
  
    .tg-banner-btn {
      min-width: 8.9375rem;
      margin: auto;
      margin-left: 15px;
    }
  
    .tg-banner-btn2 {
      min-width: 8.9375rem;
      margin: auto;
      margin-left: 15px;
    }
  
    .tg-banner-btn-text {
      font-size: .61rem;
    }
  
    .tg-banner-mobile {
      display: flex;
    }
  
    .tg-banner-mobile2 {
      display: flex;
    }
  
    .catalog-item .catalog-item__img {
      height: 130%;
    }
  
  }
  
  .catalog-item__img-static_height {
  
    height: 82.5%;
  }
  
  .ipoteka {
  
    font-size: small !important;
    width: 150% !important;
  }
  
  @media (max-width: 1000px) {
  
    .design-build__item {
      margin-left: 50px !important;
    }
  
  }
  
  .all4it {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: stretch;
    align-items: center;
  }
  
  
  @media screen and (min-width: 1024px) {
    .article-detail .article-detail__similar {
      width: 23.5rem;
      margin-top: -4.4375rem;
    }
  }
  
  
  .tg-banner-text {
    cursor: pointer !important;
  }
  
  body .contacts_header__wrapper {
    display: flex !important;
  }
  
  body .contacts_header__img {
    height: 30px;
    width: 30px;
    margin: 5px 10px 5px 0;
  }
  
  @media screen and (max-width: 1024px) {
    body .contacts_header__img {
      margin: 0;
    }
  }
  
  .Calltouch-widget-container {
    padding-top: 10px;
  }
  
  .info_header_wrapper {
    display: flex;
    align-items: start;
    margin: 0 25px;
    flex-direction: column;
  }
  
  .contacts_header__img.hover {
    display: none;
  }
  
  
  .header__btn__icon:hover .contacts_header__img {
    display: none;
  }
  
  .header__btn__icon:hover .contacts_header__img.hover {
    display: block;
  }
  
  .upBtn {
    z-index: 99999999;
  }
  
  /*КВИЗ */
  
  .quiz_button_wrapper_mobile {
    display: none !important;
  }
  
  @media (max-width: 768px) {
  
    .quiz_button_wrapper_mobile {
      display: flex !important;
    }
  
    .marquiz__button_fixed-left {
      left: 15px !important;
      padding: 0 !important;
    }
  
    .marquiz__button__desktop {
      display: none !important;
    }
  
  
  }
  
  .marquiz-pops {
    display: none !important;
  }
  
  .marquiz__button__mobile:after {
    content: none !important;
  }
  
  .marquiz__button__mobile {
    position: static !important;
  }
  
  .marquiz__button__mobile {
    position: static !important;
    width: 28px;
    height: 28px;
    box-shadow: none !important;
    margin: 0 auto;
  }
  
  
  .qiuz {
  
    display: flex;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    justify-content: center;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.2s ease-out;
    color: #ffffff;
    border: 1px solid #5679b9;
    background-color: #5679b9;
    padding: 7px 20px 7px 7px;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    text-decoration: none !important;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
    box-shadow: 1.7px 5.8px 21px 0 rgba(86, 121, 185, 0.5);
  }
  
  .qiuz::after {
    content: '';
    position: absolute;
    top: -50%;
    bottom: -50%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.6) 100%);
    width: 45px;
    transform: skewX(-22deg);
    left: -65%;
    animation-name: blick;
    animation-duration: 3s;
    animation-iteration-count: infinite;
  }
  
  .qiuz__wrap {
    display: flex;
    align-items: center;
  }
  
  .qiuz__icon {
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    transition: fill 0.4s ease, stroke 0.4s ease;
    pointer-events: none;
    height: 32px;
    width: 32px;
    padding: 7px 5px 7px 7px;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
    transform: rotate(0);
    margin-right: 12px;
  }
  
  .qiuz__icon path {
    fill: #5679b9;
  }
  
  .qiuz__text {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    white-space: nowrap;
  }
  
  @keyframes blick {
    60% {
      left: 100%;
    }
  
    to {
      left: 130%;
    }
  }
  
  @media (min-width: 769px) {
  
    .qiuz {
      display: none;
    }
  
  }
  
  body .banner-home__calc {
    position: fixed !important;
    bottom: 1rem !important;
  }
  
  
  @media (max-width: 1023px) {
  
    body .banner-home__calc {
      bottom: 6rem !important;
      right: 1.25rem !important;
    }
  
  }
  
  @media (max-width: 600px) {
  
    #CalltouchWidgetFrame {
      bottom: -8px !important;
    }
  
  }
  
  .catalog-item .catalog-item__top {
    overflow-x: hidden;
    overflow-y: hidden;
  }
  
  .catalog-item .catalog-item__top:hover {
    overflow-x: auto;
     !important;
    overflow-y: hidden;
  }
  
  
  .project-about__reviews .video__title,
  .project-about__item--active .video__title {
    margin-left: 25px;
    margin-right: 25px;
  }
  
  .footer__dev {
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: all .3s;
    width: 100%
  }
  
  .footer__dev:hover {
    opacity: .8
  }
  
  .footer__dev:active {
    opacity: .6
  }
  
  .footer__dev-logo {
    max-width: 120px;
    display: block;
    margin-right: 10px
  }
  
  .footer__dev-text {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: #141414
  }
  
  .footer_devWrap {
    display: flex;
    flex-direction: column
  }
  
  @media screen and (max-width:767px) {
    .footer__dev {
      justify-content: center;
    }
  }
#cookie_note {
    display: none;
    position: fixed;
    z-index: 100;
    bottom: 0px;
    width: 300px;
    padding: 10px;
    background-color: #ffffffe8;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
  left: 10px;
  border: 2px solid #4d7abf;
  bottom: 10px;
}

#cookie_note p {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.5;
  align-content: center;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}
#cookie_note a {
  text-decoration: underline;
  color: #4d7abf;
  font-weight: 500;
}

.cookie_accept{
  color: #fff;
background: #4d7abf;
  cursor: pointer;
  display: inline-block;
  margin: 5px 0px;
  outline: none;
  padding: 5px 20px;
  position: relative;
  transition: color .3s,border-color .3s,background-color .3s;
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
}

#cookie_note.show {
    display: flex;
}

  @media screen and (max-width:767px) {
    #cookie_note {
        padding: 5px;
        width: 280px;
    }
  }

  @media screen and (max-width:1024px) {
    .contacts__info-description .contacts_header__wrapper .header__btn__icon:first-child {
      margin-right: 15px;
    }
    .contacts__info-description .contacts_header__wrapper {
      margin: 10px 0;
    }
  }