@media all and (max-width: 1399px) {
  .footer-address,
  .footer-slogan {
    font-size: 15px;
  }
  .project-icon {
    width: 35%;
  }
  .project-icons {
    flex-wrap: wrap;
  }
  .footer-phone a {
    font-size: 18px;
  }

  #main-screen .container {
    background-position: top right 9%;
  }

  .your-complectation-button-wrap-new-design {
    text-align: center!important;
    padding-left: 120px;
  }


}
@media all and (min-width: 1399px) {

  .servsvg {
    max-width: 410px;
  }
  .header-phone-icon {
    margin-right: -30px;
  }

}
@media all and (min-width: 769px) {
  .mobile-menu {
    width: 17px;
    position: relative;
    cursor: pointer;
    top: 25px
  }
  .right-side {
    min-width: 100px;
  }
  .header-phone-icon {
    float: left!important;
  }
}
@media all and (max-width: 1199px) {
  .cameras-page a {
    padding: 10px 14px 10px 14px;
    margin-right: 4px;
  }
  .fixed-container {
    position: relative;
  }
  .project-single-info2 {
    margin-top: 24px;
  }

  .main-screen-description br {
    display: none;
  }
  .mobile-menu {
    position: relative;
  }




  .mobile-menu span {
    display: block;
    height: 3px;
    background-color: #F59E17;
    margin-bottom: 4px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
  }

  .mobile-menu > span:last-child {
    margin-bottom: 0;
  }

  .mobile-menu.opened span:nth-child(2) {
    opacity: 0;
  }

  .mobile-menu.opened span:first-child {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 5px;
    left: 2px;
  }

  .mobile-menu.opened span:last-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -7px;
    left: 2px;
  }

  .header-menu ul li:nth-child(4),
  .header-menu ul li:nth-child(5) {
    display: none;
  }

  .header-menu-mobile {
    position: fixed;
    top: 100px;
    width: 100%;
    background-color: white;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    z-index: 9;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .header-menu-mobile.opened {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  .header-menu-mobile ul {
    padding-left: 0;
    list-style-type: none;
  }

  .header-menu-mobile ul li {
    display: block;
    margin-right: 0;
    text-align: center;
    padding: 7px 0;
    border-bottom: 1px solid rgba(69,75,80, 0.1);
  }

  .header-menu-mobile ul li a {
    font-family: "Museo Sans Cyrl 300", serif;
    font-size: 15px;
    line-height: 120%;
    color: #454B50;
  }

  .header-menu-mobile ul li:first-child,
  .header-menu-mobile ul li:nth-child(2),
  .header-menu-mobile ul li:nth-child(3) {
    display: none;
  }

  .main-screen-title {
    font-size: 36px;
  }

  .main-screen-description {
    font-size: 16px;
    margin-bottom: 40px;
  }

  .footer-phone a {
    font-size: 14px;
  }

  .footer-social a {
    margin-left: 27px;
  }

  .footer-title.has-children {
    cursor: pointer;
    position: relative;
  }

  .footer-title {
    margin-bottom: 20px;
  }

  .footer-title.has-children:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 6px;
    background: url("../img/footer-menu-arrow.svg") no-repeat;
    background-size: cover!important;
    background-position: center center!important;
    margin-left: 20px;
    top: 7px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .footer-menu {
    display: none;
  }

  .footer-title.has-children.opened:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  #main-screen .container {
    background-position: top right 4%;
  }
  .header-contacts {
    display: none;
  }


  .header-phone-icon {
    display: block;
    margin-right: -15px;
    position: relative;
    top: 22px;
    margin-top: 0;
  }



  .header-phone-icon img {
    width: 25px;
    height: 25px;
  }

  .header-search {
    top: 38px;
    margin-right: 30px;
  }

  .project-single-info {
    margin-top: 40px;
  }

  .project-single-info-square {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .bottom-half {
    margin-left: 50px;
    margin-top: 55px;
  }

  .your-complectation-wrap-content {
    padding-left: 0;
    background: none;
    text-align: center;
    margin-bottom: 15px;
  }

  .your-complectation-button-wrap {
    text-align: center!important;
  }

  /*.button.style-1 {*/
  /*  margin-bottom: 15px;*/
  /*}*/

  .header-user-icon {
    top: 38px;
    margin-left: 0;
    margin-right: 30px;
  }
  .main-slider-button a {
    font-size: 14px!important;
    /*padding-top: initial;*/
    /*padding-bottom: initial;*/
  }


}

@media all and (max-width: 991px) {

  .header-logo {
    margin-right: 30px;
  }
  .cameras-page a {
    padding: 10px 14px 10px 14px;
    margin-right: 4px;
  }
  .header-menu ul li {
    margin-right: 30px;
  }

  .header-menu ul li:nth-child(3) {
    display: none;
  }

  .header-menu ul li:nth-child(2) {
    /*margin-right: 0;*/
  }

  .header-phone a {
    font-size: 18px;
  }

  .main-screen-title {
    font-size: 30px;
    margin-top: 0;
  }

  .main-screen-title span {
    display: inline;
  }

  .main-screen-description {
    width: 100%;
  }

  .main-screen-button {
    margin-bottom: 60px;
  }

  .our-services-item-image {
    height: 175px;
  }

  .our-services-item-title {
    height: 50px;
    padding: 0 20px;
  }

  .text-h3 {
    font-size: 18px;
  }

  .our-services-item-hidden-link {
    height: 50px;
    line-height: 50px;
    color: #212529;
    padding: 0 20px;
  }

  .our-services-item-hidden-content {
    font-size: 14px;
    line-height: 120%;
    padding: 0 20px;
  }

  .our-services-item-hidden-title {
    padding: 20px 20px 0;
  }

  .text-h1 {
    font-size: 30px;
  }

  .section-title {
    margin-bottom: 20px;
  }

  .main-technology-logos {
    text-align: left!important;
  }

  .main-technology-items-title span,
  .how-we-building-item-title {
    font-size: 15px;
  }

  .how-we-building-item-img img {
    max-width: 65%;
  }

  .how-we-building-item::after {
    width: 40px;
    height: 12px;
  }

  .how-we-building-item-img {
    height: 60px;
    margin-bottom: 20px;
    text-align: center;
  }

  .how-we-building-item-title {
    font-size: 13px;
  }

  #how-we-building {
    padding-top: 65px;
    padding-bottom: 69px;
    margin-bottom: 40px;
  }

  section .container {
    padding-top: 40px;
    padding-bottom: 26px;
  }

  .about-main-page-img {
    margin-top: 55px;
  }

  .header-menu-mobile ul li:nth-child(3) {
    display: block;
  }

  /*footer {*/
  /*  margin-top: 25px;*/
  /*}*/

  .footer-copyright {
    top: 22px;
  }

  #main-screen .container {
    background-size: 297px auto !important;
    background-position: top right 7%;
  }

  .news-item-body {
    padding: 20px;
  }

  .pagination-wrap {
    margin-top: 10px;
  }

  .section-sub-title {
    font-size: 16px;
    font-family: "Museo Sans Cyrl 300", serif;
  }

  .main-screen-image-text-page {
    top: 0
  }

  .text-h2 {
    font-size: 26px;
    line-height: 120%;
    margin-bottom: 20px;
  }

  .text-h3 {
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 10px;
  }

  iframe.youtube {
    height: 252px;
  }

  .text-with-title {
    margin-bottom: 15px;
  }

  .text-h4 {
    font-size: 16px;
  }

  .section-sub-title {
    width: 100%;
  }

  .like-select {
    margin-bottom: 30px;
  }

  .filter-row-name {
    line-height: 140%;
    margin-bottom: 10px;
  }

  .pl-45 {
    padding-left: 15px;
  }

  .col-mobile-filters {
    margin-bottom: 25px;
  }

  .filter-row {
    margin-bottom: 10px;
  }

  .like-select {
    margin-bottom: 15px;
  }

  .filters-wrap {
    margin-bottom: 15px;
  }

  .refresh-filters {
    margin-bottom: 60px;
  }

  .filters-wrap-hide {
    text-align: center;
    margin-bottom: 20px;
  }

  .filters-wrap {
    display: none;
  }

  .mobile-filters {
    display: none;
    text-align: right;
  }

  .bottom-half {
    margin-left: 35px;
  }

  .project-single-info-name {
    font-size: 26px;
  }

  .custom-tabs-tub-swiper-container {
    margin-top: 35px;
  }

  .custom-tabs-wrap-complectation .custom-tabs-items > div {
    max-width: 100%;
  }

  .complectation-table-price,
  .complectation-table-price span {
    font-size: 17px;
  }

  .complectation-table td.price-td {
    padding: 15px 10px !important;
  }

  .selected-project-result-buttons a {
    padding: 15px 30px
  }

  .selected-project-result-text {
    font-size: 17px;
  }

  .custom-tabs-tub-swiper-container-2 .swiper-slide,
  .custom-tabs-tub-swiper-container .swiper-slide{
    text-align: center;
  }

  .custom-tabs-tub-content-images-title,
  .tubs-image-side {
    margin-top: 30px;
  }

  .custom-tabs-v2-item-content {
    position: static;
    width: 100%;
  }

  .custom-tabs-v2-item {
    width: 100%;
  }

  .custom-tabs-v2-item.active .custom-tabs-v2-item-name {
    background: linear-gradient(90deg, #FFC82F 0%, #FF9D04 100%);
    color: white;
    border: 1px solid transparent;
    border-radius: 25px 25px 0 0;
    position: relative;
    margin-right: 0px;
  }

  .custom-tabs-v2-items > .custom-tabs-v2-item:first-child .custom-tabs-v2-item-content,
  .custom-tabs-v2-items > .custom-tabs-v2-item .custom-tabs-v2-item-content{
    border-radius: 0 0 20px 20px;
  }

  .custom-tabs-tub-content-big {
    width: 100%;
  }

  .custom-tabs-v2-item-name {
    position: relative;
  }

  .custom-tabs-v2-item-name svg {
    position: absolute;
    width: 12px;
    height: 6px;
    top: 50%;
    right: 22px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .custom-tabs-v2-item.active .custom-tabs-v2-item-name > svg {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .custom-tabs-v2-item.active .custom-tabs-v2-item-name > svg path {
    stroke: white
  }

  .custom-tabs-v2-item:not(.active) .custom-tabs-v2-item-name:hover {
    border: 1px solid #FF9900
  }

  .shadow .popup-custom {
    position: absolute!important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%, -50%)!important;
    -moz-transform: translate(-50%, -50%)!important;
    -ms-transform: translate(-50%, -50%)!important;
    -o-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important;
    z-index: 9999!important;
    padding: 25px!important;
  }

  .filters-row > .col {
    margin-bottom: 20px;
  }
}

@media all and (max-width: 769px) {
  .advantage-v2 {
    width: 100%;
  }
  .present_svg {
    margin-top: 15px;
  }
  .present-title {
    font-size: 24px;
    text-align: center;
  }
  .present-svg {
    margin-top: 20px;
  }
  .new-popup2 {
    min-width: 100%;
    padding: 0!important;
  }
  .header-menu ul li {
    display: none;
  }
  .style-6 {
    height: initial;
  }

  .header-menu-mobile ul li {
    display: block!important;
  }

  .mobile-menu {
    width: 30px;
  }

  .mobile-menu span {
    margin-bottom: 8px;
  }
  .popup-days-title {
    display: none;
  }
  .new-popup2 .cameras-page {

    margin-top: -50px;
  }

  .mobile-menu.opened span:first-child {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 9px;
    left: 1px;
  }

  .mobile-menu.opened span:last-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -13px;
    left: 1px;
  }

  header {
    height: 50px;
  }

  .header-logo img {
    width: 120px;
  }

  .header-logo {
    top: 10px;
    text-align: center;
    margin-right: 0;
    width: 70%;
  }

  .mobile-menu {
    top: 12px;
  }

  .main-screen-title {
    font-size: 24px;
  }

  .main-screen-image {
    margin-bottom: 20px;
  }
  /*.slide-info {*/
  /*  margin-bottom: -170px;*/
  /*}*/
  .main-slider-t {
    margin-bottom: 15px;
  }

  #main-screen .container {
    background: none;
  }

  .main-screen-button a {
    width: 100%;
    text-align: center;
  }
  .d-xs-none {
    display: none;
  }
  .no-float {
    float: left!important;
  }

  body {
    margin-top: 50px!important;
  }

  section .container {
    padding-top: 30px;
    padding-bottom: 16px;
  }

  #main-screen .swiper-pagination {
    text-align: center;
    margin-left: 0;
  }
  .main-slider-title {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px; /* 108% */
    letter-spacing: -0.375px;
  }
  .main-slider-button div {
    display: block;
    width: 100%!important;
  }
  .new-top-blocks {
    margin-top: 10px;
  }
  .custom-tabs-item-slide {
    margin-right: 25px;
  }
  .main-slider-title2 {
    font-size: 22px;
    text-transform: none;
  }
  .main-slider-title2 span {
    font-size: 22px;
    text-transform: uppercase;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .new-top-block {
    padding-left: 40px;
  }
  .new-top-block-title {
    padding-left: 110px;
    min-height: 75px;
  }
  .main-slider-button {
    display: initial;
  }
  .button {
    font-size: 14px;
  }

  #main-screen .swiper-button-prev, #main-screen .swiper-button-next, .swiper-project-quiz-div .swiper-button-prev, .swiper-project-quiz-div .swiper-button-next {
    display: none;
  }
  .slider50 {
    margin-right: initial;
    right: 20px;
    top: 80px;
    margin-top: 0;
  }
  #main-screen .swiper-pagination {
    left: initial;
    width: 100%;
    top: initial;
    bottom: 188px;

  }
  .quiz {
    top: 50px;

  }
  .certs a {
    width: 20%;
    margin-right: 20px;
    margin-bottom: 5px;
  }
  .certs {
    flex-flow: wrap;
    align-items: center;
    margin-top: 20px;
  }
  .certs_v2 img {
    max-width: 55px;
  }
  .text-quiz-h2 {
    font-size: 20px;
  }
  .config-block-1 {
    padding-bottom: 16px;
  }
  .config-row {
    padding: 0;
    padding-bottom: 16px;
  }
  #step2 {
    padding-bottom: 40px;
  }
  .quiz .project-title {
    margin-top: 0;
    font-size: 18px;
  }
  .quiz .container {
    padding-top: 0px;
  }
  .quiz .hide-quiz {
    display: none;
  }
  .quiz .project-single-info {
    padding: 0;
    margin: 0;
  }
  .button.style-1, .webform-submit {
    height: 50px;
    padding-top: 16px;
    /*margin-bottom: 20px!important;*/
    font-size: 14px!important;
  }
  .form-text {
    margin-bottom: 15px;
  }
  .quiz-top {
    display: none;
  }
  .right-side {
    height: 80px;
    background: none;
  }

  .our-services-item {
    margin-bottom: 20px;
  }

  .main-technology-items-img {
    margin-bottom: 35px;
  }

  .button.style-1,
  .button.style-2,
  .button.style-3 {
    width: 100%;
    text-align: center;
  }
  .bottom-main .button.style-1 {
    margin-bottom: 20px;
  }

  #how-we-building .section-title {
    text-align: center;
  }

  .text-h1 {
    font-size: 24px;
    line-height: 30px;
  }

  #how-we-building {
    padding-top: 35px;
    padding-bottom: 35px;
    margin-bottom: 40px;
    margin-top: 40px;
  }

  .how-we-building-item-img {
    float: left;
    margin-right: 25px;
    width: 60px;
    text-align: center;
  }

  .how-we-building-item-title {
    text-align: left;
    font-size: 16px;
  }

  .how-we-building-item::after {
    width: 25px;
    height: 32px;
    background: url("../img/how-we-building-arrow-mobile.svg") no-repeat;
    background-position: center center !important;
    background-size: cover !important;
    top: 35px;
    left: calc(100% - 10px);
  }

  .action-title {
    font-family: 'Montserrat', serif;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 120%;
    color: #212529;
    margin-bottom: 10px;
  }

  .action-img {
    margin-bottom: 10px;
  }

  .action-excerpt {
    font-family: "Museo Sans Cyrl 300", serif;
    font-size: 16px;
    line-height: 140%;
    color: #454B50;
    margin-bottom: 20px;
  }

  .action-link a {
    font-family: "Museo Sans Cyrl 300", serif;
    font-size: 16px;
    line-height: 140%;
    color: #FF9900;
    position: relative;
  }
  .switch-color-to-day, .switch-color-to-night {
    display: none;
  }
  .mobile-switch {
    /*display: block;*/
    position: fixed;
    left: 80px;
    top: 13px;
    z-index: 11;
  }
  .swiper-container-project .swiper-button-next, .swiper-container-project .swiper-button-prev {
    display:none;
  }

  .action-link a:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 10px;
    background: url("../img/link-arrow.svg") no-repeat;
    background-size: cover!important;
    top: 50%;
    -webkit-transform: translate(15px, -50%);
    -moz-transform: translate(15px, -50%);
    -ms-transform: translate(15px, -50%);
    -o-transform: translate(15px, -50%);
    transform: translate(15px, -50%);
  }

  .action-item-first {
    margin-bottom: 61px;
    position: relative;
  }

  .action-item-first:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #C6C6C8;
    margin-top: 30px;
  }

  .about-main-page-img {
    margin-top: 0;
    margin-bottom: 20px;
  }

  /*footer {*/
  /*  margin-top: 45px;*/
  /*  padding-top: 30px;*/
  /*  padding-bottom: 10px;*/
  /*}*/

  .footer-logo {
    position: relative;
    top: 0;
  }

  .footer-logo img {
    width: 120px;
  }

  .footer-phone a {
    font-size: 20px;
  }

  .mobile-footer-first {
    margin-bottom: 41px;
    position: relative;
  }

  .mobile-footer-first:after {
    content: '';
    width: calc(100%);
    height: 1px;
    position: absolute;
    background-color: #454B50;
    -webkit-transform: translate(-15px, 20px);
    -moz-transform: translate(-15px, 20px);
    -ms-transform: translate(-15px, 20px);
    -o-transform: translate(-15px, 20px);
    transform: translate(-15px, 20px);
  }

  .footer-widget {
    position: relative;
    margin-bottom: 31px;
  }

  .footer-widget:after {
    content: '';
    width: calc(100% + 30px);
    height: 1px;
    position: absolute;
    background-color: #454B50;
    -webkit-transform: translate(-15px, -5px);
    -moz-transform: translate(-15px, -5px);
    -ms-transform: translate(-15px, -5px);
    -o-transform: translate(-15px, -5px);
    transform: translate(-15px, -5px);
  }

  .footer-contacts-col {
    display: none;
  }

  footer::after {
    display: none;
  }

  .row.footer-second-row {
    margin-top: 0;
  }

  .footer-social {
    text-align: left;
    top: 0;
    margin-top: 15px;
  }

  .footer-copyright {
    top: 0;
    margin-top: 30px;
  }

  .footer-second-row {
    height: auto;
  }

  .main-technology-logos img {
    height: 40px;
    margin-right: 7px;
  }

  .main-technology-items-title {
    text-align: left;
  }

  .main-technology-items-title.has-sticker span::after {
    margin-left: 0;
  }

  .button {
    display: inline-block;
  }

  .how-we-building-item-title {
    width: 80%;
  }

  .how-we-building-item::after {
    top: 35px;
    left: auto;
    right: 40px;
  }

  .footer-title.has-children::after {
    margin-left: 0;
    top: 7px;
    right: 15px;
  }

  .news-item {
    margin-bottom: 20px;
  }

  .footer-widget::after {
    width: calc(100% + 20px);
    -webkit-transform: translate(-10px, 0);
    -moz-transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
    -o-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
  }

  .header-menu-mobile {
    top: 50px;
  }

  .search input {
    font-size: 20px;
  }

  .search input:focus {
    outline: none;
  }

  .search-closed {
    width: 30px;
    height: 30px;
    top: 30px;
    right: 30px;
    cursor: pointer;
  }

  .search-closed svg {
    width: 30px;
    height: 30px;
  }

  .header-phone-icon {
    top: 11px;
  }

  .header-phone-icon img {
    width: 25px;
    height: 25px;
  }

  .header-search {
    top: 28px;
  }

  .header-search img {
    height: 22px;
  }

  .mobile-margin-bottom {
    margin-bottom: 1rem;
  }

  .table-responsive {
    position: relative;
  }


  .table-responsive:not(.custom-resposive) table {
    min-width: 700px;
  }

  .table-opacity {
    position: absolute;
    height: 100%;
    width: 80px;
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 95.83%);
    top:0;
    right: 0;
  }

  .text-h2 {
    font-size: 22px;
  }

  .custom-accordion-item-title {
    font-size: 16px;
  }

  .custom-accordion-item-content img.float-start {
    float: none!important;
    margin-bottom: 10px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .product-item-image {
    height: 230px;
  }

  .mobile-filters {
    text-align: left!important;
  }

  .swiper-container-project-item {
    margin-bottom: 65px;
  }

  .project-stars > div > * {
    float: left;
  }

  .project-stars > div > ul {
    padding-left: 0;
  }

  .project-single-info-name {
    font-size: 22px;
    text-align: center;
  }

  .project-single-info-square {
    padding-bottom: 20px;
    border-bottom: 1px solid #C6C6C8;
  }

  .bottom-half {
    margin-left: 0;
    margin-top: 30px;
  }

  .swiper-container-tabs .custom-tabs-item {
    font-size: 18px;
    padding-left: 0;
  }

  .swiper-container-tabs .custom-tabs-item,
  .swiper-container-tabs-2 .custom-tabs-item {
    padding-right: 0;
  }

  .swiper-container-tabs-2-shadow {
    position: absolute;
    width: 100px;
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 95.83%);
    height: 60px;
    top: 0;
    right: 0;
    z-index: 99;
  }

  .custom-tabs-items {
    margin-right: -10px;
  }

  .custom-tabs-tub-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
  }

  .complectation-table tr th {
    min-width: 50vw;
    max-width: 50vw;
    width: 50vw;
  }

  /*.complectation-table .table-responsive {
    pointer-events: none;
  }
   */

  .mobile-table-titles {
    position: absolute;
    z-index: 9;
    width: 50vw;
    background-color: white;
    box-shadow: 30px 0px 15px -15px rgba(0, 0, 0, 0.2);
    height: 100%;
  }

  .mobile-table-titles-item {
    padding: 15px 30px !important;
  }

  .mobile-table-titles-item-th {
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #212529;
    font-family: "Museo Sans Cyrl 700", serif;
    padding: 25px 15px!important;
  }

  .mobile-table-titles .mobile-table-titles-item:nth-child(2n+2) {
    background-color: #F5F5F5;
  }

  .complectation-table tr > th:nth-child(2),
  .complectation-table tr > th:nth-child(4),
  .complectation-table tr > th:nth-child(5) {
    padding: 10px 50px 10px 25px;
  }

  .complectation-table tr > th:nth-child(3) {
    padding: 25px 50px 25px 25px;
  }

  .mobile-table-titles-arrow {
    position: absolute;
    width: 25px;
    height: 72px;
    right: 0;
    top: 20px;
    background: url("../img/table-arrow-active.svg") no-repeat;
    background-position: center center!important;
    cursor: pointer;
    z-index: 1;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  .complectation-table table.table {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    left: 0;
    position: relative;
  }

  .complectation-table .table-responsive {
    overflow-x: hidden;
  }

  .main-technology-logos {
    margin-bottom: 40px;
  }

  .complectation-table-td-sub-name-checkbox {
    position: relative;
  }

  .mobile-table-titles .complectation-table-td-sub-name-checkbox .like-tooltip {
    position: absolute;
    top: 0;
    right: -20px;
  }

  .your-complectation-wrap {
    padding: 37px 20px;
  }

  .your-complectation a.button {
    padding-left: 17px;
    padding-right: 17px;
  }

  #selected-project .section-sub-title {
    font-family: "Museo Sans Cyrl 700", serif;
  }

  .selected-project-row {
    margin-bottom: 0;
  }

  .selected-project-result-buttons a:first-child {
    margin-right: 0;
    margin-bottom: 15px;
  }

  #selected-project {
    padding-bottom: 10px;
  }

  .custom-tabs-tub-content-images a img {
    margin-bottom: 25px;
    margin-right: 25px;
  }

  .custom-tabs-v2-item-content {
    padding: 20px 25px;
  }

  .custom-tabs-v2-item-content-title > div:first-child {
    font-size: 17px;
  }

  .custom-tabs-v2-item-content-body-row .like-radio-wrap {
    font-size: 14px;
  }

  .tooltip-wrap {
    top: auto;
    bottom: 0;
    left: 0;
    height: calc(100vh - 90px);
    max-width: 100%;
  }

  .tooltip-wrap.fixed {
    position: fixed;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .popup {
    padding: 25px 15px 15px;
  }

  .popup-close {
    top: 15px;
    right: 15px;
  }

  .popup-title {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .popup-sub-title {
    font-size: 16px;
  }

  .shadow .credit-calc-button-wrap {
    right: -120px;
  }

  .shadow #credit_calc {
    background: none;
    background-color: white;
    padding: 25px;
  }

  .shadow .popup-second-row {
    font-size: 24px;
  }


  .shadow .popup-li-item span {
    font-size: 25px;
  }

  .shadow .popup-li-item span.popup-currency {
    font-size: 23px;
  }

  .shadow .calc-data {
    margin-top: 20px;
    padding: 12px 15px;
  }

  .shadow .credit_calc_years_buttons > div {
    margin-bottom: 7px;
    font-size: 11px;
  }

  .shadow .credit_calc_input::after {
    content: '₽';
    position: absolute;
    top: 13px;
    right: 16px;
  }

  .shadow .slider-labels {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .shadow #credit_calc_2, #credit_calc_3 {
    padding: 25px;
  }

  .shadow .popup-closed {
    right: 10px;
    top: 10px;
  }

  .shadow .popup-second-row {
    font-size: 22px;
  }

  .shadow .credit_calc_label {
    font-size: 14px;
  }

  .shadow .calc-data-value {
    font-size: 28px;
  }

  .shadow #credit_calc .popup-closed {
    background: url("/sites/default/files/new_design/calc/popup-cloded-darck.svg") no-repeat center;
  }

  .credit-calc-button-wrap {
    position: fixed;
    top:100%;
    right: 0px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 99;
    width: 100%;
    text-align: center;
  }

  .credit-calc-button {
    background-image: linear-gradient(-225deg, #ffcc33 0%, #ff9900 100%);
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 100%;
  }

  #credit_calc_3 .calc-data .calc-data-label,
  #credit_calc_3 .calc-data .calc-data-value,
  #credit_calc_3 .calc-data .calc-data-delimiter {
    display:none;
  }

  #credit_calc_3 .calc-data {
    border:none;
  }

  #credit_calc_3 .popup-button-3 {
    margin-top:0;
  }
  .slider360 {
    top: 0;
  }
  .slider360 svg {
    width: 60px;
  }

  .swiper-container-project-item {
    height: 256px;
  }

  #cookie-notification {
    padding: 5px 5px 5px 0;
  }

  .swiper-text-2 .swiper-slide,
  .swiper-text-3 .swiper-slide {
    margin-bottom: 80px;
  }

  .main-screen-image-small {
    max-width: 100%;
    height: auto;
  }

  .project-share-wrap .project-share-wrap-inner {
    right: auto;
    left: -50%;
  }

  body.page-node-853 .pagination {
    display: block!important;
  }

  body.page-node-853 .pagination li:not([class]),
  body.page-node-853 .pagination li.active{
    display: inline-block!important;
  }

  .header-user-icon {
    top: 28px;
    margin-right: 28px;
  }

  .header-user-icon img {
    height: 22px;
  }

  .filters-row {
    margin-top: 20px;
  }

  .random_popup_text_row_text {
    margin-bottom: 15px;
  }

  .random_popup_img_date {
    display: block;
    margin-top: 10px;
  }

  .random_popup_text {
    padding: 20px 25px;
  }

  .random_popup_bottom_price_block {
    text-align: center;
  }

  .random_popup.popup {
    padding: 0!important;
  }

  .random_popup_img_action {
    font-size: 15px;
  }

  .random_popup_img_inner {
    padding: 14px 0 0 30px;
  }

  .random_popup_img_big_title {
    font-size: 40px;
    padding-left: 30px;
  }

  .random_popup_img_big_title .days {
    font-size: 50px;
    line-height: 95%;
    top: 2px;
  }

  .random_popup_img_big_title .days::before {
    content: '';
    position: absolute;
    width: 88px;
    height: 52px;
    background: #FD574C;
    border-radius: 40px;
    top: 6px;
    left: -13px;
    z-index: -1;
  }

  .random_popup_img {
    height: 300px;
    background-position: bottom center !important;
  }

  .random_popup .popup-close {
    top: 11px;
    right: 15px;
  }

  .random_popup_bottom_actions_block_2 img {
    width: 50px;
    height: auto;
  }

  .random_popup_bottom_actions_block_2 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .random_popup_bottom_actions_block_1 a, .random_popup_bottom_actions_block_1 a:hover {
    font-size: 15px;
  }

  .random_popup_bottom_actions_block_1 {
    top: 24px;
  }

  .random_popup_text_title {
    font-size: 22px;
  }

  .main-technology-logos.text-end {
    text-align: center!important;
  }

  .your-complectation-custom .your-complectation-wrap-content {
    padding-left: 0;
    padding-top: 120px;
    background-position: center top !important;
    background-size: 80px 80px !important;
  }

  .your-complectation-button-wrap-new-design {
    padding-left: 0;
  }

  /*.button {*/
  /*  height: auto;*/
  /*}*/

  .custom-design-tab .complectation-table .table-responsive {
    overflow-x: auto;
  }
  .town-ipoteka-title2 {
    font-size: 16px;
    height: 54px;
  }
  .town-raschet-div {
    font-size: 14px;
  }
  .town-ipoteka-block {
    padding: 12px;
  }
  .town-raschet-info {
    font-size: 10px;
  }
  .town-raschet-price {
    font-size: 18px;
  }
  .no-pading-l {
    padding-left: 0;
  }
  .no-pading-r {
    padding-right: 0;
  }
  video {
    display: none;
  }
  .gpt_icon_wrap video {
    display: initial!important;
  }
  .swiper-button-prev-how-it-work, .swiper-button-next-how-it-work {
    margin-right: 0;
    margin-left: 0;
  }
  .fixed-container {
    position: relative;
  }
  .flex-1 svg {
    width: 40%;
    margin: 15px;
  }
  .flex-1 {
    flex-wrap: wrap;
    align-items: center;
  }
  .option-config {
    width: 100%;
  }
  .row_bank {
    gap: 5px;
  }
  .row_bank .bank {
    padding: 10px;
    /*display: flex;*/
  }
  .town-raschet-div {
    padding-top: 4px;
  }
}
@media all and (max-width: 1024px) {
  .town-ipoteka-title2 {
    font-size: 20px;
    height: 54px;
    line-height: 24px;
  }
  .new-popup {
    padding:0!important;
  }
  .certs_v2 {
    gap: 59px;
  }
  .project-icons {
    flex-wrap: wrap;
  }
  .block-1 {
    padding: 20px;
    font-size: 14px;
  }
  .project-title {
    font-size: 25px;
  }
  .project-icon {
    width: 35%;
  }
  .fixed-container {
    position: relative;
  }
  video {
    display: none;
  }
  .gpt_icon_wrap video {
    display: initial!important;
  }
  .b24-widget-button-wrapper {
    display: none!important;
  }
  /*.project-desc {*/
  /*  min-height: 200px;*/
  /*}*/
  .interest-title {
    font-size: 26px;
  }
  .swiper-interesting  .project-desc {
    min-height: 150px;
  }
  .swiper-button-prev-how-it-work, .swiper-button-prev-interest {
    margin-left: 0;
    display: none;
  }
  .swiper-button-next-how-it-work, .swiper-button-next-interest {
    margin-right: 0;
    display: none;
  }
  .project-single-info2 {
    margin-top: 24px;
  }
  #main-screen .swiper-button-next, #main-screen .swiper-button-prev, .swiper-pagination {
    top: 50%;
  }
  .main-slider-ul {
    display: initial;
    text-align: center;
  }
  .flex-1 {
    flex-wrap: wrap;
  }
  .custom-tabs-tub-image {
    height: initial;
  }
}

@media (max-width: 768px) {
  .new-popup {
    padding:0!important;
  }
  .show-map {
    left: 50%;
    margin-left: -290px;
    top: 152px;
  }
    .testtimonial-text {
        margin-bottom: 80px;
    }
    .testtimonial-name {
        padding-top: 20px;
    }
    .block-text {
        padding-bottom: 20px;
    }

   

}
@media all and (max-width: 575px) {
  .main-slider-ul {
    text-align: center;
    list-style-type: none;
  }
  .slide-info {
    top: 75px;
  }
  .price2025 {
    max-width: 160px;
    margin-left: -80px;
  }
  .new-video-block-bg {
    height: 198px;
  }
  .popup.popup_new_design .form-item input {
    height: 50px;
  }
  .popup.popup_new_design .form-item {
    margin-bottom: 20px;
  }
  #main-screen .swiper-pagination {
    bottom: 388px;

  }
  .swiper-project-div {
    margin-top: 20px;
  }
  .map-info {
    margin-top: 60px;
  }
  .show-map {
    left: 50%;
    margin-left: -90px;
    top: 22px;
  }
  .ipoteka-banks {
     text-align: initial;
    padding-top: 20px;
    display: flex;
  }
  .swiper-main-screen .swiper-pagination {
    top: initial;
    bottom: 115px;
  }
  .project-title {
    padding-top: 24px;
  }
  .table-responsive {
    margin-right: -12px;
  }

  .desktop-padding .container {
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
  }

  .selected-project-image img {
    max-width: 100%;
  }

  .compare_panels_link, .compare_panels_link:hover {
    top: -44px;
  }
  .map-info {
    left: 5%;
    width: 90%!important;
    right: initial;
    bottom: 3px;
    top: initial;
    position: relative;
  }
  #map {
    height: 620px;
  }
  .map-info, .map-info-line a {
    font-size: 16px;
  }
  .video-footer {
    bottom: 400px;
    right: 0;
    left: initial;
  }
  .header-phone-icon {
    margin-top: initial;
    margin-right: 0;
  }
  .telefon-input, .email-input {
    width: initial;
    margin-right: initial;
  }
  .hidden-xs {
    display: none;
  }
  .swiper-pagination-interest, .swiper-pagination-how-it-work  {
    display: block;
  }
  .present-text {
    text-align: center!important;
  }
  .present-text .block-text {
    text-align: center!important;
  }
  .yana-popup {
    background-image: none;
    padding: 0;
    
    padding-top: 36px;
  }
  .yana-popup-mob img {
    width: 98px;
    height: 98px;
    border-radius: 49px;
  }
  .yana-popup-mob {
    display: flex;
    align-items: center;
  }
  .popup-dark-bg-block {
    padding: 16px !important;
    padding-top: 24px !important;
}

.main-slider-informers {
 overflow: scroll;
}
.main-slider-informer {
  display: flex;
  min-width: 220px;
  padding-left: 16px;
}

.slide-info svg {
  margin-left: initial;
  width: 40px;
  margin-right: 8px;
}
.popup_new_design2 .popup-close {
  width: 15px;
  top: 15px;
}
#gpt_chat {
  padding-top: 120px!important;
}
#gpt {
  right: 10px;
}
#gpt_form {
  margin-bottom: -20px;
}
.hide-quiz {
  display: none;
}
}
@media all and (max-width: 360px) {
  .main-technology-logos {
    display: flex;
  }
}


@media (min-width: 1200px) {
  .header-logo {
    margin-right: 15px;
  }
  .header-menu > ul > li {
    margin-right: 15px;
  }
  .videotour2 {
    margin-left: 20px;
  }
}


@media only screen and (min-width: 992px) {
  /* body.gpt_chat_opened #content .content .container, body.gpt_chat_opened header .container, body.gpt_chat_opened footer .container, body.gpt_chat_opened .module_detaly-person > .detaly-info {
    width: calc(100% - 405px) !important;
  }
  body.gpt_chat_opened .container {
    width: calc(100% - 405px) !important;
  } */



  #gpt_window {
    height: 100vh!important;
    max-width: 360px!important;
    position: absolute!important;
    padding: 0 !important;
    
    flex-direction: column!important;
    grid-gap: 0 !important;
    left: 20px;
        top: 70px;
        max-height: 715px !important;
        border-radius: 0 0 50px 50px !important;
  }
  #gpt_assistant
  {
    /*display:none!important;*/
    /* width: 100%!important; */
    height: 62%!important;
    /* height: 50%!important; */
    border-radius: 0!important;
  }
  #gpt_chat {
    width: 100%!important;
    height: 100%!important;
    background-color: #FFFFFF0D!important;

  }
  .gpt_chat_opened {
    /* margin-top: 0!important; */
  }
  /* .gpt_chat_opened .chat-open {
    display: block;
  }
  .gpt_chat_opened .all-site, .chat-open{
    display:none
  } */

  iframe::-webkit-scrollbar {
    display: none;
    width: 0;
  }
  .gpt_window_buttons, .gpt_window_actions {
    left: initial!important;
    bottom: initial!important;
    top: 20px;
    right: 20px;
  }

}
/* .chat-open{
  display:none
}
.сhat-left iframe {
  border: none;
  width: 100%;
  height: 100%;
  overflow: hidden;

  display: block;
  scrollbar-width: none;
  -ms-overflow-style: none; 
}
.сhat-left {
  overflow: hidden;
} */
#gpt_chat {
  background-color: #FFFFFF0D!important;

}
body.gpt_chat_opened #gpt #gpt_window{
  /*width: 390px;
  position: fixed;
  right: 50%;
  margin-right: -585px;*/
  width: 100%;
  max-width: 360px;
    /* position: fixed; */
    right: 0;
    box-shadow: 0px 4px 10px 0px #00000026;
    position: absolute !important;
    left: 20px;
    top: 70px;
    max-height: 715px !important;
    border-radius: 0 0 50px 50px !important;
}

[data-type="inline"] > #gpt_chat {
  /* background: linear-gradient(0deg, #1E1E1E 0%, rgba(30, 30, 30, 0.99) 90%, rgba(0, 0, 0, 0) 100%)!important; */
  background: linear-gradient(to top, #323232 0%, rgba(50, 50, 50, 0.99) 90%, rgba(50, 50, 50, 0) 100%) !important;
  margin-top: -4%!important;
}
#gpt_comments.scroll:before {
  /* background: linear-gradient(0deg, rgba(50, 50, 50, 0.99) 9%, #323232 76.19%)!important; */
}

#gpt_assistent > div> video {
  display: block!important;
}

[data-type="inline"] #gpt_form {
  background-color: transparent;
  border: 1px solid #FFF;
  margin-bottom: 20px;
}
#gpt_form textarea {

  background: transparent;
  font-family: Gotham Pro;
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: -1.5%;
/* color: #FFF; */
}



@media (max-width: 767px) {

  .new-card,
  .kredits {
      display: none;
  }



  .old-card .bank {
      display: flex;
      align-items: center;
      /* Центрируем изображение */
      justify-content: center;
      flex: 1 1 calc(20% - 20px);

      min-height: 104px;
      /* Минимальная высота */
      padding: 24px;
      border-radius: 20px;
      box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
      background: var(--white);
  }

  .swiper-container-project-item {
      margin-bottom: 0px !important;
  }

  .project-video {
      border-radius: 16px;
      height: 175px;
      background: url(../img/dom2.png);
      position: relative;
      background-size: cover;
  }

  .dark-bg-block {
      padding: 10px;
      padding-bottom: 30px;
      padding-top: 30px;
  }

  .pr-30 {
      padding-right: 0px !important;
  }

  .dark-bg-block p {
      text-align: center;
  }

  .banner-tel,
  .old-card,
  .orange-block-icons,
  .main-slider-ul {
      display: initial;
  }

  .dark-bg-block li {
      text-align: left;
  }

  .btn-transparent-wa {
      width: 100%;
  }

  .yana {
      background: none;
      display: initial;
      padding-bottom: 10px;
  }

  .yana_mob,
  .natalia_mob {
      display: block;
      margin: 0 auto;
      margin-bottom: 20px;
  }

  .natalia_mob {
      margin-top: 15px;
  }

  .btn-orange-arrow {
      width: 100%;
  }

  .consult1,
  .banner3 {
      border-radius: 0;
  }

  .banner2-block {
      padding: 10px;
  }

  .orange-img {
      margin-top: 10px;
  }

  .banner3-block {
      margin: 0 !important;
      padding: 20px;
  }

  .banner3-title {
      font-size: 18px;
  }

  .banner3-block p {
      font-size: 16px;
      text-align: center;
  }

  .orange-block {
      padding: 30px 10px;
  }

  .orange-block-title {
      text-align: center;
      font-size: 24px;
      text-align: left;
  }

  .orange-block-icon {
      width: 100%;
      font-size: 16px;
  }

  .orange-block-numbers {
      flex-wrap: wrap;
  }

  .orange-block-number {
      font-size: 42px;
      flex: 0 1 50%;
  }

  .project-desc3 {
      padding: 30px 10px;
  }

  .config-row {
      padding: 10px 0px;
  }

  .option-config {
      width: 100%;
  }

  .p-t-96 {

      text-align: center;
  }

  .small-images img {
      /* width: 196px; */
      height: 101px;
  }

  .big-image img {
      /* width: 526px; */
      height: 208px;
  }

  .btn-orange {
      display: block;
      margin-top: 30px;
  }
  #gpt {
    max-height: 100%;
  max-width: 100%;
  right: 0;
  top: 0;
  padding: 0;
  border-radius: 0;
  right: initial;
  }
  .gpt_chat_opened #gpt::before {
    content: none;
  }
  .gpt_chat_opened #gpt::after {
    content: none;
  }
  body.gpt_chat_opened #gpt #gpt_window {
    left: initial;
    top: initial;
    right: initial;
    max-width: 100%;
    border-radius: 0 !important;
    position: fixed !important;
        height: 100% !important;
        max-height: 100% !important;
        bottom: 0;
    
  }
  body.gpt_chat_opened #gpt #gpt_window {
    max-width: 100% !important;
  }
  .top_info {
    width: 100%;
  }
}
#example input[type=checkbox] {
  width: initial!important;
}
#example label {
  font-size: 12px;
}

@media (max-width: 375px) {
  .new-top-blocks {
    margin-top: 210px;
  }
}

@media (max-width: 500px) {
  #gpt {
    display: none;
  }
}