@charset "utf-8";

@media (min-width: 1255px) {
  body, html {
    display: none;
  }
}

@media (max-width: 1680px) {
  .contact-info {
    margin-right: calc((100vw - 1317px) / 2);
  }

  .container {
    width: 1180px;
  }

  .contact {
    width: 40%;
  }

  .footer-top-area>a {
    margin-right: 115px;
  }

  .photo-progress a {
    width: 358px;
    height: 245px;
  }

  .commissioned-objects .right {
    width: 57%;
  }

  .commissioned-objects .right a {
    height: 235px;
  }

  .left-icons>div {
    display: flex;
    flex-wrap: wrap;
    margin-right: 20px;
  }

  .left-icons>div>div:first-child {
    margin-right: 20px;
  }

  .left-icons>div>div {
    width: 180px;
  }

  .img-block {
    height: 550px;
    width: calc(55% + ((100vw - 1317px) / 2));
    margin-right: calc((100vw - 1317px) / 2 *-1);
  }

  .reverse .img-block {
    width: calc(50% + ((100vw - 1317px) / 2));
    margin-left: calc((100vw - 1317px) / 2 *-1);
  }

  .text-block>div {
    padding-right: 75px;
  }

  footer .social {
    margin-left: 100px;
  }

  .reverse .text-block>div {
    padding-left: 75px;
    padding-right: 0;
  }

  .appart-plans .img-block {
    height: 500px;
  }

  .num-big {
    font-size: 65px;
    width: 120px;
  }

  .num .zag {
    font-size: 42px;
  }

  .num-block {
    margin-left: 40px;
  }

  .num>div span {
    font-size: 18px;
    padding: 2px 9px;
    width: 70px;
  }

  #map {
    height: 505px;
  }

  .page-block ul li {
    padding: 0 80px;
  }

  .main-form-area {
    flex-direction: column;
  }

  .main-form-area .left {
    width: 100%;
  }

  .forms-info {
    align-items: baseline;
  }

  .forms-info li {
    width: 20%;
    padding-left: 25px;
    margin-bottom: 60px;
  }

  .forms-info li::before {
    top: 0;
    transform: none;
  }

  .main-form-area .zag {
    margin-bottom: 75px;
  }

  .main-form-area .form-area {
    width: 100%;
  }

  .text-top span {
    max-height: 89px;
    height: 89px;
  }

  .slid {
    width: 393px;
  }

  .img-slid {
    height: 480px;
  }

  .icons-area img {
    max-height: 58px;
  }

  .text-top::before {
    height: 220px;
  }

  .text-top {
    padding: 0 10px 0 65px;
  }

  .icon-block {
    padding-top: 510px;
    margin-top: -510px;
  }

  .page-block ul li.first {
    padding-left: calc((100vw - 1317px) / 2);
  }

  .page-block ul li p {
    font-size: 23px;
  }

  .page-block ul li {
    height: 230px;
  }

  .contact {
    width: 40%;
  }

  .infos {
    width: 34%;
  }
}

@media (max-width: 1545px) {}

@media (max-width: 1366px) {
  .logo-left-line {
    max-width: 66px;
  }

  .main-menu {
    left: 95px;
    padding: 75px 95px;
  }

  .left-line {
    width: 95px;
  }

  .logo a {
    font-size: 27px;
  }

  .logo-left-line {
    top: 145px;
  }

  .main-menu .main_menu li>a {
    font-size: 22px;
  }

  .appartment-in-menu a {
    margin-top: 100px;
  }

  .logo {
    height: 95px;
    margin-left: 95px;
  }

  .video-block {
    height: calc(100vh - 95px);
  }

  .main-menu-button {
    height: 95px;
    width: 95px;
  }

  .main-menu-button span,
  .main-menu-button span::before,
  .main-menu-button span::after {
    width: 33px;
  }

  .choose-apartment-button {
    padding: 55px 0 50px 90px;
  }

  .choose-apartment p, h2, .zag {
    font-size: 42px;
  }

  .img-block {
    width: calc(55% + ((100vw - 1275px) / 2));
    margin-right: calc((100vw - 1275px) / 2 *-1);
  }

  .reverse .img-block {
    width: calc(50% + ((100vw - 1275px) / 2));
    margin-left: calc((100vw - 1275px) / 2 *-1);
  }

  .contact-info {
    margin-right: calc((100vw - 1275px) / 2);
  }

  .page-block ul li.first {
    padding-left: calc((100vw - 1275px) / 2);
  }

  .page-block ul li a {
    font-size: 21px;
  }
}

@media (max-width: 1280px) {
  .container {
    width: 1090px;
  }

  .img-block {
    width: calc(55% + ((100vw - 1185px) / 2));
    margin-right: calc((100vw - 1185px) / 2 *-1);
  }

  .reverse .img-block {
    width: calc(50% + ((100vw - 1185px) / 2));
    margin-left: calc((100vw - 1185px) / 2 *-1);
  }

  .photo-progress a {
    width: 350px;
    height: 235px;
    margin-right: 30px;
  }

  .contact-info {
    margin-right: calc((100vw - 1185px) / 2);
  }

  .page-block ul li.first {
    padding-left: calc((100vw - 1185px) / 2);
  }

  .left-icons {
    width: 72%;
  }

  .logo-left-line {
    margin-top: 58px;
    margin-bottom: 445px;
    position: relative;
    top: inherit;
  }

  .left-line .social {
    position: relative;
  }

  .left-icons>div {
    font-size: 14px;
  }

  .left-icons>div img {
    margin-right: 15px;
  }

  .left-icons>div {
    margin-right: 15px;
  }

  .left-icons>div>div:first-child {
    margin-right: 15px;
  }

  .slid {
    width: 363px;
  }

  .img-slid {
    height: 437px;
  }
}

@media (max-width: 1270px) {
  .container {
    width: 1160px;
    padding: 0 35px;
    box-sizing: border-box;
    margin: 0;
  }

  .img-block {
    width: 55%;
    margin-right: -35px;
  }

  .logo {
    margin-left: 0;
  }

  .main-menu-button {
    position: relative;
  }

  .reverse .img-block {
    width: 55%;
    margin-left: -35px;
  }

  .page-block ul li.first {
    padding-left: 35px;
  }

  .contact-info {
    margin-right: 35px;
  }

  .footer-top-area>a {
    margin-right: 50px;
  }

  .contact {
    width: 42%;
  }

  .contact .footer-menu ul li {
    margin-bottom: 15px;
  }

  .reverse .text-block {
    width: 48%;
  }

  .num .zag {
    font-size: 39px;
  }

  body {
    min-width: 1255px;
  }

  .openModal {
    top: 300px;
    transform: translate(-50%, 0);
  }
}

@media (max-width: 960px) {
  .video-block {
    height: 1024px;
  }
}

@media (max-width: 960px) {}

@media (max-width: 800px) {
  .mob-logo.usual-none, .close.usual-none {
    display: block;
  }

  .main-menu {
    overflow: scroll;
  }

  .main-menu {
    left: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    z-index: 99;
  }

  .mob-logo {
    text-align: center;
    margin-bottom: 35px;
    margin-top: 70px;
  }

  .mob-logo img {
    max-width: 180px;
  }

  body.overflow::before {
    display: none;
  }

  .main_menu {
    padding: 0 30px;
    text-align: center;
  }

  .main-menu .main_menu li>a span {
    display: none;
  }

  .main-menu .main_menu li>a {
    font-size: 25px;
  }

  .main-menu .main_menu li>a span {
    margin-right: 45px;
  }

  .appartment-in-menu a {
    width: 40%;
    margin-top: 60px;
  }

  .appartment-in-menu {
    text-align: center;
  }

  .main-menu .call-button {
    font-size: 18px;
  }

  .call-button-menu-area {
    margin-bottom: 150px;
  }
}

@media (max-width: 480px) {
  .usual-none {
    display: block;
  }

  html, body {
    width: 100%;
    min-width: 100%;
    font-size: 14px;
    position: relative;
    background-image: none;
  }

  .main-menu .main_menu li>a span {
    display: inline-block;
  }

  .openModal {
    top: 180px;
    width: 90%;
  }

  .black_theme_modal.gallery-block-modal .openModal {
    top: 180px;
  }

  .commissioned-objects .right {
    width: 100%;
    flex-direction: column;
    margin: 55px 0 0 0;
  }

  .commissioned-objects {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .commissioned-objects .right a {
    width: 100%;
    margin-bottom: 45px;
    height: 200px;
    margin-right: 0;
  }

  .commissioned-objects .left p {
    font-size: 24px;
  }

  .container {
    padding: 0 30px;
    box-sizing: border-box;
    width: 100%;
  }

  .contact-info, .main-address, .flat-info, .left-line, .infrastructure {
    display: none;
  }

  h2,
  .sdannyie-obektyi h2 {
    margin: 60px 0 70px;
  }

  .sdannyie-obektyi .footer-content {
    margin-top: 65px;
    padding-top: 75px;
  }

  .progress-title {
    margin: 60px 0 70px;
    flex-direction: column;
  }

  .progress-month-block,
  .progress-title>div {
    flex-direction: column;
    margin: 45px 0 5px;
    width: 100%;
    align-items: flex-start;
  }

  .progress-title select header {
    flex-direction: row-reverse;
  }

  .photo-progress a {
    width: 100%;
    height: 195px;
    margin-bottom: 35px;
    margin-right: 0;
  }

  .progress-title select {
    width: 100%;
  }

  .main-menu-button {
    height: 87px;
    width: 87px;
  }

  .logo {
    height: 87px;
    width: 100%;
  }

  .logo a {
    font-size: 21px;
    margin: 0 auto;
  }

  .main_menu {
    text-align: left;
  }

  .mob-logo {
    margin-bottom: 35px;
    margin-top: 30px;
  }

  .appartment-in-menu a {
    width: 85%;
  }

  .video-block {
    height: 310px;
    margin-bottom: 66px;
  }

  .choose-apartment-button {
    width: 110px;
    padding: 35px 30px 25px;
  }

  .choose-apartment p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.3;
  }

  .choose-apartment {
    bottom: -66px;
    left: 0;
  }

  .choose-apartment span {
    display: none;
  }

  .play-video {
    width: 66px;
    height: 66px;
    top: 66px;
    left: 170px;
    background: #C3CB64;
    z-index: 98;
  }

  .play-video svg path {
    fill: #fff;
  }

  .play-video svg {
    width: 18px;
  }

  .mob-on-map {
    position: absolute;
    transition: .5s;
    width: 62px;
    height: 62px;
    top: 66px;
    left: 236px;
    background: #ffffff;
    z-index: 98;
    border: 2px solid #c3cb64;
  }

  .choose-apartment .mob-on-map a {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  h2, .zag {
    font-size: 35px;
  }

  .flex-main {
    flex-direction: column;
  }

  .text-block {
    width: 100%;
  }

  .img-block {
    width: 100%;
  }

  .img-block {
    width: calc(100% + 60px);
    margin-left: 0;
    margin-right: 0;
    height: 310px;
  }

  .text-block>div {
    padding-right: 0;
    text-align: left;
    line-height: 1.8;
  }

  .btn {
    padding: 19px 0;
    width: 100%;
    text-align: center;
  }

  .text-block {
    padding: 60px 0 75px;
  }

  .reverse .flex-main {
    flex-direction: column-reverse;
  }

  .reverse .text-block {
    width: 100%;
  }

  .reverse .text-block>div {
    padding-left: 0;
  }

  .reverse .img-block {
    width: calc(100% + 60px);
    margin-left: 0;
  }

  .num-block {
    width: 100%;
    flex-direction: column;
    margin: 50px auto 0;
  }

  .num-block>div {
    margin: 0 0 45px 0;
  }

  .num {
    margin: 90px 0 45px;
  }

  .num>div span {
    font-size: 20px;
    padding: 5px 10px;
    width: auto;
    left: initial;
    bottom: initial;
    position: relative;
    margin-bottom: 0;
    margin-left: -20px;
  }

  .num-big {
    font-size: 91px;
    width: auto;
  }

  .img-slid {
    height: 370px;
  }

  .slider-main .slick-list {
    padding-left: 0;
    width: 100%;
    margin-left: 0;
  }

  .slid {
    width: 100%;
  }

  .text-top {
    padding: 0 15px 0 35px;
  }

  .text-top::before {
    left: 0;
  }

  .slick-slide .img-slid::before {
    display: none;
  }

  .text-top span {
    margin-bottom: 15px;
  }

  .slick-dots {
    margin-top: 100px;
  }

  .icons-area {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 25px;
  }

  .icon-block {
    padding-top: 430px;
    margin-top: -450px;
  }

  .slick-dots li {
    width: 32%;
  }

  .icons-area img {
    max-height: 90px;
    max-width: 90px;
  }

  .icons-area>div p {
    max-height: 38px;
    margin-top: 25px;
    margin-bottom: 70px;
  }

  .appart-plans .img-block {
    height: 310px;
  }

  .appart-plans.reverse .flex-main {
    flex-direction: column;
  }

  .page-block ul {
    flex-direction: column;
  }

  .page-block ul li {
    padding: 0 95px 0 30px;
    width: auto;
    height: 200px;
    background: #3A373E;
    color: #fff;
  }

  .page-block ul li p {
    color: #fff;
  }

  .page-block ul li.first {
    background: #fff;
    color: #3A373E;
  }

  .page-block ul li.first p {
    color: #3A373E;
  }

  .main-form-area {
    margin-top: 75px;
  }

  .forms-info {
    flex-direction: column;
  }

  .forms-info li {
    width: auto;
    padding-left: 35px;
    margin-bottom: 50px;
  }

  .main-form-area .zag {
    margin-bottom: 55px;
    width: 60%;
    position: relative;
  }

  .main-form-area .zag::before {
    content: '';
    width: 23px;
    height: 82px;
    transition: .5s;
    position: absolute;
    right: -88px;
    bottom: 0;
    background: url(/assets/templates/img/mob-arr.svg) no-repeat 100%;
  }

  .form.av-form2 {
    flex-direction: column;
  }

  .form.av-form2 .left-form {
    width: 100%;
  }

  .main-form-area .form-area {
    margin-top: 20px;
  }

  .av-form2 .form__form-select::before {
    bottom: -44px;
  }

  .footer-content {
    margin-top: 83px;
    padding-top: 35px;
  }

  .footer-top-area {
    flex-direction: column;
    margin-bottom: 40px;
  }

  .footer-top-area>a {
    order: 1;
    text-align: center;
    margin-bottom: 44px;
  }

  .footer-top-area>.contact {
    order: 2;
    display: flex;
    flex-direction: column;
  }

  .contact .footer-menu ul li.maps::after,
  .contact .footer-menu ul li::before {
    display: none;
  }

  .contact .footer-menu ul {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  .contact-info a, .tel {
    pointer-events: all;
  }

  .contact .footer-menu ul li {
    margin-bottom: 35px;
    padding: 0;
    display: block;
  }

  .footer-top-area>.infos {
    order: 3;
  }

  .contact>.flex {
    order: 2;
    margin: 55px 0 65px;
    justify-content: center;
  }

  .footer-top-area>* {
    width: 100%;
  }

  .footer-top-area>a img {
    width: 78px;
  }

  footer .contact h3 {
    display: none;
  }

  footer .social {
    margin: 0;
  }

  .social a svg {
    width: 100%;
    height: auto;
  }

  footer .social a {
    width: 30px;
    margin: 0 15px;
  }

  footer .social a:last-child {
    margin-right: 15px;
  }

  footer h3 {
    text-align: center;
    margin-bottom: 60px;
  }

  footer h3::before {
    left: 50%;
    transform: translateX(-50%);
  }

  footer .main_menu li {
    margin-bottom: 18px;
    width: 100%;
  }

  footer .main_menu {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .gray-color span {
    color: #C3CB64;
    font-size: 14px;
    display: block;
    margin-bottom: 9px;
  }

  .contact .footer-menu ul>li {
    order: 3;
  }

  .contact .footer-menu ul li.mail {
    order: 2;
  }

  .contact .footer-menu ul li.tel {
    order: 1;
    margin-bottom: 21px;
  }

  .copyright {
    flex-direction: column;
  }

  .copyright p {
    margin-bottom: 15px;
  }

  .black_theme_modal.video-block-modal .openModal {
    width: 90%;
    height: 295px;
  }

  .black_theme_modal.video-block-modal .openModal iframe {
    width: 100% !important;
    height: 100% !important;
  }

  .openModal .form.av-form2 {
    padding: 50px 30px;
  }

  .openModal .title {
    font-size: 23px;
  }

  .photo-progress {
    width: 100%;
  }

  .openModal .av-form2 .form__form-select::before {
    bottom: -32px;
  }

  .fa-times {
    right: 0;
    top: -39px;
  }

  .slider-bottom {
    display: none !important;
  }

  .black_theme_modal.gallery-block-modal .openModal,
  .slider-top,
  .slider-top .nav-slid {
    height: 280px;
  }

  .slider-top .slick-arrow {
    width: 42px;
    height: 42px;
    background: #fff;
  }

  .slider-top .slick-arrow.next {
    right: -23px;
  }

  .slider-top .slick-arrow.prev {
    left: -23px;
  }

  .slider-top .slick-arrow::after {
    width: 8px;
    height: 8px;
    top: 17px;
    right: 19px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
  }

  .slider-top .slick-arrow.prev::after {
    left: 18px;
    top: 17px;
    border-left: 1px solid #000;
  }

  .slider-top .slick-arrow.prev:hover::after {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
  }

  .slider-top .slick-arrow.next:hover::after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }
}

@media (max-width: 375px) {
  .logo a {
    font-size: 19px;
  }
}

@media (max-width: 320px) {
  .num-big {
    font-size: 66px;
  }

  .num>div span {
    font-size: 18px;
  }

  h2, .zag {
    font-size: 29px;
  }

  .main-menu .main_menu li>a {
    font-size: 20px;
  }

  .page-block ul li {
    padding: 0 30px 0 30px;
  }
}