civilmplus/*!
Theme Name: civilmplus
Theme URI: http://underscores.me/
Author: demch.co
Author URI: https://demch.co/
Description: CivilMPlus WP theme 2017
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: civilmplus-2017

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

civilmplus is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* Cookies button */
#cn-accept-cookie {
  height: 30px;
}
.cookie-notice-container {
  width: auto;
}

/*# sourceMappingURL=normalize.min.css.map */
@font-face {
  font-family: "CeraWeb";
  src: url("../fonts/CeraWeb-Regular.woff") format("woff"),
    url("../fonts/CeraWeb-Regular.woff2") format("woff2"),
    url("../fonts/CeraWeb-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "CeraWeb";
  src: url("../fonts/CeraWeb-Bold.woff") format("woff"),
    url("../fonts/CeraWeb-Bold.woff2") format("woff2"),
    url("../fonts/CeraWeb-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
}

body {
  font-family: "CeraWeb", Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 1024px) {
  body {
    padding-top: 100px;
  }
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

button,
input,
optgroup,
select,
textarea {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  outline: none;
}

button {
  border: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  width: 100%;
}

.popup-opened {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}

.wrap {
  width: 100%;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
}
@media only screen and (min-width: 768px) {
  .wrap {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .wrap {
    padding: 0;
    max-width: 964px;
  }
}
@media only screen and (min-width: 1366px) {
  .wrap {
    max-width: 1284px;
  }
}

.h1 {
  font-size: 27px;
  letter-spacing: -0.02em;
  line-height: 1.27;
}
@media only screen and (min-width: 768px) {
  .h1 {
    font-size: 37px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 1024px) {
  .h1 {
    font-size: 52px;
    line-height: 1.07;
  }
}

.h2 {
  font-size: 27px;
}
@media only screen and (min-width: 768px) {
  .h2 {
    font-size: 40px;
  }
}

.button {
  background-color: #264cb9;
  border-radius: 4px;
  font-weight: 600;
  font-size: 16px;
  height: 40px;
  color: #fff;
  display: inline-block;
  padding: 0 36px;
  cursor: pointer;
  -webkit-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
@media only screen and (min-width: 768px) {
  .button {
    font-size: 20px;
    height: 50px;
    padding: 0 39px;
  }
}
@media only screen and (min-width: 1024px) {
  .button:hover {
    background-color: #bdd129;
  }
}
.button:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.link-more {
  font-weight: 600;
  font-size: 16px;
  -webkit-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
@media only screen and (min-width: 768px) {
  .link-more {
    font-size: 18px;
  }
}
.link-more__dots {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -1px;
  position: relative;
  height: 3px;
}
@media only screen and (min-width: 768px) {
  .link-more__dots {
    margin-right: 12px;
  }
}
.link-more__dots span {
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  background-color: currentColor;
  position: absolute;
  right: 0;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.link-more__dots span:nth-child(1) {
  -webkit-transform: translateX(-12px);
  -ms-transform: translateX(-12px);
  transform: translateX(-12px);
}
.link-more__dots span:nth-child(2) {
  -webkit-transform: translateX(-6px);
  -ms-transform: translateX(-6px);
  transform: translateX(-6px);
}
@media only screen and (min-width: 1024px) {
  .link-more:hover .link-more__dots span,
  .link-more:hover .link-more__dots:nth-child(1) span,
  .link-more:hover .link-more__dots:nth-child(2) span {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.link-more_darkgray {
  color: #a7a7a7;
}
@media only screen and (min-width: 1024px) {
  .link-more_darkgray:hover {
    color: #bdd129;
  }
}

.assistive-text {
  display: none;
}

.custom-content ul {
  list-style-type: none;
  padding: 0 0 0 3px;
  margin: 0;
}
.custom-content ul li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  line-height: 1.35;
  margin-bottom: 4px;
}
@media only screen and (min-width: 768px) {
  .custom-content ul li {
    line-height: 1.35;
    margin-bottom: 8px;
  }
}
.custom-content ul li:before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 14px;
  margin-top: 8px;
  background-color: #e5e361;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  .custom-content ul li:before {
    margin-right: 11px;
    margin-top: 9px;
  }
}

.custom-content
  a:not(.member__name):not(.member__about):not(.member__social):not(.download-file__button) {
  color: #264cb9;
  -webkit-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.custom-content
  a:not(.member__name):not(.member__about):not(.member__social):not(.download-file__button):hover {
  color: #bdd129;
}

.nav__item a,
.nav__subitem a {
  -webkit-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
}

.logo {
  display: inline-block;
}

.burger {
  position: relative;
  height: 59px;
  width: 67px;
}
@media only screen and (min-width: 768px) {
  .burger {
    height: 78px;
    width: 81px;
  }
}
.burger span {
  display: block;
  width: 27px;
  margin: 0 auto;
  height: 2px;
  background-color: currentColor;
  position: absolute;
  top: calc(50% - 3px);
  left: 21px;
}
@media only screen and (min-width: 768px) {
  .burger span {
    left: 29px;
  }
}
.burger span:before,
.burger span:after {
  content: "";
  width: 27px;
  height: 2px;
  background-color: currentColor;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.burger span:before {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
.burger span:after {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
.popup-opened .header .burger {
  opacity: 0;
  -webkit-transition: opacity 0.1s 0.4s;
  -o-transition: opacity 0.1s 0.4s;
  transition: opacity 0.1s 0.4s;
}
.popup-opened .header .burger span:before,
.popup-opened .header .burger span:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.popup-opened .popup .burger span:before,
.popup-opened .popup .burger span:after {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.popup-opened .popup .burger span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.popup-opened .popup .burger span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 59px;
  width: 100%;
  background-color: #fff;
  z-index: 11;
}
@media only screen and (min-width: 768px) {
  .header {
    height: 79px;
  }
}
@media only screen and (min-width: 1024px) {
  .header {
    position: fixed;
    height: 100px;
    top: 0;
    left: 0;
  }
}
.header__part {
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
}
@media only screen and (min-width: 1024px) {
  .header__part {
    border-bottom: 0;
  }
}
.header .nav {
  display: inline-block;
}
.header .nav__item {
  margin-right: 38px;
  display: inline-block;
}
@media only screen and (min-width: 1024px) {
  .header .nav__item:hover {
    color: #264cb9;
  }
  .header .nav__item:hover .sub-menu {
    display: block;
  }
}
.header .nav__item:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1024px) {
  .header .nav__item_active > a {
    position: relative;
  }
  .header .nav__item_active > a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    background-color: #264cb9;
  }
  .sub-menu .nav__item_active > a:after {
    display: none;
  }
}
.header .nav .sub-menu {
  position: absolute;
  display: none;
  z-index: 9;
}
.header .nav .sub-menu .nav__item {
  display: block;
  margin: 0;
}
.header .nav .sub-menu .nav__item:hover {
  color: #fff;
}
.header .nav .sub-menu-inner {
  padding: 20px;
  margin: 0;
  background: #264cb9;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.875;
  border-radius: 3px;
  position: relative;
}
.header .nav .sub-menu-inner:before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  top: -5px;
  left: 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #264cb9;
  border-radius: 3px;
}
@media only screen and (min-width: 1024px) {
  .header__panel {
    border-bottom: 1px solid #f2f2f2;
  }
}
.header__panel_top {
  font-size: 15px;
  line-height: 1.67;
  display: none;
  height: 39px;
}
@media only screen and (min-width: 1024px) {
  .header__panel_top {
    display: block;
    padding: 0 0 0 29px;
  }
}
@media only screen and (min-width: 1366px) {
  .header__panel_top {
    padding: 0 0 0 40px;
  }
}
@media only screen and (min-width: 1600px) {
  .header__panel_top {
    padding: 0 0 0 29px;
  }
}
.header__panel_top .nav {
  padding-top: 6px;
}
@media only screen and (min-width: 1024px) {
  .header__panel_top .nav__item {
    margin-right: 28px;
  }
}
@media only screen and (min-width: 1366px) {
  .header__panel_top .nav__item {
    margin-right: 38px;
  }
}
.header__panel_top .nav__item > a:after {
  bottom: -12px;
}
.header__panel_top .sub-menu {
  padding-top: 20px;
}
.header__panel_bottom {
  font-weight: 600;
  line-height: 1.3;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .header__panel_bottom {
    height: 78px;
  }
}
@media only screen and (min-width: 1024px) {
  .header__panel_bottom {
    font-size: 16px;
    padding: 0 0 0 28px;
    height: 59px;
  }
}
@media only screen and (min-width: 1366px) {
  .header__panel_bottom {
    padding: 0 0 0 38px;
    font-size: 19px;
  }
}
@media only screen and (min-width: 1600px) {
  .header__panel_bottom {
    padding: 0 0 0 28px;
  }
}
.header__panel_bottom .nav {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .header__panel_bottom .nav {
    display: inline-block;
    padding-top: 19px;
  }
}
@media only screen and (min-width: 1366px) {
  .header__panel_bottom .nav {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .header__panel_bottom .nav__item {
    margin-right: 24px;
  }
  .header__panel_bottom .nav__item > a:after {
    bottom: -21px;
  }
}
@media only screen and (min-width: 1366px) {
  .header__panel_bottom .nav__item {
    margin-right: 38px;
  }
  .header__panel_bottom .nav__item > a:after {
    bottom: -20px;
  }
}
.header__panel_bottom .sub-menu {
  padding-top: 35px;
}
.header__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  text-align: center;
  min-width: 191px;
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}
@media only screen and (min-width: 768px) {
  .header__logo {
    width: 356px;
  }
}
@media only screen and (min-width: 1024px) {
  .header__logo {
    width: 425px;
  }
}
@media only screen and (min-width: 1366px) {
  .header__logo {
    width: 398px;
  }
}
@media only screen and (min-width: 1600px) {
  .header__logo {
    width: 404px;
  }
}
.header__logo:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.header__logo .logo__img {
  display: inline-block;
  vertical-align: middle;
  max-width: 138px;
  max-height: 50px;
  margin-left: -14px;
}
@media only screen and (min-width: 768px) {
  .header__logo .logo__img {
    max-width: 177px;
    max-height: 70px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .header__logo .logo__img {
    max-width: 300px;
    max-height: 90px;
  }
}
.header .socials {
  display: none;
  float: right;
}
@media only screen and (min-width: 1024px) {
  .header .socials {
    display: inline-block;
  }
}
.header .socials__item {
  height: 59px;
  border-left: 1px solid #f2f2f2;
  width: 59px;
  text-align: center;
  -webkit-transition: background-color 0.4s ease, border-color 0.4s ease;
  -o-transition: background-color 0.4s ease, border-color 0.4s ease;
  transition: background-color 0.4s ease, border-color 0.4s ease;
}
.header .socials__item:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
@media only screen and (min-width: 1024px) {
  .header .socials__item:hover svg {
    fill: #bdd129;
  }
}
.header .socials svg {
  fill: #264cb9;
}
.header .burger {
  display: inline-block;
  border-left: 1px solid #f2f2f2;
  color: #000;
  float: right;
}
@media only screen and (min-width: 1024px) {
  .header .burger {
    display: none;
  }
}
.header .burger span:before,
.header .burger span:after {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
@media only screen and (min-width: 1024px) {
  .header_light {
    height: 76px;
  }
}
@media only screen and (min-width: 1024px) {
  .header_light .header__logo {
    width: 352px;
  }
}
@media only screen and (min-width: 1024px) {
  .header_light .header__logo .logo__img {
    max-width: 210px;
    max-height: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .header_light .header__panel_top {
    height: 35px;
    padding: 0 0 0 30px;
  }
}
.header_light .header__panel_top .nav {
  padding-top: 4px;
}
@media only screen and (min-width: 1024px) {
  .header_light .header__panel_top .nav__item {
    margin-right: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .header_light .header__panel_top .nav__item:after {
    bottom: -6px;
  }
}
.header_light .header__panel_top .sub-menu {
  padding-top: 15px;
}
@media only screen and (min-width: 1024px) {
  .header_light .dropdown-lang {
    height: 36px;
  }
}
@media only screen and (min-width: 1024px) {
  .header_light .dropdown-lang__container {
    margin-top: 3px;
  }
}
.header_light .header__panel_top .nav > li > a:after {
  bottom: -10px;
}
@media only screen and (min-width: 1024px) {
  .header_light .header__panel_bottom {
    padding: 0 0 0 28px;
    height: 39px;
  }
}
@media only screen and (min-width: 1024px) {
  .header_light .header__panel_bottom .nav {
    padding-top: 8px;
  }
}
@media only screen and (min-width: 1366px) {
  .header_light .header__panel_bottom .nav {
    padding-top: 4px;
  }
}
.header_light .header__panel_bottom .nav > li > a:after {
  bottom: -12px;
}
@media only screen and (min-width: 1024px) {
  .header_light .header__panel_bottom .nav__item {
    margin-right: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .header_light .header__panel_bottom .nav__item:after {
    bottom: -11px;
  }
}
.header_light .header__panel_bottom .sub-menu {
  padding-top: 20px;
}
@media only screen and (min-width: 1024px) {
  .header_light .socials__item,
  .header_light .search__submit {
    height: 39px;
  }
}

.dropdown-lang {
  float: right;
  border-left: 1px solid #f2f2f2;
  text-align: center;
  height: 40px;
  display: none;
}
@media only screen and (min-width: 1024px) {
  .dropdown-lang {
    display: inline-block;
    width: 61px;
  }
}
@media only screen and (min-width: 1366px) {
  .dropdown-lang {
    width: 63px;
  }
}
.dropdown-lang__container {
  width: 52px;
  margin: auto;
  position: relative;
  margin-top: 6px;
  background-color: transparent;
  color: inherit;
  -webkit-transition: background-color 0.2s 0.2s, color 0.2s 0.2s, z-index 0s;
  -o-transition: background-color 0.2s 0.2s, color 0.2s 0.2s, z-index 0s;
  transition: background-color 0.2s 0.2s, color 0.2s 0.2s, z-index 0s;
  z-index: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-align: left;
}
@media only screen and (min-width: 1024px) {
  .dropdown-lang__container:hover {
    background-color: #264cb9;
    color: #fff;
    z-index: 9;
    -webkit-transition: background-color 0.2s ease, color 0s, z-index 0s 0.2s;
    -o-transition: background-color 0.2s ease, color 0s, z-index 0s 0.2s;
    transition: background-color 0.2s ease, color 0s, z-index 0s 0.2s;
  }
  .dropdown-lang__container:hover .dropdown-lang__list {
    height: 90px;
    -webkit-transition: height 0.2s 0.2s;
    -o-transition: height 0.2s 0.2s;
    transition: height 0.2s 0.2s;
  }
}
.dropdown-lang__list {
  position: absolute;
  height: 0;
  width: 100%;
  -webkit-transition: height 0.2s ease;
  -o-transition: height 0.2s ease;
  transition: height 0.2s ease;
  background-color: #264cb9;
  color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
}
.dropdown-lang__item {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.9;
  display: block;
  vertical-align: middle;
  height: 30px;
  padding: 0 10px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.dropdown-lang__item:last-child {
  border-bottom: 0;
}
.dropdown-lang__item_current {
  display: block;
  position: relative;
}
.dropdown-lang__item_current:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  position: absolute;
  top: 12px;
  right: 10px;
}

.lang {
  margin-top: 50px;
  margin-bottom: 18px;
  font-size: 16px;
  color: #fff;
}
.lang__item {
  display: inline-block;
  margin-right: 10px;
  opacity: 0.5;
}
.lang__item_active {
  opacity: 1;
}

.socials {
  font-size: 0;
}
.socials__item {
  display: inline-block;
}
.socials__icon {
  display: inline-block;
  vertical-align: middle;
}
.socials svg {
  -webkit-transition: fill 0.4s ease;
  -o-transition: fill 0.4s ease;
  transition: fill 0.4s ease;
}

body .search {
  float: right;
}
body .search_desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  body .search_desktop {
    display: inline-block;
  }
}
body .search_mobile {
  display: inline-block;
}
@media only screen and (min-width: 1024px) {
  body .search_mobile {
    display: none;
  }
}
body .search__field {
  position: absolute;
  width: 0;
  background-color: #fff;
  height: 100%;
  opacity: 0;
  padding: 10px 40px;
  border: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  font-size: 19px;
  line-height: 1.3;
  -webkit-transition: width 0.4s ease, opacity 0.4s ease,
    -webkit-transform 0s 0.5s;
  transition: width 0.4s ease, opacity 0.4s ease, -webkit-transform 0s 0.5s;
  -o-transition: width 0.4s ease, opacity 0.4s ease, transform 0s 0.5s;
  transition: width 0.4s ease, opacity 0.4s ease, transform 0s 0.5s;
  transition: width 0.4s ease, opacity 0.4s ease, transform 0s 0.5s,
    -webkit-transform 0s 0.5s;
}
@media only screen and (min-width: 768px) {
  body .search__field {
    right: 143px;
  }
}
@media only screen and (min-width: 1024px) {
  body .search__field {
    right: 64px;
  }
}
body .search__field::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
body .search__field::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
body .search__field:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
body .search__field:-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
body .search__submit {
  text-align: center;
  cursor: pointer;
  -webkit-transition: background-color 0.4s ease, border-color 0.4s ease;
  -o-transition: background-color 0.4s ease, border-color 0.4s ease;
  transition: background-color 0.4s ease, border-color 0.4s ease;
  border-left: 1px solid #f2f2f2;
  height: 59px;
  width: 60px;
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  body .search__submit {
    width: 61px;
    height: 79px;
  }
}
@media only screen and (min-width: 1024px) {
  body .search__submit {
    width: 62px;
    height: 59px;
  }
}
@media only screen and (min-width: 1366px) {
  body .search__submit {
    width: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  body .search__submit:hover {
    background-color: #264cb9;
    border-color: #264cb9;
  }
  body .search__submit:hover svg {
    fill: #fff;
  }
}
body .search__submit svg {
  fill: #264cb9;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: fill 0.4s ease;
  -o-transition: fill 0.4s ease;
  transition: fill 0.4s ease;
}
body .search_opened .search__field {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: width 0.4s ease, opacity 0.4s ease, -webkit-transform 0s;
  transition: width 0.4s ease, opacity 0.4s ease, -webkit-transform 0s;
  -o-transition: width 0.4s ease, opacity 0.4s ease, transform 0s;
  transition: width 0.4s ease, opacity 0.4s ease, transform 0s;
  transition: width 0.4s ease, opacity 0.4s ease, transform 0s,
    -webkit-transform 0s;
}
@media only screen and (min-width: 768px) {
  body .search_opened .search__field {
    width: calc(100% - 143px);
  }
}
@media only screen and (min-width: 1024px) {
  body .search_opened .search__field {
    width: calc(100% - 64px);
  }
}
body .search_opened .search__submit {
  background-color: #264cb9;
  border-color: #264cb9;
}
body .search_opened .search__submit svg {
  fill: #fff;
}

.main-search {
  font-size: 0;
  margin-top: 18px;
}
@media only screen and (min-width: 768px) {
  .main-search {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .main-search {
    margin-top: 33px;
  }
}
.main-search__field {
  width: calc(100% - 40px);
  background-color: #fff;
  height: 100%;
  padding: 10px 40px;
  font-size: 16px;
  line-height: 1.3;
  display: inline-block;
  border: 1px solid #f2f2f2;
  border-right: 0;
  height: 42px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  text-align: center;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .main-search__field {
    height: 62px;
    width: calc(100% - 60px);
    font-size: 19px;
  }
}
.main-search__field::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-weight: 400;
}
.main-search__field::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-weight: 400;
}
.main-search__field:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-weight: 400;
}
.main-search__field:-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-weight: 400;
}
.main-search__submit {
  text-align: center;
  cursor: pointer;
  height: 42px;
  width: 40px;
  background-color: #264cb9;
  display: inline-block;
  vertical-align: top;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
  border-radius: 0 3px 3px 0;
}
@media only screen and (min-width: 768px) {
  .main-search__submit {
    width: 60px;
    height: 62px;
  }
}
@media only screen and (min-width: 1024px) {
  .main-search__submit:hover {
    background-color: #bdd129;
  }
}
.main-search__submit svg {
  fill: #fff;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .main-search .icon-search {
    width: 16px;
    height: 16px;
  }
}

.introduction {
  color: #fff;
  z-index: 1;
  position: relative;
}
.introduction:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.introduction__content {
  padding-bottom: 33px;
}
@media only screen and (min-width: 768px) {
  .introduction__content {
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.introduction__text {
  width: 100%;
  padding-top: 28px;
  padding-bottom: 36px;
}
@media only screen and (min-width: 768px) {
  .introduction__text {
    padding-top: 38px;
    max-width: 330px;
    padding-bottom: 166px;
  }
}
@media only screen and (min-width: 1024px) {
  .introduction__text {
    padding-top: 57px;
    padding-left: 0;
    max-width: 450px;
  }
}
@media only screen and (min-width: 1366px) {
  .introduction__text {
    padding-left: 50px;
  }
}
.introduction__title {
  margin-bottom: 14px;
}
@media only screen and (min-width: 768px) {
  .introduction__title {
    margin-bottom: 29px;
  }
}
@media only screen and (min-width: 1024px) {
  .introduction__title {
    margin-bottom: 25px;
  }
}
.introduction__descr {
  margin: 0;
  line-height: 1.35;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .introduction__descr {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .introduction__descr {
    padding-left: 6px;
  }
}

.coming-events {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .coming-events {
    max-width: 353px;
    padding: 36px 0 0px 33px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media only screen and (min-width: 1024px) {
  .coming-events {
    max-width: 450px;
    padding: 36px 0 0px 40px;
  }
}
@media only screen and (min-width: 1366px) {
  .coming-events {
    padding: 36px 0px 0px 38px;
  }
}
.coming-events__head {
  margin-bottom: 20px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .coming-events__head {
    display: block;
  }
}
.coming-events__list {
  display: none;
}
@media only screen and (min-width: 768px) {
  .coming-events__list {
    display: block;
  }
}
.coming-events__title {
  font-size: 20px;
  display: inline-block;
  margin: 0;
}
.coming-events .link-more {
  line-height: 1.5;
  display: inline-block;
  position: relative;
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  .coming-events .link-more {
    font-size: 16px;
    float: right;
    font-weight: 400;
  }
}
@media only screen and (min-width: 1024px) {
  .coming-events .link-more:hover {
    color: #bdd129;
  }
}
@media only screen and (min-width: 768px) {
  .coming-events .link-more__dots {
    margin-right: 4px;
    margin-top: -4px;
  }
  .coming-events .link-more__dots span:nth-child(1) {
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px);
    transform: translateX(-12px);
  }
  .coming-events .link-more__dots span:nth-child(2) {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
  }
}
.coming-events__link {
  color: #bdd129;
  margin-left: 14px;
}
@media only screen and (min-width: 768px) {
  .coming-events__link {
    display: none !important;
  }
}

.coming-event {
  color: #000;
  min-height: 105px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .coming-event:hover .coming-event__date {
    background-color: #264cb9;
    color: #fff;
  }
}
.coming-event__date {
  font-size: 20px;
  background-color: #f2f2f2;
  min-width: 72px;
  font-weight: 600;
  text-align: center;
  color: #264cb9;
  -webkit-transition: color 0.4s ease, background-color 0.4s ease;
  -o-transition: color 0.4s ease, background-color 0.4s ease;
  transition: color 0.4s ease, background-color 0.4s ease;
}
.coming-event__date:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  height: 100%;
}
.coming-event__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  line-height: 1.25;
  background-color: #fff;
  font-weight: 400;
  margin: 0;
  overflow-y: hidden;
  padding: 5px 15px 5px 14px;
}

.mailing {
  padding: 13px 0 20px;
  border-bottom: 1px solid #f2f2f2;
}
@media only screen and (min-width: 768px) {
  .mailing {
    padding: 24px 0 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .mailing {
    padding: 23px 0 26px;
  }
}
.mailing__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.35;
  display: block;
  vertical-align: middle;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .mailing__title {
    font-size: 22px;
    margin-bottom: 17px;
    line-height: 1.1;
  }
}
@media only screen and (min-width: 1366px) {
  .mailing__title {
    display: inline-block;
    margin-bottom: 10px;
  }
}
.mailing__form {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 1366px) {
  .mailing__form {
    margin-left: 0;
  }
}
.mailing form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .mailing form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.mailing__field {
  border: 1px solid #f2f2f2;
  font-size: 16px;
  border-radius: 2px;
  height: 40px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 160px;
  padding: 0 8px;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .mailing__field {
    font-size: 18px;
    width: 274px;
    padding: 0 22px;
  }
}
@media only screen and (min-width: 1366px) {
  .mailing__field {
    width: 268px;
    padding: 0px 16px 0;
  }
}
.mailing__field::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.mailing__field::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.mailing__field:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.mailing__field:-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.mailing__button {
  font-size: 14px;
  height: 40px;
  border-radius: 2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  vertical-align: middle;
  margin-left: -6px;
  letter-spacing: -0.02em;
  padding: 0 16px;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .mailing__button {
    font-size: 16px;
    padding: 0 30px;
  }
}
@media only screen and (min-width: 1366px) {
  .mailing__button {
    padding: 0 42px 0;
  }
}

#subscr_fin {
  z-index: 199;
  display: block;
  padding-top: 100px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.subscription-finish {
  position: relative;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  padding: 30px;
  background-color: #bdd129;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  font-size: 24px;
  font-weight: 700;
  cursor: pointer;
}
/* RadioButton MailForm */
.radio-button-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.container-radio-button {
  display: block;
  position: relative;
  padding-left: 35px;
  margin: 0 10px 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container-radio-button input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark-radio-button {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}
.container-radio-button:hover input ~ .checkmark-radio-button {
  background-color: #ccc;
}
.container-radio-button input:checked ~ .checkmark-radio-button {
  background-color: #bdd129;
}
.checkmark-radio-button:after {
  content: "";
  position: absolute;
  display: none;
}
.container-radio-button input:checked ~ .checkmark-radio-button:after {
  display: block;
}
.container-radio-button .checkmark-radio-button:after {
  top: 7px;
  left: 7px;
  width: 6px;
  height: 6px;
  background-color: #fff;
}

.latest__head {
  text-align: center;
  padding: 20px 0 23px;
  border-bottom: 1px solid #f2f2f2;
}
@media only screen and (min-width: 768px) {
  .latest__head {
    padding: 27px 0 37px;
    text-align: left;
  }
}
@media only screen and (min-width: 1024px) {
  .latest__head {
    padding: 23px 0 37px;
  }
}
.latest__head_center {
  text-align: center;
}
.latest__head_center .latest__title {
  margin-left: auto;
  margin-right: auto;
}
.latest__head_center .link-more {
  display: none;
}
@media only screen and (min-width: 768px) {
  .latest__head .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.latest__title {
  margin-bottom: 7px;
}
@media only screen and (min-width: 768px) {
  .latest__title {
    margin-bottom: 0;
  }
}

.latest .link-more {
  margin-top: 7px;
  margin-left: 12px;
}
@media only screen and (min-width: 768px) {
  .latest .link-more {
    margin-left: 0;
  }
}

.latest .card_news:nth-child(2),
.latest .card_news:nth-child(3),
.latest .card_news:nth-child(4) {
  display: none;
}

@media only screen and (min-width: 768px) {
  .latest .card_news:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 1024px) {
  .latest .card_news:nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 1366px) {
  .latest .card_news:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.latest .card_project:nth-child(2),
.latest .card_project:nth-child(3),
.latest .card_project:nth-child(4) {
  display: none;
}

@media only screen and (min-width: 768px) {
  .latest .card_project:nth-child(2),
  .latest .card_project:nth-child(3),
  .latest .card_project:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 768px) {
  .cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 768px) {
  .cards_news {
    padding: 16px 0 0 0;
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media only screen and (min-width: 768px) {
  .cards_announcements {
    padding: 16px 0 0 0;
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media only screen and (min-width: 768px) {
  .cards_publications {
    padding: 16px 0 0 0;
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media only screen and (min-width: 1024px) {
  .cards_projects {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 27px 0 0 0;
    margin-left: -25px;
    margin-right: -25px;
  }
}

.cards_experts,
.cards_organizations,
.cards_groups {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.card {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
  .card:hover .card__title {
    opacity: 0.7;
  }
  .card:hover .card__title a {
    border-bottom-color: rgba(0, 0, 0, 0.3);
  }
  .card:hover .card__thumb {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
  }
}
.card__title {
  font-weight: 600;
  -webkit-transition: color 0.4s ease, opacity 0.4s ease;
  -o-transition: color 0.4s ease, opacity 0.4s ease;
  transition: color 0.4s ease, opacity 0.4s ease;
}
.card__title a {
  border-bottom: 1px solid transparent;
  -webkit-transition: border-color 0.4s ease;
  -o-transition: border-color 0.4s ease;
  transition: border-color 0.4s ease;
}
.card__date {
  font-weight: 600;
}
.card__excerpt {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
}
.card__thumb-container {
  position: relative;
  overflow: hidden;
  display: block;
}
.card__thumb {
  background-color: #bdd129;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.card__thumb_empty:before {
  display: none;
}
.card__inner {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.card_news {
  border-right: 1px solid #f2f2f2;
  margin-bottom: 33px;
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .card_news {
    max-width: none;
    width: 50%;
    padding: 0 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-right: 0;
    margin-left: 0;
  }
  .card_news:nth-child(2n) {
    border-right-color: transparent;
  }
}
@media only screen and (min-width: 1024px) {
  .card_news {
    max-width: calc(100% / 3);
    padding: 0 18px;
  }
  .card_news:nth-child(2n) {
    border-right-color: #f2f2f2;
  }
  .card_news:nth-child(3n) {
    border-right-color: transparent;
  }
}
@media only screen and (min-width: 1366px) {
  .card_news {
    max-width: 25%;
    padding: 0 16px;
  }
  .card_news:nth-child(3n) {
    border-right-color: #f2f2f2;
  }
  .card_news:nth-child(4n) {
    border-right-color: transparent;
  }
}
.card_news .card__thumb {
  position: relative;
  height: 237px;
}
@media only screen and (min-width: 768px) {
  .card_news .card__thumb {
    height: 239px;
  }
}
.card_news .card__inner {
  background-color: #f2f2f2;
  border-radius: 4px;
  display: inline-block;
}
.card_news .card__date {
  position: absolute;
  bottom: 18px;
  left: 18px;
  color: #fff;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .card_news .card__date {
    font-size: 18px;
    bottom: 20px;
  }
}
.card_news .card__details {
  padding: 14px 20px 22px;
}
@media only screen and (min-width: 768px) {
  .card_news .card__details {
    padding: 11px 40px 28px 17px;
  }
}
@media only screen and (min-width: 1024px) {
  .card_news .card__details {
    padding: 13px 17px 15px;
  }
}
.card_news .card__title {
  font-size: 16px;
  line-height: 1.35;
  padding-right: 16px;
  margin-bottom: 9px;
}
@media only screen and (min-width: 768px) {
  .card_news .card__title {
    font-size: 20px;
    margin-bottom: 16px;
    line-height: 1.2;
    padding-right: 0;
  }
}
.card_news .card__excerpt {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.35;
}
.card_announcement {
  border-right: 1px solid #f2f2f2;
  margin-bottom: 35px;
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .card_announcement {
    max-width: none;
    width: 50%;
    padding: 0 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
  }
  .card_announcement:nth-child(2n) {
    border-right-color: transparent;
  }
}
@media only screen and (min-width: 1024px) {
  .card_announcement {
    max-width: calc(100% / 3);
    padding: 0 18px;
  }
  .card_announcement:nth-child(2n) {
    border-right-color: #f2f2f2;
  }
  .card_announcement:nth-child(3n) {
    border-right-color: transparent;
  }
}
@media only screen and (min-width: 1366px) {
  .card_announcement {
    max-width: 25%;
    padding: 0 16px;
  }
  .card_announcement:nth-child(3n) {
    border-right-color: #f2f2f2;
  }
  .card_announcement:nth-child(4n) {
    border-right-color: transparent;
  }
}
.card_announcement .card__thumb {
  position: relative;
  height: 237px;
}
.card_announcement .card__thumb:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
}
.card_announcement .card__inner {
  background-color: #f2f2f2;
  border-radius: 4px;
  display: inline-block;
}
.card_announcement .card__date {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-size: 50px;
}
@media only screen and (min-width: 768px) {
  .card_announcement .card__date {
    font-size: 70px;
  }
}
.card_announcement .card__details {
  padding: 14px 20px 22px;
}
@media only screen and (min-width: 768px) {
  .card_announcement .card__details {
    padding: 11px 40px 28px 17px;
  }
}
@media only screen and (min-width: 1024px) {
  .card_announcement .card__details {
    padding: 13px 17px 44px;
  }
}
.card_announcement .card__title {
  font-size: 16px;
  line-height: 1.35;
  padding-right: 16px;
}
@media only screen and (min-width: 768px) {
  .card_announcement .card__title {
    font-size: 20px;
    margin-bottom: 16px;
    line-height: 1.2;
    padding-right: 0;
  }
}
.card_publication {
  max-width: 400px;
  border-radius: 4px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .card_publication {
    max-width: none;
    width: calc(100% / 3);
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
    border-right: 1px solid #f2f2f2;
  }
  .card_publication:nth-child(3n) {
    border-right-color: transparent;
  }
}
@media only screen and (min-width: 1024px) {
  .card_publication {
    max-width: 25%;
    padding: 0 15px;
    margin-bottom: 19px;
  }
  .card_publication:nth-child(3n) {
    border-right-color: #f2f2f2;
  }
  .card_publication:nth-child(4n) {
    border-right-color: transparent;
  }
}
@media only screen and (min-width: 1366px) {
  .card_publication {
    max-width: 20%;
    padding: 0 16px;
    margin-bottom: 35px;
  }
  .card_publication:nth-child(4n) {
    border-right-color: #f2f2f2;
  }
  .card_publication:nth-child(5n) {
    border-right-color: transparent;
  }
}
.card_publication .card__thumb-container {
  position: relative;
  border-radius: 4px;
  margin-bottom: 17px;
  height: 372px;
}
@media only screen and (min-width: 768px) {
  .card_publication .card__thumb-container {
    height: 273px;
    margin-bottom: 18px;
  }
}
@media only screen and (min-width: 1366px) {
  .card_publication .card__thumb-container {
    height: 283px;
    margin-bottom: 17px;
  }
}
.card_publication .card__thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card_publication .card__inner {
  background-color: #f2f2f2;
  border-radius: 4px;
  display: inline-block;
  padding: 14px 14px 9px;
}
@media only screen and (min-width: 768px) {
  .card_publication .card__inner {
    padding: 15px 15px 5px;
  }
}
@media only screen and (min-width: 1024px) {
  .card_publication .card__inner {
    padding: 15px 17px 5px;
  }
}
@media only screen and (min-width: 1366px) {
  .card_publication .card__inner {
    padding: 15px 15px 5px;
  }
}
.card_publication .card__title {
  font-size: 16px;
  line-height: 1.4;
}
@media only screen and (min-width: 1024px) {
  .card_publication .card__title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1366px) {
  .card_publication .card__title {
    font-size: 17px;
    line-height: 1.3;
  }
}
.card_project {
  display: block;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  margin-top: 24px;
  padding-bottom: 23px;
}
@media only screen and (min-width: 768px) {
  .card_project {
    margin-top: 29px;
    padding-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 1024px) {
  .card_project {
    margin-top: 0;
    padding: 0 18px;
    margin-bottom: 63px;
    max-width: 50%;
    border-right: 1px solid #f2f2f2;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-bottom: 0;
  }
}
@media only screen and (min-width: 1366px) {
  .card_project {
    padding: 0 25px;
    margin-bottom: 57px;
  }
}
.card_project:nth-child(2n) {
  border-right-color: transparent;
}
.card_project:nth-last-child(1),
.card_project:nth-last-child(2) {
  margin-bottom: 30px;
}
.card_project .card__thumb-container {
  background-color: #f2f2f2;
  width: 280px;
  height: 280px;
  margin-bottom: 17px;
  font-size: 0;
}
.card_project .card__thumb-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .card_project .card__thumb-container {
    width: auto;
    min-width: 200px;
    height: 200px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .card_project .card__thumb-container {
    min-width: 150px;
    height: 150px;
  }
}
@media only screen and (min-width: 1366px) {
  .card_project .card__thumb-container {
    min-width: 296px;
    min-height: 296px;
  }
}
.card_project .card__thumb {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.card_project .card__thumb-container {
  text-align: center;
}
.card_project .card__inner {
  border-radius: 4px;
}
@media only screen and (min-width: 768px) {
  .card_project .card__inner {
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  .card_project .card__details {
    padding: 0 0 0 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .card_project .card__details {
    padding: 0 19px 0;
  }
}
@media only screen and (min-width: 1366px) {
  .card_project .card__details {
    padding: 0 23px 28px;
  }
}
.card_project .card__title {
  font-size: 16px;
  line-height: 1.35;
  margin-bottom: 7px;
}
@media only screen and (min-width: 768px) {
  .card_project .card__title {
    line-height: 1.2;
    margin-top: -7px;
    font-size: 22px;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  .card_project .card__title {
    margin-bottom: 7px;
  }
}
@media only screen and (min-width: 1366px) {
  .card_project .card__title {
    margin-bottom: 17px;
  }
}
.card_project .card__excerpt {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.35;
}
.card_past .card__inner {
  background-color: transparent;
  border: 1px solid #f2f2f2;
}

.statistics {
  background-color: #f0f0f0;
  text-align: center;
  margin-top: 49px;
  padding: 33px 0 43px;
}
@media only screen and (min-width: 768px) {
  .statistics {
    margin-top: 36px;
    padding: 58px 0 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .statistics {
    margin-top: 74px;
    padding: 67px 0 76px;
  }
}
@media only screen and (min-width: 1366px) {
  .statistics {
    padding-bottom: 65px;
  }
}
.statistics_light {
  background-color: #fff;
  margin-top: 0;
  padding-top: 39px;
}
.statistics_light .statistics__divider:after {
  background-color: #fff;
}
.statistics__title {
  line-height: 1.2;
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .statistics__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .statistics__title {
    padding: 0 50px;
    margin-bottom: 47px;
  }
}
@media only screen and (min-width: 1024px) {
  .statistics__title {
    padding: 0;
    margin-bottom: 56px;
  }
}
.statistics__items {
  font-size: 0;
  text-align: center;
  margin-bottom: 33px;
}
@media only screen and (min-width: 768px) {
  .statistics__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .statistics__items {
    margin-bottom: 47px;
  }
}
.statistics__item {
  display: block;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.071);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  position: relative;
  -webkit-transition: border-color 0.4s ease;
  -o-transition: border-color 0.4s ease;
  transition: border-color 0.4s ease;
  overflow: hidden;
  z-index: 1;
  padding: 16px 0 27px;
  margin-bottom: 9px;
}
@media only screen and (min-width: 768px) {
  .statistics__item {
    display: inline-block;
    padding: 24px 0 35px;
    margin-bottom: 0;
  }
  .statistics__item:not(:last-child) {
    margin-right: 23px;
  }
}
@media only screen and (min-width: 1024px) {
  .statistics__item {
    padding: 27px 0 27px;
  }
  .statistics__item:hover {
    border-color: transparent;
  }
  .statistics__item:hover .statistics__bg {
    opacity: 1;
  }
  .statistics__item:hover .statistics__number,
  .statistics__item:hover .statistics__label {
    color: #fff;
  }
  .statistics__item:hover .statistics__number {
    -webkit-transform: translate3d(0, 22px, 0);
    transform: translate3d(0, 22px, 0);
  }
  .statistics__item:hover .statistics__label {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  .statistics__item:hover .statistics__divider {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  .statistics__item:hover .statistics__divider:after {
    background-color: transparent;
  }
  .statistics__item:not(:last-child) {
    margin-right: 21px;
  }
}
@media only screen and (min-width: 1366px) {
  .statistics__item {
    padding: 23px 0;
  }
  .statistics__item:hover {
    border-color: transparent;
  }
  .statistics__item:hover .statistics__number {
    -webkit-transform: translate3d(0, 41px, 0);
    transform: translate3d(0, 41px, 0);
  }
  .statistics__item:hover .statistics__label {
    -webkit-transform: translate3d(0, -23px, 0);
    transform: translate3d(0, -23px, 0);
  }
}
@media only screen and (min-width: 768px) {
  .statistics__item_sm {
    width: 178px;
  }
}
@media only screen and (min-width: 1024px) {
  .statistics__item_sm {
    width: 244px;
  }
}
@media only screen and (min-width: 1366px) {
  .statistics__item_sm {
    width: 351px;
  }
}
@media only screen and (min-width: 768px) {
  .statistics__item_lg {
    width: 306px;
  }
}
@media only screen and (min-width: 1024px) {
  .statistics__item_lg {
    width: 432px;
  }
}
@media only screen and (min-width: 1366px) {
  .statistics__item_lg {
    width: 539px;
  }
}
.statistics__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  z-index: -1;
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
.statistics__bg:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}
.statistics__number {
  font-size: 45px;
  font-weight: 600;
  word-spacing: 0.015em;
  letter-spacing: -0.025em;
  -webkit-transition: color 0.4s ease, -webkit-transform 0.4s ease;
  transition: color 0.4s ease, -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease, color 0.4s ease;
  transition: transform 0.4s ease, color 0.4s ease;
  transition: transform 0.4s ease, color 0.4s ease, -webkit-transform 0.4s ease;
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) {
  .statistics__number {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .statistics__number {
    font-size: 60px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1366px) {
  .statistics__number {
    margin-bottom: 25px;
    font-size: 90px;
  }
}
.statistics__divider {
  display: block;
  width: 100%;
  height: 1px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.071);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease,
    -webkit-transform 0.2s ease;
  margin-bottom: 22px;
}
@media only screen and (min-width: 768px) {
  .statistics__divider {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .statistics__divider {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1366px) {
  .statistics__divider {
    margin-bottom: 20px;
  }
}
.statistics__divider:after {
  content: "";
  width: 12px;
  height: 12px;
  border: 1px solid rgba(0, 0, 0, 0.071);
  border-right: 0;
  border-top: 0;
  position: absolute;
  top: -5px;
  left: calc(50% - 6px);
  background-color: #f0f0f0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
@media only screen and (min-width: 1024px) {
  .statistics__divider:after {
    left: calc(50% - 9px);
  }
}
.statistics__label {
  line-height: 1.22;
  -webkit-transition: color 0.4s ease, -webkit-transform 0.4s ease;
  transition: color 0.4s ease, -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease, color 0.4s ease;
  transition: transform 0.4s ease, color 0.4s ease;
  transition: transform 0.4s ease, color 0.4s ease, -webkit-transform 0.4s ease;
  font-size: 16px;
  padding: 0 20px;
}
@media only screen and (min-width: 1024px) {
  .statistics__label {
    font-size: 16px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1366px) {
  .statistics__label {
    font-size: 16px;
  }
}
.statistics__call {
  font-size: 18px;
  margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .statistics__call {
    font-size: 20px;
    margin-bottom: 26px;
  }
}

.footer {
  background-color: #1d1d1d;
}
.footer__main {
  color: #fff;
  padding: 31px 0 0;
}
@media only screen and (min-width: 768px) {
  .footer__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
  }
}
.footer__column {
  border-bottom: 1px solid #242424;
  padding-bottom: 23px;
  margin-bottom: 21px;
}
.footer__column:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .footer__column {
    padding-top: 35px;
    margin-bottom: 0;
    border-right: 1px solid #242424;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 70px;
    padding-bottom: 43px;
  }
  .footer__column:nth-child(2) {
    border-right: 0;
    padding-left: 27px;
  }
  .footer__column:nth-child(2).footer__column_join {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .footer__column {
    width: calc(100% / 3);
    padding-right: 40px;
  }
  .footer__column:nth-child(even) {
    border-right: 1px solid #242424;
    padding-left: 27px;
  }
  .footer__column:nth-child(even).footer__column_join {
    border-right: 0;
  }
  /* .footer__column:nth-child(3) {
    border-right: 0;
    padding-left: 27px;
  } */
  .footer__column--no-link {
    border-right: 0;
    padding-left: 27px;
  }
}
@media only screen and (min-width: 1366px) {
  .footer__column {
    width: 23%;
    padding-left: 25px;
    padding-right: 11px;
  }
  .footer__column:first-child {
    padding-left: 0;
  }
  /* .footer__column:nth-child(3) {
    border-right: 1px solid #242424;
    padding-left: 25px;
  } */
  .footer__column--no-link {
    border-right: 1px solid #242424;
    padding-left: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .footer__column_join {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .footer__column_join {
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 1366px) {
  .footer__column_join {
    width: 31%;
  }
}
.footer .nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer .nav__item {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 11px;
}
@media only screen and (min-width: 768px) {
  .footer .nav__item {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer .nav__item a:hover {
    color: #bdd129;
  }
}
.footer .nav__subitem {
  display: block;
  color: rgba(242, 242, 242, 0.502);
  line-height: 1.3;
  font-size: 14px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .footer .nav__subitem {
    font-size: 16px;
    margin-bottom: 7px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 1024px) {
  .footer .nav__subitem a:hover {
    color: #bdd129;
  }
}
.footer__join {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 22px;
  border-bottom: 1px solid #242424;
  padding-bottom: 30px;
  -webkit-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
@media only screen and (min-width: 768px) {
  .footer__join {
    font-size: 20px;
    max-width: none;
    padding: 0 150px 36px 27px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer__join {
    width: 50%;
    border-bottom: 0;
    padding: 26px 0 8px 0;
  }
  .footer__join:hover {
    color: #bdd129;
  }
}
@media only screen and (min-width: 1366px) {
  .footer__join {
    -ms-flex-item-align: start;
    align-self: start;
    padding: 0;
    margin-top: 36px;
    margin-left: 40px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 36px;
  }
}
@media only screen and (min-width: 768px) {
  .footer .socials {
    padding: 13px 0 0 31px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer .socials {
    padding: 28px 0 0 30px;
    /* border-left: 1px solid #242424; */
  }
}
@media only screen and (min-width: 1366px) {
  .footer .socials {
    padding: 41px 0 0 40px;
  }
}
.footer .socials__item {
  -webkit-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.footer .socials__item:not(:last-child) {
  margin-right: 38px;
}
@media only screen and (min-width: 1024px) {
  .footer .socials__item:hover {
    color: #bdd129;
  }
}
.footer .socials svg {
  fill: currentColor;
}
.footer__bottom {
  color: rgba(242, 242, 242, 0.2);
  padding: 30px 0;
  height: 50px;
  font-size: 14px;
}
.footer__bottom a img {
  display: block;
  width: auto;
  height: 100%;
}
.footer-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .footer__bottom {
    height: auto;
  }
  .footer__logo {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .footer__copy,
  .footer__dev {
    margin: 15px 10px;
  }
}
@media only screen and (max-width: 480px) {
  .footer__logo {
    width: 100%;
  }
  .footer__bottom a img {
    max-width: 100%;
    height: auto;
  }
  .footer__copy,
  .footer__dev {
    margin: 15px 10px 15px 0;
  }
}

@media only screen and (min-width: 1366px) {
  .footer__bottom {
    padding: 20px 0;
  }
}
.footer__logo {
  height: 50px;
}
@media only screen and (min-width: 768px) {
  .footer__logo {
    height: 50px;
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .footer__copy {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    margin-bottom: 0;
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .footer__dev {
    display: inline-block;
    margin: 0 10px;
    margin-left: auto;
  }
}
/*  @media only screen and (min-width: 1366px) {
    .footer__dev {
      margin-top: 6px; } }*/
@media only screen and (min-width: 1024px) {
  .footer__dev a {
    color: inherit;
    -webkit-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    transition: color 0.4s ease;
  }
  .footer__dev a:hover {
    color: #bdd129;
  }
}

.error-page {
  background-color: #1d1d1d;
  position: relative;
  text-align: center;
  padding: 77px 0 137px;
}
@media only screen and (min-width: 768px) {
  .error-page {
    padding: 217px 0 222px;
  }
}
@media only screen and (min-width: 1024px) {
  .error-page {
    padding: 248px 0 229px;
  }
}
@media only screen and (min-width: 1366px) {
  .error-page {
    padding: 256px 0 237px;
  }
}
.error-page__code {
  font-weight: 600;
  width: 100%;
  text-align: center;
  display: block;
  letter-spacing: -0.02em;
  font-size: 172px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .error-page__code {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    font-size: 272px;
  }
}
.error-page__details {
  color: #fff;
  font-weight: 600;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  font-size: 27px;
  padding: 0 5px;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) {
  .error-page__details {
    width: 370px;
    font-size: 37px;
  }
}
@media only screen and (min-width: 1024px) {
  .error-page__details {
    font-size: 40px;
    width: auto;
  }
}
.error-page__details h2 {
  font: inherit;
  margin: 0;
}
.error-page__link {
  font-weight: 400;
  color: #bdd129;
  line-height: 1.5;
  font-size: 17px;
  border-bottom: 1px solid rgba(189, 209, 41, 0.1);
  -webkit-transition: border-color 0.4s ease;
  -o-transition: border-color 0.4s ease;
  transition: border-color 0.4s ease;
  margin-top: 23px;
}
@media only screen and (min-width: 768px) {
  .error-page__link {
    position: absolute;
    bottom: 26px;
    right: -104px;
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .error-page__link {
    bottom: auto;
    right: -106px;
    top: -17px;
  }
  .error-page__link:hover {
    border-bottom-color: #bdd129;
  }
}

.list-page {
  padding-bottom: 95px;
}
.list-page__hero {
  padding: 12px 0 16px;
}
@media only screen and (min-width: 768px) {
  .list-page__hero {
    padding: 33px 0 44px;
  }
}
@media only screen and (min-width: 1024px) {
  .list-page__hero {
    padding: 44px 0 70px;
  }
}
.list-page__title {
  text-align: center;
  margin: 0 auto;
}
.list-page .cards {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 20px;
}
.list-page article.member {
  border-bottom: 1px solid #f2f2f2;
}
@media screen and (min-width: 500px) and (max-width: 1023px) {
  .list-page article.member:nth-child(even) {
    border-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .list-page article.member:nth-child(4n) {
    border-right: 0;
  }
}

.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 99;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: opacity 0.4s ease 0.4s, -webkit-transform 0s 0.8s;
  transition: opacity 0.4s ease 0.4s, -webkit-transform 0s 0.8s;
  -o-transition: opacity 0.4s ease 0.4s, transform 0s 0.8s;
  transition: opacity 0.4s ease 0.4s, transform 0s 0.8s;
  transition: opacity 0.4s ease 0.4s, transform 0s 0.8s,
    -webkit-transform 0s 0.8s;
}
.popup .burger {
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.popup .burger span {
  background-color: transparent;
}
.popup .burger span:before,
.popup .burger span:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.popup__inner {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.4s 0.4s;
  -o-transition: opacity 0.4s 0.4s;
  transition: opacity 0.4s 0.4s;
  background-color: rgba(0, 0, 0, 0.95);
  overflow-y: scroll;
}
.popup_active {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0s 0.4s, -webkit-transform 0s;
  transition: opacity 0s 0.4s, -webkit-transform 0s;
  -o-transition: opacity 0s 0.4s, transform 0s;
  transition: opacity 0s 0.4s, transform 0s;
  transition: opacity 0s 0.4s, transform 0s, -webkit-transform 0s;
}
.popup_active .popup__inner {
  opacity: 1;
}

.menu-popup__nav {
  color: #fff;
}
.menu-popup__nav .nav__item {
  display: block;
}
.menu-popup__nav .nav__item_active {
  color: #264cb9;
}
.menu-popup__nav_type_1 {
  font-size: 20px;
  font-weight: 600;
  padding: 18px 80px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 49px;
}
@media only screen and (min-width: 768px) {
  .menu-popup__nav_type_1 {
    font-size: 26px;
    padding-top: 25px;
    margin-bottom: 56px;
  }
}
.menu-popup__nav_type_1 .nav__item {
  display: block;
  margin-bottom: 27px;
}
@media only screen and (min-width: 768px) {
  .menu-popup__nav_type_1 .nav__item {
    margin-bottom: 31px;
  }
}
.menu-popup__nav_type_2 {
  margin-bottom: 21px;
}
@media only screen and (min-width: 768px) {
  .menu-popup__nav_type_2 {
    font-size: 22px;
    margin-bottom: 0;
  }
}
.menu-popup__nav_type_2 .nav__item {
  line-height: 1.56;
  margin-bottom: 16px;
}

.menu-popup .socials {
  color: #264cb9;
}
.menu-popup .socials__item {
  display: block;
  font-size: 16px;
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) {
  .menu-popup .socials__item {
    margin-bottom: 22px;
    font-size: 22px;
  }
}
.menu-popup .socials svg {
  fill: currentColor;
}
.menu-popup .socials__label {
  margin-left: 6px;
  display: inline-block;
  vertical-align: top;
}
.menu-popup .socials .icon-twitter {
  width: 16px;
}
@media only screen and (min-width: 768px) {
  .menu-popup .socials .icon-twitter {
    width: 20px;
  }
}
.menu-popup .socials .icon-fb {
  width: 16px;
}
@media only screen and (min-width: 768px) {
  .menu-popup .socials .icon-fb {
    width: 20px;
    height: 22px;
  }
}

.menu-popup .sub-menu {
  padding: 0;
  font-size: 15px;
  font-weight: 400;
}
.menu-popup .sub-menu li {
  margin-bottom: 15px;
  color: rgba(255, 255, 255, 0.6);
}

.search-popup {
  text-align: center;
}
.search-popup__container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  margin-top: -20px;
}
.search-popup__label {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 33px;
}
@media only screen and (min-width: 768px) {
  .search-popup__label {
    font-size: 26px;
    margin-bottom: 42px;
  }
}
.search-popup__field {
  background-color: #fff;
  border: 0;
  padding: 0;
  height: 50px;
  width: calc(100% - 50px);
  display: inline-block;
  vertical-align: top;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #000;
  font-size: 16px;
  padding: 0 13px;
}
@media only screen and (min-width: 768px) {
  .search-popup__field {
    height: 60px;
    width: calc(100% - 60px);
  }
}
.search-popup__field::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.search-popup__field::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.search-popup__field:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.search-popup__field:-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.search-popup__submit {
  height: 50px;
  background-color: #264cb9;
  width: 50px;
  display: inline-block;
  vertical-align: top;
  border-radius: 0 3px 3px 0;
}
@media only screen and (min-width: 768px) {
  .search-popup__submit {
    height: 60px;
    width: 60px;
  }
}
.search-popup__submit svg {
  fill: #fff;
}
.search-popup__form {
  font-size: 0;
}

.tag {
  font-weight: 600;
  text-transform: lowercase;
  -webkit-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
.tag:before {
  content: "#";
  margin-right: 7px;
}
@media only screen and (min-width: 768px) {
  .tag:before {
    margin-right: 14px;
  }
}

.post {
  font-size: 17px;
  background-color: #f5f5f5;
  margin-bottom: 23px;
}
.post.post-page {
  margin-bottom: 0;
  padding-bottom: 70px;
}
.post__container {
  max-width: 791px;
  margin: 0 auto;
}
.post__head {
  text-align: center;
  padding: 24px 0 33px;
}
@media only screen and (min-width: 768px) {
  .post__head {
    padding: 34px 0 47px;
  }
}
@media only screen and (min-width: 1024px) {
  .post__head {
    padding: 43px 0 37px;
  }
}
@media only screen and (min-width: 1366px) {
  .post__head {
    padding: 45px 0 37px;
  }
}
.post__date {
  font-size: 17px;
  line-height: 1.1;
  color: #c1c1c1;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .post__date {
    display: block;
    margin-bottom: 9px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .post__date {
    display: block;
    margin-bottom: 7px;
  }
}
.post__title {
  margin-bottom: 13px;
}
.post.post-page .post__title {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .post__title {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .post__title {
    line-height: 1.1;
    margin-bottom: 23px;
  }
}
.post__tags_center {
  text-align: center;
}
.post__tag {
  color: #264cb9;
  font-size: 16px;
  line-height: 1.3;
  margin: 0 20px;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .post__tag {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1024px) {
  .post__tag:hover {
    color: #bdd129;
  }
}
.post__tag:before {
  margin-right: 1px;
}
.post__thumb {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  width: 280px;
  height: 156px;
  border-radius: 3px;
}
.post__thumb_desc {
  font-size: 16px;
  margin-bottom: 15px;
  color: #969696;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .post__thumb {
    width: 709px;
    height: 395px;
  }
  .post__thumb_desc {
    width: 709px;
  }
}
@media only screen and (min-width: 1024px) {
  .post__thumb {
    width: 790px;
    height: 440px;
  }
  .post__thumb_desc {
    width: 790px;
  }
}
.post h1:not(.h1),
.post h2,
.post h3 {
  font-size: 30px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .post p,
  .post h1:not(.h1),
  .post h2,
  .post h3,
  .post h4,
  .post h5,
  .post h6 {
    padding: 0 38px;
  }
}
.post p {
  line-height: 1.45;
  margin: 10px 0;
}
.post img {
  height: auto;
}
.post img:not(.post__thumb) {
  /*max-width: 100%;*/
  /*width: 100%;*/
  /*margin: 35px 0 45px; */
}
.post img:not(.post__thumb) {
  /*max-width: 100%;*/
  /*width: 100%;*/
  /*margin: 35px 0 45px; */
}

.reminder {
  background-color: #264cb9;
  border-radius: 3px;
  text-align: center;
  padding: 29px 0 43px;
  margin-bottom: 45px;
}
@media only screen and (min-width: 768px) {
  .reminder {
    padding: 34px 0 43px;
    margin-top: 21px;
  }
}
@media only screen and (min-width: 1024px) {
  .reminder {
    margin-top: 0;
    padding: 22px 0 32px;
  }
}
.reminder__time {
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.017em;
  display: block;
  margin-bottom: 16px;
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  .reminder__time {
    font-size: 35px;
    margin-bottom: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .reminder__time {
    font-size: 52px;
    margin-bottom: 22px;
  }
}
.reminder__label {
  font-size: 16px;
  color: rgba(255, 254, 254, 0.4);
  font-weight: bold;
  line-height: 1;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 23px;
}
@media only screen and (min-width: 768px) {
  .reminder__label {
    margin-bottom: 27px;
    font-size: 20px;
  }
}
.reminder__label:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(255, 254, 254, 0.2);
  left: 0;
  top: 60%;
  position: absolute;
  z-index: -1;
}
.reminder__label span {
  background-color: #264cb9;
  padding: 0 20px;
}
.reminder__form {
  font-size: 0;
  padding: 0 10px;
}
@media only screen and (max-width: 767px) {
  .reminder__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.reminder__field {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  display: inline-block;
  background-color: #fff;
  height: 40px;
  vertical-align: top;
  font-size: 18px;
  width: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 17px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .reminder__field {
    width: 267px;
  }
}
.reminder__button {
  background-color: #e5e361;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  display: inline-block;
  height: 40px;
  vertical-align: top;
  font-size: 14px;
  padding: 0 10px;
  color: #000;
}
@media only screen and (min-width: 768px) {
  .reminder__button {
    font-size: 16px;
    padding: 0 22px;
  }
}

.download-file {
  background-color: #fff;
  border-radius: 4px;
  text-align: center;
  margin: 20px 0;
  padding-top: 16px;
}
@media screen and (min-width: 600px) {
  .download-file {
    margin: 58px 0 44px;
    padding-top: 0;
  }
}
@media screen and (min-width: 600px) {
  .download-file__container {
    max-width: 510px;
    width: 100%;
    margin: auto;
    height: 206px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #f2f2f2;
  }
}
.download-file__thumb {
  background-color: #264cb9;
  height: 175px;
  width: 121px;
  border-radius: 4px;
  display: inline-block;
}
@media screen and (min-width: 600px) {
  .download-file__thumb {
    display: block;
    min-width: 121px;
    width: auto;
    margin: 16px 39px 0 49px;
  }
}
.download-file__panel {
  border-top: 1px solid #f2f2f2;
  font-size: 16px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.8;
  margin-top: 15px;
  padding: 14px 0;
}
@media screen and (min-width: 600px) {
  .download-file__panel {
    font-size: 19px;
    margin-top: 0;
    border-top: 0;
    border-left: 1px solid #f2f2f2;
    padding: 0;
  }
}
.download-file__button {
  display: inline-block;
  font-weight: 600;
  -webkit-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
@media only screen and (min-width: 1024px) {
  .download-file__button:hover {
    color: #264cb9;
  }
  a.download-file__button:hover {
    color: #264cb9;
  }
  .download-file__button:hover .icon-arrow {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
  }
}
a.download-file__button {
  color: #000;
}
.download-file__attr {
  display: inline-block;
  color: #cfcfcf;
  margin-left: 5px;
  margin-top: -4px;
  text-transform: uppercase;
}
@media screen and (min-width: 600px) {
  .download-file__attr {
    margin-top: 0;
  }
}
.download-file .arrow {
  display: inline-block;
  background-color: #264cb9;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-right: 8px;
  color: #fff;
  font-size: 0;
  vertical-align: middle;
}
.download-file .arrow:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.download-file .arrow .icon-arrow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.likely {
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.071);
  border-bottom: 1px solid rgba(0, 0, 0, 0.071);
  width: 100%;
  margin: 73px auto 0;
  padding: 18px 0 5px;
}
.likely .likely__widget {
  background-color: #fff;
  -webkit-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
@media only screen and (min-width: 1024px) {
  .likely .likely__widget:hover {
    background-color: rgba(255, 255, 255, 0.3);
  }
}

.filter {
  color: #cbcbcb;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
  margin-top: 51px;
  display: none;
}
@media only screen and (min-width: 1024px) {
  .filter {
    display: block;
    margin-bottom: -52px;
  }
}
@media only screen and (min-width: 1366px) {
  .filter {
    margin-bottom: -30px;
  }
}
.filter__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1024px) {
  .filter__container {
    padding: 0 112px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 1366px) {
  .filter__container {
    padding: 0 45px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.filter__item {
  display: inline-block;
  -webkit-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
  border-bottom: 2px solid transparent;
}
.filter-dropdown .filter__item {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .filter__item {
    margin-bottom: -2px;
  }
  .filter__item:hover {
    color: #000;
  }
}
@media only screen and (min-width: 1366px) {
  .filter__item {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .filter__item:not(:last-child) {
    margin-right: 38px;
  }
}
@media only screen and (min-width: 1366px) {
  .filter__item:not(:last-child) {
    margin-right: 15px;
  }
}
.filter__item_current {
  color: #264cb9;
  border-color: currentColor;
}

.filter-dropdown {
  display: block;
  width: 300px;
  margin: 7px auto 0;
  padding: 10px 10px 11px;
  font-size: 14px;
  font-weight: 600;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-radius: 3px 3px 0 0;
  z-index: 3;
}
@media only screen and (min-width: 768px) {
  .filter-dropdown {
    width: 371px;
    font-size: 17px;
    padding: 9px 15px 7px;
    margin-top: 13px;
  }
}
@media only screen and (min-width: 1024px) {
  .filter-dropdown {
    display: none;
  }
}
.filter-dropdown_opened {
  background-color: #264cb9;
}
.filter-dropdown_opened .filter-dropdown__item_current {
  border-bottom-color: transparent;
  color: rgba(255, 255, 255, 0.5);
}
.filter-dropdown_opened .filter-dropdown__item_current:after {
  display: none;
}
.filter-dropdown_opened .filter-dropdown__list {
  display: block;
}
.filter-dropdown__list {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  padding: 0 10px 6px;
  background-color: #264cb9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0 0 3px 3px;
}
@media only screen and (min-width: 768px) {
  .filter-dropdown__list {
    padding: 0 15px 13px;
  }
}
.filter-dropdown__item {
  display: block;
  position: relative;
  padding-bottom: 3px;
  padding-top: 1px;
  color: #fff;
  line-height: 1.25;
  margin-bottom: 13px;
}
@media only screen and (min-width: 768px) {
  .filter-dropdown__item {
    margin-bottom: 9px;
  }
}
.filter-dropdown__item_current {
  border-bottom: 2px solid;
  color: #cbcbcb;
  margin-bottom: 0;
}
.filter-dropdown__item_current:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid;
}
@media only screen and (min-width: 768px) {
  .filter-dropdown__item_current:after {
    top: 9px;
  }
}

.tag-page {
  padding-bottom: 82px;
}
.tag-page__hero {
  text-align: center;
  padding: 20px 0 0;
}
@media only screen and (min-width: 768px) {
  .tag-page__hero {
    padding: 44px 0 0;
  }
}
.tag-page__title {
  margin-bottom: 14px;
}
.tag-page__label {
  font-size: 15px;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.3);
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .tag-page__label {
    font-size: 17px;
  }
}
.tag-page .latest {
  margin-bottom: 9px;
}

.search-page {
  padding-bottom: 89px;
}
.search-page__hero {
  text-align: center;
  padding: 20px 0 15px;
}
@media only screen and (min-width: 768px) {
  .search-page__hero {
    padding: 44px 0 15px;
  }
}
.search-page__title {
  margin-bottom: 4px;
}
@media only screen and (min-width: 768px) {
  .search-page__title {
    margin-bottom: 7px;
  }
}
@media only screen and (min-width: 1024px) {
  .search-page__title {
    margin-bottom: 14px;
  }
}
.search-page__label {
  font-size: 15px;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.3);
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .search-page__label {
    font-size: 17px;
  }
}
.search-page .latest {
  margin-bottom: 9px;
}

.group-heading {
  min-height: 500px;
  box-sizing: border-box;
  color: #fff;
  z-index: 1;
  position: relative;
  background-position: 50%;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
}
.group-heading:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1;
}
.group-heading__title {
  font-size: 52px;
  line-height: 60px;
  margin: 0;
  text-align: center;
}
@media (max-width: 1365px) {
  .group-heading {
    min-height: 450px;
    padding: 60px 20px;
  }
  .group-heading__title {
    font-size: 48px;
    line-height: 56px;
  }
}
@media (max-width: 1023px) {
  .group-heading {
    min-height: 400px;
    padding: 40px 20px;
  }
  .group-heading__title {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  .group-heading {
    min-height: 300px;
  }
  .group-heading__title {
    font-size: 32px;
    line-height: 40px;
  }
}
.group {
  background-color: #f5f5f5;
  border-bottom: 1px solid #eaeaea;
}
@media only screen and (min-width: 768px) {
  .group {
    padding-bottom: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .group {
    padding-bottom: 25px;
  }
}
.group_no-border {
  border-bottom: 0;
  padding-bottom: 0;
}
.group__hero {
  text-align: center;
  color: #fff;
  z-index: 1;
  position: relative;
  padding: 140px 0 10px;
}
@media only screen and (min-width: 768px) {
  .group__hero {
    padding: 105px 0 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .group__hero {
    padding: 390px 0 10px;
  }
  .group__hero.group-title {
    margin-top: -32px;
  }
}
@media only screen and (min-width: 1367px) {
  .group__hero {
    padding: 545px 0 10px;
  }
  .group__hero.group-title {
    margin-top: -32px;
  }
}

.group__hero:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1;
}
.group__title {
  margin: 0 auto;
  max-width: 90%;
}
@media only screen and (min-width: 768px) {
  .group__title {
    max-width: 610px;
  }
}
@media only screen and (min-width: 1024px) {
  .group__title {
    max-width: 800px;
  }
}
@media only screen and (min-width: 1024px) {
  .group__about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.group__about .h2 {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .group__about .h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1365px) {
  .group__about .h2 {
    font-size: 35px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) {
  .group__about .h2 {
    text-align: left;
  }
}
.group__areas {
  width: 100%;
  padding: 32px 0 27px;
  border-bottom: 1px solid #eaeaea;
}
@media only screen and (min-width: 768px) {
  .group__areas {
    padding: 44px 0 37px;
  }
}
@media only screen and (min-width: 1024px) {
  .group__areas {
    padding: 44px 30px 0 0;
    border-bottom: 0;
  }
}
@media only screen and (min-width: 1366px) {
  .group__areas {
    padding: 40px 40px 0 0;
  }
}
.group__events {
  padding: 17px 0 25px;
}
@media only screen and (min-width: 768px) {
  .group__events {
    max-width: none;
    padding: 20px 0 0;
    border-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .group__events {
    padding: 46px 0 166px 29px;
    max-width: 350px;
    border-left: 1px solid rgba(28, 32, 31, 0.071);
  }
}
@media only screen and (min-width: 1366px) {
  .group__events {
    max-width: 453px;
    padding: 42px 0px 46px 36px;
  }
}
.group__events .h2 {
  display: block;
}
@media only screen and (max-width: 767px) {
  .group__events .h2 {
    margin-bottom: 2px;
  }
}
@media only screen and (min-width: 768px) {
  .group__events .h2 {
    display: inline-block;
  }
}
.group__events .coming-events__head {
  margin-bottom: 20px;
  display: block;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .group__events .coming-events__head {
    margin-bottom: 0;
    text-align: left;
  }
}
.group__events .coming-events__list {
  display: block;
}
.group__events .coming-events__link {
  display: none;
}
.group__events .link-more {
  font-weight: 600;
  color: #a7a7a7;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .group__events .link-more {
    margin-top: 12px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .group__events .link-more:hover {
    color: #bdd129;
  }
}
@media only screen and (min-width: 1366px) {
  .group__events .link-more {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .group .coming-event {
    min-height: 112px;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .group .coming-event {
    min-height: 69px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .group .coming-event:hover .coming-event__date {
    color: #000;
    background-color: #bdd129;
  }
}
@media only screen and (min-width: 1366px) {
  .group .coming-event {
    min-height: 115px;
  }
}
.group .coming-event__date {
  background-color: #264cb9;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .group .coming-event__date {
    min-width: 60px;
  }
}
@media only screen and (min-width: 1366px) {
  .group .coming-event__date {
    min-width: 87px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .group .coming-event__title {
    padding: 13px 15px 13px 14px;
  }
}
@media only screen and (min-width: 1366px) {
  .group .coming-event__title {
    font-size: 18px;
    line-height: 1.35;
    -ms-flex-item-align: self-start;
    align-self: self-start;
    padding: 12px 50px 12px 19px;
  }
}
.group ~ .latest {
  background-color: #f5f5f5;
  border-bottom: 1px solid #eaeaea;
}
.group ~ .latest .card__inner {
  background-color: #fff;
}

.group-nav {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 84px;
  padding: 15px 0 8px;
}
@media only screen and (min-width: 768px) {
  .group-nav {
    font-size: 14px;
    padding: 31px 0 21px;
    margin-top: 6px;
  }
}
@media only screen and (min-width: 1024px) {
  .group-nav {
    padding: 24px 0 11px;
  }
}
.group-nav__item {
  display: inline-block;
  padding: 0 10px;
  -webkit-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .group-nav__item {
    padding: 0 9px;
    width: 200px;
  }
}
@media only screen and (min-width: 1024px) {
  .group-nav__item {
    padding: 0 19px;
  }
  .group-nav__item:hover {
    color: #bdd129;
  }
}
.group-nav__icon {
  display: block;
  height: 43px;
}
@media only screen and (min-width: 768px) {
  .group-nav__icon {
    margin: 0 auto 7px;
  }
}
.group-nav__label {
  display: none;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .group-nav__label {
    display: inline-block;
  }
}
.group-nav__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.areas-dropdown {
  background-color: #fff;
}
.areas-dropdown__content {
  padding: 20px 14px 0;
  overflow: hidden;
  border-bottom: 20px solid transparent;
}
@media only screen and (min-width: 768px) {
  .areas-dropdown__content {
    padding: 18px 19px 3px;
  }
}
@media only screen and (min-width: 1024px) {
  .areas-dropdown__content {
    padding: 19px 40px 0;
  }
}
.areas-dropdown article {
  margin-bottom: 23px;
}
@media only screen and (min-width: 768px) {
  .areas-dropdown article {
    margin-bottom: 17px;
  }
}
.areas-dropdown h1,
.areas-dropdown h2,
.areas-dropdown h3,
.areas-dropdown h4,
.areas-dropdown h5 {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  margin-top: 25px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .areas-dropdown h1,
  .areas-dropdown h2,
  .areas-dropdown h3,
  .areas-dropdown h4,
  .areas-dropdown h5 {
    font-size: 20px;
  }
}
.areas-dropdown p {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .areas-dropdown p {
    font-size: 17px;
    line-height: 1.45;
  }
}
.areas-dropdown__panel {
  border-top: 1px solid #efefef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 48px;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .areas-dropdown__panel:hover .icon-arrow {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
  }
}
.areas-dropdown__arrow {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #efefef;
  width: 42px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.areas-dropdown__label {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 16px;
}
.areas-dropdown_opened .areas-dropdown__content {
  height: 100%;
}
.areas-dropdown_opened .arrow {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.areas-dropdown .arrow,
.areas-dropdown .icon-arrow {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  will-change: transform;
}

.members {
  background-color: #f5f5f5;
  padding: 28px 0;
}
@media only screen and (min-width: 768px) {
  .members {
    padding: 29px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .members {
    padding: 48px 0 63px;
  }
}
@media only screen and (min-width: 1366px) {
  .members {
    padding: 73px 0 63px;
  }
}
.members__container {
  background-color: #e9e9e9;
  border-radius: 5px;
}
.members__head {
  border-bottom: 1px solid gainsboro;
  text-align: center;
  padding: 25px 10px 38px;
}
@media only screen and (min-width: 768px) {
  .members__head {
    padding: 29px 20px 13px;
    text-align: left;
  }
}
@media only screen and (min-width: 1024px) {
  .members__head {
    padding: 26px 18px 7px;
  }
}
@media only screen and (min-width: 1366px) {
  .members__head {
    padding: 26px 39px 7px;
  }
}
.members__title {
  display: block;
}
@media only screen and (max-width: 767px) {
  .members__title {
    font-size: 22px;
    margin-bottom: 11px;
  }
}
@media only screen and (min-width: 768px) {
  .members__title {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .members__title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .members__more {
    margin-top: 15px;
    float: right;
  }
}
@media only screen and (min-width: 1024px) {
  .members__more {
    margin-top: 19px;
  }
  .members__more:hover {
    color: #bdd129;
  }
}
.members__more .link-more__dots {
  margin-right: 6px;
}
.members__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1024px) {
  .members__list {
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
  }
}
.members .member {
  display: none;
}
.members .member:nth-child(1),
.members .member:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .members .member:nth-child(1),
  .members .member:nth-child(2),
  .members .member:nth-child(3),
  .members .member:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 1366px) {
  .members .member:nth-child(5) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  width: 100%;
  border-bottom: 1px solid gainsboro;
  margin-bottom: 10px;
}
.member:nth-child(2) {
  border-bottom: 0;
}
@media screen and (min-width: 500px) {
  .member {
    width: 50%;
    border-bottom: 0;
    margin-bottom: 0;
  }
  .member:not(:last-child) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid gainsboro;
  }
}
@media screen and (max-width: 767px) and (orientation: lanscape) {
  .member {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .member:nth-child(-n + 2) {
    border-bottom: 1px solid gainsboro;
  }
}
@media only screen and (min-width: 1024px) {
  .member {
    width: 25%;
  }
}
@media only screen and (min-width: 1366px) {
  .member {
    width: 20%;
  }
}
.member__inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 223px;
  border-radius: 3px;
  text-align: center;
}
.cards_organizations .member__inner {
  height: 280px;
}
@media screen and (min-width: 768px) {
  .member__inner {
    height: 300px;
  }
  .cards_organizations .member__inner {
    height: 350px;
  }
}
@media only screen and (min-width: 1024px) {
  .member__inner:hover .member__name {
    color: #fff;
  }
  .member__inner:hover .member__details {
    background-color: #bdd129;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .member__inner:hover .member__about,
  .member__inner:hover .member__socials {
    opacity: 1;
  }
}
.member__photo {
  width: 175px;
  height: 175px;
  border-radius: 50%;
  margin: 0 auto;
  display: block;
}
@media only screen and (min-width: 768px) {
  .member__photo {
    margin-top: 30px;
  }
}
.cards_organizations .member__photo {
  width: 115px;
  height: 115px;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 30px;
}
@media only screen and (min-width: 768px) {
  .cards_organizations .member__photo {
    margin-top: 30px;
  }
}
.member__name {
  font-weight: 600;
  line-height: 1.2;
  font-size: 18px;
  color: #000;
  margin-bottom: 11px;
  -webkit-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
  display: block;
}
@media only screen and (min-width: 768px) {
  .member__name {
    font-size: 20px;
  }
}
.member__name h3 {
  font: inherit;
  margin: 0;
}
.member__details {
  background-color: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  top: 0;
  left: 0;
  padding: 0 12px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(190px);
  -ms-transform: translateY(190px);
  transform: translateY(190px);
  -webkit-transition: background-color 0.4s ease, -webkit-transform 0.4s ease;
  transition: background-color 0.4s ease, -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease, background-color 0.4s ease;
  transition: transform 0.4s ease, background-color 0.4s ease;
  transition: transform 0.4s ease, background-color 0.4s ease,
    -webkit-transform 0.4s ease;
}
@media only screen and (min-width: 768px) {
  .member__details {
    -webkit-transform: translateY(192px);
    -ms-transform: translateY(192px);
    transform: translateY(192px);
    padding-top: 42px;
  }
}
.member__about {
  font-size: 17px;
  line-height: 1.25;
  opacity: 0;
  margin-bottom: 26px;
  display: block;
}
.member__socials {
  opacity: 0;
}
.member__about,
.member__socials {
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.member__social svg {
  fill: #fff;
}

.page-workgroups {
  background-color: #f5f5f5;
  padding-bottom: 50px;
}
.group-item {
  margin: 0 15px 20px;
  width: calc(33.33% - 70px);
  position: relative;
  overflow: hidden;
  min-height: 260px;
  padding: 20px;
}
.group-item__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}
.group-item__img {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.group-item__img img {
  display: block;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.group-item__title {
  text-align: center;
  font-size: 20px;
  font-family: "CeraWeb";
  font-weight: 600;
}
.group-descr {
  font-family: "CeraWeb";
  position: absolute;
  background: #bdd129;
  color: #ffffff;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  top: 100%;
  left: 0;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
  opacity: 0;
  transition: transform 0.7s, opacity 0.5s, -webkit-transform 0.7s;
}
.group-item:hover .group-descr {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 1;
}
.group-descr__title {
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 1365px) {
  .group-descr__text {
    font-size: 14px;
  }
}
@media (max-width: 1023px) {
  .group-descr {
    display: none;
  }
  .group-item {
    margin: 0 0 20px;
    width: calc(33.33% - 40px);
    min-height: unset;
    padding: 20px;
  }
  .group-item__title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .group-item {
    margin: 0 0 20px;
    width: calc(50% - 30px);
    padding: 15px;
  }
  .group-item__img {
    height: 100px;
    width: 100px;
    margin: 0 auto 15px;
  }
  .group-item__title {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .group-item__title {
    font-size: 14px;
  }
}

.user {
  /*background-color: #f2f2f2; */
}
.user__head {
  color: #fff;
  padding: 51px 0 110px;
}
@media only screen and (min-width: 768px) {
  .user__head {
    padding: 71px 0 130px;
  }
}
@media only screen and (min-width: 1024px) {
  .user__head {
    padding: 48px 0 159px;
  }
}
.user__head-wrap {
  display: flex;
  flex-wrap: wrap;
}
.user__head-wrap .user__main {
  width: auto;
  flex: 1;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(219, 219, 219, 0.1);
}
.user__head-wrap .user__main .user__name {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
  margin: 10px 0;
  width: 100%;
}
.user__img-wrap {
  width: 75px;
  height: 75px;
  padding: 25px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.user_organization .user__avatar,
.cards_organizations .user__avatar {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.user_organization ul {
  font-size: 16px;
}
.user__avatar {
  width: 125px;
  height: 125px;
  display: block;
  vertical-align: top;
  margin: auto;
  background-color: #264cb9;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  .user__avatar {
    display: inline-block;
    width: 165px;
    height: 165px;
  }
  .user__img-wrap {
    width: 105px;
    height: 105px;
    padding: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .user__avatar {
    width: 225px;
    height: 225px;
  }
  .user__img-wrap {
    width: 155px;
    height: 155px;
    padding: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .user_organization .user__head {
    padding: 50px 0 160px;
  }
  .user__head-wrap .user__main {
    width: 100%;
    flex: none;
    border-bottom: none;
  }
  .user__img-wrap {
    margin: 0 auto;
  }
}
.user__main {
  vertical-align: top;
  margin-top: 11px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .user__main {
    display: inline-block;
    width: 510px;
    margin-top: 12px;
    margin-left: 24px;
    text-align: left;
  }
}
@media only screen and (min-width: 1024px) {
  .user__main {
    width: 562px;
    margin-top: 37px;
    margin-left: 32px;
  }
}
.user__name {
  margin-bottom: 22px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .user__name {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .user__name {
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(219, 219, 219, 0.1);
    padding-bottom: 19px;
  }
}
@media only screen and (min-width: 1024px) {
  .user__name {
    padding-bottom: 25px;
  }
}
.user__about {
  background-color: transparent;
  margin-top: -114px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .user__about {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .user__about {
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 56px;
  }
}
.user__about .wrap {
  background-color: #fff;
  border-radius: 3px;
  padding: 22px 17px 10px;
}
@media only screen and (min-width: 768px) {
  .user__about .wrap {
    padding: 36px 17px 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .user__about .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 38px 10px;
  }
}
.user__about h2 {
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .user__about h2 {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .user__about h2 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .user__about h2 {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .user__about h2 {
    margin-bottom: 30px;
  }
}
.user__about h3 {
  font-size: 18px;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .user__about h3 {
    font-size: 20px;
    margin-bottom: 3px;
  }
}
.user__about p {
  margin: 0 0 13px;
  font-size: 16px;
  line-height: 1.35;
}
@media only screen and (min-width: 768px) {
  .user__about p {
    margin: 0 0 18px;
    font-size: 17px;
    line-height: 1.45;
  }
}
.user__info {
  margin-bottom: 23px;
}
@media only screen and (min-width: 768px) {
  .user__info {
    margin-bottom: 27px;
  }
}
@media only screen and (min-width: 1024px) {
  .user__info {
    margin-bottom: 0;
    padding: 20px 30px 21px 0;
  }
}
@media only screen and (min-width: 1366px) {
  .user__info {
    padding: 20px 70px 68px 0;
  }
}
.user__contacts {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
  .user__contacts {
    width: 402px;
    padding: 20px 0 0 30px;
    border-left: 1px solid rgba(28, 32, 31, 0.071);
  }
}
@media only screen and (min-width: 1366px) {
  .user__contacts {
    width: 415px;
    padding: 20px 0 0 36px;
  }
}
.user_organization .user__avatar,
.cards_organizations .user__avatar {
  /*    height: auto;*/
  border-radius: 0;
}
.user_organization .user__main {
  margin-top: 0;
}

.user-group {
  margin-bottom: 15px;
  display: block;
}
.user-group:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .user-group {
    display: table;
  }
  .user-group:hover .user-group__name {
    color: #f5f5f5;
  }
}
.user-group__icon {
  display: block;
  vertical-align: top;
  border-radius: 50%;
  width: 43px;
  height: 43px;
  background-color: #dbdbdb;
  margin: 0 auto 10px;
}
@media only screen and (min-width: 768px) {
  .user-group__icon {
    display: inline-block;
    margin-bottom: 0;
  }
}
.user-group__part {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .user-group__part {
    margin-left: 10px;
  }
}
.user-group__label {
  font-size: 14px;
  line-height: 0.9;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .user-group__label {
    font-size: 17px;
    margin-bottom: 4px;
  }
}
.user-group__name {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  -webkit-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
@media only screen and (min-width: 768px) {
  .user-group__name {
    font-size: 20px;
  }
}

.user-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  min-height: 50px;
  border-radius: 3px;
  background-color: #f5f5f5;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .user-contact {
    min-height: 65px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .user-contact:hover .user-contact__value {
    color: #bdd129;
  }
}
.user-contact__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #e6e5e5;
  min-width: 49px;
  text-align: center;
  color: #264cb9;
}
@media only screen and (min-width: 768px) {
  .user-contact__icon {
    min-width: 66px;
  }
}
/*    .user-contact__icon:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 100%; }*/
.user-contact__icon span {
  vertical-align: middle;
  display: inline-block;
}
.user-contact__value {
  display: flex;
  align-items: center;
  font-size: 18px;
  padding: 5px 5px 5px 15px;
  -webkit-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
  -webkit-text-size-adjust: 100%;
}
@media only screen and (max-width: 767px) {
  .user-contact__value {
    font-size: 12px;
  }
}
/*.user-contact__value:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 100%; }ideasforchangeua@gmail.com
*/
.about {
  background-color: #f5f5f5;
  padding-top: 23px;
}
@media only screen and (min-width: 768px) {
  .about {
    padding-top: 26px;
  }
}
@media only screen and (min-width: 1024px) {
  .about {
    padding-top: 0;
  }
}
.about__wrap {
  max-width: 790px;
  margin: auto;
}
.about__section {
  font-size: 0;
  padding-top: 11px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .about__section {
    padding-bottom: 50px;
    padding-top: 22px;
  }
}
@media only screen and (min-width: 1024px) {
  .about__section {
    padding-bottom: 74px;
  }
}
.about__section:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  margin-bottom: 17px;
}
.about__section:nth-child(even) .about__content {
  background-color: #fff;
}
.about__section:nth-child(odd) .about__content {
  padding-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .about__section:nth-child(odd) .about__content {
    padding-left: 0;
    padding-right: 0;
  }
}
.about__title {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 17px;
}
@media only screen and (max-width: 767px) {
  .about__title {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .about__title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .about__title {
    margin-bottom: 37px;
  }
}
.about img {
  width: 100%;
  height: auto;
}
.about__thumb {
  margin-bottom: 0;
}
.about__content {
  font-size: 16px;
  border-radius: 0 0 2px 2px;
  padding: 0 14px 19px;
}
@media only screen and (min-width: 768px) {
  .about__content {
    font-size: 17px;
    padding: 0 19px 38px;
  }
}
@media only screen and (min-width: 1024px) {
  .about__content {
    padding: 39px 39px 52px;
  }
}
.about__content h3,
.about__content h4,
.about__content h5,
.about__content h6 {
  display: inline-block;
  margin-bottom: 0;
  line-height: 1.2;
}
.about__content h3 {
  font-size: 18px;
  margin-top: 17px;
}
@media only screen and (min-width: 768px) {
  .about__content h3 {
    font-size: 30px;
    margin-top: 23px;
  }
}
@media only screen and (min-width: 1024px) {
  .about__content h3 {
    margin-top: 27px;
  }
}
.about__content h4 {
  font-size: 16px;
  margin-top: 9px;
}
@media only screen and (min-width: 768px) {
  .about__content h4 {
    font-size: 26px;
    margin-top: 4px;
  }
}
.about__content h5 {
  font-size: 14px;
  margin-top: 7px;
}
@media only screen and (min-width: 768px) {
  .about__content h5 {
    font-size: 20px;
    margin-top: 6px;
  }
}
.about__content h6 {
  font-size: 12px;
  margin-top: 8px;
}
@media only screen and (min-width: 768px) {
  .about__content h6 {
    font-size: 17px;
  }
}
.about__content p {
  line-height: 1.35;
  margin: 10px 0;
}
.about__content p:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .about__content p {
    line-height: 1.45;
  }
}
.about__content img {
  margin-top: 20px;
}
.about .member {
  border-bottom: 1px solid gainsboro;
}
@media screen and (min-width: 500px) and (max-width: 1023px) {
  .about .member:nth-child(even) {
    border-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .about .member:nth-child(3n) {
    border-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .about .member {
    width: calc(100% / 3);
  }
}

.icon-twitter {
  width: 20px;
  height: 17px;
  fill: currentColor;
}

.icon-fb {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.icon-search {
  width: 20px;
  height: 20px;
}

.icon-arrow {
  width: 15px;
  height: 9px;
  fill: currentColor;
}

.icon-phone {
  width: 26px;
  height: 26px;
  fill: currentColor;
}

.icon-mail {
  width: 23px;
  height: 15px;
  fill: currentColor;
}
.icon-adress {
  width: 23px;
  height: 23px;
  fill: currentColor;
}

/* Alex Demch.co 25.04.2019 */
.card.card_publication .card__thumb {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.card.card_publication .card__thumb {
  background-color: #f2f2f2;
}

.post__container .post__thumb {
  /*background-size: auto !important;*/
}

.organization_img {
  height: auto !important;
  width: auto !important;
}

.home .h2.latest__title {
  width: auto;
}
.home .filter {
  margin: 0;
}

@media only screen and (min-width: 1366px) {
  .filter__item:not(:last-child) {
    margin-right: 40px;
  }
}

/* Alex Demch.co 23.07.2019 */
img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.introduction__content .posts-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.introduction__content .posts-block h2 {
  width: auto;
}

/* Alex Demch.co 05.08.2019 */
.filter__container {
  flex-direction: row-reverse;
  justify-content: space-around;
}

.filter .filter__container a.filter__item {
  margin: 0;
  text-align: center;
}

.filter-dropdown__list .filter__item_current {
  color: #dfe1e6;
}

#news .filter__item {
  margin-left: 40px;
}

.card.card_news .card__details-taxonomy {
  font-size: 18px;
  top: 12px;
  left: 10px;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
}

.card.card_news .card-details__link {
  width: 100%;
  height: 100%;
}

.card-details__date {
  color: #ffffff9c;
  background: #00000063;
  padding: 6px 9px 6px 6px;
  border-radius: 14px;
  font-size: 13px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.card-details__category.hide {
  display: none;
}

.card-details__category.show {
  display: block;
  color: white;
  background: #00000063;
  padding: 6px 6px 6px 9px;
  font-size: 13px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.card__details-taxonomy.card-row .card-details__category {
  border-radius: 14px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.card__details-taxonomy .card-details__category {
  border-bottom-left-radius: 14px;
  border-top-left-radius: 14px;
}

.card-details__date.wrap,
.card-details__date.only {
  border-radius: 14px;
  padding: 6px 6px 6px 6px;
  border-radius: 14px;
}

/* Alex demchco 26/05/2020 */
#cookie-notice .cn-button.bootstrap {
  color: #fff;
  background: #bdd128;
}

#cookie-notice a#cn-accept-cookie {
  display: flex;
  align-items: center;
}

.post-type-archive-statement .date {
}
.post-type-archive-statement .date.statement-year {
  padding: 16px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.post-type-archive-statement .date.statement-mounth {
  padding: 16px 0;
  border-bottom: 1px solid #e6e6e6;
}

.post-type-archive-statement .cards.cards_publications {
  border-top: none;
}

.single-statement h1.h1.post__title {
  margin-top: 20px;
  font-size: 40px;
}

/* Alex demchco 25/06/2020 */
.single-organizations .user,
.single-experts .user {
  /*background-color: #f2f2f2;*/
  background: #bdd128;
}

.jc_sb {
  justify-content: space-between;
}

.page-template-about .organization-country {
  padding-top: 30px;
  opacity: 0;
}

.organization-country {
  padding-top: 30px;
  opacity: 0;
}

.page-template-about iframe {
  max-width: 90%;
}

.member__inner:hover .member__details .organization-country {
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  .about__content h3 {
    margin-top: 0px;
  }
}

/* New Page "About" */

.page-template-page-about section.group .group__hero {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.page-template-page-about section.group.section-title .group__hero {
  padding: 0;
}

.page-template-page-about .group__hero.group-title:before {
  background-color: rgb(189, 209, 40);
}
.page-template-page-about .group__hero:before {
  background-color: rgba(0, 0, 0, 0);
}

body.page-template-page-about {
  padding-top: 68px;
}
.page-template-page-about .section_banner {
  width: 100%;
  min-height: 540px;
  padding-top: 0px;
  background: no-repeat 50% 50%;
  position: relative;
  z-index: 1;
}
.page-template-page-about .section-title.group_no-border {
  margin-top: 31px;
}
.page-template-page-about .group__title {
  padding-top: 60px;
  padding-bottom: 30px;
}
.page-template-page-about .group-title .group-nav {
  background: white;
}
.page-template-page-about .group-title .group-nav__container {
  color: black;
}

/* 1365...1919 = 1366 */
@media screen and (max-width: 1919px) {
  .page-template-page-about .section_banner {
    min-height: 400px;
  }
}
/* 1024...1365px = 1024 */
@media screen and (max-width: 1365px) {
  .page-template-page-about .section_banner {
    min-height: 300px;
  }
  .page-template-page-about .page-template-page-about .group__title {
    padding-top: 45px;
    padding-bottom: 15px;
  }
}
/* 768...1024 = 768 */
@media screen and (max-width: 1023px) {
  body.page-template-page-about {
    padding-top: 0px;
  }
  .page-template-page-about .section_banner {
    min-height: 232px;
  }
  .page-template-page-about .section-title.group_no-border {
    margin-top: -1px;
  }
}
/*  <- 768 = 320 */
@media screen and (max-width: 767px) {
  .page-template-page-about .section_banner {
    min-height: 95px;
  }
  .page-template-page-about .group-title .group-nav {
    margin-top: -5px;
  }
  .page-template-page-about .group__title {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.display-none {
  display: none !important;
}

.footer__column.parent__6383,
.footer__column.parent__6377,
.footer__column.parent__6380 {
  display: none;
}

/*
* ================================================
* Coming-events
* ================================================
*/
a.coming-event.block {
  display: flex;
  flex-direction: column;
}

.coming-event__info {
  display: flex;
}

.coming-event__picture {
  height: 230px;
  height: 290px;
  background-size: cover;
  background-position: right top;
  background-repeat: no-repeat;
}

.coming-events {
  max-width: 550px;
}

@media only screen and (max-width: 1365px) {
  .coming-event__picture {
    height: 270px;
  }
}

@media only screen and (max-width: 1023px) {
  .coming-event__picture {
    height: 285px;
  }
}

@media only screen and (max-width: 909px) {
  .coming-event__picture {
    height: 257px;
  }
}

@media only screen and (max-width: 862px) {
  .coming-event__picture {
    height: 247px;
  }
}

@media only screen and (max-width: 842px) {
  .coming-event__picture {
    height: 227px;
  }
}

@media only screen and (max-width: 822px) {
  .coming-event__picture {
    height: 207px;
  }
}

@media only screen and (max-width: 802px) {
  .coming-event__picture {
    height: 187px;
  }
}