@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=PT+Sans:400,700');

:root {
	--primary-color: #89ba21;
    --secondary-color: #134a8a;
    --box-bgcolor: #fff;
}

/*-----------------------------------------------------     CSS Document of SUFIX © 2019. All rights reserved     ---------------------------------------------------------*/
BODY,HTML {
/*----------- налаштовуємо загальні стилі -----------*/
background-color:#f5f5f5;
font-family:'PT Sans', sans-serif;
font-size:14px;
line-height: 1.2;
/*---------------------------------------------------*/
margin:0; padding:0; width:100%; height:100%;} A img {border:0px solid; outline:none;} A {cursor:pointer; outline:none;} .fm {position:relative; float:left; margin:0; padding:0;} .fmr {position:relative; float:right; margin:0; padding:0;} .centre {position:relative; width: 100%; max-width:1230px; margin:0 auto; clear: both;} A:active {outline:none;} * {outline:none; box-sizing:border-box;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block; position:relative; float:left;width: 100%;} H1,H2,H3,H4,H5,H6 {padding:0; margin:0;} ADDRESS {font-style:normal;} UL {position:relative; float:left; list-style:none; padding:0; margin:0;} Textarea {resize:none; overflow:auto; margin:0; border:none;} Input {padding:0; border:none;} P {margin:0; padding:0;} Table {border-collapse:collapse;} Img {vertical-align:middle;} .long_div {position:relative; float:left; width:100%;}

.slick-slide {cursor: grab;}
.slick-slide:active {cursor: grabbing;}
.slick-arrow {cursor: pointer;}

.primary_title {font-size: 24px; font-weight: 400; line-height: 1.2; color: #000; border-bottom: 1px solid var(--primary-color); padding: 0 0 9px; margin: 0 0 16px;}
.primary_title_large {font-size: 30px; margin: 0 0 30px;}
.secondary_title {font-size: 24px; line-height: 1.2; color: #000; text-align: center; margin: 0 0 36px;}
.view_all {color: var(--primary-color); width: 100%; height: 36px; display: flex; align-items: center; justify-content: center; clear: both; text-align: center; font-size: 16px; text-decoration: none; border: 2px solid var(--primary-color); border-radius: 10px; transition: .3s;}
.view_all:after {content: '\f105'; font-family: FontAwesome; font-size: 18px; margin: 2px 0 0 6px;}
.view_all:hover {color: #fff; background-color: var(--primary-color);}

.sect {width: 100%;}

/*--------------------------------------------------------------------     основні CSS стилі сайту     --------------------------------------------------------------------*/
/* шапка сайту
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
header.header {width:100%; background-color: var(--primary-color); z-index:9995; padding: 14px 0;}
	header.header .centre {display: flex; align-items: center; justify-content: space-between;}
	.header_right {display: flex; align-items: center; flex: 0 0 auto;}
	/* головне меню
	---------------------------------*/
	.for_logo {align-self: center;}
		.for_logo a {display:block;}
		.for_logo img {max-width: 100%; vertical-align: top;}
	.for_main_menu {width:100%; height:100px;}
	/* пошук
	---------------------------------*/
	.for_search_wrap {position: relative;}
	.for_search {width:200px; height:36px; position: absolute; top: 100%; right: 0; margin: 17px 0 0 0; opacity: 0; visibility: hidden; transition: .3s;}
	.for_search.active {opacity: 1; visibility: visible;}
		.for_search input {background:#333; height:100%; width:100%; padding:0 34px 0 10px; color:#fff; font:16px/1 'PT Sans', sans-serif;}
		input::-webkit-input-placeholder {color:#fff;}
		input:-ms-input-placeholder{color:#fff;}
		input::-moz-placeholder {color:#fff;}
		.for_search a {height:36px; width:36px; position:absolute; top:0; right:0; text-decoration: none; display: flex; align-items: center; justify-content: center;}
		.for_search a:after {content: '\f002'; font-family: FontAwesome; color: #fff; font-size: 14px;}
	.btn_search {width: 32px; height: 32px; border: 1px solid #fff; color: #fff; border-radius: 100%; padding: 0; background-color: transparent; cursor: pointer; transition: .3s;}
	.btn_search:after {content: '\f002'; font-family: FontAwesome; font-size: 18px;}
	.btn_search:hover {color: #042d18; border-color: #042d18;}
	/* соціальні іконки
	---------------------------------*/
	.header_social_net {margin:15px 0px 0;}
		.header_social_net a {width:17px; height:17px; margin: 2px 10px 0 0;}
		.header_social_net .active {box-shadow:0 0 1px #fff;}
		.fc {background: url(../images/sprite.png) no-repeat -28px -2px;}
		.youtube {background: url(../images/youtube.png); margin: 5px 10px 0 0!important;}
	/* вибрати мову
	---------------------------------*/
	.header_lang {display: flex;}
		.header_lang a, .reg a {text-decoration:none; font-size: 16px; text-transform:lowercase; color:#fff; transition:all 0.2s linear 0s;}
		.header_lang a:hover, .header_lang a.active, .reg a:hover {color: #333; transition:all 0.2s linear 0s;}
		.header_lang a.active {pointer-events: none;}
		.lang + .lang {border-left: 1px solid #fff; margin: 0 0 0 10px; padding: 0 0 0 10px;}
		.reg {display: flex; flex-wrap: wrap; flex: 0 0 auto; margin-right: 20px;}
		.reg a {font-size: 16px;}
		.reg a + a {border-left: 1px solid #fff; margin: 0 0 0 10px; padding: 0 0 0 10px;}
		.reg_footer {width: 100%; justify-content: center; margin: 0 0 30px;}
		.reg_footer a:hover {color: var(--primary-color);}
	/* marker
	---------------------------------*/
	.map_marker {width: 41px; height: 27px; border: none; background: url("../images/sprite.png") no-repeat -63px -119px; flex-shrink: 0; margin: 0 30px; padding: 0; position: relative; cursor: pointer;}
		.map_marker:before {content: ''; width: 22px; height: 28px; background: url("../images/sprite.png") no-repeat -116px -119px; position: absolute; left: 12px; top: -16px;}
	.map_dropdown {position: absolute; right: 0; left: 0; top: calc(100% + 17px); background-color: #7ba71d; padding: 30px; color: #fff; opacity: 0; visibility: hidden; transition: .3s;}
	.map_dropdown.active {opacity: 1; visibility: visible;}
	.map_dropdown:before {content: ''; position: absolute; top: -12px; right: 99px; width: 0; height: 0; border-style: solid; border-width: 0 12px 12px 12px; border-color: transparent transparent #7ba71d transparent;}
	.map_dropdown_title {font-size: 18px; line-height: 1.2; margin: 0 0 20px;}
	.map_dropdown_row {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px;}
	circle.st0 {fill: var(--primary-color);}
	.st0 {transition: .3s;}
	.st0:hover {fill: var(--secondary-color); cursor: pointer;}
	.map_regions_head {display: flex; text-transform: uppercase; font-size: 16px;}
	.map_regions {height: 279px; overflow: auto; font-size: 16px; line-height: 1.2; margin: 0 0 20px; padding: 0; list-style: none; width: 100%;}
		.map_regions_col {width: 33.33%; padding: 15px 10px;}
	.map_regions a {color: #fff; text-decoration: none; display: flex; flex-wrap: wrap; transition: .3s;}
	.sect .map_regions a {color: #333;}
	.map_regions a:hover {color: #333; background-color: #fff;}
	.btn_all {float: right; color: #333; text-decoration: none; background-color: #fff; padding: 12px 20px; display: inline-block; vertical-align: top; transition: .3s;}
    .sect .btn_all {background-color: var(--primary-color); color: #fff;}
	.btn_all:hover {background-color: #333; color: #fff;}

	/* навігація меню
	---------------------------------*/
	.menu_place {width: auto;}
		.menu_place ul {width:100%; padding: 0 0 2px; display: flex; justify-content: center;}
			.menu_place ul li {position:relative; float:left;}
				.menu_place ul li a {position:relative; float:left; padding:0 9px 0; text-decoration:none; transition:all 0.2s linear 0s;z-index: 999;}
					.menu_place ul li a span {color:#fff; font-size: 16px; text-transform: uppercase;}
					.menu_place ul li a:hover span, .menu_place ul li a.active span{color:#042d18; transition:all 0.2s linear 0s;}
					.menu_place ul li b {width:10px; height:20px; background:url(../images/sprite.png) no-repeat -2px -19px; float:right; z-index:5; position:relative; top: -2px;}
					.menu_place ul .active b {background:url(../images/sprite.png) no-repeat -12px -19px; float:right; z-index:5; position:relative;}
		.menu_btn{display: none;}
	/* випадайка головного меню
	---------------------------------*/
	.menu_place ul li ul {position:absolute; top:64px; left:50%; width:200px; padding: 7px; height:auto; background-color:#9fd135; z-index:155; margin:-25px 0 0 -100px; box-shadow: 0 3px 5px rgba(0,0,0,.2); flex-wrap: wrap;}
	.menu_place ul li ul:after {
		content: '';
		display: block;
		position: absolute;
		right: 0;
		left: 0;
		top: -10px;
		margin: 0 auto;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #9fd135 transparent;
	}
		.menu_place ul li ul li {position:relative; float:left; width:100%; height:auto; background:none; margin-top: 0;}
				.menu_place ul li ul li a {font-size: 14px; position:relative; float:left; padding: 7px 10px; color:#fff; text-decoration:none; height:auto; transition:all 0.2s linear 0s; width:100%;}
					.menu_place ul li ul li a:hover {background-color: rgba(255,255,255,.2);}
					.menu_place ul li ul li .active {color: var(--secondary-color); transition:all 0.2s linear 0s;}
		.menu_place ul li ul i {position: absolute; float: left; top: -25px; left: 0; width: 100%; height: 25px;}
	/* main box
	---------------------------------*/
	.main_box {background-color: var(--box-bgcolor); width: 100%; float: left; padding: 22px 30px 30px; box-shadow: 0 3px 5px rgba(0,0,0,.1);}
		.main_box_1 {display: flex; padding: 30px 30px 0 30px;}
		.main_box_2 {padding: 22px 14px 32px;}
        .main_box_2+.main_box_2 {margin-top: 20px;}
	/* main row
	---------------------------------*/
	.main_row {display: flex; flex-wrap: wrap;}
		.main_col {flex: 1;}
		.main_col_sidebar {max-width: 300px; flex: 1 0 300px; margin: 0 0 0 30px;}
	/* projects
	---------------------------------*/
	.projects {width: 100%; float: left; margin: 0 0 18px;}
		.project {height: 116px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.2); border: 2px solid transparent; display: flex; align-items: center; justify-content: center; padding: 10px; margin: 0; transition: border-color .3s;}
            .project a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
			.project + .project {margin: 11px 0 0 0;}
			.project:hover {border-color: var(--primary-color);}
			.project__img {width: 100%; height: 100%; object-fit: contain;}
    /* partners
	---------------------------------*/
    .partners {background-color: var(--box-bgcolor); margin: 21px 0 0 0; padding: 30px 0;}
    .partners_slider {padding: 0 15px;}
    .partners_slider .slick-slide {padding: 0 15px;}
    .partners_slider .slick-slide > div {height: 100%; display: flex; align-items: center;}
    .partners_slider figure {margin: 0;}
    .partners_slider img {max-width: 100%; margin: 0 auto;}
    .partners_slider .slick-arrow {border: none; font-size: 0; line-height: 0; padding: 0; color: #134a8a; background-color: transparent; position: absolute; top: 50%; transform: translateY(-50%);}
    .partners_slider .slick-arrow:after {font-family: FontAwesome; font-size: 24px; line-height: 1;}
    .partners_slider .slick-prev {left: 0;}
    .partners_slider .slick-prev:after {content: '\f104';}
    .partners_slider .slick-next {right: 0;}
    .partners_slider .slick-next:after {content: '\f105';}
     /* банер
	---------------------------------*/
	.for_baner {max-width:870px; flex: 1 1 870px; height:440px; margin-bottom: 49px;}
		.main_baner {height:440px; width:100%;}
			.slider_bg {position:absolute; top:0; left:0; width:100%; height:440px; border-radius: 10px; overflow: hidden;}
				.slider_bg a.slider_link {position:absolute; top:0; left:0; width:100%; height:440px; z-index:1;}
				.slider_bg a.slider_link:after {content: ''; position: absolute; bottom: 0; right: 0; left: 0; top: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); opacity: .61;}
				.slider_bg.active a.slider_link {z-index:1;}
		.for_baner .next_btn {width:100%; position:absolute; top:245px; left:0px;}
		.for_baner .left, .for_baner .right {width:70px; height:100px; z-index:10; background:url(../images/sprite.png) no-repeat; transition:all 0.2s linear 0s; opacity:0.8;}
		.for_baner .left:hover, .for_baner .right:hover {opacity:1; transition:all 0.2s linear 0s;}
		.for_baner .left {background-position:-61px 0;}
		.for_baner .right {background-position:-130px 0;}
			.slider_bg .for_baner_news { width:490px; margin:0 0 0 -245px; position:absolute; left:50%; top:200px; z-index: 1999;}
				.member_associations {color:#fff; z-index:10; position: absolute; left: 22px; right: 22px; bottom: 18px; text-transform: uppercase; font-size: 22px; line-height: 1.2;}
					.baner_titles {width:490px;background:#0d8f4b; margin:0 0 10px; padding:5px 5px 5px 10px; transition:all 0.2s linear 0s; max-height:80px; display: none;}
					.baner_titles:hover {background:#1bb163; transition:all 0.2s linear 0s;}
					.baner_titles a {text-decoration:none; font:24px/30px 'PFDinDisplayPro-Reg', sans-serif; color:#fff; display:block; max-height:60px; overflow:hidden;}
					.baner_text {background:rgba(0,0,0,0.78); padding:10px 20px 40px; max-height:158px; overflow:hidden; display: none;}
					.baner_text span {font:16px/22px 'PFDinDisplayPro-Reg', sans-serif; color:#fff; display:block; max-height:90px; overflow:hidden;}
					.baner_text a {font:300 16px/28px Open Sans, sans-serif; color:#89ba21; padding:0 30px 0; text-decoration:none;  margin:15px 0 0; transition:all 0.2s linear 0s;}
					.baner_text a:hover {opacity:0.8; transition:all 0.2s linear 0s;}
					.baner_text a i {position: relative; float: right; width: 25px; height: 25px;top: 0;right: -5px; background: url(../images/sprite.png) no-repeat 2px -45px;}
		.slider_pag {display: flex; justify-content: flex-end; position: absolute; left: 0; right: -9px; bottom: -46px;}
			.slider_pag button {width: 28px; height: 28px; border: none; padding: 0; background-color: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center;}
			.slider_pag button:after {content: ''; border-radius: 100%; border: 2px solid #767774; width: 10px; height: 10px; transition: .3s;}
			.slider_pag button:hover:after, .slider_pag button.active:after {background-color: var(--primary-color); border-color: var(--primary-color);}

		.slider_sidebar {max-width: 270px; flex: 1 1 270px; margin: 0 0 0 30px;}

        .article_photo .slider_bg {top: 0; left: 0; width: 100%; height:235px; margin: 0;}
        .article_photo .for_baner {height: 235px;}
        .article_photo .next_btn, .article_photo .prev_btn  {position: absolute;top: 50%;transform: translateY(-50%);text-decoration: none;color: #b4b4b4;font-size: 30px;z-index: 0; width: auto;}
        .article_photo .next_btn {float: right;  right: 15px;}
        .article_photo .prev_btn {float: left;  left: 15px;}
		.for_details {padding: 30px 0 0 0;}
        .for_details .for_baner .next_btn{top: 80px; height: 70px;}
        .for_details .next_btn .left, .for_details .next_btn .right{transform: scale(0.7); position: absolute; top: 0;}
        .for_details .next_btn .left{left: 15px;}
         .for_details .next_btn .right{right: 15px;}
/* поле контенту
	---------------------------------*/
	.main {width: 100%; flex-grow: 1; padding: 0 0 63px;}
	.main_page .main {padding-bottom: 0;}
	.content {width:100%; }
		.main_col {width:100%;}
			.main_calendar {width: 274px;}
			.calendar_events {z-index: 1999;}
				.calendar_events .main_calendar {margin-left: 30px;}
				.events_block {width:300px; box-shadow:0 0 4px #ccc; margin: 0 0 0 40px; height:400px; background:#fff;}
				.events_img a {width:300px; height:150px;}
				.events_block .calendar {height:400px; width:300px}
				.events_block .calendar img {height:400px; width:300px}
				.events_img {text-align:center; max-width:300px; max-height:150px; min-height:150px; display:table-cell; vertical-align:middle; height:150px; width:300px; z-index:400;}
				.events_img a img {max-width:300px; max-height:150px; }
					.about_events {padding:5px 10px 0; max-height:170px; overflow:hidden;width: 100%;}
						.about_events a {position: relative;float: left;width: 100%;text-decoration:none; color:#0d8f4b; font:16px/21px 'PFDinDisplayPro-Reg', sans-serif; padding:0; transition:all 0.2s linear 0s; max-height:80px;}
						.about_events a:hover {color:#034313; transition:all 0.2s linear 0s;}
						.event_text {margin:16px 0 0; font:16px/21px 'PFDinDisplayPro-Reg'; color:#656565;  position:relative; max-height:105px; overflow:hidden;float: left;width: 100%;}
						.bottom_text {width:100%; position:absolute; left:0; bottom:0;}
							.bottom_text span {font:14px/28px 'PFDinDisplayPro-Reg', sans-serif; padding:10px; color:#c8c8c8;}
							.bottom_text .event_btn {color:#89ba21; font:14px/28px 'PFDinDisplayPro-Reg', sans-serif; padding:10px; transition:all 0.2s linear 0s; float:right; position:relative;}
							.bottom_text .event_btn:hover {color:#8c8c8c; transition:all 0.2s linear 0s;}
	/* Publications
	---------------------------------*/
	.publications {width: 100%; margin: 0 0 30px;}
		.publications_grid {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; width: 100%; margin: 0 0 45px;}
		.publication {margin: 0;}
			.publication_img {max-width: 100%;}
			.publication_link {position: relative; display: block; margin: 0 0 18px;}
			.publication_link:after {content: ''; display: block; position: absolute; bottom: 0; right: 0; left: 0; top: 0; background-color: var(--secondary-color); opacity: 0; transition: .3s;}
			.publication_link:hover:after {opacity: .5;}
			.publication_title {font-size: 20px; font-weight: 700; line-height: 1.2; margin: 10px 0 0 0; display: flex; flex-direction: column;}
				.publication_title a {color: var(--secondary-color); text-decoration: none;}
				.publication_title a:hover {text-decoration: underline;}
				.publication_title a.team_email {width: 24px; height: 18px; flex-shrink: 0; background: url("../images/sprite.png") no-repeat -575px -132px;}
				.publication_title a.team_fb {width: 18px; height: 18px; flex-shrink: 0; background: url("../images/sprite.png") no-repeat -555px -132px; margin: 0 10px 0 0;}
				.publication_title .pos {font-size: 14px; font-weight: 400; color: #777;}
			.publication_soc {display: flex; margin: 10px 0 0 0;}
	/* Tabs
	---------------------------------*/
	.tabs_nav {margin: 0 0 15px;}
		.tabs_nav ul {display: flex; flex-wrap: wrap;}
		.tabs_nav li {margin: 0 15px 15px 0;}
		.tabs_nav button {font-size: 16px; line-height: 1.2; color: #848484; text-decoration: none; border: 1px solid #848484; border-radius: 10px; padding: 7px 20px; background-color: transparent; cursor: pointer; transition: .3s;}
		.tabs_nav button:hover, .tabs_nav button.current {color: #fff; background-color: var(--primary-color); border-color: var(--primary-color);}
	/* новини
	---------------------------------*/
	.news {width: 100%;}
		.for_news {width:100%; margin-top: 30px;}
		.main_box .for_news {margin-top: 0;}
			.for_news .for_title {font:40px/30px 'PFDinDisplayPro-Reg', sans-serif; color:#0d8f4b; margin:18px 0 15px; width:100%;}
				.news_block { width:100%; margin: 0 0 28px;}
                .news_block_sm {margin: 0 0 24px;}
				.ifa_block .botton {display: block;}
					.block{width:100%; display: flex; align-items: flex-start;}
                    .block+.block {margin-top: 31px;}
                    .block_sm+.block_sm {margin-top: 10px;}
						.block .img {max-width:270px; flex: 1 1 270px; height: 200px; display: flex; align-items: center; justify-content: center; margin: 0 30px 0 0;}
                        .block .img_project {height: 116px;}
						.img a {display: block; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; position: relative;}
                        .img_project a {border: 2px solid transparent; box-shadow: 0 0 10px rgba(0,0,0,.2); overflow: visible; transition: border-color .3s;}
                        .img a:after {content: ''; position: absolute; bottom: 0; right: 0; left: 0; top: 0; background-color: var(--secondary-color); opacity: 0; transition: linear .3s;}
                        .img_project a:after {display: none;}
                        .img a:hover:after {opacity: .5;}
                        .img_project a:hover {border-color: var(--primary-color);}
						.for_news img {width: 100%; height: 100%; object-fit: contain;}
						.news_block_text {flex: 1;}
							.news_block_text .date {font-size: 16px; line-height: 1; color:#b4b4b4; width:100%; margin: 0 0 12px;}
							.news_block_text .title {font-size: 20px; font-weight: 700; line-height: 1.2; color: var(--secondary-color); width:100%; margin: 0 0 18px; text-decoration: none; transition:all 0.2s linear 0s;}
                            .news_block_text .title_sm {margin-bottom: 10px;}
							.news_block_text .title:hover {text-decoration: underline;}
							.news_block_text span {color:#505050; display: block; width: 100%; max-height: 115px; overflow: hidden;}
							.news_block_text .botton {font:14px 'PFDinDisplayPro-Reg'; color:#89ba21; transition:all 0.2s linear 0s; padding:14px 10px 9px;}
							.news_block_text .botton:hover {color:#8c8c8c; transition:all 0.2s linear 0s;}
								.news_btn {width: 100%; text-align: right;}
									.news_btn a {text-decoration: none; font-size: 16px; line-height: 1; color: var(--secondary-color); transition: color .3s;}
									.news_btn a:after {content: '\f105'; font-family: FontAwesome; margin: 0 0 0 5px;}
									.news_btn a:hover {color: var(--primary-color);}
									.type_news {width: 100%; font: 24px/28px 'PFDinDisplayPro-Reg', sans-serif; color: #0d8f4b;}
	.projects {width: 100%;}
	/*Пошук*/
			.search {width: 100%;}
			.search H1 {font-weight: 400;}
			.ser_prev,.sp_long,.search_list,.search_title,.one_search_article {width: 100%;color: #00642F;}
			.search_title {margin: 10px 0 0 0;}
			.search_list {margin-top: 10px;}
			.search_list a {color: var(--primary-color); text-decoration: none; transition: color .3s;}
			.search_list a:hover {color: var(--secondary-color);}
			.search_list .main_box {box-shadow: none; padding: 0 0 20px;}
			.search_list .main_row {width: 100%;}
			.one_search_article + .one_search_article {margin: 20px 0 0 0;}

	/* партнери
	---------------------------------*/
	.for_our_partners {width:100%;}
		.our_partners {width:100%; margin:0 0 30px;}
			.block_partners {width:645px; overflow:hidden;}
				.block_partners .for_title {font:40px/30px 'PFDinDisplayPro-Reg', sans-serif; color:#0d8f4b; margin:0 0 20px; width:100%;}
					.img_partners {width:140px; height:150px; margin:0 0 10px;}
						.img_partners a {width:140px; height:150px; display:table-cell; vertical-align:middle;}
						.img_partners a img {max-width:140px; max-height:150px;}
	/* гіфки
	---------------------------------*/
	.image_gif {width:100%; margin:0 0 50px;}
		.image_gif_long {width:640px; height:130px;}
		.image_gif_short {width:300px; height:130px;}
/* підвал сайту
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.for_footer_bottom {width:100%; min-height: 100%; display: flex; flex-direction: column;}
	footer {width:100%; background-color:#333; text-align: center; color: #fff; padding: 40px 0;}

	 	.copyright {width: 100%; font-size: 14px; line-height: 1.4;}
			.copyright a {color: var(--primary-color); text-decoration: none;}
			.copyright a:hover {text-decoration: underline;}

		.contacts {width: 100%; font-size: 16px; line-height: 1.5;}
			.contacts__title {font-size: 18px; font-weight: 700; line-height: 1.2; text-transform: uppercase; margin: 0 0 20px;}
			.contacts a {color: #fff; text-decoration: none; transition: color .3s;}
			.contacts a:hover {color: var(--primary-color);}

		.social_networks {width: 100%; font-size: 0; margin: 34px 0 36px;}
			.social_networks a {width: 32px; height: 32px; font-size: 18px; border: 1px solid #fff; border-radius: 100%; margin: 0 11px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; vertical-align: top; color: #fff; transition: .3s;}
			.social_networks a:hover {color: var(--primary-color); border-color: var(--primary-color);}
        .social_networks_simple {margin: 0 0 30px;}
            .social_networks_simple a {border: none; width: auto; height: auto; color: var(--primary-color); margin: 0 17px 0 0;}
            .social_networks_simple a:hover {color: var(--secondary-color);}

		.left_footer {width: 190px;}
			.footer_logo {width:145px; height:100px; margin:30px 0 0 25px;}
			.sufix {width:205px; margin:17px 0 0;}
				.sufix span {position: relative;float: left;font:12px 'PFDinDisplayPro-Thin', sans-serif; color:#fff;}
				.sufix span a {font:14px 'PFDinDisplayPro-Thin', sans-serif; color:#fff; text-decoration:none; transition:all 0.2s linear 0s;}
				.sufix span a:hover {color:#042d18; text-decoration:underline; transition:all 0.2s linear 0s;}
		.for_footer_menu {position: absolute;top: 15px;left: 199px;overflow:hidden; width: 806px; max-height:200px;margin-left: -27px;}
			.for_footer_menu ul:first-child {background:none; margin:0 0 0 -4px;}
			.footer_menu {margin:0;   min-height: 145px; width: 100px;  padding: 0px 8px; background:url(../images/footer_menu.png) no-repeat;}
				.footer_menu li {width:100%; float:left;position:relative; padding:0 0 5px 0;}
					.footer_menu li a {font: 15px/20px 'PFDinDisplayPro-Reg', sans-serif, sans-serif; color:#fff; text-decoration:none; transition:all 0.2s linear 0s; }
					.footer_menu li a:hover, .footer_menu li a.active {color:#042d18; transition:all 0.2s linear 0s;}
						.footer_menu li ul {width: 100%;float:left; position:relative; line-height:13px; margin:5px 0 0 0;}
							.footer_menu li ul li a {font: 13px/13px 'PFDinDisplayPro-Reg', sans-serif; color:#fff; text-decoration:none; transition:all 0.2s linear 0s;}
							.footer_menu li ul li a:hover, .footer_menu li ul li a:active {color:#042d18; transition:all 0.2s linear 0s;}
/* ліст новин
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.list {background:none; width: 100%;}
 .list .for_news {margin:0 0 25px;}
	/* пагінатор
	-----------------------------------------*/
	nav.paginator { width:100%;}
		div.paginator {margin:0 0 24px;}
			.paginator a, .paginator strong {position:relative; float:left; text-decoration: underline; text-align:center; transition:color 0.2s linear 0s; color: var(--secondary-color); font-size: 24px; line-height: 1; margin: 0 13px;}
			.paginator a:hover {text-decoration: none;}
            .paginator a[class*="pag_"] {text-decoration: none;}
            .paginator a[class*="pag_"]:hover {color: var(--primary-color);}
            .paginator a.pag_left {margin-right: 25px;}
            .paginator a.pag_right {margin-left: 25px;}
			.paginator a.pag_left:after, .paginator a.pag_right:after, .paginator .pag_last_left:after, .paginator .pag_last_right:after {font-family: FontAwesome; font-size: 24px;}
            .paginator a.pag_left:after {content: '\f104';}
            .paginator a.pag_right:after {content: '\f105';}
            .paginator .pag_last_left, .paginator .pag_last_right {font-size: 0;}
            .paginator .pag_last_left:after {content: '\f100';}
            .paginator .pag_last_right:after {content: '\f101';}
				.paginator span {width:30px; height:30px; float:left; position:relative; color:#656565; padding:15px 0 0;}
				.paginator strong {color: var(--primary-color); text-decoration: none; font-weight: 400;}
/* календар
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.for_calendar {width:640px;}
	.for_calendar .for_title {width:100%; font:40px/28px 'PFDinDisplayPro-Reg', sans-serif; color:#0d8f4b; margin:20px 0 12px; border-bottom:1px solid #c8c8c8; padding:0 0 15px;}
	.for_calendar .for_title span:last-child {font:18px/28px 'PFDinDisplayPro-Reg', sans-serif; color:#89ba21;  position:absolute; bottom:7px; right:0;}
	.calendar_block {width:100%; border:1px solid #89ba21;}
	.calendar_block .block {border:none; background:url(../images/border_bot.png) repeat-x bottom left;}
	.calendar_block .block:last-child {background:none;}
		.title_block {width:100%;background:#89ba21; height:33px;}
			.title_block .for_date_place {font:16px/22px 'PFDinDisplayPro-Reg', sans-serif; color:#fff; padding:4px 15px; width:235px;}
			.title_block .event {font:16px/22px 'PFDinDisplayPro-Reg', sans-serif; color:#fff; padding:4px 15px; margin:0 0 0 7px;}
				.data_place {width: 230px; padding: 40px 15px;}
					.data_place span {width: 100%;float:left; position:relative; font:bold 18px/28px 'PFDinDisplayPro-Bold', sans-serif; color:#3b3b3b;}
				.calendar_block .news_block_text {width:405px; padding:7px 0 15px;}
				.calendar_block .news_block_text .title {font-size:20px; line-height:1.2; font-weight:700; color:#134a8a; padding:0 10px;}
				.calendar_block .news_block_text span {color:#505050; float:left; position:relative; padding:0 12px; max-height:80px; overflow:hidden;}
				.calendar_block .news_block_text .botton {padding:0 10px;}
.right_site {width:100%;}
	.for_img {width: 100%;height: 400px;box-shadow:0 0 4px #ccc;}
	.l_block {width: 295px;}
	.legend {width: 100%; margin: 15px 0; color: #6c6c6c;}
	.legend b:first-child, .legend b:last-child{position: relative; float: left; width: 25px; height: 3px; background: #0D8F4B; margin-top: 8px;}
	.legend b:last-child {background: #89ba21;}
	.right_news {width:100%;}
		.right_news_title {width:100%; color:#0d8f4b; border-bottom:1px solid #c8c8c8; padding:0 0 10px; margin:25px 0 13px;}
		.news {width:100%; margin:0 0 5px;}
			.news li {width:100%; float:left; position:relative;}
				.news li a {font-size: 16px; color: var(--primary-color); background:url(../images/sprite.png) no-repeat -333px 4px; float:left; position:relative; padding:0 10px; margin:0 0 23px; text-decoration:none; transition:all 0.2s linear 0s;}
				.news li a:hover {text-decoration:underline; transition:all 0.2s linear 0s;}
/* детальне
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.for_details {width:100%;}
	.article_photo {width:100%; margin:5px 0 0; text-align:center;}
		.article_photo a {float:left; position:relative; width:100%; height:auto;}
		.article_photo img {display: block; margin: 0 auto; max-width: 100%; border-radius: 10px;}
	.article_text {width:100%; margin:15px 0 0;}
		.table_ifa Table {font: 16px 'PFDinDisplayPro-Reg'; color: #656565;}
		.main_col Article {color:#656565;}
			.main_col Article A {color: var(--primary-color);}
				.main_col Article A:hover {text-decoration:none;}
				.main_col Article H1,.main_col Article H2,.main_col Article H3 {font-weight: 400;}
				.main_col Article H2 {font-size:22px; line-height:38px; padding:8px 0;}
				.main_col Article H3 {font-size:20px; line-height:36px; padding:6px 0;}
				.main_col Article P {width:100%; padding:0 0 10px 0; margin:0; text-align:left; font:16px/20px 'PFDinDisplayPro-Reg', sans-serif; color:#656565;  }
				.main_col Article UL {width:100%; padding:0 0 10px 20px; margin:0; list-style:disc;}
				.main_col Article OL {width:100%; padding:0 0 10px 20px; margin:0;}
					.main_col Article Blockquote {margin:10px 10px 10px 30px; border-left:6px solid #0d8f4b; padding:0 0 0 10px; font-style:italic;}
	.bottom_article {width:100%;padding: 30px 0;display: flex; justify-content: space-between; align-items: center;}
		.article_date {font-size: 16px; color: #b4b4b4;}
		.social {display: flex; align-items: center; font-size: 16px; color: #b4b4b4;}
			.social_title {margin: 0 14px 0 0;}
			.social a {float:left; position:relative; font-size: 16px; line-height: 1; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; text-decoration: none;}
			.social a i {color: var(--secondary-color); transition: color .3s;}
			.social a:hover i {color: var(--primary-color);}
	.other_news {width:640px; margin:0 0 40px;}
		.other_news .for_title {font:40px/30px 'PFDinDisplayPro-Reg', sans-serif; color:#0d8f4b; margin:22px 0 12px; width:100%;}
		.other_news .botton {padding:17px 0 10px;}
		.other_news img {max-width: 250px;}
		.article_close {position: relative; float: left; width: 100%; display: none;}
	.botton {display: none;}
    .ifa_img img {max-width: 640px;}
/*--------------------------------------------------------------------     Стандартні стилі сайтів     --------------------------------------------------------------------*/
/* Зворотній зв'язок + форма ifa
-----------------------------------------*/
.feedback, .ifa_add {width:100%;}
	.evry_title {position:relative; float:left; width:100%; margin:0 0 10px 0; display: flex; align-items: center;}
		.feedback Label, .ifa_add Label, .dispatch Label {position:relative; float:left; margin:8px 10px 0 0; text-align:right; color:#2f2e2e; font-family:'Open Sans', sans-serif; font-size:14px;  line-height:22px; font-weight:400; width:140px;}
		.feedback Label {text-align: left; width: 100px; margin-top: 0; line-height: 1.3;}
		.dispatch Label {width: auto;}
		.ifa_add {margin: 30px 0;}
        .ifa_add Label {max-width: 250px; flex: 1 0 250px; margin-top: 0; line-height: 1.3;}
		.ifa_main {width: 100%;}
		.ifa_main .evry_title {display: flex; align-items: center;}
		.ifa_success {display: none;}
		.upload_ifo_file {width: 230px;}
		.feedback Input,.feedback Textarea, .ifa_add Input, .ifa_add Textarea, .dispatch input {position:relative; float:left; width:230px; height:37px; border: 1px solid #f5f5f5; background-color: #f5f5f5; border-radius:5px; margin:0;  padding:0 18px; color:#8e8e8e; font-family:'Open Sans',sans-serif; font-size:14px; font-weight:400;  transition:all 0.2s linear 0s;}
		.feedback Input:focus,.feedback Textarea:focus, .ifa_add Input:focus, .ifa_add Textarea:focus, .dispatch input:focus {border-color: var(--primary-color); background-color: transparent;}
		.feedback Textarea, .ifa_add Textarea {width:500px; height:130px; padding:10px;}
		.ifa_add input {width: 100%;}
		.feedback .evry_title.wrong Input, .feedback .evry_title.wrong Textarea, .feedback .evry_title Input.error,.feedback .evry_title Textarea.error, .ifa_add .error, .dispatch .error {box-shadow: 0 0 6px 0px #0E7840 inset; transition:all 0.2s linear 0s;}
		.captcha {width: 182px;left: 150px;}
		.captcha Input {padding: 0 0px 0 125px; text-align:center; width: 177px;}
			.captcha_place {position:absolute; top:1px; left:1px; border-right: 1px solid #0D8F4B; height: 35px;}
				.captcha_place Img {border-radius:4px 0 0 4px;width: 125px;height: 35px;}
				.captcha_place A.reload {position:absolute; left: 87px; top:5px; width:28px; height:26px; background:url(../img/refresh.png) no-repeat; transition:none;}
				.captcha_place A.reload:hover {background-position: 0px -27px; transition:none;}
		.feedback A.send_adm, .ifa_add A.send_adm , .dispatch #send_sign {background-color: var(--primary-color); color: #fff; font-size: 16px; text-align: center; width: 170px; height: 36px; border-radius: 10px; margin: 0 0 0 182px; text-decoration: none; transition:all 0.2s linear 0s; line-height: 36px;}
		.feedback A.send_adm {float: none; display: block;}
			.ifa_add A.send_adm {margin: 0 0 0 260px; width: 230px;}
		.feedback A.send_adm:hover, .ifa_add A.send_adm:hover { background: var(--secondary-color); transition:all 0.2s linear 0s;}
	.mail_sent {width: 274px;height: 35px; background:url(../img/ok.png) no-repeat 26px 0; padding: 7px 0 0 70px; font: 14px/18px Arial; color: #0d8f4b;margin: 35px 0 35px 0;}

.dispatch,.main_dispatch {width: 100%;}
    .dispatch article {text-align: center;}
    .dispatch #send_sign {margin: 0 73px;}
    .dispatch_success{
        display: none;
        color: #0d8f4b;
        font-size: 24px;
        line-height: 30px;
        font-weight: 400;
        font-family: 'PFDinDisplayPro-Reg', sans-serif;
        padding: 10px 0;
    }
/* Google мапа
-----------------------------------------*/
.map_area {width:100%; height:400px;}
/* фон для затемнення сайту
-----------------------------------------*/
.black {position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; background:#000;}
/* 404 сторінка
-----------------------------------------*/
.page_404 {width:100%; height:100%; display: flex; align-items: center; justify-content: center;}
	.er_logo {width:100%; margin:0 0 50px; text-align:center;}
	.text_404 {width:100%; text-align:center; color:#484848; font-size: 18px; line-height: 1.2;}
		.text_404 B {font-size: 50px; line-height: 1;}
		.text_404 A {color:var(--primary-color); text-decoration:none;}
		.text_404 A:hover {text-decoration:underline;}
/* логування - реєстрація
-----------------------------------------*/
.login_or_reg {width:980px; margin:20px 0;}
	.lor_left {width:460px; padding:0 30px 0 0;}
		.lor_title {width:100%; color:#242323; font-family:'Open Sans', sans-serif; font-size:22px; line-height:26px; font-weight:800; text-transform:uppercase;
		            margin:0 0 20px 0;}
		.login_or_reg .feedback {width:100%;}
			A.remind_me {color:#777; font:14px/18px Arial; text-decoration:underline; left:150px; top:10px;}
			A.remind_me:hover {color:#0e6d99;}
		.feedback .for_input {display:table-cell; float:left; position:relative; vertical-align:top; width:230px; height:38px;}
			.for_input.cap Input {width:128px; padding:0 8px 0 130px; text-align:center;}
				.login_or_reg A.reload {position:absolute; top:1px; left:1px; width:126px; height:37px; overflow:hidden;}
					.login_or_reg A.reload Img {height:37px; border-radius:3px 0 0 3px;}
	.lor_right {width:459px; padding:0 0 0 30px; border-left:1px solid #e7e7e7;}
		.lor_right .lor_title {color:#242323; font-family:'Open Sans', sans-serif; font-size:22px; line-height:26px; font-weight:800; text-transform:uppercase;}
		.ago_4_row {width:100%; margin:0 0 30px;}
			.ago_4_row A {color:#0e6d99; font:14px/18px Arial; text-decoration:underline;}
			.ago_4_row A:hover {text-decoration:none;}

.register_status, .title_acti.article_photovation { width:100%; text-decoration: none; font-size: 16px;  text-transform: uppercase;  color: var(--primary-color);  border-bottom: 1px solid var(--primary-color);}
.is_reg_user {font-size: 16px;  text-transform: uppercase;  color: #fff;  border-bottom: 1px solid var(--primary-color); width: 100%;}

.followers {width:935px; border: solid #E9E9E9; margin-bottom: 2px;}
.followers textarea {width:895px; padding: 20px; min-height: 200px;}

.main_followers {width: 100%;}
.main_followers header {text-align: center;}
.main_f {width: 100%; text-align: center;}
.main_f .form {width: 100%;}
.main_f input {width: 250px;height: 35px; background: rgb(61, 166, 111);padding:0 10px;  color: #fff;  font: 16px/28px 'PFDinDisplayPro-Thin', sans-serif;}
.followers_success {width: 100%; text-align: center; color: #0d8f4b; font-size: 16px; font-family: 'PFDinDisplayPro-Reg', sans-serif; display: none;}

.breadcrumbs {padding: 25.5px 0; font-size: 16px; line-height: 1.2; color: var(--secondary-color);}
    .breadcrumbs a {text-decoration: none; color: inherit; transition: color .3s;}
    .breadcrumbs a:hover {color: var(--primary-color);}

.dropdown {background-color: #f5f5f5; position: relative; height: 30px; border-radius: 15px; display: flex; align-items: center; color: #6e6e6e; cursor: pointer; transition: color .3s;}
.dropdown:hover {color: var(--primary-color);}
    .dropdown .overflow {padding: 0 34px 0 14px;}
    .dropdown_sm {max-width: 207px;}
    .dropdown i {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 34px; text-align: center;}
    .dropdown ul {position: absolute; right: 0; left: 0; top: calc(100% + 5px); box-shadow: 0 4px 8px rgba(0,0,0,.15); background-color: #f5f5f5; border-radius: 15px; padding: 10px 14px; display: none;}
		.dropdown li+li {margin-top: 3px;}
		.dropdown ul a {text-decoration: none; color: #6e6e6e; transition: color .3s;}
		.dropdown ul a:hover {color: var(--primary-color);}

.news_project.dropdown .overflow {padding: 0 14px; display: flex; align-items: center;}
.news_project .drop_arrow {padding: 0; background-color: transparent; margin: 0 0 0 10px; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #777 transparent transparent transparent;}
.admin_base .news_project ul {width: 420px;}
.admin_base .news_project ul li + li {border-top: 1px solid rgba(0,0,0,.1); padding-top: 5px; margin-top: 5px;}

input[type="email"] {background-color: #f5f5f5; width: 100%; height: 30px; border-radius: 15px; padding: 0 14px;}
input[type="submit"], input[type="reset"] {color: #fff; background-color: var(--primary-color); border-width: transparent; padding: 10px 15px; border-radius: 10px; cursor: pointer; transition: .3s;}
input[type="submit"]:hover, input[type="reset"]:hover {background-color: var(--secondary-color);}

.subscribe_form input[type="email"] {margin-bottom: 10px;}
.subscribe_form input[type="email"]::-webkit-input-placeholder {color: #222;}
.subscribe_form input[type="email"]::-moz-placeholder {color: #222; opacity: 1;}
.subscribe_form input[type="email"]:-moz-placeholder {color: #222; opacity: 1;}
.subscribe_form input[type="email"]:-ms-input-placeholder {color: #222;}

.login {padding: 30px 0 0 0;}
.login .main_box {max-width: 384px; margin: 0 auto; float: none; overflow: hidden;}
	.login h1 {font-weight: 400; margin: 0 0 20px;}

.title_activation {width: 100%;}

.google_map {width: 100%; margin: 30px 0;}
	.google_map h2 {font-size: 22px; font-weight: 400; line-height: 38px; padding: 8px 0;}

.ui-datepicker {z-index: 1002 !important;}

.subscribe_form input[type="email"].error {box-shadow: inset 0 0 0 1px red;}

.city_members_wrap {overflow: auto;}
.city_members {margin: 0 0 50px;}
	.city_members thead td {background-color: var(--primary-color); color: #fff; border-color: var(--primary-color); position: relative;}
	.city_members thead td + td:after {content: ''; height: 100%; width: 1px; background-color: #fff; position: absolute; left: -1px; top: 0;}
	.city_members td {border: 1px solid #c3c3c3; background-color: #fff; padding: 10px;}
	.city_members a {color: var(--secondary-color);}
	.city_members a:hover {text-decoration: none;}