/*

Theme Name: courtmap_2018
Author: demch.co
Author URI: https://demch.co/
Description: Theme courtmap_2018

*/

@font-face {
  font-family: 'ProximaNova-Light';
  src: url('fonts/ProximaNova-Light.eot'); /* IE9 Compat Modes */
  src: url('fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ProximaNova-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/ProximaNova-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('fonts/ProximaNova-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ProximaNova-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/ProximaNova-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'ProximaNova-Bold';
  src: url('fonts/ProximaNova-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ProximaNova-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/ProximaNova-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'ProximaNova-Extrabld';
  src: url('fonts/ProximaNova-Extrabld.eot'); /* IE9 Compat Modes */
  src: url('fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ProximaNova-Extrabld.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/ProximaNova-Extrabld.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'ProximaNova-Black';
  src: url('fonts/ProximaNova-Black.eot'); /* IE9 Compat Modes */
  src: url('fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ProximaNova-Black.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/ProximaNova-Black.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'DINPro-Bold';
  src: url('fonts/DINPro-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/DINPro-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/DINPro-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'DINPro-Black';
  src: url('fonts/DINPro-Black.eot'); /* IE9 Compat Modes */
  src: url('fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/DINPro-Black.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/DINPro-Black.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body {
    position: relative;
    /*background: #F1F5F8 url(img/main_bg.png) no-repeat 0 0;*/
}
h2 {
    font-family: DINPro-Black;
    color: #8c919a;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
}
.wrapper {
    max-width: 1355px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
}
.wrapper_inner {
    max-width: 700px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
}

/*------------------------------HEADER-------------------------------*/

.header 
{
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 7px 22px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}
.header.header-home {
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.1);
    background-color: #416ca5;
    box-shadow: none;
}

.header.header-error {
    background-color: rgba(17, 96, 199, 0.69);
    box-shadow: none;
}
.header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    padding-top: 20px;
}
.header.header-home .header-wrap {
    border-bottom: 1px solid #a5bbbb1c;
}
.header.header-error .header-wrap {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.header-wrap > div {
    flex: 1 0 0;
}
.logo img,
.logo a,
.logo {
    display: block;
    height: 100%;
}
.logo .img-logo_white {
    display: none;
}
.header.header-error .img-logo_white {
    display: block;
}
.header.header-error .img-logo {
    display: none;
}
.nav-mobile {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 200;
    transform: translateY(-100%);
    background-color: #4c7ec0;
    transition: 0.66s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.nav-mobile.active {
    transform: translateY(0);
}
.nav-mobile-wrap {
    display: flex;
    justify-content: space-between;
    height: 80px;
    position: relative;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.logo.nav-mobile__logo {
    padding: 20px;
}
.nav-mobile__close {
    background-color: transparent;
    border: none;
    border-left: 1px solid rgba(255, 255, 255, .1);
    width: 80px;
    font-size: 21px;
}
.menu.menu_mobile {
    flex-direction: column;
}
.menu.menu_mobile .menu-item {
    margin: 20px 0;
}
.menu.menu_mobile .menu-item a {
    color: #fff;
}
.menu.menu_mobile .menu-item a:before {
    color: #619eef;
} 
.social.nav-mobile__social {
    height: 110px;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.nav-mobile__social .social__text {
    display: block;
    font-size: 14px;
    color: #619eef;
    margin-right: 0;
    width: 100%;
    text-align: center;
}
.nav-mobile__social .social__link {
    margin-left: 0;
    margin: 0 10px;
}
.nav-mobile__social .social__link [class*="icon"]:before {
    color: #fff;
    font-size: 22px;
}
.menu {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-item {
    margin: 0 15px;
}
.header.header-error .menu-item a,
.header.header-home .menu-item a {
    font-family: ProximaNova-Black;
    font-size: 18px;
    display: flex;
    position: relative;
    padding-left: 30px;
    color: #e1e6f0;
}

.header .menu-item a {
    font-family: ProximaNova-Black;
    font-size: 18px;
    display: flex;
    position: relative;
    padding-left: 30px;
    color: #000;
}
.header .menu-item a:hover
{
    color: #99dfea;
}

.header .menu-item a:before {
    font-family: icomoon;
    content: '\e90a';
    position: absolute;
    top: 0;
    left: 0;
    color: #31527d;

    font-size: 19px;
    transition: all 0.3s linear;
}

.header.header-home .menu-item a:before {
    font-family: icomoon;
    content: '\e90a';
    position: absolute;
    top: 0;
    left: 0;
    color: #99dfea;

    font-size: 19px;
    transition: all 0.3s linear;
}
/* Главное меню иконки */
#menu-golovne .menu-item:first-child a:before {
    font-family: 'icomoon-icon';
    content: '\e900';
    font-size: 20px;
}
#menu-golovne .menu-item:nth-child(2) a:before {
    font-family: 'icomoon-icon';
    content: '\e9cc';
    font-size: 20px;
}
#menu-golovne .menu-item:nth-child(3) a:before {
    font-family: 'icomoon-icon';
    content: '\e92e';
    font-size: 20px;
}
/* футер меню иконки */
#menu-futer .menu-item:first-child a:before {
    font-family: 'icomoon-icon';
    content: '\e900';
    font-size: 20px;
}
#menu-futer .menu-item:nth-child(2) a:before {
    font-family: 'icomoon-icon';
    content: '\e92e';
    font-size: 20px;
}

.header.header-home .menu-item a:hover {
    color: #99dfea;
}
.header.header-home .menu-item a:active,
.header.header-home .menu-item:active a:before,
.header.header-error .menu-item:active  a:before{
    color: #31527d;
}
.header .menu-item a:active,
.header .menu-item:active a:before,
{
    color: #31527d;
}
.header.header-error .menu-item a:before,
.header.header-error .social__link [class*="icon"]:before,
.header.header-error .social__text {
    color: #99dfea;
}
.menu-toggle {
    display: none;
    padding: 0;
    border: none;
    background-color: transparent;
    width: 80px;
    height: 80px;
    padding-left: 25px;
    position: relative;
    border-left: 1px solid #e9eaea;
}
.header.header-error .menu-toggle {
    border-left: 1px solid rgba(255, 255, 255, .2);
}
.menu-toggle .menu-burg {
    width: 33px;
    display: block;
    height: 2px;
    background: #4b7dbf;
}
.header.header-error .menu-toggle .menu-burg {
    background-color: #fff;
}
.menu-toggle .menu-burg:nth-child(3) {
    width: 24px;
}
.menu-toggle .menu-burg + .menu-burg  {
    margin-top: 8px;
}
.menu-close {
    display: none;
}
.menu-close [class*="icon"]:before {
    color: #fff;
    font-size: 20px;
}
.social {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.social__text {
    color: #8e9094;
    font-family: ProximaNova-Regular;
    font-size: 18px;
    margin-right: 10px;
}
.social__link {
    font-size: 20px;
    margin-left: 16px;
}

.header.header-home .social__link:hover [class*="icon"]:before, .header.header-error .social__link:hover [class*="icon"]:before {
   
    color: #ffffff;
}
.social__link:hover [class*="icon"]:before, .header.header-error .social__link:hover [class*="icon"]:before {
    color: #99dfea;
}

.social__link:active [class*="icon"]:before,
.header.header-error .social__link:active [class*="icon"]:before  {
    color: #31527d;
}
.social__link_fb {
    font-size: 22px;
}
.header.header-home .social__link [class*="icon"]:before {
     color: #99dfea;
}
.social__link [class*="icon"]:before {
    color: #4b7dbf;
}

.header-wrap.active {
    background-color: #4c7ec0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-wrap.active .logo__text {
    background-color: #fff;
    color: #4c7ec0;
}
.header-wrap.active .menu-toggle {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 0;
}
.header-wrap.active .menu-toggle .menu-close {
    display: block;
}
.header-wrap.active .menu-toggle .menu-burg {
    display: none;
}

/*------------------------------MAIN-------------------------------*/

.main {
    padding-bottom: 120px;
    background: #e1e6f0;
}
.main-title {
    font-family: DINPro-Black;
    font-size: 66px;
    line-height: 74px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 45px;
    color: white;
}
.buttons-block {
    display: flex;
    justify-content: center;
    margin-bottom: 90px;
}
.buttons-block__button1 a {
    display: block;
    padding: 14px 50px 17px;
    margin: 0 10px;
    box-shadow: 0 5px 27px rgba(19, 20, 106, 0.3);
    border-radius: 25px;
    background-color: #4c7ec0;
    color: #fff;
    font-family: ProximaNova-Bold;
    font-size: 18px;
}
.buttons-block__button2 a {
    display: block;
    padding: 14px 50px 17px; 
    margin: 0 10px;
    box-shadow: 0 5px 27px #a8bcd8;
    border-radius: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    color: #000;
    font-family: ProximaNova-Bold;
    font-size: 18px;
}
.buttons-block__button1 a:hover,
.buttons-block__button2 a:hover {
    background-color: #61a0f3;
    color: #fff;
}
.buttons-block__button1 a:active,
.buttons-block__button2 a:active {
    background-color: #31527d;
    color: #fff;
}
.court-block {
    margin-bottom: 80px;
}
.court-block__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.court-block__title {
    margin-bottom: 35px;
}
.court-vsu-wrap 
{
    display: flex;
    margin: 0 -10px;
    max-height: 400px;
}
.court-vsu-arrow-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #8c919a;
    border-radius: 50%;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}
.court-vsu-arrow {
    border: solid transparent;
    border-width: 0 5px 5px;
    border-bottom-color: #8c919a;
}
.court-vsu-column {
    width: calc(33.333333% - 20px);
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    /*justify-content: flex-start;*/
    justify-content: space-between;
    /*margin-top: 30px;*/
}
.court {
    width: calc(50% - 10px);
    border-radius: 5px;
    background-color: #fff;
    /*margin-bottom: 20px;*/
    box-shadow: 0 20px 27px rgba(218, 225, 234, 0.3);
}
.court_main {
    width: 100% !important;
    display: flex;
    margin-bottom: 35px;
}
.court_vsu {
    width: 100% !important;
    margin-bottom: 56px;
}
.court_vsu_item {
    width: 100% !important;
    height: 100%;
    position: relative;
}
.court_vsu_item_low {
    width: 100% !important;
    height: calc(50% - 35px);
    position: relative;
}
.court .court__link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.court_main .court__link
{
    height: auto;
    border-radius: 5px;
    /* box-shadow: 0 20px 27px rgba(226, 226, 121, 0.3); */
    background-color: #99dfea;
}
.court_vsu_item .court__link {
    align-items: flex-start;
}
.court__img-block {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(0, 0, 0, .05);
    flex: none;
    padding: 25px 0;
}
.court_main .court__img-block {  
    border-right: 1px solid rgba(255, 255, 255, .3);
    padding: 30px 0;
}
.court_vsu .court__img-block {
    padding: 30px 0;
}
.court_vsu_item .court__img-block {
    width: 150px;
    align-items: flex-start;
}
.court_vsu_item_low .court__img-block {
    width: 130px;
    padding: 20px 0;
}
.court__img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    font-size: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s linear, box-shadow 0.3s linear 0.1s;
}
.court_main .court__img {  
    font-size: 86px;  
}
.court_vsu .court__img {    
    font-size: 74px;  
}
.court_vsu_item .court__img {
    width: 100px;
    height: 100px;
    font-size: 50px;
}
.court_vsu_item_low .court__img {
    width: 80px;
    height: 80px;
    font-size: 40px;
}
.court_ukraine .court__img {
    
}
.court_department .court__img {
    
}
.court_others .court__img {
    
}
.court__img [class*="icon"] {
    transform: translateY(-6px);
}
.court-vsu-wrap .court__img [class*="icon"] {
    transform: translateY(-2px);
}
.court_ukraine .court__img [class*="icon"]:before {
    color: #fff;
}
/*.court:hover .court__img,
.court:hover .court__img {
    box-shadow: 0px 0px 0px 5px rgba(236,241,245,1);
    background-color: #ecf1f5;
}*/
/*.court_main:hover .court__img 
{
    box-shadow: 0px 0px 0px 5px #1c8ea033;
    background-color: #1c8ea033;
}*/

.court:hover .court__img [class*="icon"]:before,
.court:hover .court__img [class*="icon"]:before {
    color: #000;
}
.court_main:hover .court__img [class*="icon"]:before,
.court_main:hover .court__img [class*="icon"]:before {
    color: #fff;
}
.court__content {
    margin: 0 15px 0 20px;
    padding: 25px 0;
}
.court__title {
    font-family: ProximaNova-Black;
    font-size: 26px;
}
.court_main .court__title,
.court_vsu .court__title {
    font-size: 35px;
}
.court:hover .court__title {
    color: #404034;
}
.court__info {
    display: flex;
    flex-wrap: wrap;
    font-family: ProximaNova-Extrabld;
    font-size: 20px;
}
.court_main .court__info {
    color: #0a0a0a;
}
.court__info-users,
.court__info-money {
    display: flex;
    align-items: center;
    margin-right: 28px;
    margin-top: 20px;
}
.court_vsu_item .court__info-users,
.court_vsu_item .court__info-money {
    margin-right: 10px;
}
.court__info-users.disabled,
.court__info-money.disabled {
    opacity: 0.5;
}
.court__info-users.hide,
.court__info-money.hide {
    display: none;
}
.court__info-users [class*="icon"],
.court__info-money [class*="icon"] {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}
.court_ukraine .court__info-users [class*="icon"],
.court_ukraine .court__info-money [class*="icon"] {
    /*border: 1px solid rgba(101, 157, 231, .15);*/
}
.court_department .court__info-users [class*="icon"],
.court_department .court__info-money [class*="icon"] {
    /*border: 1px solid rgba(255, 132, 104, .15);*/
}
.court_others .court__info-users [class*="icon"],
.court_others .court__info-money [class*="icon"] {
    /*border: 1px solid rgba(206, 220, 111, .25);*/
}
.court__info-users [class*="icon"]:before {
    font-size: 35px;
}
.court__info-money [class*="icon"]:before {
    font-size: 29px;
}
.court_main .court__info-users [class*="icon"]:before,
.court_main .court__info-money [class*="icon"]:before {
    color: #fff;
}
.court_ukraine .court__info-users [class*="icon"]:before,
.court_ukraine .court__info-money [class*="icon"]:before {
    color: #fdce59;
}
.court_department .court__info-users [class*="icon"]:before,
.court_department .court__info-money [class*="icon"]:before {
    color: #9bdfe8;
}
.court_others .court__info-users [class*="icon"]:before,
.court_others .court__info-money [class*="icon"]:before {
    color: #e9728a;
}
.court__year {
    font-size: 10px;
    line-height: 15px;
}
.court_main .court__year {
    font-size: 11px;
}
.total-budget {
    text-align: center;
}
.total-budget__title {
    margin-bottom: 35px;
    font-family: DINPro-Black;
    color: #8c919a;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 40px;
    text-align: center;
}
.total-budget__wrap {
    font-family: ProximaNova-Black;
    position: relative;
    display: inline-block;
    margin: 0 auto;
}
.total-budget__icon {
    display: inline-block;
}
.total-budget__icon [class*="icon"] {
    font-size: 50px;
    margin-right: 30px;
}
.total-budget__count {
    position: relative;
    display: inline-block;
    font-size: 66px;
    line-height: 66px;
    text-transform: uppercase;
}
.total-budget__year {
    position: absolute;
    bottom: 80%;
    left: 100%;
    margin-left: 20px;
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
    white-space: nowrap;
}

/*------------------------------BANNERS-------------------------------*/

.banner {
    text-align: center;
    /*padding-top: 50px;*/
    /*padding-bottom: 80px;*/
    padding-top: 35px;
    padding-bottom: 35px;

}
/*.banner.banner_court {
    background-color: rgba(214, 214, 23, 0.6);
}*/
.banner.banner_person {
    background-color: rgb(225, 230, 240);
}
.banner.banner_news {
    /*background: url(img/news_bg.png) no-repeat 50% 50%;*/
    background-size: cover;
    position: relative;
    padding: 50px 0;
    height: 445px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-position: center;
}

.banner.banner_news:before {
    display: block;
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgb(49, 82, 125);
    opacity: 0.6;
}
.banner_news .wrapper {
    max-width: 1000px;
}
.banner__img {
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 200px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 116px;
    margin-bottom: 30px;
}
.banner__img [class*="icon"] {
    transform: translateY(-8px);
}
.banner__img img
{
    height: 70%;
    width: 70%;
    /*border-radius: 50%;*/
    display: block;
    /* object-fit: cover; */
    font-size: 10px;
}
.banner__title {
    font-family: DINPro-Black;
    text-transform: uppercase;
    font-size: 46px;
    margin-bottom: 35px;
    margin-top: 35px;
}
.banner_news .banner__title {
    position: relative;
    font-size: 34px;
    margin-bottom: 35px;
    line-height: 50px;
}
.banner__job {
    font-family: ProximaNova-Regular;
    font-size: 20px;
    margin-bottom: 25px;
}
.banner__info {
    display: flex;
    max-width: 810px;
    margin: 0 auto;
}
.banner_news .banner__info {
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 5px;
    padding: 17px 30px;
    margin: 0 auto;
    position: relative;
    max-width: unset;
    display: inline-block;
}
.banner__wrap 
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.banner_court .banner__wrap {
    padding: 25px 30px;
    font-family: ProximaNova-Extrabld;
    color: #fff;
    font-size: 20px;
}
.banner_person .banner__wrap {
    display: block;
    text-align: left;
}
.banner_court .banner__info > div {
    border: 1px solid rgba(0, 0, 0, .05);
}
.banner__info > div:not(:last-child) {
    border-right: none;
}
.banner_court .banner__info {
    justify-content: center;
    max-width: unset;
}
.banner__column {
    position: relative;
}
.banner__column:first-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.banner__column:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.banner_person .banner__column {
    flex: 1 0 0;
    padding: 15px 20px 20px;
    border: 1px solid rgba(0, 0, 0, .05);
}
.banner_person .banner__info-head {
    font-family: ProximaNova-Bold;
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    margin-bottom: 10px;
}
.banner_person .banner__info-body {
    font-family: ProximaNova-Black;
    font-size: 20px;
    line-height: 28px;
}
.banner_person .banner__column1 .banner__info-body {
    font-size: 14px;
    line-height: 17px;
}
.banner__info [class*="icon"] {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
.banner_court .banner__column1 [class*="icon"] {
    font-size: 35px;
}
.banner_court .banner__column2 [class*="icon"] {
    font-size: 29px;
}
.banner_court .banner__column3 [class*="icon"] {
    font-size: 25px;
}
.banner__info [class*="icon"]:before {
    color: #000;
}
.banner__year {
    text-align: left;
    font-size: 11px;
}
.banner__link {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.banner__link:hover + .banner__wrap [class*="icon"] {
    background-color: #fff;
}

/*------------------------------INFO-------------------------------*/
 
.info {
    text-align: center;
}
.info_court,
.info_news {
    background-color: #f1f5f8;
    padding: 80px 0 100px;
}
.info_news {
    padding: 40px 0 100px;
}
.info_news .wrapper_inner {
    margin-top: 40px;
}
.info_person {
    background-color: #f9f9f9;
    padding: 10px 0 10px;
}
.info__title {
    margin-bottom: 35px;
    margin-top: 25px;
}
.info__text {
    text-align: left;
    font-family: ProximaNova-Regular;
    font-size: 18px;
    line-height: 25px;
    transition: all 1s linear;
}

/*.info_person .info__text {
    overflow: hidden;
    margin-bottom: 35px;
    position: relative;
    transition: all 0.5s linear;
}
.info_person .info__text_mist {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to top, #f9f9f9 0%, rgba(249, 249, 249, 0) 100%);
}
.info_person .info__text.active {
    height: 300px;
}*/
.info__text p {
    margin-bottom: 20px;
}
.info__text ol {
    padding-left: 20px;
    margin-bottom: 20px;
}
.info__text ol li {
    padding-left: 5px;
    margin-bottom: 10px;
}
.info__text ul {
    list-style: none;
    margin-bottom: 20px;
}
.info__text ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}
.info__text ul li:before {
    font-family: icomoon;
    content: '\e908';
    position: absolute;
    top: 0;
    left: 0;
    color: #4c7ec0;
    font-size: 9px;
}
/*.info-btn {
    font-family: ProximaNova-Bold;
    font-size: 16px;
    padding: 15px 75px 15px 30px;
    box-shadow: 0 5px 27px rgba(190, 190, 190, 0.5);
    border-radius: 25px;
    border: none;
    background-color: #ffffff;
    position: relative;
}
.info-btn_small,
.info-btn_full {
    display: none;
}
.info-btn_small.active,
.info-btn_full.active {
    display: block;
}
.info-btn__icon {
    position: absolute;
    right: 20px;
    top: 15px;
}
.info-btn__icon [class*="icon"] {
    font-size: 12px;
}
.info-btn_full .info-btn__icon {
    transform: rotate(180deg);
}
.info-btn:hover {
     box-shadow: 0 5px 27px rgba(190, 190, 190, 1);
}*/

/*------------------------------PERSON_REFERENCE-------------------------------*/

.persons-reference {
    background-color: #f9f9f9;
    padding: 10px 0 95px;
}
.persons-reference-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.persons-reference__item {
    position: relative;
    border-radius: 5px;
    border: 1px solid #e0e4e6;
    padding: 10px;
    display: flex;
    align-items: center;
    font-family: ProximaNova-Extrabld;
    font-size: 20px;
    margin: 0 12px 25px;
    width: calc(50% - 24px);
    transition: all 0.3s linear;
}
.persons-reference__item [class*="icon"] {
    width: 50px;
    height: 50px;
    font-size: 25px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}
.persons-reference__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.persons-reference__item:hover {
    box-shadow: 0px 0px 20px 0px rgba(224,228,230,1);
}
.persons-reference__item:hover [class*="icon"] {
    background-color: #fff;
}

/*------------------------------MEMBERS-------------------------------*/

.persons-block {
    background-color: #fff;
    padding: 90px 0;
    text-align: center;
}
.persons-block__title {
    margin-bottom: 60px;
}
.persons-block-wrap {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #e2e6e9;
    padding: 25px 18px 30px;
    margin-bottom: 50px;
    position: relative;
}
.persons-block-wrap_vsu {
    border-radius: 0;
    border: none;
    padding: 0;
    margin: 0 -7px 50px;
    width: 100%;
}
.persons-block-wrap_5-items {
    max-width: 750px;
}
.persons-block-wrap_7-items {
    max-width: 1050px;
}
.persons-block-wrap_8-items {
    max-width: 1150px;
}
.persons-block__head {
    font-family: ProximaNova-Black;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.persons-block__count {
    font-size: 20px;
    display: flex;
    align-items: center;
    margin-left: 15px;
}
.persons-block__count [class*="icon"] {
    height: 50px;
    width: 50px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    font-size: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.persons-block__count [class*="icon"]:before {
    color: #000;
}
.persons-block__count_now {
    font-family: ProximaNova-Extrabld;
    padding: 0 10px;
}
.persons-block__count_all {
    position: relative;
    font-family: ProximaNova-Regular;
    color: #8c919a;
    padding: 0 5px;
}
.persons-block__count_all:before {
    display: block;
    content: "/";
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    font-size: 22px;
}
.persons-block__body {
    display: flex;
    flex-wrap: wrap;
    position: relative;

}
.court-persons {
    border-radius: 5px;
    background-color: #f1f5f8;
    padding: 20px 0 15px;
    margin: 30px 12px 0;
    flex: 1 0 0;
}
.persons-block-wrap_vsu .court-persons {
    margin: 40px 7px 7px 7px;
    padding: 15px 0 30px;
    width: calc(50% - 14px);
    flex: 1 0 auto;
}
.court-persons.court-persons_ksu {
    flex: 1 0 auto;
}
.palata 
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 264px;
}

.palata-wrap 
{
    width: 270px;
    margin: 0 auto;
    padding: 30px;
    border-radius: 5px;
    border: 2px solid #e2e6e9;
    position: absolute;
    bottom: 7px;
    top: 0;
}
.palata__title {
    font-family: ProximaNova-Black;
    width: 100%;
    font-size: 20px;
    margin-bottom: 30px;
}
.palata .court-persons__item_vsu {
    margin: 0 auto 8px;
}
.court-persons__title {
    font-family: ProximaNova-Black;
    font-size: 24px;
    padding-bottom: 15px;
    padding-left: 30px;
    border-bottom: 1px solid rgba(48, 55, 61, 0.08);
    margin-bottom: 30px;
    text-align: left;
}
.court-persons__title_vsu {
    display: flex;
    align-items: center;
    font-size: 20px;
    padding: 0 20px 15px;
    margin-bottom: 20px;
}
.court-persons:nth-child(odd) .court-persons__title_vsu,
.court-persons:nth-child(odd) .court-persons-cassation {
    justify-content: flex-end;
}
.court-persons__row {
    margin-bottom: 20px;
}
.court-persons__board {
    font-family: ProximaNova-Regular;
    font-size: 18px;
    padding-left: 20px;
    text-align: left;
    margin-bottom: 5px;
}
.court-persons-wrap {
    display: flex;
    padding: 0 15px;
    flex-wrap: wrap;
    justify-content: center;
}
.court-persons-wrap__item 
{
    margin-bottom: 10px;
    margin: auto 10px;
}
.court-persons-wrap_ksu {
    justify-content: flex-start;
}
.court-persons-wrap_vsu {
    flex-wrap: nowrap;
    align-items: flex-start;
}
.court-persons-cassation {
    display: flex;
    flex-wrap: wrap;
}
.court-persons-cassation_palata {
    margin: 0 5px;
    width: 118px;
}
.court-persons-golova {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
    justify-content: center;
    margin-bottom: 20px;
}
.court-person-golova__title {
    font-family: ProximaNova-Regular;
    font-size: 18px;
    color: #000;
    width: 100%;
}
.court-persons__item {
    flex: none;
    font-size: 46px;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: relative;
    color: #8c919a;
    padding: 4px;
    transition: opacity 0.5s linear;
    margin: 0 auto 10px auto;
}
.court-persons__item_rada {
    width: 98px;
    height: 98px;
    padding: 3px;
}
.court-persons__item_vsu {
    width: 88px;
    height: 88px;
    padding: 3px;
    margin: 0 4px 8px;
}
.court-persons__item:hover {
    border-width: 5px;
}
.court-persons__item_vacant:hover {
    border-width: 2px;
}
.court-persons__item_lime {
    border-color: #b9de84;
}
.court-persons__item_red {
    border-color: #ffaf96;
}
.court-persons__item_blue {
    border-color: #a3bddd;
}
.court-persons__item_green {
    border-color: #5a9461;
}
.court-persons__item_orange {
    border-color: #ffda96;
}
.court-persons__item_yellow {
    border-color: #e5ec6a;
}
.court-persons__item_cyan {
    border-color: #61c7cc;
}
.court-persons__item_dark-blue {
    border-color: #574e9e;
}
.court-persons__item_purple {
    border-color: #f996ff;
}
.court-persons__item .senate__img > [class*="icon"]:before {
    color: rgba(140, 145, 154, 0.4);
}
.court-persons__link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    border-radius: 50%;
}
.court-persons__img {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.court-persons__img > [class*="icon"]:before {
    color: rgba(140, 145, 154, 0.6);
}
.court-person_thumbnail {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    display: block;
    background: no-repeat 50% 50%;
    background-size: cover;
}
.court-persons__preview {
    position: absolute;
    /*background-color: rgba(76, 126, 192, 0.9);*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
}
.court-persons__item:hover .court-person_thumbnail + .court-persons__preview {
    display: flex;
}
.court-persons__preview [class*="icon"]:before {
    color: rgba(255, 255, 255, .4);
}
.court-persons__dishonest {
    width: 30px;
    height: 30px;
    font-size: 17px;
    box-shadow: 0 5px 12px rgba(76, 126, 192, 0.5);
    background-color: #4c7ec0;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}
.court-persons__main {
    width: 30px;
    height: 30px;
    font-size: 17px;
    box-shadow: 0 5px 12px rgba(76, 126, 192, 0.5);
    background-color: #4c7ec0;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.court-persons__dishonest {
    box-shadow: 0 5px 12px rgba(255, 82, 82, 0.5);
    background-color: #ff5252;
}
.court-persons__main [class*="icon"] {
    transform: translate(0, -1px);
}
.court-persons__dishonest [class*="icon"] {
    transform: translate(1px, 0);
}
.court-persons__item_main .court-persons__main,
.court-persons__item_dishonest .court-persons__dishonest {
    display: flex;
}
.court-persons__item:hover .court-persons__main,
.court-persons__item:hover .court-persons__dishonest {
    top: -3px;
    right: -3px;
}
.persons-marker {
    display: flex;
    flex-wrap: wrap;
}
.persons-marker_center {
    justify-content: center;
}
.persons-marker.persons-marker_top {
    display: none;
}
.persons-marker.persons-marker_top .persons-marker_wrap,
.persons-marker_center .persons-marker_wrap {
    width: auto;
}
.persons-marker_wrap {
    display: flex;
    align-items: center;
    padding: 0 12px;
    cursor: pointer;
    width: 33%;
    margin: 5px 0;
}
.persons-marker__indicator {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    transition: all 0.3s linear;
}
.persons-marker__dots {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
.persons-marker__text {
    font-family: ProximaNova-Regular;
    color: #8c919a;
    font-size: 16px;
    text-align: left;
}
.persons-marker_main .persons-marker__indicator {
    box-shadow: 0 5px 12px rgba(82, 119, 255, 0.5);
    background-color: #4c7ec0;
}
.persons-marker_main [class*="icon"] {
    font-size: 12px;
    transform: translateY(-1px);
}
.persons-marker_dishonest .persons-marker__indicator {
    box-shadow: 0 5px 12px rgba(255, 82, 82, 0.5);
    background-color: #ff5252;
}
.persons-marker_dishonest [class*="icon"] {
    font-size: 12px;
}
.persons-marker_vacant [class*="icon"] {
    font-size: 20px;
    transform: translateY(-1px);
}
.persons-marker_vacant [class*="icon"]:before {
    color: #8c919a;
}
.persons-marker_red .persons-marker__indicator {
    border: 1px solid #ffaf96;
}
.persons-marker_red .persons-marker__dots {
    background-color: #ffaf96;
}
.persons-marker_blue .persons-marker__indicator {
    border: 1px solid #a3bddd;
}
.persons-marker_blue .persons-marker__dots {
    background-color: #a3bddd;
}
.persons-marker_lime .persons-marker__indicator {
    border: 1px solid #b9de84;
}
.persons-marker_lime .persons-marker__dots {
    background-color: #b9de84;
}
.persons-marker_orange .persons-marker__indicator {
    border: 1px solid #ffda96;
}
.persons-marker_orange .persons-marker__dots {
    background-color: #ffda96;
}
.persons-marker_yellow .persons-marker__indicator {
    border: 1px solid #e5ec6a;
}
.persons-marker_yellow .persons-marker__dots {
    background-color: #e5ec6a;
}
.persons-marker_green .persons-marker__indicator {
    border: 1px solid #5a9461;
}
.persons-marker_green .persons-marker__dots {
    background-color: #5a9461;
}
.persons-marker_cyan .persons-marker__indicator {
    border: 1px solid #61c7cc;
}
.persons-marker_cyan .persons-marker__dots {
    background-color: #61c7cc;
}
.persons-marker_dark-blue .persons-marker__indicator {
    border: 1px solid #574e9e;
}
.persons-marker_dark-blue .persons-marker__dots {
    background-color: #574e9e;
}
.persons-marker_purple .persons-marker__indicator {
    border: 1px solid #f996ff;
}
.persons-marker_purple .persons-marker__dots {
    background-color: #f996ff;
}
.persons-marker_wrap:hover .persons-marker__indicator {
    transform: scale(1.4);
}
.tooltip_name {
    font-family: ProximaNova-Black;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    padding: 5px;
}
.tooltip_post {
    font-family: ProximaNova-Regular;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    padding: 5px;
}
.court-persons__name {
    width: 112px;
    font-size: 12px;
    margin: 0 auto;
    overflow: hidden;
}
.court-persons__item_vsu + .court-persons__name {
    width: 88px;
    font-size: 10px;
    height: 22px;
}


/*------------------------------NEWS-------------------------------*/

.news-block {
    /*padding-top: 90px;*/
    padding-bottom: 118px;
    background-color: #fff;
}
.archive .news-block {
    background-color: transparent;
}
.news-block.news-block_court {
    background-color: #f1f5f8;
}
.news-block.news-block_white {
    background-color: #fff;
}
.news-block__title {
    color: #000;
    padding-top: 34px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(140, 145, 154, .1);
    margin-bottom: 13px;
    text-align: left;
}
.persons-block.null 
{
    padding-top: 10px;
    margin-bottom: -90px;
}
.news-block_court .news-block__title,
.news-block_page .news-block__title {
    text-align: center;
}
.news-block-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -12px; 
}
.artical-news {
    display: flex;
    margin: 24px 12px 0;
    border-radius: 5px;
    border: 1px solid #f3f4f5;
    width: calc(50% - 24px);
}
.news-block.news-block_court .artical-news {
    border: 1px solid #e0e4e6;
}
.artical-news__img {
    flex: none;
    width: 48%;
    height: auto;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    position: relative;
}
.artical-news__link {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s linear;
    background: no-repeat 50% 50%;
    background-size: cover;
}
.artical-news:hover .artical-news__link {
    transform: scale(1.1);
}
.artical-news__content {
    padding: 22px 30px 18px 22px;
}
.artical-news__title {
    font-family: ProximaNova-Extrabld;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 9px;
}
.artical-news:hover .artical-news__title a {
    color: #46464b;
}
.artical-news__text {
    font-family: ProximaNova-Regular;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}
.artical-news__date a {
    font-family: DINPro-Bold;
    color: #8c919a;
    font-size: 16px;
    line-height: 20px;
}
.article-content {
    text-align: left;
    font-family: ProximaNova-Regular;
    font-size: 18px;
    line-height: 25px;
}
.article-content p {
    margin-bottom: 25px;
}
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
    font-family: ProximaNova-Black;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 40px;
}
.article-content h2 {
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 32px;
    color: #000;
    text-transform: unset;
}
.article-content h3 {
    font-size: 24px;
    line-height: 26px;
}
.article-content h4 {
    font-size: 18px;
    line-height: 20px;
}
.article-content h5 {
    font-size: 16px;
    line-height: 18px;
}
.article-content h6 {
    font-size: 16px;
    line-height: 18px;
    color: rgba(0, 0, 0, .4);
}
.article-content ul {
    list-style: none;
}
.article-content ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
}
.article-content ul li:before {
    font-family: icomoon;
    content: '\e908';
    position: absolute;
    top: 0;
    left: 0;
    color: #4c7ec0;
    font-size: 9px;
}
.article-content blockquote {
    font-family: ProximaNova-Regular;
    font-size: 24px;
    line-height: 34px;
    padding-left: 50px;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #4c7ec0;
    border-top: 1px solid #4c7ec0;
    border-bottom: 1px solid #4c7ec0;
    position: relative;
    margin-bottom: 50px;
}
.article-content blockquote:before {
    display: block;
    content: "«";
    color: #4c7ec0;
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 50px;
}
.article-content blockquote p {
    margin-bottom: 0;
}
.article-content img {
    display: block;
    max-width: 100%;
    height: auto;
}
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; }
.news-share {
    margin-top: 50px;
}
.likely .likely__widget {
    background-color: #fff;
}
.likely__widget_twitter:active,
.likely__widget_twitter:focus,
.likely__widget_twitter:hover {
    background: rgba(191,237,250,.8);
}
.likely__widget_facebook:active,
.likely__widget_facebook:focus,
.likely__widget_facebook:hover {
    background: rgba(207,212,229,.8);
}
.likely__widget_telegram:active,
.likely__widget_telegram:focus,
.likely__widget_telegram:hover {
    background: rgba(204,234,246,.8);
}

/*------------------------------FOOTER-------------------------------*/

.footer {
    /*background-color: #212121;*/
    background-color: #416ca5;

}
.footer__row {
    font-family: ProximaNova-Regular;
    font-size: 14px;
    padding: 40px 0;
    color: rgba(255, 255, 255, 0.2);
}
.footer__row:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.footer__column:first-child {
    width: 50%;
    display: flex;
    align-items: center;
}
.footer__column:first-child img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.footer__img {
    margin-right: 40px;
}
.menu_footer .menu-item a {
    color: #fff;
}
/*.menu_footer .menu-item a:hover {
    color: #61a0f3;
}*/
.menu_footer .menu-item a:active,
.menu_footer .menu-item:active [class*="icon"]:before {
    color: #31527d;
}
.social.footer__social .social__text {
    color: #fff;
}
.footer__social .social__link {
    font-size: 23px;
    margin-left: 20px;
}
.footer__social .social__link_fb {
    font-size: 27px;
}
.footer__text {
    max-width: 1020px;
    margin-bottom: 15px;
}
.footer__copyright {
    margin-right: 25px;
    display: inline-block;
    margin-bottom: 15px;
}
.footer__dev {
    display: inline-block;
    color: rgba(255, 255, 255, 0.2);
}
.footer__dev:hover {
    color: #99dfea;
}
.footer__dev:active {
    color: #31527d;
}
/*.menu_footer .menu-item a {
    color: #fff;
}*/
.menu_footer .menu-item a:hover {
    color: #99dfea;;
}
/*------------------------------404-------------------------------*/

.error-404 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: calc(100% - 111px);
    width: 100%;
    padding: 50px 0;
    background-color: rgba(17, 96, 199, 0.69);
}
.error-404__title {
    font-family: DINPro-Black;
    font-size: 472px;
    line-height: 280px;
    text-transform: uppercase;
}
.error-404__text {
    font-family: ProximaNova-Bold;
    font-size: 30px;
    margin-top: 120px;
    color: #fff;
}
.error-404__redirect {
    background-color: #fff;
    display: block;
    padding: 17px 35px;
    font-family: ProximaNova-Bold;
    font-size: 18px;
    box-shadow: 0 5px 27px #4c7ec0;
    border-radius: 25px;
    margin-top: 70px;
}
.error-404__redirect:hover {
    box-shadow: 0 5px 27px #10243e;
}


@media (max-height: 800px), (max-width: 1365px) {
    .error-404__title {
        font-size: 360px;
    }
    .error-404__text {
        margin-top: 80px;
    }
    .error-404__redirect {
        margin-top: 50px;
    }
}
@media (max-height: 700px), (max-width: 1023px) {
    .error-404 {
        padding: 30px 0;
    }
    .error-404__title {
        font-size: 200px;
        line-height: 180px;
    }
    .error-404__text {
        font-size: 24px;
        margin-top: 30px;
    }
    .error-404__redirect {
        font-size: 16px;
        margin-top: 30px;
    }
}
@media (max-height: 500px), (max-width: 767px) {
    .error-404 {
        padding: 30px 0;
    }
    .error-404__title {
        font-size: 100px;
        line-height: 100px;
    }
    .error-404__text {
        font-size: 18px;
        margin-top: 30px;
    }
    .error-404__redirect {
        font-size: 16px;
        margin-top: 30px;
        padding: 12px 20px;
    }
}
@media (max-height: 380px) {
    .error-404 {
        height: auto !important;
    }
}
.banner_court .banner__info [class*="icon"]
{
    margin-right: 0;
    margin-bottom: 12px;
}
span.span-number
{
    width: auto;
    margin: auto;
}

@media (max-width: 1365px) {
    .main {
        padding-bottom: 100px;
    }
    .social__text {
        display: none;
    }
    .footer__social .social__text {
        display: block;
    }
    .court_vsu_item {
        min-height: 180px;
    }
    .court_main .court__title,
    .court_vsu .court__title {
        font-size: 30px;
    }
    .court .court__img-block {
        width: auto;
        padding: 20px;
    }
    .court_main .court__img-block,
    .court_vsu .court__img-block {
        width: 200px;
        padding: 30px 0;
    }
    .court__img {
        width: 100px;
        height: 100px;
        font-size: 51px;
    }
    .court_main .court__img,
    .court_vsu .court__img {
        width: 140px;
        height: 140px;
    }
    .court_vsu_item .court__img-block,
    .court_vsu_item_low .court__img-block {
        width: auto;
        height: 100%;
        display: inline-block;
        border-right: none;
        padding: 12px;
    }
    .court_vsu_item_low .court__img-block {
        display: flex;
    }
    .court_vsu_item .court__img,
    .court_vsu_item_low .court__img {
        width: 40px;
        height: 40px;
        font-size: 21px;
    }
    .court__img [class*="icon"] {
        transform: translateY(-6px);
    }
    .court:hover .court__img,
    .court:hover .court__img {
        box-shadow: none;
    }
    .court_main:hover .court__img {
        box-shadow: 0px 0px 0px 10px rgba(214,214,101,1);
    }
    .court__content {
        margin: 0 10px 0 20px;
    }
    .court_vsu_item .court__content,
    .court_vsu_item_low .court__content {
        margin: 0 10px 0 0;
        padding: 20px 0;
    }
    .court__title {
        font-size: 24px;
    }
    .court__info {
        font-size: 16px;
    }
    .court__info-users,
    .court__info-money {
        margin-right: 20px;
        margin-top: 12px;
    }
    .court__info-users [class*="icon"],
    .court__info-money [class*="icon"] {
        width: 40px;
        height: 40px;
        margin-right: 8px;
    }
    .court__info-users [class*="icon"]:before {
        font-size: 28px;
    }
    .court__info-money [class*="icon"]:before {
        font-size: 23px;
    }
    .artical-news {
        display: flex;
        margin: 24px 12px 0;
        width: 100%;
        min-height: 175px;
    }
    .artical-news__img {
        width: 230px;
    }
    .footer__column:first-child {
        width: 33%;
        display: flex;
        align-items: center;
    }
    .footer__img {
        margin-right: 20px;
    }
    .footer__img:last-child {
        margin-right: 0;
    }
    .footer__column:first-child img {
        max-width: 100%;
    }
}

@media (max-width: 1023px) {
    h2 {
        font-size: 30px;
        line-height: 34px;
    }
    .main {
        padding-top: 60px;
        padding-bottom: 100px;
    }
    .main-title {
        margin-bottom: 60px;
    }
    .court {
        width: 100%;
    }
    .court_vsu_item {
        min-height: 260px;
    }
    .court_vsu_item .court__link,
    .court_vsu_item_low .court__link {
        display: block;
    }
    .court_vsu_item .court__img-block,
    .court_vsu_item_low .court__img-block {
        display: flex;
        height: auto;
        justify-content: center;
    }
    .court_vsu_item .court__content {
        padding: 5px 0 15px 15px;
    }
    .court_vsu_item_low .court__content {
        padding: 5px 0 15px 10px;
    }
    .court_vsu_item .court__title,
    .court_vsu_item_low .court__title {
        font-size: 20px;
    }
    .court_vsu_item_low .court__title {
        text-align: center;
    }
    .persons-marker_wrap {
        width: 50%;
    }
    .header-wrap {
        height: 95px;
    }
    .header-wrap > div {
        flex: none;
    }
    .total-budget__title {
        margin-bottom: 25px;
        font-size: 30px;
    }
    .total-budget__icon [class*="icon"] {
        font-size: 45px;
        margin-right: 20px;
    }
    .total-budget__count {
        font-size: 56px;
        line-height: 56px;
    }
    .total-budget__year {
        margin-left: 15px;
        font-size: 18px;
        line-height: 18px;
    }
    .banner__title {
        font-size: 40px;
    }

    .footer__row:first-child {
        justify-content: flex-start;
    }
    .footer__row .footer__column {
        padding-top: 40px;
        padding-right: 30px;
    }
    .footer__row .footer__column:first-child {
        width: 100%;
        
        padding-bottom: 40px;
        padding-top: 0;
        padding-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .footer__img {
        height: 100%;
    }
    .footer__column:first-child .footer__img img {
        max-height: 40px;
    }
    .error-404 {
        height: calc(100% - 95px);
        padding: 30px 0;
    }
}
@media (max-width: 767px) {
    .wrapper,
    .wrapper_inner {
        padding: 0 20px;
    }
    .header .wrapper {
        padding: 0;
    }
    .header-wrap {
        padding: 0;
        height: 80px;
        position: relative;
    }
    .logo {
        padding: 20px;
    }
    .menu_top {
        display: none;
    }
    .social.header__social {
        display: none;
        position: absolute;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        top: calc(100% + 340px);
        left: 0;
        right: 0;
        height: 110px;
        padding: 20px 0;
        background-color: #4c7ec0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .menu-toggle {
        display: block;
    }
    .main {
        padding-top: 40px;
        padding-bottom: 48px;
    }
    .main-title {
        font-size: 44px;
        line-height: 54px;
        margin-bottom: 40px;
    }
    .court_vsu_item .court__info {
        font-size: 14px;
    }
    .total-budget__year {
        position: relative;
        top: unset;
        left: unset;
        margin-left: 0;
        font-size: 18px;
        line-height: 18px;
        margin-top: 10px;
    }
    .banner {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .banner_person {
        padding-bottom: 40px;
    }
    .banner__img {
        width: 125px;
        height: 125px;
        font-size: 74px;
        margin-bottom: 20px;
    }
    .banner__title {
        font-size: 24px;
    }
    .banner_news .banner__title {
        font-size: 24px;
        margin-bottom: 25px;
        line-height: 40px;
    }
    .banner_news .banner__info {
        padding: 15px;
        min-width: unset;
        font-size: 12px;
    }
    .banner_court .banner__wrap {
        justify-content: flex-start;
        padding: 10px;
        font-size: 16px;
    }
    .banner__info {
        min-width: 270px;
        display: inline-block;
    }
    .banner__info > div:not(:last-child) {
        border-bottom: none;
        border-right: 1px solid rgba(0, 0, 0, .05);;
    }
    .banner__column:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .banner__column:last-child {
        border-bottom-right-radius: 5px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 5px;
    }
    .banner__info [class*="icon"] {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }
    .banner_court .banner__column1 [class*="icon"] {
        font-size: 28px;
    }
    .banner_court .banner__column2 [class*="icon"] {
        font-size: 23px;
    }
    .banner_court .banner__column3 [class*="icon"] {
        font-size: 20px;
    }
    .banner__job {
        font-size: 16px;
    }
    .banner_person .banner__info-body {
        font-size: 16px;
        line-height: 16px;
    }
    .info.info_court {
        padding: 60px 0;
    }
    .info_news {
        padding: 40px 0 100px;
    }
    .info_news .wrapper_inner {
        margin-top: 30px;
    }
    .info_news {
        background-color: #f1f5f8;
        padding: 20px 0 85px;
    }
    .info_person {
        padding: 10px 0 10px;
    }
    .info__text,
    .article-content {
        font-size: 16px;
        line-height: 22px;
    }
    .article-content p {
        margin-bottom: 20px;
    }
    .article-content h2,
    .article-content h3,
    .article-content h4,
    .article-content h5,
    .article-content h6 {
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .article-content h2 {
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 26px;
    }
    .article-content h3 {
        font-size: 20px;
        line-height: 24px;
    }
    .article-content ul li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 10px;
    }
    .article-content blockquote {
        font-size: 20px;
        line-height: 28px;
        padding-left: 30px;
        margin-bottom: 30px;
    }
    .article-content blockquote:before {
        top: 22px;
        font-size: 36px;
    }
    .persons-reference {
        padding: 10px 0 60px;
    }
    .persons-reference__item {
        font-size: 16px;
    }
    .persons-reference__item [class*="icon"] {
        width: 40px;
        height: 40px;
        font-size: 20px;
        margin-right: 12px;
    }
    .persons-block{
        padding: 50px 0 70px;
    }
    .persons-block__title {
        margin-bottom: 40px;
    }
    .persons-block-wrap {
        margin-bottom: 0;
        padding: 15px 5px 5px;
    }
    .persons-block__head {
        font-size: 20px;
        border-bottom: 1px solid #e2e6e9;
        padding-bottom: 15px;
        margin: 0 -5px;
    }
    .persons-block__count [class*="icon"] {
        height: 40px;
        width: 40px;
        font-size: 28px;
    }
    .court-persons {
        margin: 5px 0 0;
    }
    .court-persons__preview,
    .court-persons__item:hover .court-persons__img > .court-persons__preview {
        display: none;
    }
    .persons-marker {
        position: relative;
        display: block;
        margin: 20px 0 15px;
    }
    .persons-marker_bottom {
        display: none;
    }
    .persons-marker.persons-marker_top {
        display: block;
    }
    .persons-marker > div {
        margin: 10px 15px 10px 0;
    }
    .news_court .news__heading {
        text-align: left;
    }
    .error-404 {
        height: calc(100% - 80px);
        padding: 50px 0;
    }
}
@media (max-width: 680px) {
    h2 {
        font-size: 20px;
        line-height: 22px;
    }
    .buttons-block {
        margin-bottom: 60px;
    }
    .court-block {
        margin-bottom: 50px;
    }
    .total-budget__title {
        margin-bottom: 25px;
        font-size: 20px;
        line-height: 22px;
    }
    .court-block__wrap {
        background-color: transparent;
        box-shadow: none;
    }
    .court {
        margin-bottom: 10px;
        background-color: #fff;
        border-radius: 5px;
    }
    .court-vsu-wrap {
        flex-wrap: wrap;
    }
    .court-vsu-column {
        width: 100%;
        margin-top: 0;
    }
    .court_vsu_item {
        min-height: auto;
    }
    .court_vsu_item_low {
        height: auto;
    }
    .court_main {
        margin-bottom: 36px;
    }
    .court_main .court__link,
    .court_vsu .court__link {
        height: auto;
        display: block;
        position: relative;
    }
    .court_vsu_item .court__link,
    .court_vsu_item_low .court__link {
        display: flex;
        align-items: center;
    }
    .court_main .court__img-block,
    .court_vsu .court__img-block {
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
    .court_main .court__img-block,
    .court .court__img-block {
        width: auto;
        height: 100%;
        display: inline-block;
        border-right: none;
        padding: 12px;
    }
    .court__img {
        width: 40px;
        height: 40px;
        font-size: 21px;
    }
    .court_main .court__img {
        width: 40px;
        height: 40px;
        font-size: 25px;
    }
    .court_vsu .court__img {
        width: 40px;
        height: 40px;
        font-size: 21px;
    }
    .court__img [class*="icon"] {
        transform: translateY(-2px);
    }
    .court:hover .court__img {
         box-shadow: none;
    }
    .court__content,
    .court_vsu_item .court__content,
    .court_vsu_item_low .court__content {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }
    .court_main .court__title,
    .court_vsu .court__title {
        padding: 12px 12px 12px 64px;
        margin-bottom: 0;
        min-height: 64px;
        font-size: 16px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
    }
    .court_vsu .court__title {
        border-bottom: 1px solid rgba(0, 0, 0, .05);
    }
    .court__title,
    .court_vsu_item .court__title,
    .court_vsu_item_low .court__title {
        font-size: 16px;
        margin-bottom: 0;
    }
    .court__info {
        display: none;
    }
    .court_main .court__info,
    .court_vsu .court__info {
        padding: 12px;
        display: block;
    }
    .court__info-users,
    .court__info-money {
        margin-top: 0;
    }
    .court_main .court__info > div:not(:last-child),
    .court_vsu .court__info > div:not(:last-child) {
        margin-bottom: 12px;
    }
    .court-vsu-arrow-wrap {
        display: none;
    }
    .total-budget__icon [class*="icon"] {
        font-size: 25px;
        margin-right: 20px;
    }
    .total-budget__count {
        font-size: 24px;
        line-height: 26px;
    }
    .total-budget__year {
        font-size: 10px;
        line-height: 12px;
    }
    .info__title {
        text-align: left;
        margin-bottom: 25px;
    }
    .news-block {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .news-block__title {
        font-size: 30px;
    }
    .footer__row .footer__column {
        padding-right: 0;
        width: 100%;
    }
    .menu_footer .menu-item a {
        font-size: 16px;
    }
    .menu_footer .menu__icon {
        font-size: 14px;
    }
    .menu_footer .menu-item:last-child .menu__icon {
        font-size: 14px;
    }
    .menu_footer .menu-item {
        margin: 0 10px;
    }
    .social.footer__social {
        display: block;
        text-align: center;
    }
    .social.footer__social .social__link {
        margin: 0 10px;
    }
    .social.footer__social .social__text {
        margin-right: 0;
        margin-bottom: 20px;
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .main-title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 40px;
    }
    .buttons-block {
        margin: 0 -6px 60px;
    }
    .buttons-block__button1 a {
        padding: 12px 20px 15px;
        margin: 0 6px;
        font-size: 12px;
    }
    .buttons-block__button2 a {
        padding: 12px 20px 15px; 
        margin: 0 6px;
        font-size: 12px;
    }
    /*.info-btn {
        font-size: 16px;
        padding: 15px 50px 15px 25px;
    }*/
    .persons-reference__item {
        margin: 0 5px 10px;
        width: 100%;
    }
    .persons-block__title {
        font-size: 16px;
        margin: 0 -5px 30px;
    }
    .persons-block__count_now,
    .persons-block__count_all {
        font-size: 16px;
    }
    .persons-block__count [class*="icon"] {
        height: 30px;
        width: 30px;
        font-size: 21px;
    }
    .persons-block__count_all:before {
        font-size: 20px;
    }
    .persons-marker_dishonest [class*="icon"],
    .persons-marker_main [class*="icon"] {
        font-size: 7px;
    }
    .persons-marker_vacant [class*="icon"] {
        font-size: 14px;
    }
    .persons-marker__indicator {
        width: 12px;
        height: 12px;
        padding: 1px;
        margin-right: 10px;
    }
    .persons-marker__dots {
        width: 8px;
        height: 8px;
    }
    .persons-marker__text {
        font-size: 12px;
    }
    .court-persons__title {
        margin-bottom: 20px;
    }
    .court-persons__board {
        margin-bottom: 15px;
    }
    .court-persons__title,
    .court-persons__board  {
        font-size: 14px;
        padding-left: 10px;
    }
    .court-persons-wrap {
        padding: 0 5px;
    }
    .court-persons__item {
        font-size: 46px;
        width: 76px;
        height: 76px;
        padding: 2px;
        margin: 0 5px 10px;
        border: 1px solid #fff;
    }
    .court-persons__item_lime {
        border-color: #b9de84;
    }
    .court-persons__item_red {
        border-color: #ffaf96;
    }
    .court-persons__item_blue {
        border-color: #a3bddd;
    }
    .court-persons__item_green {
        border-color: #5a9461;
    }
    .court-persons__item_yellow {
        border-color: #e5ec6a;
    }
    .court-persons__item_orange {
        border-color: #ffda96;
    }
    .court-persons__item_cyan {
        border-color: #61c7cc;
    }
    .court-persons__item_dark-blue {
        border-color: #574e9e;
    }
    .court-persons__item_purple {
        border-color: #f996ff;
    }
    .court-persons__item:hover {
        border-width: 1px;
    }
    .court-persons__item_vacant:hover {
        border-width: 1px;
    }
    .court-persons__main,
    .court-persons__dishonest {
        width: 25px;
        height: 25px;
        font-size: 14px;
        top: 0;
        right: 0;
        z-index: 99;
    }
    .court-persons__item:hover .court-persons__main,
    .court-persons__item:hover .court-persons__dishonest {
        top: 0;
        right: 0;
    }
    .court-persons__name {
        width: 76px;
        font-size: 8px;
    }
    .news-block__title {
        font-size: 30px;
        line-height: 36px;
        padding-bottom: 25px;
        margin-bottom: 13px;
    }
    .news-block-wrap {
        display: block;
    }
    .artical-news {
        display: block;
        width: auto;
    }
    .artical-news__img {
        width: 100%;
        height: 175px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0;
    }
    .artical-news__content {
        padding: 22px 15px;
    }
    .artical-news__title {
        font-size: 16px;
        margin-bottom: 9px;
    }
    .artical-news__text {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .artical-news__date a {
        font-size: 12px;
    }
}


/* Demch.co Alex 09/05/2019 */
.header-wrap > .logo,.header-wrap > .social.header__social 
{
   flex-grow: 2;
}
.header-wrap > .navigation 
{
   flex-grow: 3;
}

div
{
/*border: 1px solid gray;*/
}

@media (max-width: 1023px)
{
.header-wrap > div {
    flex: none !important;
}
}

/* Demch.co Alex 13/05/2019 */

.court-persons__sub_card 
{
    margin-top: 10px;
}

.court-persons__card.list
{
    margin: 15px 15px 15px 15px;
}

.court-persons__name
{
    overflow: visible !important;
}
 .court-not-members
 {
    width: 100px;
    height: 100px;
 }

 .court-persons__item_white {
    border-color: #fff;
}

.persons-marker 
{
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin: auto;
}
.persons-marker.persons-marker_bottom
{
    display: flex;
    justify-content: center;
}

.block-marker-general,.block-marker-special
{   
    display: flex;
    width: 90vw;
    /*width: auto;*/
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e6e9;
}
.block-marker-special 
{
    flex-wrap: wrap;
    justify-content: space-around;
}
.baner_color_blue 
{
    background-color: rgb(155, 223, 232);
}

.baner_color_yellow 
{
    background-color: rgb(253, 206, 89);
}

.baner_color_pink
{
    background-color: rgba(246, 118, 142);
}

.baner_color_red
{
    background-color: rgba(214, 23, 23);
}
/*Вариант 1*/
/*.baner_color_blue 
{
    background-color: rgba(154, 206, 235);
}

.baner_color_yellow 
{
    background-color: rgba(225, 211, 95);
}

.baner_color_pink
{
    background-color: rgba(246, 118, 142);
}

.baner_color_red
{
    background-color: rgba(214, 23, 23);
}*/
/*Вариант 2*/
/*
.baner_color_blue 
{
    background-color: rgba(154, 206, 235, 0.6);
}

.baner_color_yellow 
{
    background-color: rgba(225, 211, 95, 0.6);
}

.baner_color_pink
{
    background-color: rgba(246, 118, 142, 0.6);
}

.baner_color_red
{
    background-color: rgba(214, 23, 23, 0.6);
}
.icon-users.back
{
    top: 25%;
    position: relative;
}*/
.court.court_ukraine.court_vsu_item_low 
{
    margin-bottom: 0;
}
.header-title
{
   background-color: #416ca5;
   height: 415px;
   margin-bottom: -100px;
   display: flex;
  align-items: center;
}

.btn-block 
{
    display: flex;
    justify-content: center;

}

.btn-block__item
{
    padding: 15px;
    border-radius: 50px;
    margin-left: 10px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    font-family: "Proxima Nova";
    color: rgb(0, 0, 0);
    font-weight: bold;
    background-color: rgb(215, 219, 229);
    box-shadow: 0px 21px 27px 0px rgba(70, 85, 105, 0.51);
    transition: all 0.1s linear, box-shadow 0.3s linear 0.1s;
}

#structure
{
width: 275px;
}
#how-work
{
width: 190px;
}

.btn-block__item:hover
{
    background-color: rgb(153, 223, 234);
    box-shadow: 0px 21px 27px 0px rgba(49, 82, 125, 0.21);
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.btn-block__item:active
{
  background-color: rgb(65, 108, 165);
  box-shadow: 0px 5px 27px 0px rgba(76, 126, 192, 0.004);
  font-weight: bold;
}

.header-title .wrapper 
{
    padding-bottom: 100px;
}

.court__img-block img
{
width: 100px;
max-height: 100px;
}

.court.court_ukraine.court_vsu .court__img-block img 
{
    width: 130px;
    max-height: 130px;
}

.total-budget__icon .icon-money:before 
{
    color: #ea728a;
}

.menu-item a::before {
    font-family: icomoon;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    color: rgb(153, 223, 234);
    font-size: 19px;
    transition: all 0.3s linear 0s;
}
.menu-item a {
    font-family: ProximaNova-Black;
    font-size: 18px;
    display: flex;
    position: relative;
    padding-left: 30px;
    color: rgb(225, 230, 240);
}

.footer__row .social__link [class*="icon"]:before 
{
    color: #99dfea;
}
.footer__row .social__link:hover [class*="icon"]:before {
    color: #ffffff;

}

/*svg =============*/
/* SVG Default fill*/

.constitutional .cls-1{ fill:#fff;}
.constitutional .cls-2{ opacity:0.05;}

.court_ukraine_1 .cls-1{fill:#fdce59;}
.court_ukraine_1 .cls-2{opacity:0.05;}

.court_ukraine_2 .cls-1{fill:#fdce59;}
.court_ukraine_2 .cls-2{opacity:0.05;}

.court_ukraine_3 .cls-1{fill:#fdce59;}
.court_ukraine_3 .cls-2{opacity:0.05;}

.court_ukraine_4 .cls-1{fill:none;}
.court_ukraine_4 .cls-2{fill:#fdce59;}
.court_ukraine_4 .cls-3{opacity:0.05;}

.court_ukraine_5 .cls-1{fill:#fdce59;}
.court_ukraine_5 .cls-2{opacity:0.05;}


.court_department_1 .cls-1{fill:#fdce59;}
.court_department_1 .cls-2{fill:#9bdfe8;}
.court_department_1 .cls-3{opacity:0.05;}

.court_department_2 .cls-1{fill:#9bdfe8;}

.court_department_3 .cls-1{fill:#9bdfe8;}
.court_department_3 .cls-2{opacity:0.05;}

.court_department_4 .cls-1{fill:#9bdfe8;}
.court_department_4 .cls-2{opacity:0.05;}

.court_outher_1 .cls-1{fill:#f67891;}
.court_outher_1 .cls-2{opacity:0.05;}

.court_outher_2 .cls-1{fill:#f67891;}
.court_outher_2 .cls-2{opacity:0.05;}

.court_outher_3 .cls-1{fill:#f67891;}
.court_outher_3 .cls-2{opacity:0.05;}
/* END SVG Default fill*/

/* SVG hover: border + background*/

.court_main:hover .constitutional    
{ 
    box-shadow: 0px 0px 0px 5px #fff;
    background-color: #fff;
}
.court_main .constitutional    
{ 
    transition: all 0.3s linear, box-shadow 0.3s linear 0.3s;
}


.court_ukraine:hover .court_ukraine_1,
.court_ukraine:hover .court_ukraine_2,
.court_ukraine:hover .court_ukraine_3,
.court_ukraine:hover .court_ukraine_4,
.court_ukraine:hover .court_ukraine_5
{
    box-shadow: 0px 0px 0px 5px #fdce59;
    background-color: #fdce59;
}

.court_department:hover .court_department_1,
.court_department:hover .court_department_2,
.court_department:hover .court_department_3,
.court_department:hover .court_department_4
{
    box-shadow: 0px 0px 0px 5px #9bdfe8;
    background-color: #9bdfe8;
}

.court_others:hover .court_outher_1,
.court_others:hover .court_outher_2,
.court_others:hover .court_outher_3,
.court_others:hover .court_outher_4
{
    box-shadow: 0px 0px 0px 5px #f67891;
    background-color: #f67891;
}
/* END SVG hover: border + background*/


.constitutional,.court_ukraine,.court__img svg
{
    transition: all 0.3s linear, box-shadow 0.3s linear 0.3s;
}

/*= SVG Hover Fill*/
/*==== Конституційний суд */
.court_main:hover .constitutional .cls-1{ fill:#99dfea;}
.court_main:hover .constitutional .cls-2{ opacity:0.05;}

/*==== СУДИ УКРАЇНИ */
.court_ukraine:hover .court_ukraine_1 .cls-1{ fill:#fff;}
.court_ukraine:hover .court_ukraine_1 .cls-2{ opacity:0.05;}

.court_ukraine:hover .court_ukraine_2 .cls-1{ fill:#fff;}
.court_ukraine:hover .court_ukraine_2 .cls-2{ opacity:0.05;}

.court_ukraine:hover .court_ukraine_3 .cls-1{ fill:#fff;}
.court_ukraine:hover .court_ukraine_3 .cls-2{ opacity:0.05;}

.court_ukraine:hover .court_ukraine_4 .cls-1{ fill:none;}
.court_ukraine:hover .court_ukraine_4 .cls-2{ fill:#fff;}
.court_ukraine:hover .court_ukraine_4 .cls-3{ opacity:0.05;}

.court_ukraine:hover .court_ukraine_5 .cls-1{ fill:#fff;}
.court_ukraine:hover .court_ukraine_5 .cls-2{ opacity:0.05;}

/*==== ОРГАНИ СУДДІВСЬКОГО ВРЯДУВАННЯ */
/*.court_department:hover .court_department_1 .cls-1{fill:#fdce59;}*/
.court_department:hover .court_department_1 .cls-2{fill:#fff;}
.court_department:hover .court_department_1 .cls-3{opacity:0.05;}

.court_department:hover .court_department_2 .cls-1{fill:#fff;}

.court_department:hover .court_department_3 .cls-1{fill:#fff;}
.court_department:hover .court_department_3 .cls-2{opacity:0.08;}

.court_department:hover .court_department_4 .cls-1{fill:#fff;}
.court_department:hover .court_department_4 .cls-2{opacity:0.08;}

/*==== ІНШІ ОРГАНИ */
.court_others:hover .court_outher_1 .cls-1{fill:#fff;}
.court_others:hover .court_outher_1 .cls-2{opacity:0.05;}

.court_others:hover .court_outher_2 .cls-1{fill:#fff;}
.court_others:hover .court_outher_2 .cls-2{opacity:0.05;}

.court_others:hover .court_outher_3 .cls-1{fill:#fff;}
.court_others:hover .court_outher_3 .cls-2{opacity:0.05;}

.court .court__title
{
   color: rgba(34, 34, 42, 0.902); 
}
.court_vsu_item_low .court__link
{
    overflow-y: hidden;
}
/*.court_main:hover .court__img 
{
    box-shadow: 0px 0px 0px 5px #1c8ea033;
    background-color: #1c8ea033;
}
*/
.banner__info .banner__wrap
{
    color: black;
}

.banner__info [class*="icon"]:before {
    color: #fff;
}

.banner__link:hover + .banner__wrap [class*="icon"] {
    background-color: #000;
    border-radius: 50%;
    border-width: 0px;
    border: 14px solid #fff;
}


.court-person-block
{
    margin-bottom: 10px;
}

.court-person-subgolova__title {
    font-family: ProximaNova-Regular;
    font-size: 15px;
    color: #000;
    width: 100%;
}

.court-persons-submain 
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*width: 100%;*/
    justify-content: center;
}

.court-composition {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.court-composition,.court-persons-submain {
    border-top: 1px solid #8c919a2e;
}

.court-persons.court-persons_vrp .court-persons__list 
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.court-persons__card.list.vrp {
    width: 140px;
    margin: 15px 2px 15px 2px;
}

.court-persons__card.list {
    
}

.court-persons.court-persons_vrp .court-persons__list 
{
    width: 290px;
}

.court-persons.court-persons_vrp .court-persons__title 
{
    font-size: 22px;
    text-align: center;
    padding-left: 0px;
}

.court-persons-wrap.vas .court-composition
{
    width: 100%;
    display: block;
}

.court-persons-wrap.vas .court-persons__list
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.persons-card {
    margin: 10px 15px 10px 15px;
    width: 120px;
}

.court-persons-wrap.vas .court-persons__title 
{
    text-align: center;
}



 section#verhovnyj-sud 
 {
    margin: auto;
 }

 #verhovnyj-sud .court-persons-cassation .court-persons__item
 {
    width: 78px;
    height: 78px;
 }

 #verhovnyj-sud .court-persons-cassation .persons-card
 {
    width: 80px;
 }

 #verhovnyj-sud .court-persons-cassation .court-persons__name
 {
    width: 88px;
    font-size: 10px;
    height: 22px;
    margin-left: -5px;
 }
 #verhovnyj-sud .persons-card
 {
    margin: 9px 9px 9px 9px;
    width: 120px;
 }
 #verhovnyj-sud
 {
    max-width: 1300px;
    /*overflow-x: scroll;*/
 }
 #verhovnyj-sud .court-persons-cassation_palata
 {
    width: 118px;
 }
 #verhovnyj-sud .court-persons-cassation
 {
    justify-content: center;
 }
 #verhovnyj-sud .court-persons:nth-child(odd) .court-persons-cassation
 {
    justify-content: center;
 }

 #verhovnyj-sud .court-persons-wrap
 {
    padding: 0 4px 0 4px;
 }
 #verhovnyj-sud .verhovnyj-sud-courts
 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1300px;
    width: 1300px;
 }
 #verhovnyj-sud .court-persons__title_vsu
 {
    justify-content: flex-end;
 }
 #verhovnyj-sud .court-persons:nth-child(odd) .court-persons__title_vsu
 {
    justify-content: flex-start;
 }
 #verhovnyj-sud .court-persons-cassation.court-persons-cassation_palata.left
 {
    margin-right: 10px;
    margin-left: 15px;
 }
 #verhovnyj-sud .court-persons-cassation.court-persons-cassation_palata.right
 {
    margin-left: 10px;
    margin-right: 15px;
 }

 #verhovnyj-sud .persons-block-wrap_vsu 
 {
   width: auto;
}

.court-person-subgolova__title,.court-person-golova__title
{
    font-size: 14px;
    font-weight: bold;
}
.court-persons-golova .court-persons__name
{
    font-size: 15px;
}

@media (max-width: 1360px) 
{
    #verhovnyj-sud 
    {
        overflow-x: scroll;
    }
    .term-34 .persons-marker.persons-marker_bottom
    {
        margin-top: 35px;
    }
}

/* Adaptive */
@media (max-width: 768px)
{
    .court-person-subgolova__title,.court-person-golova__title
    {
        font-size: 12px;
        font-weight: bold;
    }
    .persons-card
    {
        font-size: 46px;
        width: 106px; 
        height: 106px;
        margin: 0 5px 10px;
    }
    .banner_court .banner__info [class*="icon"]
    {
        margin-right: 0;
    }
    .court-persons__name 
    {
        font-size: 14px;
        width: 106px; 
    }
    .court-persons__item
    {
        width: 106px; 
        height: 106px;

    }
    .court-persons-golova 
    {
        margin-bottom: 65px;
    }

    .court-persons__card.list.vrp
    {
        width: 20vw;
    }
    .court-persons__list 
    {
    width: 80vw;
    margin: auto;
    }
    .court-persons__list 
    {
        justify-content: center;
    }

}

@media (max-width: 680px)
{
   .block-2 svg
    {
        width: 40px;
    }
    .block-2 .court-vsu-wrap svg
    {
        width: 35px;
    }
    .block-3 svg
    {
        width: 25px;
    }

    .block-4 svg
    {
        width: 35px;
    }
    .block-2 .court-vsu-wrap .court_ukraine_5 svg 
    {
        width:30px;
    }
    .court_department_3 svg  
    {
        width: 20px;
    }
    .court-persons.court-persons_vrp .court-persons__list
   {
        width: 80vw;
   }

}


/* Adaptive */
@media (max-width: 598px)
{
    .persons-card,.court-persons__item
    {
        font-size: 46px;
        width: 20vw;
        height: 20vw;
        margin: 0 5px 10px;
    }
    .court-persons-golova 
    {
        margin-bottom: 65px;
    }

/*    .court-persons__card.list.vrp
    {
        width: 20vw;
    }*/
    .court-persons__list 
    {
    width: 80vw;
    margin: auto;
    justify-content: center;
    }

    .block-marker-general, .block-marker-special
    {
      flex-wrap: wrap;
    }
    .court-persons-wrap_ksu 
    {
        justify-content: center;
    }
    .court-persons__board,.court-persons__title
    {
        text-align: center;
    }

}

/* Adaptive */
@media (max-width: 500px)
{
    .persons-card,.court-persons__item,.court-persons__card.list.vrp
    {
        width: 24vw;
        height: 24vw;
    }
    .court-persons-golova 
    {
        margin-bottom: 65px;
    }

    .court-persons__list
    {
    width: 100vw;
    margin: auto;
    justify-content: center;
    }

    .block-marker-general, .block-marker-special
    {
      flex-wrap: wrap;
    }
}

.court-persons__link 
{
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.single-person section a,*/
.info.info_news a,
.single-person .info.info_person a,
.single-person .banner_person a,
.info.info_court a
{
    color: inherit;
    font-weight: inherit;
    border-bottom: 1px solid #4b7ec4;
    -webkit-box-shadow: inset 0px -1px 0px 0px #4b7ec4;
    -moz-box-shadow: inset 0px -1px 0px 0px #4b7ec4;
    box-shadow: inset 0px -1px 0px 0px #4b7ec4;
    -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.info.info_news a:hover,
.single-person section a:hover,
.info.info_court a:hover
{
    color: #4b7ec4;
}

a u {
    text-decoration: none;
}

.persons-marker_wrap 
{
    justify-content: center;
}

.court.court_ukraine.court_vsu_item_low.city 
{
    margin-top: 50px;
}
/*.court-person__no-photo
{
    width: 35%;
    display: flex;
    justify-content: center;
}
.court-person__no-photo-free
{
    width: 45%;
    display: flex;
    justify-content: center;
}
.court-person_thumbnail.no-photo 
{
    display: flex;
    justify-content: center;
}*/

.news-block__link:hover 
{
   color: #4b7ec4;
}
.news-block__link
{
    color: inherit;
    font-weight: inherit;
    border-bottom: 1px solid #4b7ec4;
    -webkit-box-shadow: inset 0px -1px 0px 0px #4b7ec4;
    -moz-box-shadow: inset 0px -1px 0px 0px #4b7ec4;
    box-shadow: inset 0px -1px 0px 0px #4b7ec4;
    -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.news-block__pagination
{
    margin-top: 60px;
}

.news-block__pagination .page-numbers
{
    display: inline-block;
    padding: 15px 15px;
    margin: 0 2px 0 0;
    border: 1px solid #31527d2b;
    line-height: 1;
    text-decoration: none;
    border-radius: 2px;
    font-weight: 600;
    font-size: 14px;
}
.news-block__pagination .page-numbers.current,
.news-block__pagination a.page-numbers:hover 
{
    background: #4b7dbfb5;
    color: white;
}
.news-block__pagination .nav-links
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 27px 10px;
}

.court.court_ukraine.court_vsu_item_low.city 
{
    /*margin-bottom: 20px;*/
}

.court-block.block-3 .court,.court-block.block-4 .court 
{
     margin-bottom: 20px; 
}

.term-verhovnyj-sud .court-persons .court-persons__dishonest,
.term-verhovnyj-sud .court-persons .court-persons__main 
{
    width: 25px;
    height: 25px;
}

.navigation.pagination h2.screen-reader-text
{
    display: none;
}


.block-marker-special .persons-marker_wrap
{
    /*justify-content: center;
    align-content: right;*/
    align-self: start;
    /*align-items: safe;*/
    text-align: -webkit-auto;
    display: flex;
    justify-content: flex-start;
    width: 320px;
}

@media (max-width: 1023px)
{
   .block-marker-special .persons-marker_wrap
   {
    width: 300px;
    /*width: auto;*/
   }
}

/* Alex Demchco 25.09.2019 */
.footer__column img
{
    max-width: 160px;
}
.footer__text-support
{
    width: 100%;
    margin-bottom: 10px;
    font-family: ProximaNova-Regular;
    font-size: 16px;
    color: #fff;
}
.footer__column
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
a.footer__img 
{
    align-self: center;
}


/*123123*/