*, *::before, *::after {
    margin: 0;
    padding: 0;
    outline: none !important;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Regular';
    src: url('/wp-content/themes/NyashakHub/fonts/georgia.ttf') format('truetype');
    font-style: normal; 
    font-weight: normal; 
}
@font-face {
    font-family: 'Medium';
    src: url('/wp-content/themes/NyashakHub/fonts/georgia.ttf') format('truetype');
    font-style: normal; 
    font-weight: normal; 
}
@font-face {
    font-family: 'Bold';
    src: url('/wp-content/themes/NyashakHub/fonts/georgia.ttf') format('truetype');
    font-style: normal; 
    font-weight: normal; 
}
@font-face {
    font-family: 'H1';
    src: url('/wp-content/themes/NyashakHub/fonts/georgia.ttf') format('truetype');
    font-style: normal; 
    font-weight: normal; 
}
@font-face {
    font-family: 'p';
    src: url('/wp-content/themes/NyashakHub/fonts/georgia.ttf') format('truetype');
    font-style: normal; 
    font-weight: normal; 
}

#UpForm .input-form p input, #const .input-form p input, #const .input-form p textarea, #fooer .input-form p input{
    width: 100%;
}

h1{
    font-family: 'H1' !important;
}
.font-fam{
    font-family: 'p' !important;
}
body{
    background: #fff2f2;
}
#UpForm .input-form p input{
    background: #fe4a2b5e;
}
#UpForm .input-form p .send-form{
    background: #8e1905de;
}
#UpForm .input-form p .send-form:hover{
    background: #9e200af7;
}
.wpcf7-acceptance label{
    display: flow-root;
}
.wpcf7-acceptance label input{
    width: 25px !important;
}
.breadcrumbs span, .breadcrumbs{
    color: white !important;
    font-size: 23px;
}
h1, h2, h3, h4, h5, h6{
    font-size: 28px;
}
.wpcf7-acceptance label{
    font-size: 15px;
}


.popup-sev .popup-window{
    max-width: 1200px;
    display: none;
}
.popup-sev.active .popup-window{
    display: block;
}
.popup-sev.active{
    z-index: 999;
    display: flex;
}






#services, #gradostroitelstvo, #zemelniy_otnosheny, #sudebni-spor, #komp-razvit-terr{
    background: transparent !important;
    background-color: transparent !important;
}

/*Шапка сайта*/
#shapka{
    padding: 0 !important;
    border-radius: 0 !important;
    background-size: cover;
}
#PC-header{
    position: fixed;
    z-index: 407;
    top: 0px;
    width: 100%;
    background: #8e190585;
    /* box-shadow: rgba(255, 255, 255, 0.25) 0px 25px 50px -12px; */
    margin-bottom: 8vh;
    overflow: visible;
}
.shapan{
    width: 100%;
    /*background: #548ae8;*/
}
.shapans{
    transition: 0.3s ease-in-out; /* Плавное изменение фона */
}
.shapans.scrolled {
    /* top: -150px !important; */
    background: #8e1a05b7 !important;
}
.shapan .top{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;    
    margin: 15px 0;
}
.shapan .top .content{
    width: 120px;
    display: inherit;
    gap: 15px;
    justify-content: center;
    align-items: center;
}
.shapan .top .content p, .shapan .top .content a{
    color: white;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}
.shapka{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*border-bottom: 1px solid white;*/
    /*background: #e7e7e7;
    border-radius: 80px;*/
    align-items: center;
    padding: 10px;
    margin: 0;
}
.shapka .left{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding-top: 15px;
}
li nav a{
    color: white;
    font-size: 18px;
}
.shapka-logo{
    width: 100%;
}
.shapka-logo:hover{
    transform: scale(1.02);
}
.shapka-logo:active{
    transform: scale(1);
}
#PC-header .shapka .logo{
    display: flex;
    width: 50px;
    align-items: center;
}
#PC-header .top .content .logo{
    width: 100%;
    padding: 0;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.shapka_button, .shapka_button1{
    background: #8e1905de;
    border-radius: 10px;
    padding: 20px 60px;
    font-weight: 500;
    font-size: 18px !important;
    color: white;
    font-size: 15px;
    transition: 0.5s;
    display: block;
    width: max-content;
    text-align: center;
    height: max-content;
    transition: .3s ease-in-out;
    background-size: 300% 300%;
}
.shapka_button:hover, .shapka_button1:hover{
    color: white;
    animation: linear-bg-bt 6s infinite linear;
    transform: scale(1.02);
    background: #9e200af7;
}
.shapka_button:active, .shapka_button1:active{
    transform: scale(1);
}
.shapka_button1{
    background: transparent;
}
.shapka_nobotton{
    font-size: 19px !important;
    padding: 17px 40px;
}
#buthead{
    text-align: center;
}
#buthead .input-form p{
    width: 100%;
    margin: 0;
}
#buthead .input-form .num-head, #buthead .input-form .tel-head, #buthead .input-form .but-head{
    width: 100%;
    padding: 15px;
    color: #4C545E;
    background: #f7f7f5;
    border-radius: 15px;
    border: 1px solid #f7f7f5;
    margin-bottom: 10px;
}
#buthead .input-form .but-head{
    cursor: pointer;
    background: #c5a47e;
    color: black;
    margin: 0;
}
nav.main-navigation-PC{
    width: 80%;
}
nav.main-navigation div.menu ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
nav.main-navigation .menu-menu-container .menu-item a {
    font-size: 19px;
    color: white;
    font-weight: 400;
    margin: 0;
}
nav.main-navigation .menu-menu-container .menu-item{
    transition: .3s ease-in-out;

    &:hover{
        color: rgb(224, 207, 207);
        transform: translateY(-2px);
    }

    &:active{
        transform: translateY(0);
    }
}
.shapan .main-navigation .menu{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0;
    align-items: center;
}
.shapan .main-navigation .menu .menu-item{
    font-size: 16px;
    font-weight: 400;
    color: white;
    visibility: hidden !important;
}
.shapan .container nav{
    margin: 0;
}
.sub-menu{
    display: none;
    transform: translateY(0px);
}
#menu-item-14:hover > .sub-menu, #menu-item-15:hover > .sub-menu, #menu-item-16:hover > .sub-menu, #menu-item-17:hover > .sub-menu{
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: fixed;
    z-index: 20;
    background: #8e1905bd;
    border-radius: 15px;
    padding: 15px;
    width: 400px;
    transform: translateY(2px);
}
#menuToggle{
    display: none;
}
.shapan .main-navigation .menu{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}
.shapan .main-navigation .menu .menu-item{
    font-size: 16px;
    font-weight: 400;
    color: white;
    z-index: 2;
}
.shapan .container nav{
    margin: 0;
}




#shapka{
    margin-bottom: 65px;
}
#shapka .shapka_content{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#shapka .fortochka_cont{
    position: absolute;
    z-index: -1;
    background: black;
    width: 100%;
    border-radius: 0px;
    /* margin: 15px; */
}
#shapka .fortochka{
    width: 100%;
    opacity: .5; /* Прозрачность фонового изображения */
    object-fit: cover;
    background: transparent;
    border-radius: 0px;
}
#shapka .fortochka_cont, #shapka .fortochka, #shapka .shapka_content{
    height: 100vh;
}
#shapka .shapka_content .advantages .ikonka_1{
    width: 19px;
    box-shadow: rgba(3, 119, 224, 0.2) 0px 7px 29px 0px;
    border-radius: 40px;
    margin-right: 3px;
    height: fit-content;
}
#shapka .shapka_content p, #shapka .shapka_content h1, #shapka .shapka_content .advantages p{
    margin: 0;
    color: #ffffff;
}
#shapka .shapka_content p{
    font-size: 18px;
    font-weight: 500;
    color: #A5A5A5;
}
#shapka .shapka_content h1{
    font-size: 56px;
    font-weight: 700;
    margin-bottom: 40px;
}
#shapka .shapka_content .advantages p{
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 7px;
    display: flex;
    gap: 3px;
}
#shapka .shapka_content .advantages .rejing{
    font-size: 18px;
    display: flex;
    gap: 3px;
    height: auto;
    align-items: center;
}
#shapka .shapka_content .advantages .rejing .starsss{
    /* margin-left: 5px; */
    height: fit-content;
}
#shapka .shapka_content .cont-form{
    margin-top: 15px;
    width: 100%;
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}
#shapka .shapka_content .cont-form a{
    padding: 20px 45px;
    font-size: 18px;
    font-weight: 700;
    transition: .3s ease-in-out;
}
#shapka .shapka_content .cont-form .bottom1{
    color: white;
    transition: .3s ease-in-out;
    position: relative;
    overflow: hidden;
    padding: 0 !important;
    letter-spacing: 0.6px;
    box-shadow: none !important; 
    width: 50px !important;
    height: 50px;
}
#shapka .shapka_content .cont-form .bottom1 img {
    width: 100%;
}
@keyframes movingFlare {
    0% {
      left: -30px;
      margin-left: 0px;
    }
    30% {
      left: 110%;
      margin-left: 80px;
    }
    100% {
      left: 110%;
      margin-left: 80px;
    }
}
#shapka .shapka_content .cont-form .bottom2{
    background: transparent;
    color: #303030;
    border: 1px solid #303030;
}
#shapka .shapka_content .cont-form .bottom2:hover{
    background: #303030;
    color: white;
}
#shapka .content-z{
    position: relative;
    z-index: 2;
}








#services h2{
    margin-bottom: 25px;
}
#services .content1{
    grid-template-columns: repeat(auto-fit, minmax(456px, 1fr));
}
#services .content1 .grid{
    border-radius: 10px;
}
#services .content1 .grid .img img{
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 10px;
}
#services .content1 .grid .info{
    padding: 15px;
}
#services .content1 .grid .info .zag{
    font-size: 28px;
}
#services .content1 .grid .info .opi{
    color: #797979;
    font-size: 19px;
}
#services .content1 .grid .info a{
    background-color: #8e1905de;
    color: white;    
    padding: 15px 30px;
    font-size: 16px;
}
#services .content1 .grid .info a:hover{
    background: #9e200af7;
}




#zag{
    margin-bottom: 65px;
}
#zag .center{
    display: flex;
    flex-direction: row;
}
#zag .center .left{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#zag .center .left, #zag .center .right{
    width: 49%;
}
#zag .center .left h1{
    font-size: 32px;
    font-weight: 500;
    width: 95%;
}
#zag .center .left p{
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    width: 98%;
    display: flex;
    flex-direction: row;
    gap: 4px;
    margin-bottom: 5px;
}
#zag .center .left .prem{
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;
}
#zag .center .left .opi{
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
}
#zag .center .left .rospis{
    display: flex;
    flex-direction: row;
    gap: 10px;
}
#zag .center .left .rospis .text{
    display: flex;
    flex-direction: column;
}
#zag .center .left .rospis .text p{
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}
#zag .center .left .rospis .text .fio{
    font-size: 16px;
}
#zag .center .right{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 10px;
}
#zag .center .right .swipe-paginate{
    display: flex;
    gap: 5px;
    flex-direction: row;
    width: fit-content;
    align-self: center;
    background: #d9e0e7;
    padding: 4px 6px;
    border-radius: 10px;
}
#zag .center .right .swiper-pagination-bullets{
    padding: 2px;
}
#zag .center .right .swiper-pagination-bullet{
    background: #464849;
    border-radius: 45px;
    border: none;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    width: 10px;
    height: 10px;
    font-size: 0;
}
#zag .center .right .swiper-pagination-bullet-active {
    background: #0077e7;
    transition: 0.5s;
    pointer-events: none;
}
#zag .center .right img{
    border-radius: 15px;
    width: 100%;
    object-fit: cover;
    height: 450px;
}
#zag .content{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-top: 15px;
    padding: 15px;
    /*border-radius: 15px;
    border: 1px solid #d9d9d9;*/
}
#zag .content .cont1{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#zag .content .cont1 .marker::before{
    content: "\2022"; /* Это Unicode для маркера (•) */
    font-size: 20px; /* Размер маркера */
    color: #0a6dca; /* Цвет маркера */
    margin-right: 5px; /* Отступ от текста */
    vertical-align: middle; /* Центрируем маркер по вертикали */
}
#zag .content .cont1 p{
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    display: flex;
    align-items: baseline;
}
#zag .content .cont1 h6{
    font-size: 42px;
    font-weight: 400;
    margin: 0;
}
#zag .content .positionsborder{
    border: 1px solid #d9d9d9;
    border-radius: 15px;
    padding: 15px 0;
}
#zag .content .positionsborder1{
    border-radius: 10px 0 0px 10px; /* Убираем скругление справа */
}
#zag .content .positionsborder2, #zag .content .positionsborder3{
    border-radius: 0;
}
#zag .content .positionsborder4{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#zag .ikonka_1{
    width: 20px;
}






#gradostroitelstvo, #zemelniy_otnosheny, #sudebni-spor, #komp-razvit-terr{
    position: relative;
    background-color: #fff;
    border-radius: 30px;
    /* box-shadow: 0px -7px 22px 1px rgba(0, 0, 0, .10); */
    height: 60vh;
}
#gradostroitelstvo .container, #zemelniy_otnosheny .container, #sudebni-spor .container, #komp-razvit-terr .container{
    height: 100%;
}
#gradostroitelstvo .drel, #zemelniy_otnosheny .drel, #sudebni-spor .drel, #komp-razvit-terr .drel{
    position: absolute;
    left: -280px;
}
#gradostroitelstvo .center, #zemelniy_otnosheny .center, #sudebni-spor .center, #komp-razvit-terr .center{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
}
#gradostroitelstvo .center-revers, #zemelniy_otnosheny .center-revers, #sudebni-spor .center-revers, #komp-razvit-terr .center-revers{
    flex-direction: row-reverse;
}
#gradostroitelstvo .left, #zemelniy_otnosheny .left, #sudebni-spor .left, #komp-razvit-terr .left{
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}
#gradostroitelstvo .left p, #zemelniy_otnosheny .left p, #sudebni-spor .left p, #komp-razvit-terr .left p{
    color: #797979;
    font-size: 19px;
}
#gradostroitelstvo .left h2, #zemelniy_otnosheny .left h2, #sudebni-spor .left h2, #komp-razvit-terr .left h2{
    color: black;
}
#gradostroitelstvo .right, #zemelniy_otnosheny .right, #sudebni-spor .right, #komp-razvit-terr .right{
    width: 48%;
    display: flex;
    height: 100%;
}
#gradostroitelstvo .right img, #zemelniy_otnosheny .right img, #sudebni-spor .right img, #komp-razvit-terr .right img{
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
    height: 100%;
}










#fakt_o_comp{
    margin-bottom: 65px;
}
#fakt_o_comp h2{
    margin-bottom: 15px;
}
#faq{
    overflow: visible;
    margin: 0;
}
.accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }
  
  .accordion .accordion-item {
    background-color: #f6f6fa;
   margin-bottom: 5px;
    border-radius: 10px;
    padding: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }
  
  .accordion .accordion-item .accordion-item-description-wrapper hr {
    border: none;
    border-top: 1px solid var(--border-color);
    visibility: visible;
  }
  
  .accordion .accordion-item.open .accordion-item-description-wrapper hr {
    visibility: visible;
  }
  
  .accordion .accordion-item .accordion-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    cursor: pointer;
  }
  
  .accordion .accordion-item .accordion-item-header .accordion-item-header-title {
    font-weight: 500;
    color: #212121;
    margin: 0;
  }
  
  .accordion .accordion-item .accordion-item-header .accordion-item-header-icon {
    transition: all 0.2s ease;
    flex-shrink: 0;
  }
  
  .accordion
    .accordion-item.open
    .accordion-item-header
    .accordion-item-header-icon {
    transform: rotate(-180deg);
  }
  
  .accordion .accordion-item .accordion-item-description-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: all 0.2s ease;
  }
  
  .accordion .accordion-item.open .accordion-item-description-wrapper {
    grid-template-rows: 1fr;
    padding: 0px 10px;
  }
  
  .accordion
    .accordion-item
    .accordion-item-description-wrapper
    .accordion-item-description {
    min-height: 0;
    color: #212121;
  }
  
  .accordion .accordion-item .accordion-item-description-wrapper .accordion-item-description
    p {
    padding: 0px;
    line-height: 1.5;
    margin: 0;
    font-size: 14px;
    color: #797979;
  }
  .accordion-item:hover .accordion-item-header-title, .accordion-item:hover .accordion-item-header-icon, .accordion-item.open .accordion-item-header-title, .accordion-item.open .accordion-item-header-icon{
    /* color: var(--blue); */
  }
#fakt_o_comp .item{
    padding: 15px;
    background: rgb(29,130,249);
    background: linear-gradient(90deg, rgba(29,130,249,1) 0%, rgba(9,108,199,1) 90%);
    border-radius: 10px;
}
#fakt_o_comp .item .content p{
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: white;
    width: 95%;
}
#fakt_o_comp .item .content p a{
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
#fakt_o_comp .item .content p .number{
    text-decoration: underline !important;
}
#fakt_o_comp .item .content .bot a{
    background: white;
    padding: 15px 45px;
    border-radius: 40px;
    color: black;
}
#fakt_o_comp .item .content{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap: 15px;
    align-items: center;
}
#fakt_o_comp .information{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 15px;
}
#fakt_o_comp .information .left{
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#fakt_o_comp .information .img{
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}
#fakt_o_comp .information .img img{
    width: 100%;
    height: fit-content;
    border-radius: 10px;
}
#fakt_o_comp .OPISNE{
    font-size: 16px;
    color: #2f2f2f;
    font-weight: 300;
}
#fakt_o_comp .information .img .cont{
    border-radius: 10px;
    background: #5282fe;
    padding: 20px 20px;
    width: fit-content;
    color: white;
    margin-top: -40px;
}
#fakt_o_comp .information .img .cont p{
    margin: 0;
}
#fakt_o_comp .batton{
        background: #5282fe;
    border-radius: 10px;
    padding: 20px 60px;
    font-weight: 500;
    font-size: 18px !important;
    color: white;
    font-size: 15px;
    transition: 0.5s;
    display: block;
    margin-top: 15px;
    width: max-content;
    text-align: center;
    height: max-content;
    transition: .3s ease-in-out;
    background-size: 300% 300%;
}






#fooer{
    padding: 40px 0;
    padding-top: 60px;
    margin: 0;
    background: transparent;
}
#fooer .center{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
}
#fooer .center .left{
    width: 30%;
}
#fooer .center .right{
    width: 30%;
}
#fooer .center .left .logo{
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0;
    width: 150px !important;
}
#fooer .content .content{
    text-align: center;
}
#fooer .content .content h4{
    font-size: 30px;
    color: #212121;
}
#fooer .content .content p{
    font-size: 18px;
    color: #212121;
}
#fooer .input-form p{
    width: 100%;
    display: flex;
    flex-direction: column;
}
#fooer .input-form p input{
    width: 100%;
    padding: 20px 15px;
    border-radius: 10px;
    border: 1px solid #fe4a2b5e;
    border: none;
    background: #fe4a2b5e;
    font-size: 16px;
}
#fooer .input-form p .send-form{
    background: #8e1905de;
    color: white;
    cursor: pointer;
    border: none;
    margin: 0;
    transition: .3s ease-in-out;
    width: 100%;
    font-size: 20px;
}
#fooer .input-form p .send-form:hover{
    background: #9e200af7;
    transform: scale(1.02);
}
#fooer .input-form p .send-form:active{
    transform: scale(1);
}
#fooer .wpcf7-response-output{
    color: black;
}
#fooer .menu{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#fooer nav.main-navigation .menu-menu-container .menu-item a{
    color: black;
}
#fooer .zaglushka{
    margin-top: 15px;
    color: #797979;
}


#const .input-form p{
    width: 100%;
    display: flex;
    flex-direction: column;
    font-size: 18px;
}
#const .input-form p input, #const .input-form p textarea{
    width: 100%;
    padding: 20px 15px;
    border-radius: 10px;
    border: 1px solid #fe4a2b5e;
    border: none;
    background: #fe4a2b5e;
    font-size: 17px;
}
#const .input-form p .send-form{
    background: #8e1905de;
    color: white;
    cursor: pointer;
    border: none;
    margin: 0;
    transition: .3s ease-in-out;
    width: 100%;
    font-size: 21px;
}
#const .input-form p .send-form:hover{
    background: #9e200af7;
    transform: scale(1.02);
}
#const .input-form p .send-form:active{
    transform: scale(1);
}
#const .wpcf7-response-output{
    color: black;
}
#const .fotm{
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: space-between;
}
#const .forma, #const .img{
    width: 49%;
}
#const .img{
    display: flex;
    justify-content: center;
}
#const .img img{
    width: 66%;
    height: fit-content;
}
#const h3{
    font-size: 26px;
}


 .multibutton {
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 70px;
    height: 70px;
    transition: 0.2s ease;
    z-index: 999; }
  
  .multibutton:hover {
    width: auto;
    height: auto; }
  
  .multibutton:hover .multibutton__list {
    position: relative;
    top: auto;
    bottom: 10px;
    visibility: visible; }
  
  .multibutton:hover .multibutton__item {
    visibility: visible;
    opacity: 1;
    transition: 0.3s ease;
    transform: scaleX(1) scaleY(1) translateY(0); }
  
  .multibutton__list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    right: 13px;
    top: 80px;
    visibility: hidden;
    transition: 0.3s ease;
    list-style: none;
    padding: 0;
    margin: 0; }
  
  .multibutton__title {
    font-size: 12px;
    color: #fff!important;
    text-decoration: none;
    background: #8c2615;
    padding: 10px;
    border-radius: 30px; }
  
  .multibutton__item {
    display: flex;
    align-items: center;
    margin: 4px 0;
    transform: scaleX(0.4) scaleY(0.4) translateY(150px);
    opacity: 0;
    visibility: hidden; }

    .multibutton__item a:hover {
        text-decoration: none;
        color: #ff2241!important;
    }
  
  .multibutton__button {
    width: 70px;
    height: 70px;
    background: #8e1905de;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    animation: animation_button 3s linear infinite;
    transition: all 200ms ease-out; }
  
  @keyframes animation_button {
    0% {
      box-shadow: 0 0 0 0 #831805de, 0 0 0 0 #831805a6; }
    40% {
      box-shadow: 0 0 0 13.62667px rgba(255, 186, 38, 0), 0 0 0 6.81333px #83180588; }
    80% {
      box-shadow: 0 0 0 27.25333px rgba(255, 186, 38, 0), 0 0 0 13.62667px rgba(255, 206, 9, 0); }
    100% {
      box-shadow: 0 0 0 34.06667px rgba(255, 186, 38, 0), 0 0 0 27.25333px rgba(255, 206, 9, 0); } }
  .multibutton__button svg {
    width: 30px;
    height: 30px;
    fill: #fff; }
  
    .multibutton__item:nth-child(1) .multibutton__icon {
        background: #ff2241;; }
      
      .multibutton__item:nth-child(2) .multibutton__icon {
        background: #0088cc; }
      
      .multibutton__item:nth-child(3) .multibutton__icon {
        background: #6cc751; } 
  
  .multibutton__icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px; }
  
  .multibutton__icon svg {
    width: 26px;
    height: 26px;
    fill: #fff; }





@media screen and (max-width: 1200px) {
    #const .img img{
        width: 100%;
    }
    #menuToggle .content{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        padding: 15px 0;
        gap: 15px;
        align-items: center;
    }
    #menuToggle .content img{
        width: 120px;
    }

    /*Toggler-menu*/
    #PC-header{
        display: none;
    }    
    #menuToggle
    {
    display: block;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 15;
    left: 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    background: rgba(0, 0, 0, 0.568);
}
    #menuToggle input
    {
    display: block;
    width: 50px;
    height: 41px;
    position: absolute;
    top: -7px;
    left: -5px;
    
    cursor: pointer;
    
    opacity: 0; /* hide this */
    z-index: 17; /* and place it over the hamburger */
    
    -webkit-touch-callout: none;
    }

    #menuToggle .class_menu{
        position: fixed;
        top: 30px;
        right: 20px;
    }
    /*
    * Just a quick hamburger
    */
    #menuToggle span
    {
    display: block;
    width: 40px;
    height: 4px;
    margin-bottom: 7px;
    position: relative;
    
    background: #9e200af7 ;
    
    z-index: 16;
    
    transform-origin: 4px 0px;
    
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                opacity 0.55s ease;
    }

    #menuToggle span:first-child
    {
    transform-origin: 0% 0%;
    }
    #menuToggle span:nth-last-child(2)
    {
    transform-origin: 0% 100%;
    }
    #menuToggle input:checked ~ span
    {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
    }
    #menuToggle input:checked ~ span:nth-last-child(3)
    {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
    }
    #menuToggle input:checked ~ span:nth-last-child(2)
    {
    transform: rotate(-45deg) translate(0, -1px);
    }
    #overlay{
        position: absolute;
    width: 100vw;
    height: 100vh;
    margin: -100px 0 0 55px;
    padding: 50px;
    padding-top: 125px;
    z-index: 14;
    background: #FFFFFF;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */
    
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    }
    #overlay li > a{
        text-align: right;
        width: 100%;
        display: block;
        font-size: 20px;
        font-family: 'Inter_medium' sans-serif;
        margin-bottom: 10px;
        color: black;
    }
    #overlay a.header-cta{
        margin: auto;
        margin-bottom: 15px;
    }
    .main-navigation{
        margin-bottom: 70%;
    }
    #overlay a.mob-link{
        width: 100%;
        display: block;
    }
    #menuToggle input:checked ~ #overlay
    {
    transform: translate(calc(30px - 100%), 0);
    }
}
@media screen and (max-width: 1000px) {
    #shapka .shapka_content h1{
        font-size: 40px;
    }
    #services .content1{
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
    #services .content1 .grid .img img{
        height: 220px;
    }
    #gradostroitelstvo .center, #zemelniy_otnosheny .center, #sudebni-spor .center, #komp-razvit-terr .center{
        flex-direction: column;
        gap: 15px;
    }
    #gradostroitelstvo .left, #zemelniy_otnosheny .left, #sudebni-spor .left, #komp-razvit-terr .left, #gradostroitelstvo .right, #zemelniy_otnosheny .right, #sudebni-spor .right, #komp-razvit-terr .right{
        width: 100%;
    }
    #const .img{
        display: none;
    }
    #const .forma, #const .img{
        width: 100%;
    }
    #fooer .center .left, #fooer .center .right{
        width: 49%;
    }
    #fooer #site-navigation{
        margin: 0 !important;
    }
    #zag .center{
        flex-direction: column;
        gap: 15px;
    }
    #zag .center .left, #zag .center .right{
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    #shapka .fortochka_cont {
        background: black;
        width: 100%;
        border-radius: 0px;
        margin: 0;
    }
    .shapka_button{
        padding: 15px 30px;
    }
    #shapka .fortochka{
        border-radius: 0;
    }
    #shapka .shapka_content h1{
        font-size: 32px;
    }
    #shapka .shapka_content .advantages p{
        font-size: 14px;
    }
    #shapka .shapka_content .cont-form .bottom1{
        padding: 18px 40px;
    }
    .popup-sev.active .popup-window{
        height: 100%;
    }
}

@media screen and (max-width: 567px){
    #menuToggle .content{
        justify-content: start;
        padding: 15px 15px;
    }
    #fooer .center{
        flex-direction: column;
        gap: 15px;
    }
    #fooer .center .left, #fooer .center .right{
        width: 100%;
    }
    #shapka .shapka_content .advantages .ikonka_1{
        width: 15px;
        height: 15px;
    }
    #UpForm .input-form p input, #const .input-form p input, #const .input-form p textarea, #fooer .input-form p input{
        width: 100%;
    }
    .wpcf7-list-item input{
        width: 15px !important;
        height: 15px !important;
        padding: 0 !important;
    }
    #overlay li > a{
        width: 80%;
    }
    #overlay .menu-menu-container .menu-item{
        display: flex;
        justify-content: end;
    }
    #shapka .fortochka{
        width: 190%;
    }
    #shapka .fortochka_cont{
        overflow: hidden;
    }
}

@media screen and (max-width: 450px){
    .shapka_button{
        padding: 15px 30px;
        font-size: 14px !important;
    }
    #menuToggle .content img{
        width: 90px;
    }
    #shapka .shapka_content h1{
        font-size: 36px;
    }
    #shapka .shapka_content .advantages p{
        font-size: 13px;
    }
    #shapka .shapka_content .cont-form .bottom1{
        width: 50px !important;
        height: 50px;
        text-align: center;
    }
    #services .content1 .grid .info .opi{
        font-size: 13px;
    }
    #const h2{
        font-size: 24px;
    }
}

@media screen and (max-width: 360px){
    .shapka_button{
        padding: 10px 15px;
    }
    #shapka .shapka_content h1{
        font-size: 26px;
    }
}