@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v14-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
         url('../fonts/montserrat-v14-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v14-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v14-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v14-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v14-latin_cyrillic-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

#bg {
    /*
    background: #444 url('../images/bg/bg-0321.jpg?160820') no-repeat;
	background-size: cover;
    background-position: 50% 50%;
    */
}
.bgcolor {
    
}

body.lock {
	overflow: hidden;
}

html,body{
    font-family: 'Montserrat', sans-serif;
    
}

html {
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
    color: #444;
    margin-top: 1.5em;
    margin-bottom: 0.667em;
    line-height: 1.25;
    font-weight: bold;
}
p {
	color: #393d40;
}

.container {
    max-width: 1180px;
	margin: 0px auto;
	padding: 0px 10px;
}

.upscroll {
    /*padding-top: -60px;*/
}

#wrap {

}
/*
* {border: 1px solid #000;}
*/

.container_top * {
    /*border: 1px solid #000;*/
}

.container_top {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}



.top .container {
    height: 65px;
    align-items: center;
    
}
.topmenu {

}
.topmenu ul li {
    display: inline;
    font-size: 16px;
    padding-right: 25px;
}
.topmenu ul li:last-child {
    padding-right: 0px;
}

.topmenu ul li a {
    color: #fff;
}
.topmenu ul li a:hover {
    color: #eee;
    border-bottom: 1px dashed;
    padding-bottom: 5px;
}

.topbutton {
    /*width: 50%;*/
    text-align: right;
    font-weight: bold;
    cursor: pointer;
}

.topbutton span {
    border: 1px solid #FFD100;
    background-color: #FFD100;
    padding: 10px 25px;
    border-radius: 5px;
    font-size: 16px;
}

.top {
    position: sticky;
	top: 0px;
	z-index:10;
    width: 100%;
    background-color: #0082D1;
}
/*
* {border: 1px solid #000;}
*/
.logo {
    cursor: pointer;
    
    margin: 0 auto;
    width: 275px;
    height: 130px;
    
    background: #fff url('../images/logoPF_uk3.svg') no-repeat;
    
    display: flex;
    flex-wrap: wrap;
    
    justify-content: center;
    align-items: center;
}

.header {
    margin: 25px auto 25px auto;
}

h1 {
    color: #000;
    font-size: 32px;
}

h2 {
    color: #444;
    font-size: 30px;
}

.block-main-title {
    color: #000;
    margin-top: 1.5em;
    margin-bottom: 1.667em;
    line-height: 1.25;
    font-weight: bold;
    font-size: 32px;
}

.block-text {
    
    font-size: 16px;
    line-height: 1.45;
}

.block-text p {
    color: #020202;
    margin: 15px;
}

.about {
    display: flex;
    
    justify-content: center;
    align-items: center;
    
}
.about_image {
    
    width: 50%;
}
.about_image img {
    width: 100%;
}
.about_text {
    width: 50%;
}

.container * {
    /*border: 1px solid #000;*/
}

.SP_list {
    display: flex;
}

.SP_list-item {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: top;
    align-items: top;
    margin-bottom: 35px;
}

.SP_list_name h2 {
    margin: 0;
}

.SP_list_photo {
    width: 40%;
}
.SP_list_photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}

img.SP {
    
    height: 450px;
    max-width: 100%;
}

.SP_list_text {
    width: 55%;
}
.SP_list_name {
    margin: 10px 0 20px 0;
    font-size: 24px;
    font-weight: bold;
    background: #FFD100;
    padding: 15px;
}

.SP_list_desc {
    line-height: 26px;
    font-size: 16px;
    padding: 15px;
}

.SP_list_desc p {
    margin-bottom: 15px;
}
.SP_list_desc p:last-child {
    margin-bottom: 0px;
}

#team {
    position: absolute;
    margin-top: 0px;
}

.team_list {
    
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: top;
    align-items: top;
    text-align: center;
}

.team_list-item {
    width: 23.5%;
    
}


.team_list_photo {
    width: 200px;
    height: 170px;
    text-align: center;
    margin: 0px auto;
}

.team_list_name {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.team_list_func {
    line-height: 24px;
    margin: 0 0 20px 0;
    
    width: 200px;
    
    text-align: center;
    margin: 0px auto;
}


.team_list .team_p1 {
    background: #fff url('../images/team/2.jpg') no-repeat;
}
.team_list .team_p2 {
    background: #fff url('../images/team/13.jpg') no-repeat;
}
.team_list .team_p3 {
    background: #fff url('../images/team/12.jpg') no-repeat;
}
.team_list .team_p4 {
    background: #fff url('../images/team/10.jpg') no-repeat;
}
.team_list .team_p5 {
    background: #fff url('../images/team/9.jpg') no-repeat;
}
.team_list .team_p6 {
    background: #fff url('../images/team/8.jpg') no-repeat;
}

.team_list .team_p7 {
    background: #fff url('../images/team/6.jpg') no-repeat;
}

.team_list .team_p8 {
    background: #fff url('../images/team/7.jpg') no-repeat;
}

.team_list .team_p9 {
    background: #fff url('../images/team/3.jpg') no-repeat;
}

.team_list .team_p10 {
    background: #fff url('../images/team/4.jpg') no-repeat;
}
.team_list .team_p11 {
    background: #fff url('../images/team/1.jpg') no-repeat;
}
.team_list .team_p12 {
    background: #fff url('../images/team/5.jpg') no-repeat;
}

.team_list .team_p14 {
    background: #fff url('../images/team/14.jpg') no-repeat;
}
.team_list .team_p15 {
    background: #fff url('../images/team/15.jpg') no-repeat;
}
.team_list .team_p16 {
    background: #fff url('../images/team/16.jpg') no-repeat;
}

.team_list .team_p17 {
    background: #fff url('../images/team/17.jpg') no-repeat;
}

.team_list .team_p18 {
    background: #fff url('../images/team/18.jpg') no-repeat;
}
.team_list .team_p19 {
    background: #fff url('../images/team/19.jpg') no-repeat;
}
.team_list .team_p20 {
    background: #fff url('../images/team/20.jpg') no-repeat;
}
.team_list .team_p21 {
    background: #fff url('../images/team/21.jpg') no-repeat;
}

.team_list .team_p22 {
    background: #fff url('../images/team/22.jpg') no-repeat;
}
.team_list .team_p23 {
    background: #fff url('../images/team/23.jpg') no-repeat;
}
.team_list .team_p24 {
    background: #fff url('../images/team/24.jpg') no-repeat;
}

.team_list .team_p00070 {
    background: #fff url('../images/team/00070.jpg?t=<?=time()?>') no-repeat;
}

.team_list .team_p00094 {
    background: #fff url('../images/team/00094.jpg?t=<?=time()?>') no-repeat;
}

.team_list .team_p00099 {
    background: #fff url('../images/team/00099.jpg') no-repeat;
}
/*
.partner_container * {border: 1px solid #000;}
*/
.partner_list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

.partner_list-item {
    padding: 15px 5px;
    flex: 0 1 32%;
    text-align: center;
}
.partner_list_photo {
    
}
.partner_list_photo img {
    height: 75px;
}

.doc_list {
    display: flex;
}

.doc_list-item {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    align-items: center;
    margin-bottom: 35px;
}
.doc_list_photo {
    width: 80%;
}
.doc_list_photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}

img.doc {
    
}

/**/

.dopomoga_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 20px;
    justify-items: center;
    align-items: center;
    margin-bottom: 35px;
}

/* На больших экранах — все в одну строку */
@media (min-width: 768px) {
    .dopomoga_list {
        grid-template-columns: repeat(auto-fit, minmax(100px, auto));
        /* Используем auto чтобы не ограничивать ширину */
        white-space: nowrap;
        overflow-x: auto;
    }
}

/* Фотография */
.dopomoga_list_photo {
    width: 80%;
}

.dopomoga_list_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/**/

#footer {
    background-color: #e5e7eb;
    padding: 25px;
    width: 100%;
}
#footer .container {
    
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

#footer a {
    color: #393d40;
    font-weight: bold;
}
#footer a:hover {
    border-bottom: 1px dashed;
    padding-bottom: 0px;
}

.footer_menu {
}

.footer_contact {
    
}
.footer_contact p {
    line-height: 22px;
    
}

.footer-col {
    width: 31.5%;
    font-size: 14px;
    line-height: 24px;
}

.footer_social {
    width: 32.5%%;
}

.container_status {
    max-width: 65vh;
    padding: 0 0 40px 0;
}

.status_comment {
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    font-weight: bold;
    text-transform: uppercase;
}

.status_title * { /* border: 1px solid #000; */ }

.status_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*
    justify-content: space-between;
    */
    margin: 20px 0 0 0;
}

.status_title .status_h1 {
    font-size: 28px;
}

.status_title .status_p {
    background-color: green;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 7px 15px;
    box-sizing: border-box;
    border-radius: 15px;
    margin: 5px 0;
}

.status_title .status_b {
    background-color: yellowgreen;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    padding: 7px 15px;
    box-sizing: border-box;
    border-radius: 15px;
    margin: 5px 0;
}

.status {
    display:flex;
    flex-wrap:wrap;
    gap: 15px;
    box-sizing: border-box;
    margin-top: 15px;
}

.status_image img {width: 170px; border-radius: 15px;}

.status_info {
    flex: 0 1 50%;
    padding: 10px 0 0 0;
}

.status_name {
    flex: 0 1 50%;
    display: flex;
    flex-direction: column;
    font-weight: bold;
    color: #eee;
    gap: 7px;
    padding: 15px;
}

.status_name span.status_name-ua {
    color: #000;
    font-size: 32px;
    text-transform: uppercase;
}

.status_name span.status_name-en {
    color: #666;
    font-size: 22px;
    text-transform: uppercase;
}

.status_work {
    flex: 0 1 100%;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    padding: 15px;
}

.status_work span.status_work-ua {
    color: #000;
    font-size: 32px;
    text-transform: uppercase;
}

.status_work span.status_work-en {
    color: #666;
    font-size: 22px;
    text-transform: uppercase;
}

.donate {
    margin-bottom: 30px;
}

.donate p {
    line-height: 25px;
    font-size: 18px;
}
/*
#nakaz * {
    border: 1px solid #000;
}
*/
#nakaz {
    display:flex;
    flex-wrap:wrap;
    gap: 15px;
    box-sizing: border-box;
    margin-top: 15px;
    color: #666;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
}

#nakaz .container {padding: 10px;}

.nakaz_top, .nakaz_top3, .nakaz_footer1, .nakaz_footer2 {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin: 15px 0;
    line-height: 22px;
}

.nakaz_top2 {
    display:flex;
    flex-wrap:wrap;
    flex-direction: column;
}
/***/
.nakaz_top2 {margin: 0 auto; text-align: center;}

.nakaz_status {border-radius: 5px; padding: 5px;}
.nakaz_status_ok {background-color: green; color: #fff; width: 175px;}

.nakaz_content {font-size: 14px;}
.nakaz_content p {padding: 0 0 10px 0; line-height: 22px;}
.nakaz_content ul {margin: 0 0 0 35px; padding: 0;}
.nakaz_content ul li {list-style: square; padding: 0 0 10px 0; line-height: 22px;}

@media (max-width: 1190px) {
    .about {
        display: inline-block;
        width: 100%;
    }
    .about_image {
        width: 100%;
    }
    .about_text {
        width: 100%;
    }
    .team_list-item {
        width: 31.5%;
    }
    .footer-col {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .about {
        display: inline-block;
        width: 100%;
    }
    .about_image {
        width: 100%;
    }
    .about_text {
        width: 100%;
    }
    .SP_list-item {
        display: inline;
    }
    .SP_list_text {
        width: 100%;
    }
    .SP_list_photo {
        width: 100%;
    }
    img.SP {
        width: 450px;
    }
    .team_list-item {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .partner_list-item {
        padding: 15px 5px;
        flex: 0 1 80%;
        text-align: center;
    }
    .footer-col {
        width: 100%;
    }
    .status_title {
        flex-direction: column;
    }
    .status {
        flex-direction: column;
    }
    .status_image {
        text-align: center;
    }
}

/* MENU MOBILE */

@media (max-width: 767px) {
    .header__burger {
		display: block;
		position: relative;
		width:30px;
		height:20px;
		z-index: 3;
        margin-right: 20px;
	}
	.header__burger span {
		background-color:#fff;
		position: absolute;
		width: 100%;
		height: 2px;
		top: 9px;
		transition: all 0.3s ease 0s;
	}
	.header__burger:before,
	.header__burger:after {
		content: "";
		background-color:#fff;
		position: absolute;
		width: 100%;
		height: 2px;
		left:0;
		transition: all 0.3s ease 0s;
	}
	.header__burger:before {
		top:0;
	}
	.header__burger:after {
		bottom: 0;
	}
	.header__burger.active span {
		transform: scale(0);
	}
	.header__burger.active:before {
		transform:rotate(45deg);
		top: 9px;
	}
	.header__burger.active:after {
		transform:rotate(-45deg);
		bottom: 9px;
	}
	.topmenu {
		position: fixed;
		top:-100%;
		left: 0;
		width:100%;
		height:100%;
		overflow: auto;
		background-color: #0082D1;
		padding: 100px 10px 20px 10px;
		transition: all 0.3s ease 0s;
	}
	.topmenu.active {
		top:0;
	}
	.topmenu__list {
		display: block;
        margin-right: 20px;
	}
	.topmenu__list li a {
        display: inline-block;
		margin: 0px 0px 50px 0px;
		font-size: 24px;
	}

    .topmenu ul li {
        display: block;
        justify-content: left;
    }
    
}