/* MOBILE */
@media (max-width:500px) {
  .f-number {
    font-size: 0;
    color: transparent;
    display: inline-block;
    width: 13.0435vw;
    height: 27.9503vw;
    background: url('../img/icon/9.svg') no-repeat center / contain;
    margin-right: 1.5528vw;
  }

  .f-title_modal {
    font-size: 2.7692em;
  }

  .f-h1 {
    font-size: 2.7692em;
  }

  .f-h2 {
    font-size: 2.3076em;
  }

  .f-interlinear {
    font-size: 1.1538em;
  }

  .f-text {
    font-size: 1em;
  }

  .f-text_small {
    font-size: 3.4161vw;
  }

  /* Components */

  .input_wrapper {
    font-size: 1em;
    line-height: 160%;

    height: 7.4534vw;
    margin-bottom: 15.6250vw;
  }

  .input_wrapper input[type="text"],
  .input_wrapper input[type="email"],
  .input_wrapper input[type="tel"],
  .input_wrapper input[type="password"] {
    padding-bottom: 3.1250vw;
  }

  .input_wrapper .icon {
    bottom: 2.4845vw;
    right: 0;
    width: 4.6584vw;
    height: 4.6584vw;
  }

  .input_wrapper.select {
    font-size: 1em;
    line-height: 138%;
  }

  .input_wrapper.select ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: var(--transition);
    list-style: none;
    border-bottom: 0.5px solid #000000;
    background: #fff;
    z-index: 2;
  }
  .input_wrapper.select ul li {
    height: 6.2500vw;
    margin-top: 1.5625vw;
    margin-bottom: 1.5625vw;
  }
  .input_wrapper.select.open ul {
    height: 32.8125vw;
  }


  .input_wrapper.file span::before {
    bottom: -1.2422vw;
  }

  .input_wrapper.slider {
    margin-top: 4.6875vw;
  }

  .input_wrapper.slider .noUi-handle {
    width: 50px;
    height: 31px;
  }
  .input_wrapper.slider .noUi-handle.noUi-handle-upper {
    top: -16px;
    right: 1px;
  }
  .input_wrapper.slider .noUi-handle.noUi-handle-lower {
    top: -16px;
    right: -51px;
  }

  .input_wrapper.slider .noUi-handle.noUi-handle-upper .noUi-touch-area,
  .input_wrapper.slider .noUi-handle.noUi-handle-lower .noUi-touch-area {
    font-size: 1em;
  }


  /* Modal */
  .modal-wrapper {
    top: auto;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    padding-top: 19.3237vw; /* coff 4.14 */
    background: rgba(0, 0, 0, 0.8);
    transform: translateY(-100vh);
    overflow-y: auto;
  }
  .modal-wrapper.active {
    transform: translateY(0);
  }

  .modal-wrapper__modal {
    position: relative;  
    width: 93.1677vw;
    height: 170.1863vw;
    padding: 0;
    padding-top: 23.6025vw;
  }
  .modal-wrapper__modal.small_padding {
    padding-top: 0;
    padding-bottom: 0;
  }
  .modal-wrapper__modal.small_padding .modal-wrapper__modal__calcProject {
    padding: 0 6.2112vw;
    padding-top: 23.6025vw;
  }

  .modal-wrapper__modal-close {
    position: absolute;
    top: 0;
    left: 0;
    flex-direction: row;
    width: 100%;
    height: 14.2857vw;

    border: none;
    border-bottom: 0.5px solid #C6C6C6;
    z-index: 2;
  }

  .modal-wrapper__modal-close .icon {
    margin: 0;
    margin-right: 1.5528vw;
  }

  .modal-wrapper__modal-close span {
    font-size: 0.846em;
    line-height: 154%;
    transform: rotate(0);
  }

  .modal-wrapper__modal-title {
    margin: 0;
    /* margin-top: 23.6025vw; */
    margin-bottom: 5.5901vw;
  }

  .modal-wrapper__modal-label {
    font-size: 0.846em;
    line-height: 154%;
    color: #000000;
    margin-bottom: 4.6584vw;
  }

  .modal-wrapper__modal .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .modal-wrapper#request_call .modal-wrapper__modal-title {
    margin-bottom: 31.0559vw;
  }

  .modal-wrapper__modal.small_padding .input_wrapper {
    margin-bottom: 12.4224vw !important;
  }
  .modal-wrapper__modal.small_padding .input_wrapper.slider {
    margin-bottom: 32.2981vw !important;
  }
  .modal-wrapper__modal.small_padding .input_wrapper.select {
    margin-bottom: 7.7640vw !important;
  }
  .modal-wrapper__modal.small_padding .input_wrapper.file {
    margin-bottom: 25.1553vw !important;
  }

  .modal-wrapper[data-step="calc_project"] {
    height: 170.1863vw;
  }

  .modal-wrapper__modal__calcProject-wrapper {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .modal-wrapper__modal__calcProject {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    min-width: 100%;
    height: 100%;
    transition: var(--transition);
  }

  .modal-wrapper__modal__calcProject-checkboxWrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
  }
  .modal-wrapper__modal__calcProject .check_box {
    width: 50%;
    margin-bottom: 9.3168vw;
  }
  .modal-wrapper__modal__calcProject .min_padding .check_box {
    width: 50%;
  }
  .modal-wrapper__modal__calcProject .check_box p {
    font-size: 1em;
    line-height: 107%;
    font-weight: 500;
    white-space: normal;
  }
  .modal-wrapper__modal__calcProject .check_box p.f-gray {
    font-size: 3.4161vw;
  }


  .modal-wrapper__modal__calcProject-btn {
    width: 100% !important;
    margin: 0 auto;
  }

  .modal-wrapper__modal__calcProject-buttonWrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 93.1677vw;
  }
  .modal-wrapper__modal__calcProject-buttonWrapper .btn {
    position: relative;
    width: 62.1118vw;
    margin: 0;
  }
  .modal-wrapper__modal__calcProject-buttonWrapper .btn.white {
    width: 31.0559vw;
    min-width: 31.0559vw;
  }

  .modal-wrapper__modal__calcProject[data-step="contact_you"] .big_padding {
    margin-top: 21.7391vw;
    margin-bottom: 0;
  }
  .modal-wrapper__modal__calcProject[data-step="contact_you"] .flex_center {
    margin-bottom: 45.0311vw;
  }

  .modal-wrapper__modal__calcProject[data-step="application_sent"] {
    height: 155.2795vw;
  }
  .modal-wrapper__modal__calcProject[data-step="application_sent"] .flex_center {
    height: 100%;
  }
  .modal-wrapper__modal__calcProject[data-step="application_sent"] .modal-wrapper__modal-title {
    margin: 0;
  }


  .modal-wrapper__modal.image_slider {
    position: relative;
    height: 93.1677vw;
    padding: 0;
    margin-bottom: 7.7640vw;
  }
  .modal-wrapper__modal.image_slider .modal-wrapper__modal-close {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 120%);
    border: none;
    border-bottom: 0.5px solid #FFFFFF;
    z-index: 2;
  }
  .modal-wrapper__modal.image_slider .modal-wrapper__modal-close .icon {
    filter: invert(100%) grayscale(0);
  }
  .modal-wrapper__modal.image_slider .modal-wrapper__modal-close span {
    color: #ececec;
  }


  .image_slider-select {
    display: flex;
    align-items: center;
    width: 100%;
    height: 21.7391vw;
    overflow: hidden;
    overflow-x: auto;
  }
  .image_slider-select::-webkit-scrollbar { /* chrome based */
    width: 0px;  /* ширина scrollbar'a */
    background: transparent;  /* опционально */
  }
  .image_slider-select {
    -ms-overflow-style: none;  /* IE 10+ */
    scrollbar-width: none; /* Firefox */
  }

  .image_slider-select .image {
    width: 39.1304vw;
    min-width: 39.1304vw;
    height: 21.7391vw;
    min-height: 21.7391vw;
    margin: 0 3.1056vw !important;
  }


  /* check box */
  .check_box {
    font-size: 3.4161vw;
    line-height: 136%;
  }
  .check_box label {
    align-items: flex-start;
  }
  .check_box label span {
    width: 15px;
    min-width: 15px;
    height: 15px;
    min-height: 15px;

    border-radius: 2px;

    margin-right: 1.8634vw;
  }
  .check_box input[type="checkbox"] + span:not(.lever)::before,
  .check_box input[type="checkbox"]:not(.filled-in) + span:not(.lever)::after {
    width: 15px;
    height: 15px;

    border-radius: 2px;
  }
  .check_box p {
    font-size: 3.4161vw;
    line-height: 136%;
  }


  .btn {
    font-size: 1.5384em;
    line-height: 115%;

    min-width: 62.1118vw;
    height: 15.5280vw;
  }


  .navigation-site {
    display: none;
  }

  /* вверху коф 3.22 */

  body {
    font-size: 4.0625vw;
  }


  .row {
    display: block;
    width: 100%;
  }
  .col {
    flex: 1;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .container {
    padding: 0 9.3750vw;
    width: 100%;
    box-sizing: border-box;
  }
  
  .desctop { display: none !important; }
  .mobile { display: block; }
  
  .main-block__fakeHeader {
    display: none;
  }
  
  .main-block .section-paralax {
    min-height: 100vh;
  }
  
  .preview-block__shadow {
    width: 100%;
    height: 28.7500vw;

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 89.24%);
    background-blend-mode: multiply;
  }
  
  
  .title-block { 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-height: 100vh;
    padding-top: 30.3125vw;
    /* padding-top: 0; */
  }
  .title-block__shadow {
    width: 100%;
    height: auto;
    min-height: 100vh;
  }
  .title-block__title {
    font-size: 2.7692em;
    line-height: 105%;
    margin-bottom: 46.8750vw;
    text-align: left;
  }
  .title-block__paragraph {
    text-align: left;
    margin-bottom: 16.2500vw;
  }
  .title-block__button {
    width: 100%;
  }


  .about-block {
    position: relative;
    z-index: 2;
  }
  .about-block__video {
    position: absolute;
    top: 31.2500vw;
    left: 54.6875vw;
    display: block;
    z-index: 3;
  }
  .about-block__video-player {
    width: 25.0000vw;
    height: 25.0000vw;
    background: transparent;
  }
  .about-block__video-player__image {
    width: 15.9375vw;
    height: 15.9375vw;
  }
  .about-block__video-player__icon-play {
    width: 5.3125vw;
    height: 5.3125vw;
  }
  .about-block__video-player__animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url('../img/animate/video_player__circle1.svg') no-repeat center / contain;
    background-size: 20.0000vw;
  }
  .about-block__video .f-text_small {
    display: none;
  }
  
  .about-block__information-wrapper {
    width: 100%;
    height: 140.6250vw;
    padding: 0;
    padding-top: 28.1250vw;
    box-sizing: border-box;
  }
  .about-block__information {
    width: 100%;
    min-width: 100%;
    height: 100%;
  }
  .about-block__information.slider {
    position: absolute;
    top: 28.1250vw;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .about-block__information .f-title {
    display: flex;
    align-items: flex-end;
    height: 27.9503vw;
    margin-bottom: 6.2500vw;
  }
  .about-block__information .f-title .f-h2 {
    font-size: 1.8461em;
    height: auto;
  }
  .about-block__information .f-interlinear {
    margin-bottom: 6.2500vw;
  }

  .about-block__information__size .f-title {
    height: auto;
    margin-bottom: 2.8125vw;
  }
  .about-block__information__size .f-h1 {
    font-size: 2.7692em;
    line-height: 95%;
  }
  .about-block__information__size .unit {
    font-size: 1.6923em;
    line-height: 125%;
    color: #EFEFEF;
    margin-left: 4px;
  }
  .about-block__information__size .line {
    height: 15.6250vw;
    margin: 0 4.6875vw;
    background: #7F8085;
  }
  
  .about-block__ui {
    margin-bottom: 14.0625vw;
  }
  .about-block__li {
    white-space: normal;
    padding-left: 6.5625vw;
    margin-top: 5.6250vw;
  }
  .about-block__li::before {
    width: 3.4375vw;
    height: 3.4375vw;
  }
  
  .about-block__slider-progress {
    left: 6.2500vw;
    bottom: 67vw;
  }
  .about-block__slider-progress__bar {
    width: 25.0000vw;
    height: 1px;
    margin-right: 6.2500vw;
  }

  .about-block__slider__image-wrapper {
    top: 0;
    bottom: 0;
  }
  .about-block__slider-image {
    width: 100%;
    height: 70vw;
    object-fit: contain;
  }
  
  
  .projects-title-block {
    display: block;
    padding-top: 28.1250vw;
    background: url('../img/background2_mobile.png') no-repeat center / cover;
  }
  
  .projects-title-block__title {
    display: block;
    text-align: center;
    margin: 0;
  }

  .projects-title-block__info__block {
    margin-bottom: 4.6875vw;
  }
  
  .projects-title-block__info__block img {
    width: 15.6250vw;
    height: 17.1875vw;
    margin-right: 4.0625vw;
  }
  
  .projects-title-block__info__block p {
    font-weight: 500;
    width: 67.5000vw;
    margin-top: 3.4375vw;
  }
  
  .projects-title-block__number {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    margin-bottom: 4.6875vw;
  }
  
  .projects-title-block__number__image {
    width: 55.3125vw;
    height: 52.8125vw;
    margin: 0;
    background: url('../img/32_mobile.png') no-repeat center / contain;
  }
  
  .projects-title-block .btn,
  .projects-title-block__number .btn {
    width: 100%;
  }
  
  
  .projects-block__drive-wrapper {
    position: absolute;
    top: auto;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    min-height: 136.2500vw;
    padding: 12.5000vw 9.3750vw;
    transform: translateY(165.6250vw);
    transform: translateY(88vh);
  }
  .projects-block__drive-wrapper.active {
    transform: translateY(50vw);
  }

  .projects-block__drive-wrapper .projects-block__drive-slider {
    opacity: 0;
  }
  .projects-block__drive-wrapper.active .projects-block__drive-slider {
    opacity: 1;
  }

  .projects-block__drive-wrapper.full_height {
    height: 100vh;
    padding-top: 35.9375vw;
    transform: translateY(0);
    z-index: 3;
  }
  .projects-block__feedback-inputs {
    margin: 23.4375vw 0;
  }
  .projects-block__drive-wrapper.full_height
  .projects-block__drive-wrapper.full_height .check_box {
    margin-top: 6.2500vw;
  }
  
  .projects-block__drive-slider {
    display: flex;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  .projects-block__drive,
  .projects-block__feedback {
    width: 100%;
    min-width: 100%;
  }
  
  .projects-block__drive-button {
    position: absolute;
    right: calc(50% - 12.5000vw);
    top: -12.5000vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25.0000vw;
    height: 25.0000vw;
    border-radius: 25.0000vw;
  }
  
  .projects-block__drive-title,
  .projects-block__feedback-title {
    margin-bottom: 3.7500vw;
  }
  
  .projects-block__drive-location {
    margin-bottom: 3.7500vw;
  }
  .projects-block__drive-location .icon {
    margin-right: 3.1250vw;
  }
  
  .projects-block__drive__about {
    width: 100%;
    height: 60px;
    padding: 2.8125vw 0;
    margin-bottom: 6.2500vw;
  }
  
  .projects-block__drive__about-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1.5625vw;
    flex: 1;
  }
  .projects-block__drive__about-block:last-child {
    border-right: none;
  }
  
  .projects-block__drive__about-block-description {
    font-size: 3.4161vw;
    line-height: 100%;
    text-align: center;
    margin-bottom: 1.5625vw;
  }
  
  .projects-block__drive__about-block-info {
    font-size: 1em;
    line-height: 135%;
    text-align: center;
  }
  .projects-block__drive__about-block-info sup {
    font-size: 0.5em;
  }
  
  .projects-block__drive .f-text {
    margin-bottom: 7.8125vw;
  }
  
  .projects-block__drive .btn,
  .projects-block__feedback .btn {
    width: 100%;
  }
  
  .projects__slider__control {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 20.6250vw;
    height: 100vh;
    z-index: 2;
  }
  .projects__slider__control-btn {
    width: 50px;
    height: 50px;
  }

  .projects__slider__control-count {
    width: 50px;
    margin: 20px 0;
  }
  .projects__slider__control-count-currentSlide {
    font-size: 1.6923em;
    line-height: 140%;
  }
  .projects__slider__control-count-numberSlide {
    font-size: 1em;
    line-height: 140%;
  }
  
  .projects__sticky-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
  }
  
  .projects__slider {
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  .projects__slider__image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .projects__slider img {
    min-width: 100%;
    height: 88vh;
    object-position: 25%;
  }
  .projects__slider img.min_height {
    height: 56.2500vw;
  }
  
  
  .technology-block {
    display: block;
    padding-top: 17vw;
    background: url('../img/background3_mobile.png') no-repeat center / cover;
  }
  
  .technology-block__house {
    position: relative;
    width: 100%;
    min-width: auto;
    height: 78.1250vw;
    min-height: 44.0141vh;
    min-height: auto;
    margin-right: 0;
  }
  .technology-block__house-image {
    position: relative;
    width: 100%;
    height: 100%;
    background: url('../img/house_image.png') no-repeat center / 100%;
    background-position-x: 6.2500vw;
    background-position-y: -6.2500vw;
  }
  .technology-block__house-circle1 {
    top: 9.3750vw;
    right: auto;
    left: 25.3125vw;
    width: 72.8125vw;
    height: 72.8125vw;
  }
  .technology-block__house-circle2 {
    top: 0.9375vw;
    right: auto;
    left: 17.1875vw;
    width: 89.0625vw;
    height: 89.0625vw;
  }

  .technology-block__house .label1 {
    top: 37.5000vw;
    left: 15.6250vw;
  }
  .technology-block__house .label2 {
    top: 57.8125vw;
    left: 38.4375vw;
  }
  .technology-block__house .label3 {
    top: 57.8125vw;
    left: 69.3750vw;
  }
  .technology-block__house .label4 {
    top: 37.5000vw;
    left: 74.6875vw;
  }
  
  .technology-block__info-wrapper {
    position: relative;
    top: -20px;
    width: 100%;
    height: auto;
    padding-top: 0;
    z-index: 2;
  }
  
  .technology-block__info {
    position: relative;
    display: block;
    padding-top: 0;
    transition: var(--transition);
  }
  .technology-block__info-title {
    position: static;
    margin-bottom: 2.1127vh;
  }
  .technology-block__info .f-interlinear {
    margin-bottom: 2.1127vh;
  }
  .technology-block__info .f-text {
    font-weight: 500;
  }
  
  .technology-block__info > br {
    display: none;
  }
  
  .technology-block__info .f-interlinear,
  .technology-block__info .f-text {
    line-height: 105%;
    width: 100%;
  }
  
  
  
  .contact-block {
    display: block;
  }
  
  .contact-block__maps {
    position: relative;
    width: 100%;
    min-width: auto;
    height: 68.7500vw;
    min-height: auto;
    background: url('../img/maps_image_mobile.svg') no-repeat center / cover;
  }
  
  .contact-block__maps-marker {
    display: none;
  }
  
  .contact-block__info-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 9.3750vw 9.3750vw;
  }
  
  .contact-block__info {
    width: 100%;
  }
  
  .contact-block__info-title {
    margin-bottom: 9.3750vw;
  }
  
  .contact-block__info .f-interlinear {
    margin-bottom: 9.3750vw;
  }
  
  #contacts_block {
    position: relative;
  }
  .contact-block__info .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 0;
  }
  
  .contact-block__info__phone-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    height: 12.5000vw;
    padding: 3px 0;
    margin-bottom: 9.3750vw;
  }
  
  .contact-block__info__phone-wrapper .icon {
    position: absolute;
    top: calc(50% - 1.8750vw);
    left: -1.8750vw;
    width: 3.7500vw !important;
    height: 3.7500vw !important;
  }
  
  .contact-block__info__phone {
    font-size: 1.1538em;
    line-height: 160%;
    width: 50%;
    text-decoration: underline;
  }
  

  /* Все что снизу Кофф 3.2 */

  /* === ALL PROJECTS PAGE === */
  .other-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #1C1D21;
  }

  .all-projects-title {
    width: 100%;
    height: 320px;
    background: linear-gradient(180deg, #1C1D23 0%, rgba(28, 29, 34, 0) 168%), url('../img/background1.png') no-repeat center / 155%;
  }
  .all-projects-title .f-h1 {
    transform: translateY(1.5em);
  }

  .all-projects-wrapper {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 12.5000vw 9.3750vw;
    padding-bottom: 25.0000vw;
  }

  .all-projects-wrapper__project-static {
    position: relative;
    width: 100%;
    height: 62.5000vw;
    margin-bottom: 6.2500vw;
  }
  .all-projects-wrapper__project-static.top_padding {
    margin-top: 0;
  }

  .all-projects-wrapper__project-name {
    font-size: 2.7692em;
    line-height: 95%;
    text-align: center;

    position: absolute;
    left: 0;
    bottom: 17.1875vw;
    width: 100%;
    z-index: 2;
  }
  .all-projects-wrapper__project-location {
    font-size: 1.1538em;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 4.6875vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 2;
  }
  .all-projects-wrapper__project-location .icon {
    margin-right: 3.1250vw;
  }

  .all-projects-wrapper__project-shadow {
    background: linear-gradient(180deg, rgba(27, 29, 34, 0) 48.4%, #1C1D23 109.6%);
  }


  /* PROJECT PAGE */
  .project-page-title {
    height: 320px;
  }

  .project-page__carousel-select {
    position: absolute;
    justify-content: flex-start;
    bottom: -28.1250vw;
    height: 21.8750vw;
    overflow-x: auto;
  }
  .project-page__carousel-select .image {
    width: 39.3750vw;
    min-width: 39.3750vw;
    height: 21.8750vw;
    margin-right: 3.1250vw;
  }

  .project-page-container {
    width: 100%;
    padding: 31.2500vw 9.3750vw;
    padding-bottom: 30px;
    padding-top: 43.7500vw;
    background: #1C1D21;
  }

  .project-page-container .f-h1 {
    margin-bottom: 3.7500vw;
  }

  .project-page__location {
    color: #EFEFEF;
    display: flex;
    align-items: center;
    margin-bottom: 6.2500vw;
  }
  .project-page__location .icon {
    margin-right: 3.1250vw;
  }

  .project-page__text {
    color: #EFEFEF;
    display: block;
    width: 100%;
    margin-bottom: 15.6250vw;
  }

  .project-page__text-text {
    width: 100%;
    margin-bottom: 6.2500vw;
  }

  .project-page__text-description {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    padding: 3.1250vw 0;
    margin-bottom: 15.6250vw;
  }

  .project-page__text-description .description {
    margin: 0;
  }

  .project-page__text-description .description span {
    font-size: 3.4375vw;
    line-height: 100%;
    text-align: center;
    margin-bottom: 1.5625vw;
  }
  .project-page__text-description .description div {
    font-size: 1em;
    text-align: center;
    margin-bottom: 1.5625vw;
  }

  .project-page__feedback {
    display: block;
    width: 100%;
    padding: 0;
    background: transparent;
  }
  .project-page__feedback .f-title {
    font-size: 2.7692em;
    text-align: left;
    margin-bottom: 6.2500vw;
  }
  .project-page__feedback .input_wrapper {
    margin-bottom: 12.5000vw;
  }
  .project-page__feedback .btn {
    width: 100%;
    margin-bottom: 6.2500vw;
  }

  .project-page__commentaries {
    padding-top: 15.6250vw;
  }
  .project-page__commentaries .f-title {
    display: none;
  }

  .project-page__nextPage {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    padding: 10px;
    margin-top: 30px;
    border: 0.5px solid #7F8085;
    cursor: pointer;
  }
  .project-page__nextPage .f-text {
    font-family: 'Roboto Slab';
  }


  /* ICON */
  .icon.location {
    width: 5.6250vw;
    height: 8.1250vw;
  }
  .icon.camera {
    width: 7.1875vw;
    height: 5.6250vw;
  }
  .icon.user {
    width: 6.2500vw;
    height: 6.2500vw;
  }
  .icon.phone {
    width: 6.2500vw;
    height: 6.2500vw;
  }
  .icon.arrow_down {
    width: 6.2500vw;
    height: 6.2500vw;
  }
  .icon.circle_info {
    width: 12.5000vw;
    height: 12.5000vw;
  }
  .icon.circle_close {
    width: 12.5000vw;
    height: 12.5000vw;
  }
  .icon.close {
    width: 5.6250vw;
    height: 5.6250vw;
  }
  .icon.arrow_right {
    width: 11px;
    height: 22px;
    background: url('../img/icon/arrow_right.svg') no-repeat center / contain;
  }

  /* HEADER */
  .head-block {
    height: 25.0000vw;
  }
  
  .head-block__container {
    padding: 0 9.3750vw;
  }
  
  .head-block__social-network {
    display: block;
  }
  .head-block__social-network .icon {
    display: none;
  }

  .menu-burger {
    width: 6.8750vw;
    height: 5.1562vw;
    margin: 0;
  }
  .menu-burger span {
    height: 0.9375vw;
  }
  .menu-burger span:nth-child(1) {
    top: 0;
  }
  .menu-burger span:nth-child(2) {
    top: calc(50% - 0.4687vw);
  }
  .menu-burger span:nth-child(3) {
    top: calc(100% - 0.9375vw);
  }
  
  .head-block .logo {
    /* position: relative; */
    top: 8.7500vw;
    height: 11.2500vw;
  }
  .head-block .logo::after,
  .head-block .logo::before {
    content: '';
    position: absolute;
    bottom: 1.775vw;
    display: block;
    width: 24.0625vw;
    height: 0.5px;
    background: rgba(255, 255, 255, 0.5);
  }
  .head-block .logo::after {
    left: 9.3750vw;
  }
  .head-block .logo::before {
    right: 9.3750vw;
  }

  .head-block .logo svg {
    width: 40.6250vw;
    height: 11.2500vw;
  }

  .head-block__contact > div:nth-child(1) {
    font-size: 0;
    padding: 0;
  }
  .head-block__contact > div:nth-child(2) {
    display: none;
  }
  
  .head-block__contact .icon {
    width: 7.8125vw;
    height: 7.5000vw;
    margin: 0;
  }
  .head-block__contact p {
    display: none;
  }
  .head-block__contact a {
    display: none;
  }
  
  .head-block__social-network a,
  .head-block__contact div {
    border: none;
  }
  
  .head-block::after,
  .head-block::before {
    display: none;
  }
  
  /* ACTIVE */
  .head-block.active .menu-burger span:nth-child(1) {
    top: calc(50% - 0.4687vw);
    transform: rotateZ(45deg);
  }
  .head-block.active .menu-burger span:nth-child(2) {
    width: 2px;
    opacity: 0;
  }
  .head-block.active .menu-burger span:nth-child(3) {
    top: calc(50% - 0.4687vw);
    transform: rotateZ(-45deg);
  }
  
  .menu-block {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 100vh;
    padding: 0 9.3750vw;
    transform: translateY(-100vh);
  }
  .menu-block__navigation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
  }
  .menu-block__navigation a {
    font-size: 9.3750vw;
    padding: 0;
    margin-bottom: 10.9375vw;
  }
  
  .menu-block__contact {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 15.6250vw;
  }
  
  .menu-block__contact-link {
    width: 100%;
    height: 100%;
  }
  
  .menu-block__contact-link a {
    font-size: 1.1538em;
  }
  .menu-block__contact-link a:nth-child(2) {
    border: none;
  }
  .menu-block__contact-link a:last-child {
    display: none;
    border: none;
  }
  .menu-block__contact-link a,
  .menu-block__contact button {
    width: 50%;
  }

  .menu-block__contact button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  
  .menu-block.active {
    height: 100vh;
    padding-top: 45vw;
    transform: translateY(0);
    box-sizing: border-box;
  }
  
  .menu-block.active + .main-wrapper {
    transform: scaleX(1) translateY(0);
  }
  
  .menu-block.active + .main-wrapper .main-block__fakeHeader {
    top: 0;
    opacity: 1;
  }

}


@media (max-width: 350px) {
  .technology-block__info-wrapper {
    top: -15px;
  }
  .technology-block__info-title {
    margin-bottom: 2.1127vh;
  }
  .technology-block__info .f-interlinear {
    margin-bottom: 2.1127vh;
  }

  .head-block .logo::after,
  .head-block .logo::before {
    bottom: 3px;
  }
}