@media (min-width: 1920px) {
 



}





@media (max-width: 1199px) {
   
    


    
}




@media (max-width: 992px) {
    html {font-size:2vw;  }
    .header .header-nav {display:none;}
    /*.main-hero .hero-info {bottom:2rem;  transform:none!important; mix-blend-mode: unset; -webkit-transform:none!important; -moz-transform:none!important; -ms-transform:none!important; -o-transform:none!important; }*/
  /*  .main-hero {padding:0;}*/
    .main-hero .cta {margin:2rem 0 0 0;}
    .main-hero .hero-media .media-image img {height:80%;}
    .office-items .o-item {    height: auto;    padding: 2rem 0;    margin: 2rem 0 0 0;}
    .office-items .o-item .number {padding:0;margin:0 0 1.6rem 0;}
    .office-items .item-gallery .slider-navs {display:none;}
    .office-items .sticky-bg {display:none!important;}
    .office-items .item-gallery { width: unset; margin:0 -1rem 0 0;overflow:visible; height: auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .office-items .item-gallery .item { width: 100%;overflow: hidden; border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
    .office-items .item-info {    padding:0;  margin:2rem 0 0 0;  max-width: 100%;}
    .office-items .item-info .cta {margin:2rem 0 0 0;}
    .office-items .item-gallery .slick-list {overflow:visible;}
    .office-items .item-gallery .gallery-slider {padding:0 10vw 0 0!important;}
    .office-items .item-gallery .gallery-slider .slick-slide {padding:0 2rem 0 0;}
    .office-items .item-gallery .progress {display:block;}
    .progress {margin:1.2rem 0 0 0; overflow:visible; height:1px;position:relative;background:rgba(22, 24, 27, 0.3);width:100%;display:block;}
    .progress .s-progress {position:absolute;z-index:2;top:-1px;height:3px;left:0;right:0; 	background-image: linear-gradient(to right, #F57F3A, #F57F3A);	background-repeat: no-repeat;	background-size: 0 100%;	transition: background-size .4s ease-in-out;}
    .main-about .about-video {display:none!important;}
    .block-name {margin:0 0 2rem 0;}
    .main-about .video-container {    width: calc(100vw - 2rem);    height: calc(100vw - 2rem);margin:0 0 2rem 0; }
    .main-about .info-container {width:100%;}
    .main-about .about-advantages {margin:0;}
    .main-about .about-advantages .items .col {width:50%;min-width:50%;padding-bottom:0.8rem;}
    .title-container .section-anons {    max-width: 100%; margin:2rem 0 0 0;}
    .free-spaces .items {    padding: 0 0 0 0;}
    .title-container .cta {margin:2rem 0 0 0;}
    .blog-list {    padding: 0;}
    .bottom-form .form-info {    width: 100%;}
    .home .header .logo svg path {fill:#fff!important;}
    .home .header .header-container {padding:0.6rem 0.6rem 0.6rem 1rem;/*background: rgba(2, 2, 2, 0.80);*/}
    .header .header-container:before {opacity:1;}
    .header .header-container:after {opacity:1;}
    .footer .container-fluid .d-md-flex {flex-wrap: wrap; justify-content: space-between; align-items: center!important;}
    .footer .logo {margin:0;}
    .footer .contacts {width:100%;min-width:100%;margin:2rem 0 0 0;text-align: center;}
    .container-fluid {    max-width:100%;}
    .blog-section .blog-sort {    min-width: 0;    width: 100%;    margin: 0 0 2.8rem 0;}
    .blog-section .blog-sort .nav {flex-direction: row!important;}
    .blog-section .blog-sort .nav a {    margin: 0 1.35rem 0 0;}
    .hero-inner .hero-left {    min-width: 6rem;    width: 6rem;    margin: 0 1.5rem 0 0;}
    .hero-inner .hero-right {    min-width: 6rem;    width: 6rem;    margin: 0 0 0 1.5rem;}
    .hero-inner.detail h1 {    margin: 0 0 1rem 0;    font-size: 1.65rem;    line-height: 1.65rem;    letter-spacing: -0.006rem;}
    .article-detail .detail-content {    padding: 0;}
    .main-hero.inner h1 {    font-size: 4rem;    line-height: 4rem;}
    .main-hero.inner .hero-info .h1-anons {margin:1rem 0 0 0;}
    .office-about .about-container .about-info {    width: 100%;    margin: 0 0rem 2.8rem 0;}
    .office-about .about-container .about-props {    max-width: 100%; display:flex;}
    .office-about .about-container .about-props .item {width:50%;margin:0;}
    .office-about .about-container {    margin: 0 0 3rem 0;}
    .slider-navigate {    margin: 0 0 1rem 0;}
    .default-slider .item {height:20rem;}
    .office-tech .tech-header .anons {    width: 100%;}
    .office-tech .tech-header h3 {    max-width: 100%;}
    .office-tech .tech-info {    margin: 3rem 0 0 0;    padding: 3rem 0 0 0;}
    .office-tech .tech-info .items {    margin: 0 -2rem;}
    .office-tech .tech-info .items .item {    padding: 0 2rem;}
    .office-tech .tech-info .items .line {    margin: 2rem 2rem;}
    .title-container h3 {    width: 100%;}
    .title-container .right-container {    width: 100%;}
    .office-advanges .items .col {min-width:33.3%;margin-bottom:2rem;}
    .office-items .col-12 .item {    padding: 0;    margin: 0 0 2rem 0!important;    border-top:0;}
    .office-items .col-12.comp {padding:0 2rem!important;}
    .office-items .col-12.comp .item {    height:auto;}
    .free-spaces.inner .item {    width: calc(33.3% - 1rem);    min-width: calc(33.3% - 1rem);}
    .sticky {position:relative!important;top:0!important;height:auto!important;}
    .stop {position:relative!important;top:0!important;height:auto!important;}
    .hero-inner .stop {    margin: 0 0 0 0;}
    .hero-inner .hero-right {height:auto!important;}

    .default-slider {width:30.5rem;}
    .default-slider .slide.active {width:30.5rem!important;}

    .default-slider .slick-slide.active + .slick-slide + .slick-slide  {    left: -10rem;    position: relative;}
    .default-slider .slick-slide.active + .slick-slide + .slick-slide + .slick-slide {    left: -20rem;    position: relative;}
    .default-slider .item {width:20rem; }
    .main-hero {    padding:0;}
    .main-hero .hero-info {bottom:6rem;}
    .main-hero .hero-info .cta {color: var(--Colors-White, #FFF);width:unset;    background: #16181B;  position:fixed; bottom:1rem; left:1rem; right:1rem; z-index:300; justify-content: space-between;  }
    .main-hero .hero-info {    transform: none;    mix-blend-mode: unset;    -webkit-transform: none;    -moz-transform: none;    -ms-transform: none;    -o-transform: none;}
    .home .footer {padding-bottom:4.5rem;}
    .archive .footer {padding-bottom:4.5rem;}
    .office-items .o-item.last {    z-index: unset;}
    .main-hero {    z-index: 100!important;}
    .main-hero.inner {overflow:hidden;}
    .main-hero.inner .hero-media {    position: absolute;}
    .main-hero .hero-media .media-image { height: 100svh; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; }
    .main-hero .hero-media { height:100svh; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; }
    .main-hero.inner { height:100svh; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; }
    .main-hero.inner .hero-info {    padding-bottom: 6rem;}


}

@media (max-width: 767px) {
    html {font-size:16px;  }
    h1 {font-size: 1.875rem;line-height: 2.02969rem;text-transform: uppercase;}
    h2 {margin: 0 0 1rem 0;font-size: 1.875rem;line-height: 2.02969rem;text-transform: uppercase;}
    h3 {    margin: 0 0 1rem 0;font-size: 1.75rem;line-height: 100%;letter-spacing: -0.07rem;}
    .hero-inner.detail h1 {    font-size: 1.25rem;    line-height: 1.25rem;    letter-spacing: 0;}
    .article-detail .detail-content h2 {margin:0 0 1rem 0;font-size: 1.6rem;line-height: 1.8rem; letter-spacing: -0;}
    .article-detail .detail-content h3 {margin:0 0 1rem 0;font-size: 1.4rem;line-height: 1.6rem; letter-spacing: -0;}
    .article-detail .detail-content h4 {margin:0 0 1rem 0;font-size: 1.2rem;line-height: 1.4rem; letter-spacing: -0;}
    .article-detail .detail-content h5 {margin:0 0 1rem 0;font-size: 1.2rem;line-height: 1.4rem; letter-spacing: -0;}

    .header .logo {    width: unset;    margin: 0;}
    .header .header-buttons > * .value {display:none;}
    .header .header-buttons > * .ic {    font-size: 1.5rem;    margin: 0;}
    .header .header-buttons > * {padding:0;margin:0 0 0 1.5rem;background:none;height:auto;}
    .header .header-buttons > *:before {display:none;}
    .header {    top: 0.5rem;}
    .block-name {    width: 100%;    min-width: 0;    margin: 0 0 2rem 0;    font-size: 0.875rem;    line-height: 1.05rem;    letter-spacing: -0.0175rem;    padding:0 0 0 1rem;}
    .block-name:before {    width: 0.5rem;    height: 0.5rem;}
    .main-hero .cta {    margin: 1.5rem 0 0 0;width:100%;justify-content: space-between!important; }
    .btn-default {    height: 3.875rem;    padding: 0 1.25rem;    font-size: 1rem;    line-height: 1.4em;    letter-spacing: -0.02rem;    border-radius: 0.875rem;    -webkit-border-radius: 0.875rem;    -moz-border-radius: 0.875rem;    -ms-border-radius: 0.875rem;    -o-border-radius: 0.875rem;}
    .btn-default .ic {    font-size: 1.25rem;    margin: 0 0 0 1rem;}
    
    .modal-dialog {margin:0;}
    .modal-content { height:100vh; padding: 3rem 1rem 1.5rem 1rem; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .modal-content .close {    top: 3rem;    right: 1rem;}
    .modal-title {padding:0 2rem 0 0;}
    .modal-anons {    margin: 0 0 0.8rem 0;    font-size: 1.125rem;line-height:1.35rem;letter-spacing: -0.0225rem;}
    .office-items {margin: 2.5rem 0 0 0;}
    .office-items .o-item {    padding: 2.5rem 0;   margin: 0; }
    .office-items .o-item .number {font-size: 0.875rem;font-weight: 600;line-height: 1.05rem; /* 1.05rem */letter-spacing: -0.0175rem;    margin: 0 0 2rem 0;}
    .office-items .item-gallery .item { width: 20.5rem; height: 15.9375rem; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; }
    .office-items .item-gallery .gallery-slider {    padding: 0 0vw 0 0!important; overflow:hidden;}
    .office-items .item-gallery .gallery-slider .slick-slide {    padding: 0 0.25rem 0 0;}
    .office-items .item-gallery .slider-counts {    top: 1rem;    left: 1rem;font-size: 1.25rem;line-height: 1.35rem; /* 2rem */letter-spacing: -0.0125rem;}
    .office-items .item-gallery .slider-counts .current {  margin:0 0.5rem 0 0; font-size: 1.75rem;line-height: 1.75rem; /* 1.75rem */letter-spacing: -0.07rem;}
    .office-items .item-info {    margin: 2.5rem 0 0 0;}
    .office-items .item-info .item-anons {    margin: 0 0 1rem 0;    font-size: 1.125rem;    line-height: 1.35rem;    letter-spacing: -0.0225rem;}
    .office-items .item-info .item-adres {    margin: 0 0 1rem 0;}
    .office-items .item-info .item-adres .ic {    margin: 0 0.5rem 0 0;    font-size: 1.5rem;}
    .office-items .item-info .item-square .value {    font-size: 1.5rem;    line-height: 1.8rem;    letter-spacing: -0.03rem;}
    .office-items .item-info .cta {    margin: 2.5rem 0 0 0;}
    .office-items .o-item:last-child {    border-bottom: 0;margin:0 0 2.5rem 0;}
    .margin-bottom {margin-bottom:4rem!important;}
    .padding {padding-top:4rem;padding-bottom:4rem;}
    .padding-top {padding-top:4rem;}
    .padding-bottom {padding-bottom:4rem;}
    .main-about .info-container .logo {width:16rem;    margin: 0 0 2.5rem 0;}
    .main-about .info-subitle {margin: 0 0 2.5rem 0;    font-size: 1.625rem;line-height: 1.7875rem; /* 1.7875rem */letter-spacing: -0.065rem;}
    .main-about .video-container {    margin: 0 0 2.5rem 0;}
    .main-about .info-title {padding:2.5rem 0 0 0; border-top:1px dashed rgba(255,255,255,0.4);    margin: 0 0 1.5rem 0;font-size: 1.25rem;line-height: 1.5rem; /* 1.5rem */letter-spacing: -0.025rem;}
    .main-about .d-lg-flex.padding-bottom {padding-bottom:0px!important;}
    .main-about .info-anons p {margin:0 0 2.5rem 0;}
    .main-about .about-advantages {    padding:0;    border-top: 0;}
    .main-about .about-advantages .items .col {width: 100%;        min-width: 100%;        padding-bottom: 1rem;}
    .title-container .section-anons {    margin: 1rem 0 0 0;font-size: 1.5rem;line-height: 1.8rem; /* 1.8rem */letter-spacing: -0.03rem;}
    .title-container.line {    margin: 0 0 2rem 0;}
    .title-container.line .title-right {    padding: 0 0 2rem 0;    border-bottom: 1px dashed rgba(127, 127, 127, 0.4);}
    .free-spaces .item {padding:0.5rem;}
    .free-spaces .item .item-square {margin:0 0 0.5rem 0;}
    .title-container .cta {    margin: 1rem 0 0 0; width:100%; justify-content: space-between!important;}
    .title-container {    margin: 0 0 2.5rem 0;}
    .blog-list .blog-slider {margin:0 -1rem 0 0;}
    .blog-list .blog-slider .item {width: 20.5rem;}
    .blog-list .blog-slider .col-12 {flex: 0;    max-width: unset;padding:0 0.25rem 0 0;}
    .blog-list .blog-slider .slick-track {display:flex;}
    .blog-list .item .item-image { height: 12rem; margin: 0 0 1rem 0; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; }
    .blog-list .item .item-info {    padding: 0 1rem;}
    .blog-list .item .item-name {    min-height:4.56rem;    font-size: 1.25rem;line-height: 1.5rem; /* 1.5rem */letter-spacing: -0.025rem;    margin: 0 0 0.5rem 0;    -webkit-line-clamp: 3;    line-clamp: 3;}
    .blog-list .item .item-anons {    margin: 0 0 0.5rem 0;    font-size: 0.875rem;;    line-height: 1.225rem;}
    .blog-list .item .item-link {    width: 3rem;    height: 3rem;    font-size: 1.25rem;}
    .blog-list .item .item-date {font-size: 0.875rem;;    line-height: 1.225rem;}
    .bottom-form {    padding: 4rem 0 5rem 0;border-radius: 2.5rem 2.5rem 0 0; margin:0 0 -1rem 0;}
    .bottom-form .form-info .form-anons {    font-size: 1.125rem;line-height: 1.35rem; /* 1.35rem */letter-spacing: -0.0225rem;}
    .input-container {    margin: 0 0 1rem 0;}
    .bottom-form .checkbox {margin:1rem 0 2rem 0;}
    .bottom-form .submit {width:100%;justify-content: space-between!important;}
    .modal-form .checkbox {    margin:2rem 0 2rem 0;}
    .modal-form .input-container {    margin: 0 0 1rem 0;}
    .footer .container-fluid {    padding-top: 7.25rem;}
    .footer .bg {left:1rem;    right: 1rem;    width: unset;}
    .footer .socials {    margin: 0 0rem 2.75rem 0; justify-content: center!important;}
    .footer .socials .item {    margin: 0 0.3rem;    width: 3rem;    height: 3rem;}
    .footer .socials .item .ic {    font-size: 1.2rem;}
    .footer .logo {    width: 14.625rem;    margin: 0 auto 2.75rem auto;}
    .footer .contacts .data {    margin: 0 0 0.5rem 0;    font-size: 0.875rem;    line-height: 0.98rem;}
    .footer .contacts .phone {    margin: 0 0 1.5rem 0;    font-size: 1.75rem;line-height:  1.75rem; /* 1.75rem */letter-spacing: -0.07rem;}
    .footer .contacts .email {    margin: 0 0 1.5rem 0;    font-size: 1.25rem;line-height: 1.5rem; /* 1.5rem */letter-spacing: -0.025rem;}
    .footer .footer-bottom {    margin: 2rem 0 0 0;}
    .footer .bottom-container {text-align: center;    padding: 1.5rem 0;}
    .footer .copy {font-size: 0.875rem;line-height: 1.225rem;}
    .footer .dev {display:block;margin:1.5rem auto 0 auto;width: 9.625rem;}
    .modal-form .modal-orenda {    margin: 0 0 1rem 0;    font-size: 1.625rem;line-height: 1.7875rem; /* 1.7875rem */letter-spacing: -0.065rem;}
    .hero-inner {    margin: 0 0 2.8rem 0;    padding: 5rem 0 2rem 0;text-align: center;}
    .hero-inner .hero-left {    min-width: 0;    width: 100%;    margin: 0 0 2rem 0;}
    .blog-section .blog-list .col-12 {    padding-bottom: 2.8rem;}
    .hero-inner .hero-right {    min-width: 0;    width: 100%;   margin: 1.2rem 0 0 0rem;}
    .hero-inner.detail .share {    display: flex; justify-content: center;}
    .hero-inner.detail .share .item {    margin: 0 0.3rem;}
    .article-detail .detail-image { margin: 0 0 2rem 0; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; }
    .main-hero.inner .hero-media .media-image:after {    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40.2%, rgba(0, 0, 0, 0.80) 80%);}
    .main-hero.inner h1 {    font-size: 2rem;    line-height: 2rem;}
    .office-about .about-container .about-props {display:block;}
    .office-about .about-container .about-props .item {    width: 100%;    margin: 0 0 2rem 0;}
    .office-about .about-container .about-props .item .data {    font-size: 2rem;    line-height: 2rem;}
    .default-slider .item { height: 14rem; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; }
    .office-tech .tech-info h4 {    margin: 0 0 2rem 0;}
    .office-tech .tech-info .items {    margin: 0;}
    .office-tech .tech-info .items .item {    padding: 0;    width: 100%;    min-width: 100%; margin:0 0 2rem 0;}
    .office-tech .tech-info .items .line {display:none;}
    .office-tech .tech-info .items .item.second {    border-left: 0;}
    .slider-navigate .slider-navs {    margin: 0 0 0 2rem;}
    .slick-arrow {    width: 2.4rem;    height: 2.4rem;    margin: -1.2rem 0 0 0;}
    .slider-navs {    width: 5.2rem;    min-width: 5.2rem;    height: 2.4rem;}
    .office-advanges .items .col {    min-width: 50%;}
    .office-advanges .items .col:first-child {    border-left:0;}
    .office-advanges .items .dist {    font-size: 2rem;    line-height: 2rem;}
    .office-advanges .office-map .map-container { height: 30rem; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; }
    .office-items .col-12 .item {display:block!important;}
    .office-items .col-12 .item .item-image {    margin: 0 0 2rem 0;    height: auto;    width: 100%;    min-width: 0;}
    .title-container .section-anons {    font-size: 1.2rem;    line-height: 1.5rem;}
    .free-spaces.inner .item {    width: 100%;    min-width: 100%;}
    
    .office-advanges .items {    margin: 0 0 2rem 0;}

    .default-slider {width:20.5rem;}
    .default-slider .slide.active {width:20.5rem!important;}

    .default-slider .slick-slide.active + .slick-slide + .slick-slide  {    left: -6rem;    position: relative;}
    .default-slider .slick-slide.active + .slick-slide + .slick-slide + .slick-slide {    left: -12rem;    position: relative;}
    .default-slider .item {width:14rem; }


    .blog-section .blog-sort .nav {justify-content: center;}
    .blog-section .blog-sort .nav a {    margin: 0 0.7rem;}
    .breadcrumps .nav {justify-content: center;}
    .header .header-container {height:3.875rem;}


    .free-spaces .item .item-buttons {    margin: 1.5rem -0.4rem 0 -0.4rem;}
    .free-spaces .item .item-location {    font-size: 0.875rem;    line-height: 0.98rem;}
    .free-spaces .item .item-buttons > * {    height: 2.5rem;}



}





@media (max-width: 580px) {

    



}