/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
@media screen and (min-width:1740px) {
    h2{
       font-size: 3.8rem;
   }
}
@media screen and (max-width:1740px) {
    .inner-block-ran-text{
        padding-top: 17%;
    }
    .inner-block-ran-text{
        height: 490px;
    }
    .image-item{
        max-height: 593px;
    }
    .team-item-img{
        height: 431px;
    }
    .image-item{
        height: 593px;
    }
}
@media screen and (min-width:1520px) {
     h2{
        font-size: 3.3rem;
    }
}
@media screen and (max-width:1520px) {
    .inner-block-ran-text{
        height: 400px;
    }
    .image-item{
         height: 490px;
        overflow: hidden;
        
    }
    .image-item img{
        -o-object-position: center;
           object-position: center;
    }
    .pop-up-form>div{
        max-width: 900px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    h2, .progect-page h1{
        font-size: 3.43rem;
    } 
    .more-project, footer .call-back, .footer-contact a{
        font-size: 3.43rem;
    }
    .team-item-img{
        height: 420px;
    }
    .inner-result>h2{
        font-size: 3rem;
    }
    .progect, .partners, .faq-block {
        padding-top: 100px;
    }
    footer .call-back{
        margin-bottom: 260px;
    }
    
    .progect-detalic .reveal-text{
        font-size: 1.57rem;
    }
}
@media screen and (max-width:1300px){
    .progect-img{
        height: 65%;
    }
    .progect-detalic-info{
        width: 200%;
    }
    .progect-navigation p{
        font-size: 2.86rem;
    }
    .image-item{
        height: 420px;
    }
}
@media (min-width:768px) and (max-width:992px) {
    .container-header{
        background-position: 0 !important;
    }
}
@media screen and (max-width:1199px) {
    /* .result-content, .services-item, .description-team{
        gap: 30px;
    } */
    h2, .progect-page h1{
       font-size: 2.86rem;
    }
    .more-project{
       font-size: 2.86rem;
    }
    .team-item-img{
        height: 360px;
    }
    .list-result span{
        font-size: 8.57rem;
        margin-right: 15px;
    }
    .list-result span.measure{
        font-size: 4.25rem;
    }
    .reveal-text p{
        font-size: 1rem;
        gap: 0 4px;
    }
    .services-item h3{
       font-size: 1.43rem;
    }
    .container-header{
        background-position: 0  !important;
    }
    .description-team-item h4{
        font-size: 1.2rem;
    }
    .description-team .reveal-text span{
        font-size: 1.7rem;
    }
}
@media screen and (max-width:992px) {
    .description-team-banner{
        max-height: 400px;
    }
    .team-item-img{
        height: 280px;
    }
    .more-project, footer .call-back, .footer-contact a{
        font-size:  3rem;
    }
    footer .call-back::after{
        width: 31px;
        height: 29px;
        min-width: 31px;
    }
    .partners ul img{
        display: block;
        width: 70%;
    }
    .inner-result>h2, h2, .more-project, footer .call-back, .footer-contact a, .progect-page h1{
        font-size:  2.5rem;
    }
    .image-item{
        height: 330px;
    }
    .footer-about{
        position: relative;
    }
    .team-item-img {
        height:216px;
    }
    .pop-up-form>div{
        padding: 30px;
    }
    .pop-up-form>div{
        max-width: 80%;
    } 
    .progect-navigation a{
        width: 150px;
    }
    .description-team .reveal-text span{
        font-size: 1.2rem;
    }
    
}
@media screen and (max-width:860px) {
    .privacy-inner h1{
        font-size:  2.57rem;
    }
    .header-nav{
        gap: 60px;
    }
    .container{
        padding: 0 20px;
    }
    .footer-about>div{
        position: relative;
    }
    .footer-about .toUp{
        position: absolute;
        top: 22px;
        right: 0;
    }
    .footer-privacy{
        padding: 0 20px;
    }

    .footer-about>div{
        padding-right: 80px !important;
    }
    .footer-privacy>div>div>div, .footer-about>div{
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
           -ms-flex-direction: column;
               flex-direction: column;
       gap: 15px;
    }
    .header-content{
        z-index: 1000;
    }
    .header-nav a{
        opacity: 0;
        -webkit-transition: all .5s linear;
        -o-transition: all .5s linear;
        transition: all .5s linear;
    }
    .header-nav.active a{
        opacity: 1;
    }
    .header-nav{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        position: absolute;
        top: 60px;
        overflow: hidden;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        z-index: 200;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        right: -20px;
        width: 183px;
        max-height: 0px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        gap: 40px;
    }
    .header-nav nav ul{
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .header-content{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .burger-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        height: 12px;
        cursor: pointer;
    }
    
    .burger-nav span {
        width: 19px;
        height: 3px;
        background: #111;
        -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
        transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
        -o-transition: transform 0.3s ease, opacity 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
    }
    
    .burger-nav.active span:nth-child(1) {
        -webkit-transform: translateY(5px) rotate(45deg);
            -ms-transform: translateY(5px) rotate(45deg);
                transform: translateY(5px) rotate(45deg);
    }
    
    .burger-nav.active span:nth-child(2) {
        -webkit-transform: translateY(-4px) rotate(-45deg);
            -ms-transform: translateY(-4px) rotate(-45deg);
                transform: translateY(-4px) rotate(-45deg);
    }
    
    .burger-nav span:not(:nth-child(1)):not(:nth-child(2)) {
        display: none;
    }
    .burger-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 6px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .header-nav nav ul{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
    }
    .faq-block{
        padding-top: 100px;
    }
    .footer-about{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 15px;
    }
}
@media screen and (max-width:767px) {
    .inner-block-ran-text{
        height: 30vh;
        padding-top: 64vh;
    }
    .progect-page .privacy-nav{
        position: relative;
        left: auto;
    }
    .polit-box{
        padding: 16px;
         width: 100%; 
        -webkit-box-sizing: border-box; 
                box-sizing: border-box;
    }
    .description-team .reveal-text span{
        font-size: 1rem;
    }
    .polit-box p{
        font-size: 0.9rem;
        width: 90%;
    } 
    .container-header{
        height: 80vh;
    }
    .container-header {
        background-position: center !important;
    }
    .progict-items{
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .image-item {
        height: 444px;
    }
    .list-result span{
        font-size:  7.14rem;
    }
    .list-result span.measure{
        font-size: 3.6rem;
    }
    .result-content{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
    }
    .result-content h2{
        margin: 0;
        padding: 0;
    }
    .result-content{
        margin-bottom: 100px;
    }
    .services-item{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .services-item h3{
        font-size: 1.57rem;
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative;
        gap: 20px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .services-item h3::after{
        content: "";
        background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='26' height='28' viewBox='0 0 26 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M26 14.7636L23.725 12.4473L14.625 21.7127L14.625 -4.97217e-07L11.375 -6.39279e-07L11.375 21.7127L2.275 12.4473L-6.45339e-07 14.7636L13 28L26 14.7636Z' fill='%23111111'/%3e%3c/svg%3e ");
        background-repeat: no-repeat;
        display: block;
        width: 18px;
        min-width: 18px;
        height: 17px;
        background-size: contain; 
        -webkit-transition: all .3s linear; 
        -o-transition: all .3s linear; 
        transition: all .3s linear;  
    }
    .question h5::before{
        right: -30px;
        width: 18px;
        height: 17px;
    }
    .services-item.active h3::after{
        background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='26' height='28' viewBox='0 0 26 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M26 13.2364L23.725 15.5527L14.625 6.28727L14.625 28L11.375 28L11.375 6.28727L2.275 15.5527L-6.45339e-07 13.2364L13 5.68248e-07L26 13.2364Z' fill='%23D159AF'/%3e%3c/svg%3e");
    }
    .services-item.active .reveal-text {
        max-height: 1000px; /* Достаточно большое значение для раскрытия содержимого */
    }
    .services-item h3 {
        cursor: pointer;
    }
    .services-item .reveal-text {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.5s ease;
        -o-transition: max-height 0.5s ease;
        transition: max-height 0.5s ease;
    }
    .services-item{
        padding-bottom: 10px;
    }
    .call-back{
        margin-left: 0;
    }
    .description-team{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .description-team-banner{
        max-height: 100%;
    }
    .description-team-items{
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }
    .our-team .mouse-circle{
        display: none!important;
    }
    .team-item-img{
        height: 360px;
    }
    .description-team-item h4{
        font-size: 1rem;
    }
    .description-team-item p{
        font-size: 0.8rem;
    }
    .question{
        padding: 36px 30px 36px 0;
    }
    .faq-block{
        margin-bottom: 100px;
    }
    footer .call-back{
        margin-bottom: 250px;
    }
   .our-team .reveal-text{
    font-size: 1rem;
   }
   .footer-social{
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    display: -ms-grid;
    display: grid;
    gap: 20px;
   }
   .footer-social a{
   font-size: 1.43rem;
   }
   footer .call-back{
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
   }
   .partners ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    }
    .partners ul img{
        margin: 0 auto;
    }
    .pop-up-form>div{
        max-width: 97%; 
        -webkit-box-sizing: border-box; 
                box-sizing: border-box;
    }
    .pop-up-form h2{
        font-size:  3rem;
        margin: 0  0 14px;
    }
    .pop-up-form form{
        margin: 44px 0 50px;
    }
    .partners ul{
        gap: 30px 0;
    }
    .progect-content{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        gap: 30px;
        margin:30px 0 60px;
    }
    .progect-detalic>span{
         margin: 0;
    } 
    .progect-detalic-info{
        width: 100%;
        gap:30px 12px ;
        margin-bottom: 0;
    }
    .progect-img{
        margin: 30px 0 0 ;
    }
    .progect-img{
         height: 500px;
        overflow: hidden;
    }
    .progect-img img{
        height: 100%;
        max-height: 900px;
        width: 100%;
        -o-object-position: center;
           object-position: center;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .progect-detalic-info>li>span{
        font-size: .8rem;
    }
    .progect-detalic-info em{
        font-size: 3rem;
    }
    .progect-detalic-info p{
        font-size: 1rem;
    }
    .progect-detalic-info p>span{
        font-size: 1.57rem;
    }
    .gallery-images{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
    }
    .progect-img{
        margin-top: 0;
    }
  
}
@media screen and (max-width:575px) {
    .image-item {
        height: 324px;
    }
    .inner-block-ran-text{
        padding-top: 17%;
    }

    .progect{
        padding-top: 40px;
        position: relative;
    }
    .progict-items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .progict-items {
        position: relative;
        overflow: hidden;
      }
    .progect-navigation{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 30px;
    }
    .progect>div{
        position: relative;
    }
    /* .progect h2{
        position: sticky;
        top:65px;
    } */
    .progect .sticky {
        position: sticky;
    }
    .progect .more-project{
        background:  rgb(205, 205, 211);
        z-index: 30;
        position: relative;
    }
    .progect>div::before{
        content: "";
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0;
        height: 300px;
        width: 100%;
        background:  rgb(205, 205, 211);
        z-index: 30;
    }
    .progect .call-back{
        position: relative;
        z-index: 31;
    }
    .progict-items{ 
        /* display: block; */
        overflow: visible;
        /* background: linear-gradient(#ffffff00 80%, rgb(205, 205, 211) 50%); */
        z-index: 30;
    }
    .progict-item{
        overflow: hidden;
        position: -webkit-sticky;
        background:  rgb(205, 205, 211);;
        /* top: 160px; */
        padding-top: 0;
        /* position: sticky ; */
        /* margin: 0 0 20px; */
        display: block!important;
    }
    .progict-items p, .progict-items h3{
        background:  rgb(205, 205, 211);;
    }
    .progict-items h3{
        margin: 0;
        padding: 10px 0 6px;
    }
    .progect .more-project{
        display: none;
    }
    .progect-navigation p{
        width: 68%;
    }
    .progect-navigation-prev{
        text-align: right;
    }
    .progect-navigation-prev p{
        margin-left: auto;
    }
    .nav-previous .progect-navigation-next{
        text-align: left;
        margin-top: 33px;
    }
    .progect-navigation{
        margin: 60px 0 0 ;
    }
    .list-result li:nth-child(2), .list-result li:last-child{
        text-align: left;
    }
    .progect-navigation a{
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    .list-result li{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding-bottom: 22px;
    }
    .list-result span{
        position: relative;
        bottom: -10px;
    }
    .pop-up-form>div{
        max-width: 100%;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
                transform: rotate(0);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    .pop-up-form>div{ 
        display: -webkit-box; 
        display: -ms-flexbox; 
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .progect-img{
        height:  361px;
    }

    #cookie-notice{
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }

    .post-navigation .nav-links{
       flex-direction: column;
    }
    .progect-navigation-prev p{
        text-align: right;
    }
    .services .call-back{
        margin-bottom: 40px;
    }
    .progect-navigation-next p{
        text-align: left;
    }
    #about.our-team{
        padding-top: 70px;
    }

    .question.active .ansver{
        max-height: max-content;
    }

    .list-result span.measure{
        margin-bottom: 7px;
    }

    .partners ul img{
        max-height: 70px;
    }

    footer{
        padding-top: 40px;
    }
   
}
@media screen and (max-width:420px){
    .image-item {
        height: 446px;
    }
    .progict-items{
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    h2{
        -webkit-hyphens: auto;
            -ms-hyphens: auto;
                hyphens: auto;
        word-break: auto-phrase;
    }
    .footer-contact a{
        font-size: 2.2rem;
    }
    .team-item-img {
        height:216px;
    }
    .partners ul{
        display: -ms-grid;
        display: grid;
        gap: 30px;
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: 1fr 1fr;
    }
}