body {
	color: #8f8f8f;
	font: 12px 'Montserrat', sans-serif;
	background-color: #f8f8f8 ;
	margin: 0;
    scroll-behavior: smooth!important;

}
html {
    scroll-behavior: smooth;
}
img {
	border: 0;
}

p {
	margin: 20px 0;
}
@media screen and (max-width: 1000px) and (min-width: 300px) {
    .managerdesc-horizontal{
        width: 40%;
    }
    .managerdesc-horizontal h2{
        font-size: 34px!important;
    }
    .horizontal-slide{
        display: flex;
        justify-content: space-between;
        height: 70%;
        flex-direction: column;
    }
    .soviet-manager img{
        margin-right: 40px!important;
        width: 260px!important;
    }
    .soviet-manager{
        display: flex;
    }
    .error-message{
        color: white;
        font-size: 31px;
        margin-left: 25px;
        margin-bottom: 20px;
        position: absolute;
        width: 300px;
        background: #ff7575;
        padding: 40px 60px;
        border-radius: 20px;
        right: 34px;
        transform: translateY(-105px);
        text-align: center;
    }
    .sendhelp-form{
        background-color: #E7E9BF;
        padding: 15px 30px;
        border-radius: 30px;
        border: none;
        color: #333;
        font: 25px 'Montserrat', sans-serif;
        transition: 0.3s;
        height: 70px;
        margin-top: auto;
        cursor: pointer;
    }
    .sendhelp-form:hover{
        background-color: #333;
        color: #E7E9BF;
    }
    .wardbar-big path.mainline{
        stroke-linecap: round;
        stroke-width: 3;
    }
    .wardbar-big path.baseline{
        stroke-linecap: round;
        stroke-width: 3;
        border: 1px solid #B7D67A;
        stroke: #f8f8f8;
    }
    .onestep-img{
        display: none;
    }
    .onestep-title{
        margin-left: 300px;
        padding-top: 60px;
        margin-top: 0;
        margin-bottom: 0;
        text-transform: uppercase;
        font-size: 50px;
        color: #333;
        display: none;
    }
    .onestep{
        padding-bottom: 150px;
    }
    .greendiv{
        background-color: #F2F4D2;
        border-radius: 30px;
    }
    .flex{
        flex-direction: initial!important;
    }
    .sectionoferta label{
        font-size: 24px!important;
    }
    .carousel2 .flickity-viewport{
        height: 180px!important;

    }
    .carousel2 .next{
          top:50%!important;
        right: -100px!important;
        width: 80px;
      }
    .carousel2 .previous{
        top:50%!important;
        left: -100px!important;
        width: 80px;
    }
    .logo-link {
        display: inline-block;
        text-decoration: none;
        height: 110px
    }
    .logo-container {
        position: relative;
        width: 300px;
        height: 55px;
    }
    .logo {
        position: absolute;
        top: 15px;
        left: 0;
        width: 100%;
        height: auto;
        transition: opacity 0.5s ease-in-out;
    }
    .black-logo {
        opacity: 0;
    }

    .white-logo {
        opacity: 1!important;
    }

    .burgerwrapper{
        display: flex;
        position: absolute;
        right: 0;
        top: 140%;
        margin-right: 20px;
        z-index: 50;
    }
    .suggestions-nowrap strong{
        color: #FF8181;
    }
    .suggestions-suggestions{
        font-size: 14px !important;
        color: black;
        border-radius: 15px !important;
        border: 1px solid #FF8181 !important;
        font-family: "Montserrat", sans-serif !important;
    }
    .suggestions-promo{
        opacity: 0.3;
    }
    .suggestions-hint{
        display: none !important;
    }
    .suggestions-wrapper {
        /* Убираем логотип */
        background-image: none !important;
        position: absolute!important;
        width: 300px;
    }

    .suggestions-wrapper:after {
        display: none !important;
    }
    input{
        font-family: "Montserrat", sans-serif;
    }
    input[type="date"]{
        font-family: "Montserrat", sans-serif;
    }
    input::placeholder {
        color: #8f8f8f;
        opacity: 1;
    }
    .enabled{
        color: black;
    }
    .disabled{
        color:#8f8f8f !important;
    }
    .captcha-refresh i{
        margin-bottom: 0;
    }
    .captcha-refresh:hover{
        background-color: #E9BFBF;
    }
    .captcha-refresh{
        border-radius: 50%;
        width: 50px;
        height: 50px;
        border: none;
        background-color: #FF8181;
        margin-left: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        transition: 0.3s;
    }
    .request-notify{
        background-color: #FF8181;
        border-radius: 20px;
        margin-top: 40px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .request-notify p {
        color: white;
        text-align: center;
    }
    input.fieldinvalid{
        border: 3px solid red;
    }
    .help-ward-button.loading .loading-spinner {
        display: inline-block !important;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .help-ward-button.loading .button-text {
        visibility: hidden;
    }
    .donatebutton.loading .button-text {
        visibility: hidden;
    }

    .donatebutton.loading .loading-spinner {
        display: inline-block !important;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .loading-spinner svg {
        animation: rotate 2s linear infinite;
    }

    @keyframes rotate {
        100% { transform: rotate(360deg); }
    }
    .sendhelp:hover a {
        color: #E7E9BF;
        background-color: #333333;
    }
    .sendhelp{
        width: 260px;
        height: 84px;
        margin-top: auto;
    }
    .sendhelp a {
        color: #333333;
        background-color: #E7E9BF;
        transition: 0.5s;
        font-size: 25px;
    }
    .check-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 22px;
        color: white;
        z-index: 10;
        transition: opacity 0.3s ease;
    }
    .barwrapper{
        background-size: cover;
        border-radius: 50%;
        margin: 0 10px;
    }
    .wardbar{
        height: fit-content;
        top: 2px;

    }
    .wardbar-big{
        height: fit-content;
        top: 2px;
    }
    .ward-choose:hover{
        -webkit-filter: brightness(70%);
    }
    .ward-choose{
        width: 200px;
        height: 140px;
        display: block;
        transition: 0.5s;
        cursor: pointer;
    }
    .report-instance{
        padding: 30px;
        margin-bottom: 20px;
        border-radius: 30px;
    }
    .report-attachment{
        margin-bottom: 20px;
    }
    .report-download-link{
        font-size: 18px;
        color: #FF8181;
        text-decoration: underline;
    }
    .report-name{
        font-size: 24px;
    }
    .post-attachments{
        list-style-type: none;
    }
    .year-report-list{
        list-style-type: none;
    }
    .year-report{
        font-size: 60px;
        color: #333;
    }
    .logo img{
        height: 130px;
        padding: 5px 0;
    }

    .instancebar path.mainline {
        stroke-width: 1;
    }
    .instancebar path.baseline {
        stroke-width: 1;
        stroke: #E9BFBF;
    }
    .instancebar{
        width: 100%!important;
    }
    .textarea{
        resize: vertical;
    }
    .active{
        opacity: 0.7;
    }
    .more-story-button{
        width: 100%;
        text-align: center;
        padding: 50px 0;
        color: #333;
        text-decoration: none;
        font-size: 42px;
        background-color: #E7E9BF;
        border-radius: 30px;
        transition: 0.5s;
        margin-bottom: 10px;
    }
    .more-story-button:hover{
        background-color: #333;
        color: #E7E9BF;
    }
    .ward-desc-div span{
        font-size: 38px;
        text-wrap: nowrap;
        overflow: hidden;
    }
    .ward-desc-div{
        display: flex;
        justify-content: space-between;
        padding: 10px 15px;
        color: #333;
    }
    .ward-target-div span{
        font-size: 52px;
    }
    .ward-target-div{
        display: flex;
        justify-content: space-between;
        padding: 10px 15px;
        color: #333;
    }
    .ward-product h3{
        color: white;
        font-size: 55px;
        padding: 0 12px;
        display: block;
        position: absolute;
        transform: translateY(-130px);
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;




    }
    .ward-product img{
        height: 70%;
        display: block;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;

        width: 100%;
        object-fit: cover;
    }
    .ward-product{
        width: 100%;
        border-radius: 30px;
        position: relative;
        margin-bottom: 60px;
        background-color: #F8F8F8;
    }
    .ward-instance{
        display: flex;
        flex-direction: column;

    }
    .wards-row{
        padding-bottom: 100px;
    }
    .wards-row-title a{
        margin:auto 0 ;
        color: #FF8181;
        font-size: 32px;
        padding-top: 30px;
    }
    .wards-row-title{
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .ward-single-description p{
        font-size: 32px;
        color: #333;
        line-height: 40px;
    }
    .ward-single-description{
        padding-bottom: 50px;
    }
    .bold-pink-text{
        font-size: 55px;
        color:#FF8181;
    }
    .light-pink-text{
        font-size: 32px;
        color:#E9BFBF;
    }
    .ldBar-label::after{
        content: none!important;
    }
    .shownlabel{
        display: block!important;
        text-align: center;
        width: 80%;
        font-family: "Montserrat", sans-serif;
    }
    .help-ward-button{
        padding: 30px 70px;
        padding-top: 30px;
        padding-right: 70px;
        padding-bottom: 30px;
        padding-left: 70px;
        border: none;
        font-family: "Montserrat", sans-serif;
        border-radius: 161px;
        font-size: 49px;
        background-color: #E9BFBF;
        transition: 0.5s all;
        position: relative;
        width: 50%;
    }
    .help-ward-button:hover{
        background-color:#FF8181;
        color: white;
    }
    .need-helpbut{
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: end;
    }
    .ldBar-label{
        display: none;
    }
    .needbar{
        width: 50%!important;
        height: 50%!important;
    }
    .needbar path.mainline{
        stroke-width: 2;
        stroke: #FF8181;
    }
    .needbar path.baseline{
        stroke-width: 2;
        stroke: #E9BFBF;
    }
    .ward-description-paragraph{
        font-size: 16px;
        color: #333;
        line-height: 22px;
    }
    .city{
        font-size: 32px;
        font-family: "Montserrat", sans-serif;
    }
    .ward-single-info{
        font-size: 40px;
        color: #333333;
        font-family: "Montserrat", sans-serif;
    }
    .ward-main-info{
        width: 100%;
        margin-top: 50px;
    }
    .wardmain h1{
        color: #FF8181;
        font-size: 70px;
        font-family: "Montserrat", sans-serif;
        font-weight: bold;
        margin: 0 auto;
    }

    .wardmain{
        padding-top: 170px;
        padding-bottom: 100px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;

    }
    .custom-product-gallery-container {
        display: flex;
        gap: 30px;
        max-width: 950px;
        flex-direction: column-reverse;
    }
    .gallery-thumbs-column {
        width: 100%;
        display: flex;
        gap: 8px;
    }
    .gallery-thumb {
        cursor: pointer;
        border-radius: 3px;
        overflow: hidden;
        transition: all 0.3s;
    }
    .gallery-thumb:hover {
        opacity: 0.7;
    }
    .gallery-thumb.active {
        border-color: #000;
    }
    .gallery-thumb img {
        width: 100%;
        height: 220px;
        display: block;
        border-radius: 10px;
        object-fit: cover;
    }
    .gallery-main-image {
        flex-grow: 1;
    }
    .gallery-main-image img {
        width: 100%;
        height: 510px;
        border: 1px solid #eee;
        border-radius: 20px;
        object-fit: cover;
    }
    .more-ward-link{
        font-size: 44px;
        cursor: pointer;
        color: #333;
        text-decoration: none;
        margin-bottom: 30px;
        padding: 0 20px;
    }
    .ward-donate-button-container{
        display: flex;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        margin-top: 0px;
        margin-top: 40px;
        justify-content: space-between;
    }
    .helptabs{
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    .helptab{
        border-radius: 30px;
        border: 1px solid #FF8181;

        padding: 20px 30px;
        font-size: 32px;
        color: #FF8181;
        transition: 0.5s;
        cursor: pointer;
    }
    .helptab:hover{
        background-color: #FF8181;
        color: white;
    }
    .kidscarousel .flickity-viewport{
        min-height: 1450px;
        margin-top: 50px;
    }
    #kidsdiv{
        display: none;
    }
    .short{
        width:100%!important;
    }
    .round-checkbox {
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        user-select: none;
        font-size: 32px;
        margin-bottom: 20px;
    }

    .round-checkbox input {
        display: none; /* Скрываем стандартный чекбокс */
    }

    .checkmark {
        display: inline-block;
        width: 30px;
        height: 30px;
        border: 2px solid #ccc;
        border-radius: 50%;
        transition: all 0.3s;
        position: relative;
    }
    .checkmark .red{
        background-color: red;
    }
    /* Розовый фон при выборе */
    .round-checkbox input:checked ~ .checkmark {
        background-color: #ff7575; /* Розовый цвет */
        border-color: #ff7575;
    }
    /* Белая галочка (анимированная) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 8px;
        top: 2px;
        width: 10px;
        height: 15px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    .round-checkbox input:checked ~ .checkmark:after {
        display: block;
        animation: fadeIn 0.3s;
    }
    .transparent{
        background-color: transparent!important;
        border: none!important;
    }
    .sendtitle{
        font-size: 50px;

    }
    /* The Modal (background) */
    .modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 999999; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

    /* Modal Content/Box */
    .modal-content {
        color: #888;
        background-color: #fefefe;
        margin: 15% auto; /* 15% from the top and centered */
        padding: 20px;
        border: 1px solid #888;
        width: 80%; /* Could be more or less, depending on screen size */
    }

    /* The Close Button */
    .close {
        color: #aaa;
        float: right;
        font-size: 65px;
        font-weight: bold;
        height: 0;
    }
    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
    .sub-menu li{
        width: 100%;
        padding:10px 0;
        box-sizing: border-box;
    }
    .hidden{
        display: none!important;
    }
    .choosen{
        background-color: #ff7575;
        color: white!important;
    }
    .storycol{
        width: 100%;
    }
    .invalid{
        background-color: #ff7575;
    }

    .date{
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #FF8181;
        border-radius: 20px;
        background-color: white;
        font-size: 14px;
        color: #8f8f8f;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .date:focus {
        outline: none;
        border-color: #FF8181;
        box-shadow: 0 0 0 2px rgba(255, 129, 129, 0.2);
    }
    .custom-select.changed{
        color:black;
    }
    textarea{
        font-family: "Montserrat", sans-serif;
    }
    option{
        font-family: "Montserrat", sans-serif;
    }
    .custom-select{
        font-family: "Montserrat", sans-serif;
        color:#8f8f8f;
        width: 100%;
        padding: 20px 15px;
        margin-bottom: 15px;
        border: 1px solid   #FF8181;;
        border-radius: 20px;
        background-color: white;
        font-size: 24px;

        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 15px center;
        background-size: 16px;
        padding-left: 20px;
    }
    .sectiondesc{
        font-size: 18px;

    }
    .sectioncol span{
        font-size: 24px;
        margin-left: 30px;
    }
    .sectioncol-ward{
        width: 100%;
    }
    .sectioncol{
        width: 100%;
    }
    .captcha-container{
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        justify-content: space-between;
    }
    .forminput-captcha{
        width: 40%;
        border-radius: 20px;
        border: 1px solid #FF8181;
        padding: 20px 22px;
        box-sizing: border-box;
        font-size: 24px;
        margin-left: 15px;
    }
    .forminput-captcha:focus {
        outline: 2px solid #FF8181;
    }
    .forminput{
        position: relative;
        width: 100%;
        border-radius: 20px;
        border: 1px solid #FF8181;
        padding: 20px 22px;
        box-sizing: border-box;
        font-size: 24px;
        margin-bottom: 10px;

    }

    .forminput:focus {
        outline: 2px solid #FF8181;
    }
    .sectionbutton{
        width: 100%;
        font-size: 28px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
    }
    .captcha-container img{
        width: 300px;
    }
    .sectionoferta{
        width: 100%;
        font-size: 24px!important;
        box-sizing: border-box;
    }
    .sectionname{
        box-sizing: border-box;
        font-size: 48px;

        margin-bottom: 30px;
    }
    .formsection{
        display: flex;
        justify-content: space-between;
        padding-top: 50px;
        padding-bottom: 50px;
        border-top: 1px solid #FF8181;
        flex-direction: column;
    }
    .formtab{
        border-radius: 30px;
        border: 1px solid #FF8181;
        padding: 24px 30px;
        font-size: 24px;
        color: #FF8181;
        transition: 0.5s;
        cursor: pointer;
        margin-bottom: 16px;
    }
    .formtab:hover{
        background-color: #FF8181;
        color: white;
    }
    .formtabs{
        padding-bottom: 25px;
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-direction: column;

    }
    .reqform{
        padding: 50px 100px;
        width: 75%;
        margin: 10px auto 100px;
        border-radius: 30px;
        background-color: white;

    }
    .burgermenu li{
        opacity: 1;
    }
    .menu {
        display: flex;
        position: absolute;
        right: 2px;
        top: 165px;
        border-radius: 20px;
        width: 100%;
        height: 90vh;
        background-color: #fff;
        flex-direction: column;
        align-items: center;
        padding: 0;
        justify-content: space-around;
        transform: translateX(106%);
        transition: transform 0.5s ease-in;

    }

    .menu li {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        border-radius: 20px;
        margin: 0;

    }
    .menu li:hover {
        background-color: #ccc;

    }

    .
    .menu li a{
        display: block;
        margin: auto;
        width: 100%;
        line-height: 70px;
        height: 70px;
        text-align: center;

    }

    .menu a {
        text-decoration: none;
        color: #333;
        font-size: 50px;
        transition: color 0.3s;
        width: 100%;
        height: 100%;
        margin: auto;
        text-align: center;
        align-content: center;
    }

    .menu a:hover {
        color: #333;
    }


    .burger div {
        width: 58px;
        height: 7px;
        border-radius: 30%;
        background-color: white;
        transition: all 0.3s ease-out;
    }
    .burger {
        display: block;
        background-color: #333;
        padding: 5px;
        transition: all 0.3s ease-out;
        border-radius: 20%;
        height: 82px;
        height: 54px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px 20px;
    }
    .burger:hover{
        background-color: #ccc;
    }
    .burger:hover div{
        background-color: #333;
    }

    .menu-active {
        transform: translateX(0) !important;
    }

    .toggle{
        background-color: transparent;

    }

    .toggle .line1 {
        transform: rotate(-45deg) translate(-17px, 16px);
        background-color: #333;
        border-radius: 30%;
    }

    .toggle .line2 {
        opacity: 0;
    }

    .toggle .line3 {
        transform: rotate(45deg) translate(-16px, -15px);
        background-color: #333;
        border-radius: 30%;
    }

    .causetext p{
        color: #333;
        font-size: 20px;

    }
    .causetext h2{
        color: #FF8181;
        font-size: 24px;

    }
    .causetext{
        padding: 5px 0;
    }
    .causenumber{
        line-height: 35px;
        min-width: 35px;
        height: 35px;
        margin-right: 20px;
        border-radius: 50%;
        font-size: 18px;
        color: #fff;
        text-align: center;
        background: #FF8181;
    }
    .cause{
        display: flex;
    }
    .donatebutton{
        background-color: #B7D67A;
        border-radius: 70px;
        border: none;
        font: 44px 'Montserrat', sans-serif;
        color: #333333;
        padding: 40px 26px;
        transition: 0.5s;
        cursor: pointer;
        position: relative;
        margin-bottom: 30px;
        width: 60%;
    }
    .donatebutton:hover{
        background-color: #333333;
        color: #B7D67A;
    }
    .routeimg .wp-block-cover__inner-container{
        height: 100%;
    }
    .main-navigation-bottom{
        justify-content: space-between;
    }
    i{
        margin-bottom: 10px;
    }
    .imagewrapper{
        margin-bottom: -20px;
    }
    .morelink{
        color: #FF8181;
        font: 17px 'Montserrat', sans-serif;
        transition: 0.5s;
    }
    .morelink:hover{
        color: #333333;
    }
    .peopledesc{
        font-weight: normal;
        color: white;
        font-size: 18px;
    }
    .categorydesc{
        font-weight: normal;
        color: white;
        font-size: 18px;
        margin: auto;
        width: fit-content;
    }
    .namewrapper .title{
        white-space: break-spaces;
        width: 100%;
    }
    .peopletitlewrapper{
        display: flex;
        width: 70%;
        margin: 200px auto;
        padding: 30px;
        border-radius: 30px;
        background-color: rgba(0,0,0,0.6);
    }
    .peopletitlewrapper img{
        width: 405px;
        height: 435px;
        border-radius: 30px;
        margin-right: 50px;
    }
    .alignleft {
        float: left;

    }

    .alignright {
        float: right;
    }

    .aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .input {
        background-color: #f3f3f3;
        border: 1px solid #e7e7e7;
        height: 30px;
        color: #b2b2b2;
        padding: 0 10px;
        vertical-align: top;
    }

    .button {
        color: #fff;
        background-color: #29c5e6;
        border: none;
        height: 32px;
        font-family: 'Montserrat', sans-serif;
    }

    .image {
        border: 1px solid #fff;
        outline: 1px solid #c9c9c9;
    }

    figure img {
        display: block;
    }

    .wrapper {
        margin: auto;
    }

    header {

        padding: 20px 0;
    }


    aside {
        float: left;
        width: 250px;
    }

    aside + section {
        margin-left: 280px;
        padding-bottom: 50px;
    }

    footer {
        clear: both;
        background: #828282;
        color: #dbdbdb;
        font-size: 11px;
    }


    .top-menu {
        margin: 0;
        padding: 0;
    }

    .top-menu li {
        display: inline-block;
        padding: 10px 40px;
        margin: 0;
        list-style-position: inside;
        font: 14px 'Montserrat', sans-serif;
    }



    .top-menu a {
        margin: 0 auto;
        color: white;
        text-decoration: none;
        font-size: 18px
    }

    .top-menu li.current_page_item a {
        color: #fff;
    }

    .main-navigation {
        position: sticky;
        top: 0;
        padding-left: 40px;
        color: #f1f1f1;
        display: flex;
        justify-content: space-between;
        z-index: 999999;

    }
    .main-navigation-black {
        position: sticky;
        top: 0;
        padding-left: 40px;
        color: #f1f1f1;
        background-color:rgba(4,4,4,0.8);
        display: flex;
        justify-content: space-between;
        z-index: 999999;

    }

    .main-navigation h4 {
        text-align: right;
        font-family: 'Montserrat', sans-serif;
        margin-right: 20px;
        font-size: 20px;
        line-height: 0px;
    }

    .menu-mainmenu-container {
        width: fit-content;
        margin: auto;
    }

    .menu-othermenu-container {
        width: fit-content;
        margin: auto;
    }

    .a {
        display: flex;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: 0;
        width: fit-content;
        justify-content: space-between;
        cursor: pointer;
        padding: 10px 0;

    }

    .head {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 9999;
    }

    .a h1 {
        font-size: 28px;
        margin: 0;
        text-align: left;
    }

    .donateButtons {
        padding-left: 0;
        display: flex;
    }

    .helpb {
        position: relative;
        display: block;
        float: right;
        width: 297px;
        color: #333333;
        margin-left: auto;
        padding-top: 24px;
        padding-bottom: 24px;
        cursor: pointer;
        font: 17px 'Montserrat', sans-serif;
        font-weight: normal;
        font-size: 17px;
        background-color: #E9BFBF;
        border: none;
        font-weight: normal;
        border-bottom-left-radius: 20px;
        transform: translateX(20%);
        z-index: 1;
        transition: 0.5s;
        text-align: left;
        padding-left: 60px;
        font-size: 36px;
    }

    .needhelpb {
        color: #333333;
        position: relative;
        display: block;
        float: right;
        width: 370px;
        margin-left: auto;
        padding-top: 24px;
        padding-bottom: 24px;
        cursor: pointer;
        font: 36px 'Montserrat', sans-serif;
        font-size: 36px;
        background-color: #E7E9BF;
        border: none;
        z-index: 5;
        border-bottom-left-radius: 20px;
        transition: 0.5s;
        font-size: 36px;

    }

    .needhelpb:hover {
        background-color: #333333;
        color: #E7E9BF;
    }

    .helpb:hover {
        background-color:#FF8181;
        color: #fff;
    }

    .second-navigation {
        position: sticky;
        top: 0;
        padding-left: 64px;
        color: #f1f1f1;
        display: flex;
        z-index: 99999;
        white-space: nowrap;
        color: #0b0b0b;
        display: none;

    }
    .second-navigation-bottom{
        position: sticky;
        top: 0;
        padding-left: 64px;
        padding-right: 64px;
        color: #f1f1f1;
        display: none;
        z-index: 99999;
        white-space: nowrap;
        justify-content: center;

    }

    .donateButtons a {
        text-decoration: none;
        color: #333333;
    }

    .routesrow {
        z-index: -1;
    }

    .is-layout-flex > :is(*, div) {
        margin: 0;
        z-index: 99;
    }

    .about {
        background-color: #8f8f8f;
        width: 100%;
    }

    .aboutwrapper {
        width: 50%;
        background-color: #F5F5F5 !important;
        color: wheat !important;
    }

    .main-heading {
        margin: 0px auto;
        background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("/wp-content/uploads/2025/05/mainbanner.jpg") no-repeat fixed center;
        background-size: cover;   -ms-background-size: cover;   -o-background-size: cover;   -moz-background-size: cover;   -webkit-background-size: cover;
        width: 100%;
        overflow: auto;
    }

    .uppertitle {
        display: block;
        font-weight: lighter;
        text-transform: uppercase;
        margin-left: auto;
        margin-right: auto;

    }

    .lowertitle {
        display: block;
        margin-left: auto;
        margin-right: auto;
        font-weight: lighter;
        text-transform: uppercase;

    }

    .main-heading h1 {
        display: block;
        color: #FF8181;
        font-family: 'Montserrat Alternates', sans-serif;
        margin: auto;
        width: fit-content;
        font-size: 104px;
    }

    .main-heading h2 {
        display: block;
        color: #ffffff;
        font-family: 'Montserrat', sans-serif;
        padding: 0 5px;
        /*text-transform: uppercase;*/
        font-size: 35px;
        font-weight: 500;
        line-height: 30px;
        text-align: center;
    }

    .title {
        display: block;
        color: #FF8181;
    }
    .sovietvertivalblock{
        border-radius: 30px;
        width: 800px;
        display: flex;
        margin: 100px auto;
        padding: 50px 50px;
    }
    .maintitle{
        margin:100px auto;
        width: fit-content;
        font-size: 36px;
        text-transform: uppercase;
        color: #FF8181;

    }
    .sovietvertivalblock img{
        border-radius: 20px;
        width: 205px;
        height: 217px;
        margin-right: 50px;
    }
    .titlewrapper {
        width: 90%;
        margin: 400px auto 400px;
    }
    .titlepagewrapper {
        width: 50%;
        margin: 100px auto;
    }
    .top-menu {
        list-style: none inside;
        margin: 0;
        padding: 0;
        text-align: center;
        border-radius: 20px;

    }

    .top-menu li {
        border-radius: 10px;

        display: block;
        position: relative;
        float: left;
        padding: 10px 40px;
    }

    .top-menu li a {
        display: block;
        padding: 10px 0;
        line-height: 24px;

    }

    .top-menu li li {
        border-radius: 10px;

    }

    .top-menu li li a {
        font-size: 18px;
        border-radius: 10px;
    }


    .top-menu ul {
        border-radius: 10px;
        position: absolute;
        padding: 0;
        left: 0;
        display: none;

    }

    .top-menu li:hover ul ul {
        display: none;
    }

    .top-menu li:hover ul {
        display: block;
        background-color: white;
        color: #333333;
        border-radius: 10px;
    }

    .top-menu li:hover {
        background-color: #ececec;
        color: #333333;
    }

    .top-menu li:hover a {
        color: #333333;
    }

    .sub-menu li:hover {
        background-color: #ececec;
        color: #333333;
    }

    .aboutdiv {
        width: 100%;
        background-color: white;
        color: #333333;
    }

    .aboutdivwrapper {
        width: 97%;
        margin: auto;
        z-index: 3;
        position: relative;
        border-radius: 30px;
        padding: 70px 50px;
        transform: translateY(-180px);
        background-color: white;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .mission {
        font-family: 'Montserrat', sans-serif;
        font-size: 48px;
        margin-bottom: 40px !important;
        color: #333333;

    }

    .statcount {
        font-size: 64px;
        color: #FF8181;
        font-weight: bold;
        text-align: center;
    }

    .statdesc {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;


    }

    .statsrow {
        width: 100%;
        justify-content: space-between;
        margin-bottom: 40px !important;
        /* display: flex;*/
        display: none; /*откл стату*/
    }

    .innerstatwrapper {
        margin: 0px 0px !important;
    }

    .wanthelpbut {

        border-radius: 30px;
        border: 1px solid #FF8181;
        font-size: 16px;
    }

    .wanthelpbut a {
        background-color: rgba(1, 1, 1, 0);
        color: #FF8181;
        transition: 0.5s;

    }

    .wanthelp {
        /* display: flex;*/
        display: none; /*откл стату*/
    }

    .morebut {
        border-radius: 30px;
        border: none;
        font-size: 16px;
    }

    .morebut a {
        background-color: rgba(1, 1, 1, 0);
        color: #FF8181;
    }

    .routeimg img {
        width: 100% !important;
        height: 100% !important;
    }

    .routeimg span {
        width: 100% !important;
        height: 70vh !important;
    }

    .routeimg {
        width: 100% !important;
        height: 1100px !important;
        z-index: 99 !important;
        border-radius: 30px;
        min-height: 200px !important;
        padding: 0px !important;
        margin-bottom: 50px;
    }
    .nochilds{
        padding: 100px 0;
    }
    .nochilds h2{
        font-size: 24px;
        margin: 0 auto;
        width: fit-content;
    }
    .routes {
        background-color: white;

    }

    .mainwrapper {
        padding-left: 15px;
        padding-right: 15px;
        background-color: white;
        overflow: auto;
    }

    .routesrow {
        justify-content: space-between;
        width: 100%;
        display: flex;
        margin-bottom: 150px !important;
        flex-direction: column;
        align-items: center;

    }

    .fondjobs {
        text-align: left;
        margin-left: 0 !important;
        width: 100%;
        font-size: 64px;
        color: #333333;
        margin-bottom: 30px !important;


    }

    .jobshowbut {
        display: flex !important;
        justify-content: center !important;
    }

    .jobshowbut a {
        width: 425px;
        display: block;
        margin: 0 auto !important;
        color: #333333;
        background-color: #e7e9bf;
        transition: 0.5s;
        font-size: 44px!important;
    }

    .jobshowbut a:hover {
        background-color: #333333;
        color: #e7e9bf;
    }

    .jobinfo {
        width: 100%;
        /*display: none;*/
        background-color: #D9D9D9;
        position: absolute;
        bottom: 0;
        z-index: 9;
        height: 32%;
        display: block;
        text-align: left;

    }

    .jobinfo p {
        margin-left: auto;
        margin-right: auto;
        width: 92%;
        color: #333333;
        position: relative;
        margin-top: 60px;

    }
    .job-description{
        font-size: 32px!important;
        margin-top: -7px!important;
        text-align: justify;
        opacity: 0;
        pointer-events: none;
    }
    .jobname {
        font-weight: lighter;
        line-height: 54px;
        font-weight: normal;
        font-size: 52px!important;
    }

    .jobnumber {
        font-family: 'Montserrat', sans-serif;
        font-size: 331px;
        position: absolute;
        font-weight: 900;
        top: 376px;
        color: #F2F4D2;
        left: 20px;
        pointer-events: none;
    }

    .offerdiv {
        text-align: center;
        color: #333333;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        height: fit-content;
        margin: auto 0;
        margin-top: 100px;
        padding:0 50px;
    }

    .flexdiv {
        display: flex;
        justify-content: center;
        padding-bottom: 140px;
        background-color: rgba(1,1,1,0);

    }

    .offerdiv h2 {
        font-size: 50px;
        margin-bottom: 15px;
        margin-top: 10px;
    }

    .offerdiv p {
        font-size: 34px;
        margin-bottom: 15px;

    }

    .offerhelp a {
        background-color: #B7D67A;
        color: #333333;
        transition: 0.5s;
        font-size: 38px;
    }
    input[type=checkbox] {
        border: 0;
        width: 20px;
        height: 2em;
    }
    .offerneedhelp{

    }
    .offerneedhelp a {
        color: #333333;
        background-color: rgba(1,1,1,0);
        transition: 0.5s;
        font-size: 38px;
        box-sizing: border-box;
        border:2px solid #B7D67A;
    }

    .offerbuttons {
        display: flex;
        width: 85%;
        justify-content: space-between;
        margin: 0 auto;
        margin-top: 40px;
    }
    .offerneedhelp-form{
        background-color: #E7E9BF;
        padding: 10px 20px;
        border-radius: 20px;
    }
    .offerneedhelp:hover a{
        color: #E7E9BF;
        background-color: #333333;
    }

    .offerhelp:hover a {
        color: #333333;
        background-color: #E7E9BF;
    }

    .wanthelpbut:hover a {
        color: white;
        background-color: #FF8181;

    }

    .footer-content {
        justify-content: space-between;
        display: block;
        padding: 100px 40px;
        background-color: #FF8181;
        color: white;

    }

    .maprow {
        display: flex;
        margin-bottom: 30px;
        justify-content: space-between;
    }

    .mapsection {
        display: block;
        width: 556px;
    }

    .mapsection h3 {
        font-size: 61px;
    }

    .mapsection a {
        font-size: 41px;
        margin-bottom: 10px;
        cursor: pointer;
        text-decoration: none;
        color: white;

    }

    .copyright {
        font-size: 44px;
        color: rgba(255, 255, 255, 0.5);
    }

    .footer-content iframe {
        border-radius: 30px;
        margin-top: 100px;
        width: 100%;
    }

    .managtitle {
        text-align: left;
        margin-left: 0 !important;
        width: 70%;
        font-size: 64px;
        color: #333333;
        margin-bottom: 30px !important;
    }

    .managerslide {
        display: flex;
        border-radius: 30px;
        padding: 40px 20px;
        margin-left: 25px;
        margin-right: 25px;
        width: 835px;
        flex-direction: column;
        height: 1400px;
        justify-content: space-between;
        background-color: #F8F8F8;
    }
    .managerdesc{
        width: 100%;
    }
    .managerslide p {
        font-size: 30px;
        color:#333;
        text-align: justify;
    }

    .managerslide img {
        border-radius: 30px;
        margin-right: 100px;
        width:100%;
    }

    .managerslide h2 {
        font-size: 40px;
        color: #FF8181;
    }

    .manager {
        width: 890px;
        margin: 0 auto;
        margin-top: 100px;
    }

    .partnersdiv {
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding-bottom: 160px;
    }

    .partnerdiv {
        background-color: rgba(149, 149, 149, 1);
        padding: 0 40px;
        border-radius: 30px;
        width: 280px;
    }

    .mainwrapper2 {
        padding-left: 15px;
        padding-right: 15px;
        background-color: white;
        overflow: auto;
        padding-top: 160px !important;
    }

    :where(figure) {
        margin: 0 !important;
    }

    .partnerdiv img {
        margin: 0 auto;
        width: 300px;
    }
    .others img {
        border-radius: 30px;
        object-fit: cover;
        width: 900px;
        height: 1000px;

    }
    .wardslide img {
        border-radius: 30px;
        object-fit: cover;
        width: 900px;
        height: 1000px;

    }
    .others {
        border-radius: 30px;
        display: block;
        margin-left: 75px;
        margin-right: 75px;
        min-height:576px;
        transition: width 1s;
    }
    .wardslide {
        border-radius: 30px;
        display: block;
        margin-left: 75px;
        margin-right: 75px;
        min-height:576px;
        transition: width 1s;
    }

    .warddesc {
        padding: 12px 0;
        background-color: #F8F8F8;
        border-radius: 30px;
        width: 100%;
        color: #333333;
        position: absolute;
        top: 880px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .warddesc p {
        width: fit-content;
        font: 52px 'Montserrat', sans-serif;
    }

    .warddesc h2 {
        width: fit-content;
        margin-bottom: 0;
        font: 34px 'Montserrat', sans-serif;
    }
    .moneyleft{
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .money-gotten{

    }
    .money-gotten p{
        font-size: 42px;
        margin-top: 0;
    }
    .money-gotten h3{
        font-size: 62px;
        margin: 0;
    }
    .ward {
        margin: 0 auto;
        width: 900px;
        margin-bottom: 100px;
        margin-top: 125px;
    }
}
@media screen and (min-width: 1000px) {
    .suggestions-nowrap strong{
        color: #FF8181;
    }
    .suggestions-suggestions{
        font-size: 14px !important;
        color: black;
        border-radius: 15px !important;
        border: 1px solid #FF8181 !important;
        font-family: "Montserrat", sans-serif !important;
    }
    .suggestions-promo{
        opacity: 0.3;
    }
    .suggestions-hint{
        display: none !important;
    }
    .suggestions-wrapper {
        /* Убираем логотип */
        background-image: none !important;
        position: absolute!important;
        width: 300px;
    }

    .suggestions-wrapper:after {
        display: none !important;
    }
    input{
        font-family: "Montserrat", sans-serif;
    }
    input[type="date"]{
        font-family: "Montserrat", sans-serif;
    }
    input::placeholder {
        color: #8f8f8f;
        opacity: 1;
    }
    .enabled{
        color: black;
    }
    .disabled{
        color:#8f8f8f !important;
    }
    .captcha-refresh i{
        margin-bottom: 0;
    }
    .captcha-refresh:hover{
        background-color: #E9BFBF;
    }
    .captcha-refresh{
        border-radius: 50%;
        width: 30px;
        height: 30px;
        border: none;
        background-color: #FF8181;
        margin-left: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        transition: 0.3s;
    }
    .request-notify{
        background-color: #FF8181;
        border-radius: 20px;
        margin-top: 40px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sendhelp-form{
        background-color: #E7E9BF;
        padding: 15px 30px;
        border-radius: 30px;
        border: none;
        color: #333;
        font: 17px 'Montserrat', sans-serif;
        transition: 0.3s;
        height: 50px;
        margin-top: auto;
        cursor: pointer;
    }
    .sendhelp-form:hover{
        background-color: #333;
        color: #E7E9BF;
    }
    .request-notify p {
        color: white;
        text-align: center;
    }
    input.fieldinvalid{
        border: 3px solid red;
    }
    .help-ward-button.loading .loading-spinner {
        display: inline-block !important;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .help-ward-button.loading .button-text {
        visibility: hidden;
    }
    .donatebutton.loading .button-text {
        visibility: hidden;
    }

    .donatebutton.loading .loading-spinner {
        display: inline-block !important;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .loading-spinner svg {
        animation: rotate 2s linear infinite;
    }

    @keyframes rotate {
        100% { transform: rotate(360deg); }
    }
    .sendhelp:hover a {
        color: #E7E9BF;
        background-color: #333333;
    }
    .sendhelp{
        width: 260px;
        height: 60px;
        margin-top: auto;
    }
    .sendhelp a {
        color: #333333;
        background-color: #E7E9BF;
        transition: 0.5s;
        font-size: 18px;
    }
    .check-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 22px;
        color: white;
        z-index: 10;
        transition: opacity 0.3s ease;
    }
    .barwrapper{
        background-size: cover;
        border-radius: 50%;
        margin: 0 10px;
    }
    .wardbar{
        height: fit-content;
        top: 2px;

    }
    .moneyleft{
        display: flex;
        width: 100%;
        justify-content: space-between;
        position: relative;
        top: -10px;
    }
    .money-gotten p{
        margin: 0;
        font-size: 16px!important;
    }
    .money-gotten h3{
        font-size: 26px;
        margin-top: 0;
    }
    .ward-choose:hover{
        -webkit-filter: brightness(70%);
    }
    .ward-choose{
        width: 150px;
        height: 140px;
        display: block;
        transition: 0.5s;
        cursor: pointer;
    }
    .report-instance{
        padding: 30px;
        margin-bottom: 20px;
        border-radius: 30px;
    }
    .report-attachment{
        margin-bottom: 20px;
    }
    .report-download-link{
        font-size: 18px;
        color: #FF8181;
        text-decoration: underline;
    }
    .report-name{
        font-size: 24px;
    }
    .post-attachments{
        list-style-type: none;
    }
    .year-report-list{
        list-style-type: none;
    }
    .year-report{
        font-size: 60px;
        color: #333;
    }
    .logo img{
        height: 50px;
        padding: 5px 0;
    }

    .instancebar path.mainline {
        stroke-width: 1;
    }
    .instancebar path.baseline {
        stroke-width: 1;
        stroke: #E9BFBF;
    }
    .instancebar{
        width: 100%!important;
    }
    .textarea{
        resize: vertical;
    }
    .active{
        opacity: 0.7;
    }
    .logo-link {
        display: inline-block; /* Чтобы ссылка правильно оборачивала блок с логотипом */
        text-decoration: none; /* Убираем подчеркивание */
    }
    .logo-container {
        position: relative;
        width: 200px;
        height: 55px;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        transition: opacity 0.5s ease-in-out;
    }
    .black-logo {
        opacity: 1;
    }

    .white-logo {
        opacity: 0;
    }
    .more-story-button{
        width: 100%;
        text-align: center;
        padding: 20px 0;
        color: #333;
        text-decoration: none;
        font-size: 18px;
        background-color: #E7E9BF;
        border-radius: 30px;
        transition: 0.5s;
    }
    .more-story-button:hover{
        background-color: #333;
        color: #E7E9BF;
    }
    .ward-desc-div span{
        font-size: 18px;
        text-wrap: nowrap;
        overflow: hidden;
    }
    .ward-desc-div{
        display: flex;
        justify-content: space-between;
        padding: 10px 15px;
        color: #333;
    }
    .ward-target-div span{
        font-size: 22px;
    }
    .ward-target-div{
        display: flex;
        justify-content: space-between;
        padding: 10px 15px;
        color: #333;
    }
    .ward-product h3{
        color: white;
        font-size: 25px;
        padding: 0 12px;
        display: block;
        position: absolute;
        transform: translateY(-85px);
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;





    }
    .ward-product img{
        display: block;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        height: 250px;
        width: 100%;
        object-fit: cover;
    }
    .ward-product{
        width: 400px;
        height: 440px;
        margin-left: 20px;
        margin-right: 20px;
        border-radius: 30px;
        position: relative;
        background-color: #F8F8F8;
    }
    .ward-instance{
        display: flex;

    }
    .wards-row{
        padding-bottom: 100px;
    }
    .wards-row-title a{
        margin:auto 0 ;
        color: #FF8181;
        font-size: 16px;
    }
    .wards-row-title{
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .ward-single-description p{
        font-size: 16px;
        color: #333;
        line-height: 22px;
    }
    .ward-single-description{
        padding-bottom: 50px;
    }
    .bold-pink-text{
        font-size: 28px;
        color:#FF8181;
    }
    .light-pink-text{
        font-size: 18px;
        color:#E9BFBF;
    }
    .ldBar-label::after{
        content: none!important;
    }
    .shownlabel{
        display: block!important;
        text-align: center;
        width: 80%;
        font-family: "Montserrat", sans-serif;
    }
    .help-ward-button{
        height: 50px;
        padding: 0 70px;
        border: none;
        font-family: "Montserrat", sans-serif;
        border-radius: 30px;
        font-size: 16px;
        background-color:#E9BFBF;
        transition: 0.5s all;
        position: relative;
    }
    .help-ward-button:hover{
        background-color:#FF8181;
        color: white;
    }
    .need-helpbut{
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: end;
    }
    .ldBar-label{
        display: none;
    }
    .needbar{
        width: 50%!important;
        height: 50%!important;
    }
    .needbar path.mainline{
        stroke-width: 2;
        stroke: #FF8181;
    }
    .needbar path.baseline{
        stroke-width: 2;
        stroke: #E9BFBF;
    }
    .ward-description-paragraph{
        font-size: 16px;
        color: #333;
        line-height: 22px;
    }
    .city{
        font-size: 16px;
        font-family: "Montserrat", sans-serif;
    }
    .ward-single-info{
        font-size: 20px;
        color: #333333;
        font-family: "Montserrat", sans-serif;
    }
    .ward-main-info{
        width: 500px;
    }
    .wardmain h1{
        color: #FF8181;
        font-size: 44px;
        font-family: "Montserrat", sans-serif;
        font-weight: bold;
    }

    .wardmain{
        padding-top: 150px;
        padding-bottom: 100px;
        display: flex;
        justify-content: space-between;

    }
    .custom-product-gallery-container {
        display: flex;
        gap: 30px;
        max-width: 950px;
    }
    .gallery-thumbs-column {
        width: 140px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .gallery-thumb {
        cursor: pointer;
        border-radius: 3px;
        overflow: hidden;
        transition: all 0.3s;
    }
    .gallery-thumb:hover {
        opacity: 0.7;
    }
    .gallery-thumb.active {
        border-color: #000;
    }
    .gallery-thumb img {
        width: 100%;
        height: 90px;
        display: block;
        border-radius: 10px;
        object-fit: cover;
    }
    .gallery-main-image {
        flex-grow: 1;
    }
    .gallery-main-image img {
        width: 800px;
        height: 510px;
        border: 1px solid #eee;
        border-radius: 20px;
        object-fit: cover;
    }
    .top-menu:not(.black-menu) li:nth-child(-n+3) a{
        color: #333333;
    }
    .more-ward-link{
        font-size: 16px;
        cursor: pointer;
        color: #333;
        text-decoration: none;
    }
    .ward-donate-button-container{
        display: flex;
        align-items: center;

    }
    .helptabs{
        display: flex;
        width: 100%;
        margin-bottom: 20px;

    }
    .helptab{
        border-radius: 30px;
        border: 1px solid #FF8181;
        margin-right: 30px;
        padding: 12px 30px;
        font-size: 16px;
        color: #FF8181;
        transition: 0.5s;
        cursor: pointer;
    }
    .helptab:hover{
        background-color: #FF8181;
        color: white;
    }
    .kidscarousel .flickity-viewport{
       min-height: 670px;
    }
    #kidsdiv{
        display: none;
    }
    .short{
        width:80%!important;
    }
    .round-checkbox {
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        user-select: none;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .round-checkbox input {
        display: none; /* Скрываем стандартный чекбокс */
    }

    .checkmark {
        display: inline-block;
        width: 20px;
        height: 20px;
        border: 2px solid #ccc;
        border-radius: 50%;
        transition: all 0.3s;
        position: relative;
    }
    .red{
        background-color: red;
    }
    /* Розовый фон при выборе */
    .round-checkbox input:checked ~ .checkmark {
        background-color: #ff7575; /* Розовый цвет */
        border-color: #ff7575;
    }
    /* Белая галочка (анимированная) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 6px;
        top: 2px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    .round-checkbox input:checked ~ .checkmark:after {
        display: block;
        animation: fadeIn 0.3s;
    }
    .transparent{
        background-color: transparent!important;
        border: none!important;
    }
    .sendtitle{
        font-size: 24px;

    }
    /* The Modal (background) */
    .modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 999999; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

    /* Modal Content/Box */
    .modal-content {
        color: #888;
        background-color: #fefefe;
        margin: 15% auto; /* 15% from the top and centered */
        padding: 20px;
        border: 1px solid #888;
        width: 80%; /* Could be more or less, depending on screen size */
    }

    /* The Close Button */
    .close {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }
    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
    .sub-menu li{
        width: 100%;
        padding:10px 0;
        box-sizing: border-box;
    }
    .hidden{
        display: none!important;
    }
    .choosen{
        background-color: #ff7575;
        color: white!important;
    }
    .storycol{
        width: 600px;
    }
    .invalid{
        background-color: #ff7575;
    }

    .date{
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #FF8181;
        border-radius: 20px;
        background-color: white;
        font-size: 14px;
        color: #8f8f8f;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .date:focus {
        outline: none;
        border-color: #FF8181;
        box-shadow: 0 0 0 2px rgba(255, 129, 129, 0.2);
    }
    .custom-select.changed{
        color:black;
    }
    textarea{
        font-family: "Montserrat", sans-serif;
    }
    option{
        font-family: "Montserrat", sans-serif;
    }
    .custom-select{
        font-family: "Montserrat", sans-serif;
        color:#8f8f8f;
            width: 100%;
            padding: 12px 15px;
             margin-bottom: 15px;
            border: 1px solid   #FF8181;;
            border-radius: 20px;
            background-color: white;
            font-size: 14px;

            box-sizing: border-box;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right 15px center;
            background-size: 16px;
            padding-left: 20px;
    }
    .sectiondesc{
        font-size: 12px;

    }
    .sectioncol-ward{
        width: 600px;
    }
    .sectioncol{
        width: 300px;
    }
    .captcha-container{
        display: flex;
       align-items: center;
        margin-bottom: 20px;
    }
    .forminput-captcha{
        width: 25%;
        border-radius: 20px;
        border: 1px solid #FF8181;
        padding: 12px 22px;
        box-sizing: border-box;
        font-size: 14px;
        margin-left: 15px;
    }
    .wardbar-big{
        height: fit-content;
        top: -14px;
    }
    .forminput-captcha:focus {
        outline: 2px solid #FF8181;
    }
    .forminput{
        position: relative;
        width: 100%;
        border-radius: 20px;
        border: 1px solid #FF8181;
        padding: 12px 22px;
        box-sizing: border-box;
        font-size: 14px;
    }
    .forminput:focus {
        outline: 2px solid #FF8181;
    }
    .sectionbutton{
        width: 100%;
        font-size: 16px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
    }
    .sectionoferta{
        width: 100%;
        font-size: 16px;
        box-sizing: border-box;
    }
    .sectionname{
        font-size: 16px;
        box-sizing: border-box;
        width: 280px;
    }
    .formsection{
        display: flex;
        justify-content: space-between;
        padding-top: 50px;
        padding-bottom: 50px;
        border-top: 1px solid #FF8181;
    }
    .formtab{
        border-radius: 30px;
        border: 1px solid #FF8181;

        padding: 12px 30px;
        font-size: 16px;
        color: #FF8181;
        transition: 0.5s;
        cursor: pointer;
    }
    .formtab:hover{
        background-color: #FF8181;
        color: white;
    }
    .formtabs{
        padding-bottom: 25px;
        display: flex;
        width: 100%;
        justify-content: space-between;

    }
    .reqform{
        padding: 50px 100px;
        width: 60%;
        margin: 10px auto 100px;
        border-radius: 30px;
        background-color: white;

    }
    .burgermenu li{
        opacity: 1;
    }
        .menu {
            display: none;
            list-style: none;
        }

    .menu li {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        border-radius: 20px;

    }
    .menu li:hover {
        background-color: #ccc;

    }
    #menu-mainmenu > li:nth-child(-n+3):hover{
        color: #333333!important;
    }
    .menu li a{
        display: block;
        margin: auto;
        width: 100%;
        line-height: 70px;
        height: 70px;
        text-align: center;
    }

    .menu a {
        text-decoration: none;
        color: #333;
        font-size: 20px;
        transition: color 0.3s;
        width: 100%;
        height: 100%;
        margin: auto;
        text-align: center;
        align-content: center;
    }

    .menu a:hover {
        color: #333!important;
    }
    .burgerwrapper{
        display: none;
        justify-content: center;
        align-items: center;
        margin-right: 30px;
    }

    .burger div {
        width: 25px;
        height: 3px;
        border-radius: 30%;
        background-color: white;
        margin: 5px;
        transition: all 0.3s ease-out;
    }
    .burger {
        display: block;
        background-color: #333;
        padding: 5px;
        transition: all 0.3s ease-out;
        border-radius: 20%;
    }
    .burger:hover{
        background-color: #ccc;
    }
    .burger:hover div{
        background-color: #333;
    }

    .menu-active {
        transform: translateX(0) !important;
    }

    .toggle{
        background-color: transparent;

    }
    .offerneedhelp-form{
        background-color: #E7E9BF;
        padding: 15px 30px;
        border-radius: 30px;
        border: none;
        color: #333;
        font: 17px 'Montserrat', sans-serif;
        transition: 0.3s;
    }
    .offerneedhelp-form:hover{
        background-color: #333;
        color: #E7E9BF;
    }
    .toggle .line1 {
        transform: rotate(-45deg) translate(-5px, 6px);
        background-color: #333;
        border-radius: 30%;
    }

    .toggle .line2 {
        opacity: 0;
    }

    .toggle .line3 {
        transform: rotate(45deg) translate(-5px, -6px);
        background-color: #333;
        border-radius: 30%;
    }

    .causetext p{
        color: #333;
        font-size: 20px;

    }
    .horizontal{
        flex-direction: column;
    }
    .horizontal-slide{
        display: flex;
        justify-content: space-between;
    }
    .causetext h2{
        color: #FF8181;
        font-size: 24px;

    }
    .causetext{
    padding: 5px 0;
    }
    .causenumber{
        line-height: 35px;
        min-width: 35px;
        height: 35px;
        margin-right: 20px;
        border-radius: 50%;
        font-size: 18px;
        color: #fff;
        text-align: center;
        background: #FF8181;
    }
    .cause{
        display: flex;
    }
    .error-message{
        color: white;
        font-size: 24px;
        margin-left: 25px;
        margin-bottom: 20px;
        position: absolute;
        width: 300px;
        background: #ff7575;
        left: 0px;
        padding: 20px 40px;
        border-radius: 20px;
    }
    .donatebutton{
        margin-right: 20px;
        background-color: #B7D67A;
        border-radius: 20px;
        border: none  ;
        font: 17px 'Montserrat', sans-serif;
        color: #333;
        padding: 12px 20px;
        transition: 0.5s;
        cursor: pointer;
        position: relative;
    }
    .donatebutton:hover{
        background-color: #333;
        color: #B7D67A;
    }
    .routeimg .wp-block-cover__inner-container{
        height: 100%;
    }
    .main-navigation-bottom{
        justify-content: space-between;
    }
    i{
        margin-bottom: 10px;
    }
    .imagewrapper{
        margin-bottom: -20px;
    }
    .morelink{
        color: #FF8181;
        font: 17px 'Montserrat', sans-serif;
        transition: 0.5s;
    }
    .morelink:hover{
        color: #333333;
    }
    .peopledesc{
       font-weight: normal;
        color: white;
        font-size: 18px;
    }
    .categorydesc{
        font-weight: normal;
        color: white;
        font-size: 18px;
        margin: auto;
        width: fit-content;
    }
    .namewrapper .title{
        white-space: break-spaces;
        width: 100%;
    }
    .peopletitlewrapper{
        display: flex;
        width: 70%;
        margin: 200px auto;
        padding: 30px;
        border-radius: 30px;
        background-color: rgba(0,0,0,0.6);
    }
    .peopletitlewrapper img{
        width: 405px;
        height: 435px;
        border-radius: 30px;
        margin-right: 50px;
    }
    .alignleft {
        float: left;

    }

    .alignright {
        float: right;
    }

    .aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .input {
        background-color: #f3f3f3;
        border: 1px solid #e7e7e7;
        height: 30px;
        color: #b2b2b2;
        padding: 0 10px;
        vertical-align: top;
    }

    .button {
        color: #fff;
        background-color: #29c5e6;
        border: none;
        height: 32px;
        font-family: 'Montserrat', sans-serif;
    }

    .image {
        border: 1px solid #fff;
        outline: 1px solid #c9c9c9;
    }

    figure img {
        display: block;
    }

    .wrapper {
        margin: auto;
    }

    header {

        padding: 20px 0;
    }


    aside {
        float: left;
        width: 250px;
    }

    aside + section {
        margin-left: 280px;
        padding-bottom: 50px;
    }

    footer {
        clear: both;
        background: #828282;
        color: #dbdbdb;
        font-size: 11px;
    }


    .top-menu {
        margin: 0;
        padding: 0;
    }

    .top-menu li {
        display: inline-block;
        padding: 10px 40px;
        margin: 0;
        list-style-position: inside;
        font: 14px 'Montserrat', sans-serif;
    }



    .top-menu a {
        margin: 0 auto;
        color: white;
        text-decoration: none;
        font-size: 18px
    }

    .top-menu li.current_page_item a {
        color: #fff;
    }

    .main-navigation {
        position: sticky;
        top: 0;
        padding-left: 150px;
        color: #f1f1f1;
        display: flex;
        justify-content: space-between;
        z-index: 999999;


    }
    .main-navigation-black {
        position: sticky;
        top: 0;
        padding-left: 150px;
        color: #f1f1f1;
        background-color:rgba(4,4,4,0.8);
        display: flex;
        justify-content: space-between;
        z-index: 999999;

    }
    .job-description{
        margin-top: 85px!important;
    }
    .main-navigation h4 {
        text-align: right;
        font-family: 'Montserrat', sans-serif;
        margin-right: 20px;
        font-size: 20px;
        line-height: 0px;
        margin-top: 50px;
    }

    .menu-mainmenu-container {
        width: fit-content;
        margin: auto;
    }

    .menu-othermenu-container {
        width: fit-content;
        margin: auto;
    }

    .a {
        display: flex;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: 0;
        width: fit-content;
        justify-content: space-between;
        cursor: pointer;

    }

    .head {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 9999;
    }

    .a h1 {
        font-size: 28px;
        margin: 0;
        text-align: left;
    }

    .donateButtons {
        padding-left: 0;
        display: flex;
    }

    .helpb {
        position: relative;
        display: block;
        float: right;
        width: 200px;
        color:#333333;
        margin-left: auto;
        padding-top: 24px;
        padding-bottom: 24px;
        cursor: pointer;
        font: 17px 'Montserrat', sans-serif;
        background-color: #E9BFBF;
        border: none;
        font-weight: normal;
        border-bottom-left-radius: 20px;
        transform: translateX(20%);
        z-index: 1;
        transition: 0.5s;
        text-align: left;
        padding-left: 60px;
    }

    .needhelpb {
        color: #333333;
        position: relative;
        display: block;
        float: right;
        width: 200px;
        margin-left: auto;
        padding-top: 24px;
        padding-bottom: 24px;
        cursor: pointer;
        font: 17px 'Montserrat', sans-serif;
        background-color: #E7E9BF;
        border: none;
        z-index: 5;
        border-bottom-left-radius: 20px;

        transition: 0.5s;

    }

    .needhelpb:hover {
        background-color: #333333;
        color: #E7E9BF;
    }

    .helpb:hover {
        background-color:#FF8181;
        color: #fff;
    }

    .second-navigation {
        position: sticky;
        top: 0;
        color: #f1f1f1;
        display: flex;
        z-index: 99999;
        white-space: nowrap;
        color: #0b0b0b;

    }
    .second-navigation-bottom{
        position: sticky;
        top: 0;
        padding-left: 64px;
        padding-right: 64px;
        color: #f1f1f1;
        display: none;
        z-index: 99999;
        white-space: nowrap;
        justify-content: center;

    }

    .donateButtons a {
        text-decoration: none;
        color: #333333;
    }

    .routesrow {
        z-index: -1;
    }

    .is-layout-flex > :is(*, div) {
        margin: 0;
        z-index: 99;
    }

    .about {
        background-color: #8f8f8f;
        width: 100%;
    }

    .aboutwrapper {
        width: 50%;
        background-color: #F5F5F5 !important;
        color: wheat !important;
    }

    .main-heading {
        background: url("/wp-content/uploads/2025/06/mainbanner12.png") no-repeat center;
        margin: 0px auto;

        background-size: cover;   -ms-background-size: cover;   -o-background-size: cover;   -moz-background-size: cover;   -webkit-background-size: cover;
        width: 100%;
        overflow: auto;
    }

    .uppertitle {
        display: block;
        font-weight: lighter;

        margin-right: auto;

    }

    .lowertitle {
        display: block;
        margin-right: auto;
        font-weight: lighter;

    }

    .main-heading h1 {
        display: block;
        color: #FF8181;
        font-family: 'Montserrat Alternates', sans-serif;
        margin: auto;
        margin-left: auto;
        margin-left: 0;
        width: fit-content;
        font-size: 77px;
        font-weight: 900;
    }

    .main-heading h2 {
        font-weight: 400;
        display: block;
        color: #333333;
        font-family: 'Montserrat', sans-serif;
        padding: 0 5px;
        width: fit-content;
        font-size: 43px;

        line-height: 0px;
    }

    .title {
        display: block;
        color: #FF8181;
    }
    .sovietvertivalblock{
        border-radius: 30px;
        width: 800px;
        display: flex;
        margin: 100px auto;
        padding: 50px 50px;
    }
    .maintitle{
        margin:100px auto;
        width: fit-content;
        font-size: 36px;
        text-transform: uppercase;
        color: #FF8181;

    }
    .sovietvertivalblock img{
        border-radius: 20px;
        width: 205px;
        height: 217px;
        margin-right: 50px;
    }
    .titlewrapper {
        width: 83%;
        margin: 200px 50px 350px 150px;
    }
    .titlepagewrapper {
        width: 50%;
        margin: 100px auto;
    }
    .top-menu {
        list-style: none inside;
        margin: 0;
        padding: 0;
        text-align: center;
        border-radius: 20px;

    }

    .top-menu li {
        border-radius: 10px;

        display: block;
        position: relative;
        float: left;
        padding: 10px 40px;
    }

    .top-menu li a {
        display: block;
        padding: 10px 0;
        line-height: 24px;

    }

    .top-menu li li {
        border-radius: 10px;

    }

    .top-menu li li a {
        font-size: 18px;
        border-radius: 10px;
    }


    .top-menu ul {
        border-radius: 10px;
        position: absolute;
        padding: 0;
        left: 0;
        display: none;

    }

    .top-menu li:hover ul ul {
        display: none;
    }

    .top-menu li:hover ul {
        display: block;
        background-color: white;
        color: #ffffff;
        border-radius: 10px;
    }

    .top-menu li:hover {
        background-color: #ececec;
        color: #ffffff;
    }

    .top-menu li:hover a {
        color: #333333!important;
    }

    .sub-menu li:hover {
        background-color: #ececec;
        color: #333333!important;
    }

    .aboutdiv {
        width: 100%;
        background-color: white;
        color: #333333!important;
    }

    .aboutdivwrapper {
        width: 60%;
        margin: auto;
        z-index: 3;
        position: relative;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        border-radius: 30px;
        padding: 70px 50px;
        transform: translateY(-180px);
        background-color: white;
    }

    .mission {
        font-family: 'Montserrat', sans-serif;
        font-size: 24px;
        margin-bottom: 40px !important;
        color: #333333;

    }

    .statcount {
        font-size: 64px;
        color: #FF8181;
        font-weight: bold;
        text-align: center;
    }

    .statdesc {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;


    }

    .statsrow {
        width: 100%;
        justify-content: space-between;
        margin-bottom: 40px !important;
       /* display: flex;*/
        display: none; /*откл стату*/
    }

    .innerstatwrapper {
        margin: 0px 50px !important;
    }

    .wanthelpbut {

        border-radius: 30px;
        border: 1px solid #FF8181;
        font-size: 16px;
    }

    .wanthelpbut a {
        background-color: rgba(1, 1, 1, 0);
        color: #FF8181;
        transition: 0.5s;

    }

    .wanthelp {
        /* display: flex;*/
        display: none; /*откл стату*/
    }

    .morebut {
        border-radius: 30px;
        border: none;
        font-size: 16px;
    }

    .morebut a {
        background-color: rgba(1, 1, 1, 0);
        color: #FF8181;
    }

    .routeimg img {
        width: 415px !important;
        height: 440px !important;
    }

    .routeimg span {
        width: 415px !important;
        height: 450px !important;
    }

    .routeimg {
        width: 415px !important;
        height: 500px !important;
        z-index: 99 !important;
        border-radius: 30px;
        min-height: 200px !important;
        padding: 0px !important;
    }
    .nochilds{
        padding: 100px 0;
    }
    .nochilds h2{
        font-size: 24px;
        margin: 0 auto;
        width: fit-content;
    }
    .routes {
        background-color: white;

    }

    .mainwrapper {
        padding-left: 150px;
        padding-right: 150px;
        background-color: white;
        overflow: auto;
    }

    .routesrow {
        justify-content: space-between;
        width: 100%;
        display: flex;
        margin-bottom: 150px !important;

    }

    .fondjobs {
        text-align: left;
        margin-left: 0 !important;
        width: 100%;
        font-size: 36px;
        color: #333333;
        margin-bottom: 30px !important;


    }

    .jobshowbut {
        display: flex !important;
        justify-content: center !important;
    }
    .black-letters{
        color: #333333!important;
    }

    .jobshowbut a {

        width: 200px;
        display: block;
        margin: 0 auto !important;
        color: #333333;
        background-color: #e7e9bf;
        transition: 0.5s;

    }

    .jobshowbut a:hover {
        background-color: #333333;
        color: #e7e9bf;
    }

    .jobinfo {
        width: 100%;
        /*display: none;*/
        background-color: #D9D9D9;
        position: absolute;
        bottom: 0;
        z-index: 9;
        height: 30%;
        display: block;
        text-align: left;
    }

    .jobinfo p {
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        color: #333333;
        position: relative;
        margin-top: 20px;
    }

    .jobname {
        font-weight: lighter;
        line-height: 25px;
        font-weight: normal;
    }

    .jobnumber {
        font-family: 'Montserrat', sans-serif;
        font-size: 135px;
        position: absolute;
        font-weight: 900;
        top: 180px;
        color: #F2F4D2;
        left: 12px;
        pointer-events: none;
    }

    .offerdiv {
        text-align: center;
        color: #333333;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        height: fit-content;
        margin: auto 0;
    }
    .black-header{
        opacity: 1!important;
    }
    .flexdiv {
        display: flex;
        justify-content: center;
        padding-bottom: 140px;
        background-color: rgba(1,1,1,0);

    }
    .onestep{
        padding-bottom: 150px;
    }
    .onestep-title{
        margin-left: 300px;
        padding-top: 60px;
        margin-top: 0;
        margin-bottom: 0;
        text-transform: uppercase;
        font-size: 50px;
        color: #333;
    }
    .greendiv{
        background-color: #F2F4D2;
        border-radius: 30px;
    }
    .offerdiv h2 {
        font-size: 36px;
        margin-bottom: 15px;
        margin-top: 10px;
    }

    .offerdiv p {
        font-size: 17px;
        margin-bottom: 15px;

    }

    .offerhelp a {
        background-color: #B7D67A;
        color: #333333;
        transition: 0.5s;
        font-size: 18px;
    }
    .offerneedhelp{

    }
    .offerneedhelp a {
        color: #333333;
        background-color: rgba(1,1,1,0);
        transition: 0.5s;
        font-size: 18px;
        box-sizing: border-box;
        border:2px solid #B7D67A;
    }

    .offerbuttons {
        display: flex;
        width: 40%;
        justify-content: space-between;
        margin: 0 auto;
        margin-top: 25px;
    }

    .offerneedhelp:hover a{
        background-color: #B7D67A;
    }

    .offerhelp:hover a {
        color: #B7D67A;
        background-color: #333333;
    }

    .wanthelpbut:hover a {
        color: white;
        background-color: #FF8181;

    }

    .footer-content {
        justify-content: space-between;
        display: flex;
        padding: 100px 150px;
        background-color: #FF8181;
        color: white;

    }

    .maprow {
        display: flex;
        margin-bottom: 30px;
    }

    .mapsection {
        display: block;
        margin-right: 160px;
        min-width: 200px;
    }

    .mapsection h3 {
        font-size: 24px;
    }

    .mapsection a {
        font-size: 18px;
        margin-bottom: 10px;
        cursor: pointer;
        text-decoration: none;
        color: white;

    }

    .copyright {
        font-size: 16px;
        color: rgba(255, 255, 255, 0.5);
    }

    .footer-content iframe {
        border-radius: 30px;
    }

    .managtitle {
        color: #333333;
        font-size: 36px;
    }

    .managerslide {
        display: flex;
        border-radius: 30px;
        padding: 100px 100px;
        margin-left: 25px;
        margin-right: 25px;
        width: 1200px;
        height: 540px;
        background-color: #F8F8F8;
    }
    .managerdesc{
        width: 70%;
    }
    .managerdesc-horizontal{
        width: 70%;
    }
    .managerdesc-horizontal h2{
        font-size: 17px!important;
    }
    .managerslide p {
        font-size: 18px;
        color: #333;
        text-align: justify;
    }
    .managerphoto{
        margin-right: 0!important;
        width: 300px!important;
        height: 300px!important;
    }
    .soviet-manager{
        width: 300px;
    }
    .managerslide img {
        border-radius: 30px;
        margin-right: 100px;
        width: 735px;
        height: 542px;
    }
    .horizontal-title{
        margin-top: 0!important;
    }
    .managerslide h2 {
        font-size: 30px;
        color: #FF8181;
    }

    .manager {
        width: 1450px;
        margin: 0 auto;
    }

    .partnersdiv {
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding-bottom: 160px;
    }

    .partnerdiv {
        background-color: rgba(149, 149, 149, 1);
        padding: 0 40px;
        border-radius: 30px;
        width: 415px;
    }

    .mainwrapper2 {
        padding-left: 150px;
        padding-right: 150px;
        background-color: white;
        overflow: auto;
        padding-top: 160px !important;
    }

    :where(figure) {
        margin: 0 !important;
    }

    .partnerdiv img {
        margin: 0 auto;
        width: 300px;
        height: 170px;
    }
    .others img {
        border-radius: 30px;
        object-fit: cover;
        width: 330px;
        height: 510px;

    }
    .wardslide img {
        border-radius: 30px;
        object-fit: cover;
        width: 550px;
        height: 510px;

    }
    .others {
        border-radius: 30px;
        display: block;
        margin-left: 40px;
        margin-right: 40px;
        min-height:576px;
        transition: width 1s;
    }
    .wardslide {
        border-radius: 30px;
        display: block;
        margin-left: 75px;
        margin-right: 75px;
        min-height:576px;
        transition: width 1s;
    }

    .warddesc {
        padding: 12px 20px;
        background-color:#F8F8F8;
        border-radius: 30px;
        width: 100%;
        color: #333333;
        position: absolute;
        top: 400px;
        box-sizing: border-box;
    }
    .wardbar-big path.mainline{
        stroke-linecap: round;
        stroke-width: 3;
    }
    .wardbar-big path.baseline{
        stroke-linecap: round;
        stroke-width: 3;
        border: 1px solid #B7D67A;
        stroke: #f8f8f8;
    }
    .warddesc p {
        width: fit-content;
        margin-left: 0px;
        font: 22px 'Montserrat', sans-serif;
    }

    .warddesc h2 {
        width: fit-content;
        margin-left: 0px;
        margin-bottom: 0;
        font: 18px 'Montserrat', sans-serif;
    }

    .ward {
        margin: 0 auto;
        width: 1500px;
        margin-bottom: 100px;
    }
}
@media screen and (max-width: 1900px) and (min-width: 1000px) {
    .mission{
        font-size: 22px;
    }
}
@media screen and (max-width: 1850px) and (min-width: 1000px) {
    .offerbuttons{
        width: 45%;
    }

}
@media screen and (max-width: 1800px) and (min-width: 1000px) {
    .second-navigation{
        padding: 0;
    }
    .gallery-main-image img{
        width: 700px!important;
    }
}
@media screen and (max-width: 1790px) and (min-width: 1000px) {
    .second-navigation{
        display: none;
    }
    .burgerwrapper{
        display: flex;
        position: absolute;
        right: 0;
        top: 150%;
        margin-left: 50px;
        z-index: 50;
    }
    .menu {
        display: flex;
        position: absolute;
        right: 1%;
        top: 80px;
        border-radius: 20px;
        width: 300px;
        height: fit-content;
        background-color: #fff;
        flex-direction: column;
        align-items: center;
        padding: 0;
        justify-content: space-around;
        transform: translateX(106%);
        transition: transform 0.5s ease-in;
    }

    .menu li {
        margin: 0;
    }
}
@media screen and (max-width: 1775px) and (min-width: 1000px) {
    .mission{
        font-size: 20px;
    }
    .wardslide{
        min-height: 484px;

    }
    .others{
        min-height: 484px;

    }
    .warddesc{
        top: 316px;
    }
    .wardslide img{
        height: 400px;
    }
    .others img{
        height: 400px;
    }
    .ward{
        width: 1390px;
    }
    .managerslide{
        width: 900px;
        margin: 0 60px;
    }
    .manager{
        width: 1290px;
    }
    .managerphoto{
        margin-right: 0!important;
        width: 240px!important;
        height: 240px!important;
    }


}
@media screen and (max-width: 1735px) and (min-width: 1000px) {

    .gallery-main-image img{
        width: 620px!important;
    }
    .ward-target-div span{
        font-size: 19px;
    }

}
@media screen and (max-width: 1680px) and (min-width: 1000px) {
    .offerbuttons{
        width: 40%;
    }
}
@media screen and (max-width: 1700px) and (min-width: 1000px) {
    iframe{
        width:550px;
    }
}
@media screen and (max-width: 1650px) and (min-width: 1000px) {
    .ward{
        width: 1345px;
    }

}
@media screen and (max-width: 1625px) and (min-width: 1000px) {
    .titlewrapper{
        width: 65%;
    }
    .mission{
        font-size: 19px;

    }
    .ward{
        width: 1240px;
    }
    .statcount{
        font-size: 56px;
    }
    .gallery-main-image img{
        width: 520px!important;
    }
}
@media screen and (max-width: 1580px) and (min-width: 1000px) {
    .routeimg{
        width: 365px!important;
    }
    .jobinfo p{
        width: 90%;
    }
    .partnerdiv{
        width: 375px;
    }
    .manager{
        width: 1245px;
    }
    iframe{
        width:480px;
    }
    .main-heading h1{
        font-size: 70px;
    }
    .main-heading h2{
        font-size: 39px;
    }
}
@media screen and (max-width: 1540px) and (min-width: 1000px) {
    .manager{
        width: 1210px;
    }
    .offerbuttons{
        width: 40%;
    }
    .ward-main-info{
        width: 450px;
    }
    .wardmain h1{
        font-size: 32px;
    }
    .ward{
        width: 1205px;
    }
    .wardslide{
        min-height: 400px;


    }
    .others{
        min-height: 400px;


    }
    .ward-target-div span{
        font-size: 16px;
    }
    .wardslide img{
        width: 420px;
    }
    .warddesc{
        top: 235px;
        padding: 10px 10px;
    }
    .wardslide img{
        height: 300px;
    }
    .others img{
        height: 300px;
    }

}
@media screen and (max-width: 1500px) and (min-width: 1000px) {
    iframe{
        width:410px;
    }
    .onestep-img{
        display: none;
    }
    .offerdiv{
        margin-top: 100px;
    }
    .onestep-title{
        display: none;

        width: 100%;
        margin: 0;
        text-align: center;
        margin-bottom: 20px;
    }
    .ward{
        width: 1150px;
    }
    .manager{
        width: 1180px;
    }
}
@media screen and (max-width: 1480px) and (min-width: 1000px) {
    .top-menu li{
        padding: 10px 15px;
    }
    .statcount{
        font-size: 50px;
    }
    .gallery-main-image img{
        width: 450px !important;
        height: 380px !important;
    }
    .main-heading h1{
        font-size: 67px;
    }

}
@media screen and (max-width: 1450px) and (min-width: 1000px) {
    .partnerdiv{
        width: 355px;
    }
    .manager{
        width: 1170px;
    }
    .routeimg{
        width: 349px!important;
    }
    .namewrapper .title{
        font-size: 60px;
    }
}
@media screen and (max-width: 1420px) and (min-width: 1000px) {
    .offerbuttons{
        width: 43%;
    }
    .ward{
        width: 1050px;
    }
    .managerslide img{
        width: 330px;
        height: 346px;
    }
    .managerslide{
        width: 800px;
    }
    .manager{
        width: 1070px;
    }
    iframe{
        width:370px;
    }
    .ward-main-info{
        width: 380px;

    }
    .needbar{
        width: 45%!important;
    }
    .light-pink-text{
        font-size: 13px;
    }
    .bold-pink-text{
        font-size: 23px;
    }
}
@media screen and (max-width: 1390px) and (min-width: 1000px) {
    .partnerdiv{
        width: 325px;
        padding: 0;
    }
    .second-navigation{
        padding-left: 0;
    }
    .mapsection{
        margin-right: 85px;
    }
    .wardslide{margin-right: 50px!important;
        margin-left: 50px!important;

    }
    .jobname{
        font-size: 20px!important;
    }
    .routeimg{
        width: 310px!important;
    }
    .ward-instance{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .ward-target-div span{
        font-size: 22px;
    }
    .ward-product{
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 1370px) and (min-width: 1000px) {
    .main-heading h1{
        font-size: 61px;
    }
    .main-heading h2{
        font-size: 34px;
    }
}
@media screen and (max-width: 1360px) and (min-width: 1000px) {
    .wardslide{margin-right: 25px!important;
        margin-left: 25px!important;

    }
    .ward{
        width: 1020px;
    }

}
@media screen and (max-width: 1340px) and (min-width: 1000px) {
    .gallery-main-image img{
        width: 390px!important;
        height: 310px!important;

    }
    .gallery-thumb img{
        height: 72px;
    }
}
@media screen and (max-width: 1320px) and (min-width: 1000px) {
    .wardslide{margin-right: 25px!important;
        margin-left: 25px!important;

    }
    .managerphoto{
        margin-right: 0!important;
        width: 200px!important;
        height: 200px!important;
    }
    .ward{
        width: 930px;
    }
    .managerslide{
        width: 700px;
    }
    .manager{
        width: 1030px;
    }
}
@media screen and (max-width: 1300px) and (min-width: 1000px) {
    .offerbuttons{
        width: 42%;
    }
    .partnerdiv{
        width: 300px;
    }
    .managerslide{
        margin-right: 45px;
    }
    .managerslide{
        width:670px;

    }
    .manager{
        width: 970px;
    }

}
@media screen and (max-width: 1270px) and (min-width: 1000px) {
    .main-heading h1{
        font-size: 54px;
    }
    .need-helpbut{
        flex-direction: column;
        align-items: center;
    }
    .help-ward-button{
        width: 100%;
    }
    .needbar{
        width: 80% !important;
        margin-bottom: 15px;
    }
    .light-pink-text{
        font-size: 18px;
    }
    .bold-pink-text{
        font-size: 28px;
    }
    .ward-main-info{
        width: 275px;
    }
    .main-heading h2{
        font-size: 30px;
    }
}
@media screen and (max-width: 1260px) and (min-width: 1000px) {
    .statcount{
        font-size: 45px;
    }
    iframe{
        width:300px;
    }
    .titlewrapper{
        width:77%;
    }
    .namewrapper .title{
        font-size: 50px;
    }
    .managerslide{
        width: 635px;
    }
    .routesrow{
        display: block;
    }
    .routeimg{
        margin:75px auto;
    }
    .statcount{
        font-size: 40px;
    }
    .partnersdiv{
        display: block;
        margin-bottom: 0;
    }
    .partnerdiv{
        margin:75px auto;
        width: 415px;
        padding: 0 40px;
    }
    .ward{
        width: 850px;
    }
    .manager{
        width: 935px;
    }
}
@media screen and (max-width: 1210px) and (min-width: 1000px) {
    .sovietvertivalblock{
        width: 650px;
    }
}
@media screen and (max-width: 1195px) and (min-width: 1000px) {
    .ward-instance{
        justify-content: center;
    }
    .main-heading h1{
        font-size: 50px;
    }
    .main-heading h2{
        font-size: 28px;
    }
}
@media screen and (max-width: 1170px) and (min-width: 1000px) {
    .gallery-thumb img{
        height: 122px;
    }
    .mapsection{
        margin-right: 40px;
    }
    .peopledesc{
        font-size: 14px;
    }
    .manager{
        width: 900px;
    }
    .ward{
        width: 800px;
    }
    .offerbuttons{
        width: 44%;
    }
    .custom-product-gallery-container {
        flex-direction: column-reverse;
        height: fit-content;
    }
    .gallery-main-image img{
        width: 510px!important;
    }
    .gallery-thumbs-column{
        flex-direction: initial;
        width: 100%;
    }
}
@media screen and (max-width: 1130px) and (min-width: 1000px) {
    .gallery-main-image img{
        width: 430px!important;
    }
    .gallery-thumb img{
        height: 100px;
    }
}
@media screen and (max-width: 1100px) and (min-width: 1000px) {
    .manager{
        width: 866px;
    }
    .managerslide{
        width: 590px;
        padding: 50px;
    }
    .ward{
        width: 725px;
    }
    .statcount{
        font-size: 33px;
    }
    .manager{
        width: 825px;
    }
}
@media screen and (max-width: 1150px) and (min-width: 1000px) {
    .manager{
        width: 816px;
    }
    .managerslide{
        width: 590px;
    }
    .namewrapper .title{font-size: 40px}
}
@media screen and (max-width: 1080px) and (min-width: 1000px) {
    iframe{
        width: 250px;
        height: 250px;
    }
    .namewrapper .title{
        font-size: 40px;
    }

}
.justify-spisok {
        text-align: justify;
    }
.margin-left-spisok {
        margin-left: 20px; /* Устанавливает отступ слева на 20 пикселей */
    }
.policylink{
    color: #FF8181;
}