/* font-family: "Roboto"; */
@font-face {
    font-family: "Roboto";
    src: url("./fonts/Roboto-Thin.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
}

/* font-family: "Roboto"; */
@font-face {
    font-family: "Roboto";
    src: url("./fonts/Roboto-Light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
}

/* font-family: "Roboto"; */
@font-face {
    font-family: "Roboto";
    src: url("./fonts/Roboto-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

/* font-family: "Roboto"; */
@font-face {
    font-family: "Roboto";
    src: url("./fonts/Roboto-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
}

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

/* font-family: "Roboto"; */
@font-face {
    font-family: "Roboto";
    src: url("./fonts/Roboto-Black.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

html {
    height: 100%;
}

body {
    position: relative;
    overflow-y: scroll;
    /*min-width: 480px;*/
    min-height: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #000;
    background: #fff;
    min-height: 100vh;
    flex-direction: column;
}

body.page,
body.error404  {
    display: flex;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #003399;
    text-decoration: none;
}

h1, h2, h3, h4, h5 {
    font-weight: 600;
}

.assistive-title {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

ul, ol {
    list-style: none;
}

img {
    display: block;
}

.left {
    float: left;
}

.right {
    float: right;
}

.container {
    position: relative;
    width:1500px;
    padding: 0 50px;
    margin: 0 auto;
}

.container:after,
section:after,
.content-home:after {
    content: '';
    clear: both;
    display: block;
}

.clr {
    display: block;
    clear: both;
}

.margin-bottom-0 {
    margin-bottom: 0!important;
}

/*header*/
header {
    width: 100%;
}

.header-wrapper {
    height:100px;
    border-bottom: 2px solid #e5e5e5;
    line-height: 100px;
}

.logo_wrapper {
    float: left;
    padding-top: 14px;
}

#logo {
    display: block;
    height: 69px;
    width: 157px;
    background: url('./img/logo.png') center 0 no-repeat;
    text-indent: -9999px;
}

#logo_en {
    display: block;
    height: 69px;
    width: 171px;
    background: url('./img/logo_en.png') center 0 no-repeat;
    text-indent: -9999px;
}

.header-wrapper .right > ul {
    float: left;
}

.header-wrapper .right > ul > li,
.header-wrapper .right > a,
footer .right > ul > li,
footer .right > a {
    float: left;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    margin-right: 35px;
}

.about-btn:hover > a,
.main-nav > li > a:hover {
    color: rgba(0, 0, 0, 0.51);
}

.main-nav {
    float: left;
}

.header-wrapper .right .about-btn {
    position: relative;
    float: left;
    line-height: 63px;
    padding: 0 10px;
    margin-top: 18px;
    margin-right: 0;
    z-index:10;
}

.header-wrapper .right .about-btn__second {
    position: relative;
    float: none;
    padding: 0 ;
    margin: 0;
}

.about-btn:hover {
    background: #62c5ad;
}

.candidate-btn-menu a {
    background: rgba(255, 255, 255, 0.3);
    padding: 8px 19px 6px;
    border-radius: 100px;
}

.candidate-bg .candidate-btn-menu a {
    background: rgba(255, 255, 255, 0.7);
}

/*.about-btn {*/
/*font-weight: 600;*/
/*font-size: 19px;*/
/*letter-spacing: 0.075em;*/
/*text-transform: uppercase;*/
/*}*/

.about-btn i {
    position: relative;
    display: inline-block;
    top:-4px;
    margin-left: 10px;
}

.about-btn i:after {
    content: "";
    display: block;
    float: right;
    width: 11px;
    height: 7px;
    position: relative;
    background: url("./img/icons-header.png")  no-repeat 0 -19px;
}

.about-btn__second i:after {
    transform: rotate(-90deg);
}


.about-btn:hover {
    color: rgba(0, 0, 0, 0.51);
    background: #f5f5f5;
}

.about-btn:hover i:after {
    background: url("./img/icons-header.png")  no-repeat -11px -19px;
}

.about-btn .sub-menu {
    display: none;
    position: absolute;
    min-width:120%;
    background: #f5f5f5;
    left:0;
    box-shadow: 0 20px 46px -20px rgba(72, 72, 72, 0.75);
}

.about-btn__second .sub-menu {
    min-width:150%;
    left: 100%;
    top:0;
}

.sub-menu.active,
.about-btn:hover > .sub-menu {
    display: block;
    z-index: 99;
}

.sub-menu a {
    display: block;
    padding: 0 20px;
    line-height: 42px;
    color: #000;
    font-size: 17px;
    letter-spacing: 0.035em;
    overflow: hidden;
    word-wrap: initial;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sub-menu a:hover {
    background-color: #e9e9e9;
}


.ico-facebook,
.ico-twitter,
.ico-youtube {
    position: relative;
    width:32px;
    height:32px;
    border-radius: 50%;
    border: 2px solid #e0e0e0;
    margin-top: 29px;
}

.ico-facebook,
.ico-twitter,
.ico-youtube {
    margin-right: 10px!important;
}

.ico-facebook:before {
    position: absolute;
    content: '';
    width:9px;
    height:19px;
    display: block;
    background: url("./img/icons-header.png") no-repeat 0 0;
    left:11px;
    top:6px;
}

.ico-twitter:hover,
.ico-facebook:hover,
.ico-youtube:hover {
    border-color: #cce6dd;
}

.ico-facebook:hover:before {
    background-position: -9px 0;
}

.ico-twitter:before  {
    position: absolute;
    content: '';
    width:20px;
    height:16px;
    display: block;
    background: url("./img/icons-header.png") no-repeat -23px 0;
    left:8px;
    top:8px;
}

.ico-twitter:hover:before {
    background-position: -23px -16px;
}

.ico-youtube svg {
    position: absolute;
    left:6px;
    top:8px;
    fill: #7f7f7f;
}
.header-home .ico-youtube:hover svg,
.ico-youtube:hover svg {
    fill: #01b197;
}

.change-lang,
.change-lang li {
    float: left;
}

.change-lang li a,
.change-lang li span {
    display: block;
    width:34px;
    height:36px;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    text-align: center;
    line-height: 37px;
    border-radius: 50%;
    margin-top: 29px;
    padding-left: 2px;
}

.header-wrapper .right .change-lang li {
    margin-right: 0;
}

.header-wrapper .right .change-lang li:first-child {
    margin-right: 5px;
}

.change-lang li a:hover {
    background: #7fc0ab;
    color: #fff;
}

.change-lang li span {
    background: #e5e5e5;
}

.gamburger-btn {
    display: none;
    position: relative;
    float: right;
    width: 26px;
    height: 22px;
    margin-top: 36px;
    margin-right: 0!important;
    margin-left: 50px;
}

.gamburger-btn:after {
    content: '';
    position: absolute;
    display: block;
    height: 22px;
    width: 26px;
    background: url('./img/gamburger-black.png') 0 0 no-repeat;
    top: 0;
    left: 0;
    -webkit-transition: all 0s ease-in-out 0.5s;
    -moz-transition: all 0s ease-in-out 0.5s;
    -o-transition: all 0s ease-in-out 0.5s;
    -ms-transition: all 0s ease-in-out 0.5s;
    transition: all 0s ease-in-out 0.5s;
}

.gamburger-btn.close-btn {
    height: 26px;
    width: 26px;
}

.header-home .gamburger-btn.close-btn:after,
.gamburger-btn.close-btn:after {
    height: 26px;
    width: 26px;
    background-position: -26px 0;
}

.gamburger {
    display: none;
}

/* header-search */
.search-btn {
    position: relative;
    width: 32px;
    height: 32px;
    margin-top: 29px;
}

.search-btn:before {
    position: absolute;
    content: '';
    width:19px;
    height:19px;
    display: block;
    background: url("./img/search-btn.png") no-repeat 0 0;
    left: 6px;
    bottom: 3px;
}


.search-btn-home:before {
    background: url("./img/search-btn.png") no-repeat -19px 0;
}

.search-btn:hover:before {
    opacity:0.51;
}

.search-popup {
    position: absolute;
    display: none;
    width: 100%;
    top: 102px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 101;
}

.layer-bg {
    position: absolute;
    display: none;
    background: #fff;
    opacity: 0.97;
    top:0;
    bottom: 0;
    left: 0;
    right:0;
    height:auto;
    z-index: 100;
}

.layer-header {
    top:102px;
}

.green-layer {
    background: #00b7a1;
}


/*header-home*/
.header-home.head {
    position: relative;
    background: url("./img/header-home-bg.jpg") no-repeat center;
    height: 470px;
}

.header-home #logo {
    background: url('./img/logo-home.png') center 0 no-repeat;
}

.header-home #logo_en {
    background: url('./img/logo-home_en.png') center 0 no-repeat;
}

.header-home .header-wrapper {
    border-bottom: 2px solid rgba(255, 255, 255, 0.30);
}

.header-home .header-wrapper .right li a {
    color: #fff;
}

.header-home .about-btn {
    color: #fff;
}

.header-home .about-btn:hover {
    color: #fff;
    background: #62c5ad;
}

.header-home .about-btn i:after {
    background: url("./img/icons-header-home.png") no-repeat 0 -19px;
}

.header-home .gamburger-btn:after {
    background: url('./img/gamburger.png') 0 0 no-repeat;
}

.header-home .sub-menu {
    color: #fff;
    background: #62c5ad;
}

.header-home .sub-menu a {
    color: #fff;
}

.header-home .sub-menu a:hover {
    background-color: #79ceb9;
}

.header-home .ico-facebook,
.header-home .ico-twitter,
.header-home .ico-youtube {
    border: 2px solid rgba(255, 255, 255, 0.30);
}

.header-home .ico-twitter:hover,
.header-home .ico-facebook:hover,
.header-home .ico-youtube:hover {
    border-color: #fff;
    background:#fff;
}

.header-home .ico-facebook:before,
.header-home .ico-twitter:before {
    background-image: url("./img/icons-header-home.png");
}

.header-home .ico-youtube svg {
    fill: #fff;
}

.header-home .change-lang li a,
.header-home .change-lang li span {
    color: #fff;
}

.header-home .change-lang li a:hover {
    background: #fff;
    color: #5ab69f;
}

.header-home .change-lang li span {
    background: rgba(255, 255, 255, 0.30);
}

.title-home {
    position: relative;
    height:278px;
    color: #fff;
    text-align: center;
    padding-top: 90px;
}

.title-home h1 {
    font-size: 57px;
    line-height: 62px;
}

.title-home hr {
    width: 80px;
    border: 0;
    border-bottom: 2px solid #fff;
    margin: 30px auto;
}

.title-home p {
    font-size: 22px;
}

.notify-wrapper {
    position: relative;
    width: 310px;
}

.notify {
    position: absolute;
    display: block;
    max-width: 310px;
    height:56px;
    font-size: 22px;
    line-height:56px;
    text-align: center;
    color: #fff;
    background: rgb(96,41,146); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(96,41,146) 0%, rgb(79,34,120) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgb(96,41,146) 0%,rgb(79,34,120) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgb(96,41,146) 0%,rgb(79,34,120) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#602992', endColorstr='#4f2278',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 20px 46px -20px rgba(55, 24, 84, 0.75);
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -28px;
    z-index: 10;
}

.notify:hover {
    color: #fff;
    background: rgb(136,58,207); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(136,58,207) 0%, rgb(97,42,147) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgb(136,58,207) 0%,rgb(97,42,147) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgb(136,58,207) 0%,rgb(97,42,147) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#883acf', endColorstr='#612a93',GradientType=0 ); /* IE6-9 */
}

.notify-wrapper .notify {
    bottom: 18px;
    position: static;
    margin: 0;
}

.quest-search-wrap {
    position: absolute;
    display: block;
    width:486px;
    height:56px;
    box-shadow: 0 20px 46px -20px rgba(72, 63, 76, 0.75);
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -28px;
    z-index: 100;
}

.quest-search-wrap input[type='text'] {
    width:100%;
    height:100%;
    background: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    color: rgba(0, 0, 0, 0.31);
    padding: 15px 24px 14px;
    border: 0;
    outline:0;
    box-sizing: border-box;
}

#quest-search-update {
    width:100%;
    max-height: 235px;
    background-color: #fff;
    overflow-y: overlay;
}

#quest-search-update li {
    width:100%;
    min-height:43px;
    border-bottom: 1px solid #e6e6e6;
    color: rgba(0, 0, 0, 0.31);
}


#quest-search-update li a,
#quest-search-update li > span{
    display: block;
    width: 100%;
    height: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    text-align: left;
    color: rgba(0, 0, 0, 0.31);
    padding: 11px 24px;
    box-sizing: border-box;
}

#quest-search-update li a:hover {
    background-color: #502479;
    color: #fff;
}

#quest-search-update li a:hover span{
    color: rgba(255, 255, 255, 0.49);
}

#quest-search-update .judge_link span {
    font-size: 14px;
    line-height: 100%;
    display: block;
}

.buttons-block {
    display: flex;
    align-items: center;
    justify-content: center;
}
.candidate-button {
    display: block;
    width: 364px;
    font-size: 16px;
    padding: 20px 0;
    border: 4px solid #fff;
    color: #fff;
    margin: 20px;
    transition: all 0.3s linear;
}
.candidate-button:hover {
    color: #fff;
    box-shadow: 0px 0px 10px 2px rgba(255,255,255,1);
}

/*main*/
main {
    position: relative;
    display: block; /*fix ie*/
    padding: 110px 0 0; /*home*/
    flex:1;
}

main.single {
    padding: 0;
}

/* slider */
.slider {
    position: relative;
}

.slider-block {
    width:1000px;
    height: auto;
    max-height: 400px;
    position: absolute;
    bottom:50px;
    box-shadow: 0 42px 79px -42px rgba(51, 51, 51, 0.44);
    overflow: hidden;
}

.slide {
    float: left;
}

.slide img {
    width:1000px;
    height:auto;
    /*width:100%;*/
    /*height:100%;*/
}

.slide div {
    display: none;
}

.slide-info {
    width:410px;
    height:330px;
    background: #f0f0f0;
    padding:30px 45px 40px 960px;
    margin-left: 80px;
    margin-top: 50px;
}

.slide-info:after {
    content: '';
    display: block;
    clear: both;
}

.changing-text-block.post-short {
    height: 305px;
    overflow: hidden;
    width: 410px;
    margin: 0;
}

.changing-text-block.post-short .post-date {
    font-size: 17px;
}

.changing-text-block.post-short h2 {
    padding: 10px 0 15px;
}

.changing-text-block.post-short h2 a {
    font-size: 31px;
    border-bottom: 1px solid #e4e4e4;
}

.changing-text-block.post-short h2 a:hover {
    border-color: #5ab69f;
}

.pager {
    padding-top: 5px;
}

.pager a {
    margin: 0 17px 0 0;
    text-decoration: none;
    display:inline-block;
    width:10px;
    height:10px;
    background: rgba(87, 178, 156, 0.4);
    text-indent:-999em;
    border-radius: 50%;
}

.pager a:hover {
    background: rgba(88, 38, 134, 0.4);
}

.pager a.selected {
    width:6px;
    height:6px;
    text-decoration: none;
    background: #57b29c;
    line-height: 16px;
    cursor: default;
}

.control {
    width:65px;
}

.btn-slider i {
    display: block;
    cursor: pointer;
    width: 13px;
    height: 22px;
    margin: 0 auto;
    background: url("./img/arrows-carousel.png") 0 0 no-repeat;
}

.btn-slider .icon-next_arrow {
    background-position: 0 -22px;
}

.icon-next_arrow:hover {
    background-position: -13px -22px;
}

.icon-prev_arrow:hover {
    background-position: -13px 0;
}

/* news-list-home */

.news-list-home.container {
    padding: 115px 50px;
}

.news-list-home.more-news.container {
    padding: 0 20px 20px;
}

.news-list-home .post-short {
    padding: 0 23px;
    border-right: 1px solid #cbcbcb;
}

.news-list-home .post-short:first-of-type {
    padding-left: 0;
}

.news-list-home .post-short:last-of-type {
    padding-left: 22px;
    padding-right: 0;
    border: 0;
}

.judge-list .title-bottom,
.videos-list .title-bottom,
.infographics-list .title-bottom,
.analytics-list .title-bottom,
.news-list .title-bottom,
.news-list-home .title-bottom {
    display: none;
}


.judge-list .title_a_all a,
.videos-list .title_a_all a,
.infographics-list .title_a_all a,
.analytics-list .title_a_all a,
.news-list .title_a_all a {
    background: #fff;
    padding-left: 10px;
}

/* news-list */

.news-list .post-short {
    padding-right: 46px;
}

.news-list .post-short:nth-of-type(4n) {
    padding-right: 0;
}
.posts-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* title */
.title {
    position: relative;
    margin-bottom: 45px;
}

.title_a_all {
    padding-right: 180px;
}

.title h1,
.title > h2,
.title h1 a,
.title > h2 a {
    position: relative;
    display: inline-block;
    font-size: 39px;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.title h1:after {
    content: '';
    position: absolute;
    display: block;
    width: 140px;
    border-bottom: 1px solid #cbcbcb;
    bottom: 24px;
    right: -165px;
}

.title > a {
    position: absolute;
    font-size: 22px;
    color: #57b29d;
    font-weight: 600;
    padding-right: 65px;
    bottom: 11px;
    right: 0;
}

.title a:hover {
    color: #582686;
}

.title > a:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 49px;
    height:12px;
    background: url("./img/arrows-titlel.png") no-repeat 0 0;
    bottom: 6px;
    right: 0;
}

.title > a:hover:after {
    background-position: 0 -12px;
}

.title > a:hover {
    /*border-bottom: 1px solid transparent;*/
}

.title-bottom {
    height:47px;
    padding-top: 18px;
}

.title-bottom > a {
    position: relative;
    bottom:0;
}

/* post-short */

.post-short {
    float: left;
    width:340px;
    /*height:375px;*/
    overflow: hidden;
    margin-bottom: 55px;
}

.post-short > a:first-child {
    max-width: 100%;
    height:150px;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    margin-bottom: 16px;
}

.post-short > a.def-img {
    background-color: #ccc;
    background-position: center;
}

.post-short img {
    width: 100%;
    height: auto;
}

.post-date {
    font-size: 14px;
    font-weight: 600;
    color: #cfcfcf;
}

.post-short h2 {
    font-size: 22px;
    padding:15px 0 14px;
}

.post-short h2 a:hover {
    color: #5ab69f;
}

.post-short p {
    padding-bottom: 13px;
}


/* pagination */

.pagination {
    padding: 65px 0px;
    text-align: center;
    font-size: 17px;
    float: left;
}

.top-pagination {
    padding: 0 0 25px 0;
}

.pagination a,
.pagination span {
    display: inline-block;
    width: 35px;
    height:35px;
    line-height: 35px;
    margin-right: 6px;
    border-radius: 50%;
}

.pagination span {
    background: #482976;
    color: #fff;
}

.pagination a {
    color: #000;
    background: #e5e5e5;
}

.pagination a:hover {
    background: #57B29D;
    color: #FFF;
}

/* content-home */
.content-home {
    width:1600px;
    margin: 0 auto;
    padding-bottom: 130px;
}

.content-home > aside {
    width:660px;
}

.content-home section {
    padding-top: 50px;
}

.content-home aside section .title-bottom {
    height: auto;
}


/* analytics-list-home */
.analytics-list-home {
    background: #f4f4f4;
    width:726px;
    padding-bottom:18px;
}

.analytics-list-home .post-short:nth-of-type(even) {
    float: right;
}

/* infographic-home */
.infographic-home img {
    width: 100%;
    max-width: 708px;
    max-height: 800px;
    height: auto;
    box-shadow: 0 20px 54px -20px rgba(0, 0, 0, 0.30);
}

.infographic-img-href {
    position: relative;
    display: block;
}
.infographic-img-href:hover:before {
    content: '';
    position: absolute;
    width:100%;
    height:100%;
    background: url("./img/eye.png") no-repeat center rgba(90, 182, 159, 0.70);
}

.video-home iframe {
    width:100%;
}


/* map */
.map {
    position: relative;
    height:670px;
    background: url("./img/map-bg.jpg") no-repeat left bottom #00B39D;
    padding:50px 50px 45px;
    box-shadow: 0 5px 43px -5px rgba(0, 0, 0, 0.30);
}

.map .title h1 {
    color: #fff;
}

.map .title h1:after {
    border-color: #fff;
}

.region-info {
    opacity: 0;
    position: absolute;
    background: #f5f5f5;
    padding: 10px 18px 12px;
    box-shadow: 0 29px 70px -29px rgba(72, 72, 72, 0.68);
}

.region-info:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-left: 10px solid #F5F5F5;
    bottom: -7px;
    left: 0px;
}

.show-region {
    opacity: 1;
}

.region-info h1 {
    font-size: 27px;
}

.region-info hr {
    border: 0;
    border-bottom: 1px solid #dadada;
    padding: 1px 0 2px;
}

.courtCount span:first-child {
    padding-right: 40px;
}

.countBadJudge {
    color: #4fa38f;
}

.statistics p {
    color: #fff;
    font-size: 36px;
    font-weight: 100;
    margin-bottom: 30px;
}

.statistics span {
    font-weight: 500;
}

#map {
    position: absolute;
    top:50px;
    right:50px;
}

.map_info {
    color: #fff;
    bottom: 10px;
    position: absolute;
    right: 20px;
}

.region-courts-list {
    padding-bottom: 60px;
}

#map_courts {
    width: 100%;
    height: 485px;
}

.courts-list {
    width: 340px;
    padding: 20px;
    background: #f1f1f1;
}

.courts-list ol {
    list-style: decimal;
    list-style-position: initial;
    color: #5ab69f;
    padding-left: 19px;
}

.courts-list li {
    padding-bottom: 12px;
}

.courts-list a {
    font-size: 16px;
    line-height: 137%;
    color:#5ab69f;
    border-bottom: 1px solid #bfded6;
}

.courts-list a:hover {
    color:#000;
    border: none;
}

/* single-post */
.single-post {
    position: relative;
    margin-bottom: 60px;
    background-color: #fff;
}

.post-img {
    max-width: 1024px;
    margin: 0 auto;
    overflow: hidden;
}

.post-img img {
    margin: 0 auto;
}

.single-container {
    width:728px;
    margin:0 auto;
    padding: 0 10px;
}

.single-container .likely-social {
    padding: 40px 0 100px;
}

.single-container img {
    max-width: 100%;
    height: auto;
}

.post-head {
    padding: 30px 0 20px;
}

.breadcrumb {
    padding-bottom: 30px;
}

.breadcrumb li {
    display: inline-block;
}

.breadcrumb li:after {
    content: '—';
    display: inline-block;
    color: rgba(0, 0, 0, 0.31);
    padding: 0 2px 0 4px;
}

.breadcrumb li:last-child:after {
    display: none;
}

.breadcrumb li a,
.breadcrumb li span {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.31);
    border-bottom: 1px solid #e5e5e5;
}

.breadcrumb li span {
    border: none;
}

.breadcrumb li a:hover {
    border-bottom: 1px solid transparent;
}

.post-head .title {
    margin-bottom: 25px;
}

.post-head .title h1 {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.post-head .title h1:after {
    display: none;
}

.post-head .post-date {
    font-size: 18px;
    font-weight: 700;
}

.content-post {
    padding: 20px 0;
    font-size: 16px;
}

.content-post a {
    text-decoration: underline;
}

.content-post p {
    padding-bottom: 10px;
    line-height: 137%;
}

.content-post h1 {
    font-size: 30px;
    padding: 12px 0;
}

.content-post h2 {
    font-size: 22px;
    padding: 12px 0;
}

.content-post h3 {
    font-size: 18px;
    padding: 12px 0;
}

.content-post blockquote {
    font-size: 27px;
    margin:20px 0 45px 0;
}

.content-post blockquote cite {
    display: block;
    font-size: 16px;
    font-style: normal;
    color: #c2c2c2;
    padding-top: 25px;
}

.content-post blockquote:before,
.content-post blockquote:after {
    content: '';
    display: block;
    width: 260px;
}

.content-post blockquote:before {
    padding-bottom: 25px;
    border-top: 1px solid #000
}

.content-post blockquote:after {
    padding-top: 25px;
    border-bottom: 1px solid #000
}

.content-post ul, .content-post ol {
    list-style: inherit;
    list-style-position: outside;
    padding-left: 30px;
    padding-bottom: 10px;
}

.content-post ul {
    list-style: disc;
}

.content-post ul li, .content-post ol li {
    margin-bottom: 10px;
}

.content-post img.alignright { float: right; margin: 0 0 1em 1em; }
.content-post img.alignleft { float: left; margin: 0 1em 1em 0; }
.content-post img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.content-post .alignright { float: right; }
.content-post .alignleft { float: left; }
.content-post .aligncenter { display: block; margin-left: auto; margin-right: auto; }

.region {
    position: relative;
    float: left;
    width: 300px;
    background: #f1f1f1;
    padding: 20px;
    margin-right: 45px;
    margin-bottom: 20px;
}

.region:nth-child(3n){
    margin-right: 0;
}

.region .courts-list {
    width: 300px;
    padding: 20px 0 0 0;
}

.region i {
    position: absolute;
    display: block;
    float: right;
    width: 40px;
    height: 60px;
    top: 0;
    right: 0;
    cursor: pointer;
}

.region i:after {
    content: "";
    position: relative;
    display: block;
    float: right;
    top: 28px;
    right: 20px;
    width: 15px;
    height: 8px;
    background: url("./img/regions-arrow.png");
}

.region i:hover, .active-region {
    color: #ccc;
}

i.active-region:after {
    background-position: 0 -8px;
}

.next-prev-posts {

    display: flex;
    justify-content: space-between;
}

.next-prev-posts.fixed_bottom a {
    position: absolute;
    top:auto;
    bottom: 200px;
}

.next-prev-posts::after {
    display: none;
}

.next-prev-posts a {
    display: flex;
    color: #e6e6e6;
    align-items: center;
    position: fixed;
    top: 50%;
}
.next-prev-posts a:last-child {
    right: 50%;
    transform: translateX(653px);
}
.next-prev-posts a:first-child {
    left: 50%;
    right: auto;
    transform: translateX(-653px);
}

.next-prev-posts a span {
    display: flex;
    align-items: center;
    justify-content: center;
    width:50px;
    height:50px;
    border:2px solid #e6e6e6;
    border-radius: 50%;
}

.next-prev-posts a svg {
    fill:#7f7f7f;
}

.next-prev-posts a:first-child span {
    margin-right: 15px;
}

.next-prev-posts a:last-child span {
    margin-left: 15px;
}

.next-prev-posts a:last-child p {
    text-align: right;
}

.next-prev-posts a:hover {
    color: #cce6dd;
}

.next-prev-posts a:hover span {
    border-color: #cce6dd;
}

.next-prev-posts a:hover svg {
    fill:#01b197;
}


/* single-court */
.court-content {
    float: left;
    max-width: 1114px;
}
.court-news {
    float: right;
    max-width: 340px;
}

.court-head .title h1 {
    font-size: 50px;
}

.court-info {
    width:100%;
    color: #fff;
    background: url("./img/back-court.jpg")  repeat-y;
    padding: 40px 0 30px;
    margin-bottom: 60px;
}


.court-info li {
    list-style: disc;
    list-style-position: inside;
    padding-left: 30px;
    padding-bottom: 10px;
    width:340px;
    float: left;
}

.court-info li span {
    font-size: 20px;
    font-weight: 500;
}

.court-info li p {
    line-height: 137%;
    padding-top: 10px;
    padding-left: 16px;
}

.court-info li a {
    color: #fff;
    border-bottom: 1px solid #8ccbbb;
}

.court-info li a:hover {
    color: #000;;
    border: none;
}

.court-info ul:after {
    content: '';
    display: block;
    clear: both;
}

.region-court-info {
    background: url("./img/back-region-courts.jpg")  repeat-y;
    padding-bottom: 0;
}

.region-court-info li div {
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
}

.region-court-info li {
    padding-bottom: 30px;
}

.slider-court {
    position: relative;
    width: 100%;
}

.slide-court {
    text-align: center;
    height: 100%;
    float: left;
}

.slide-court img {
    display: initial;
    height: 100%;
    width:auto;
}

.btn-slider-court {
    position: absolute;
    top:50%;
    margin: -34px 50px 0;
}

.btn-slider-court i {
    display: block;
    cursor: pointer;
    height:68px;
    width:68px;
    margin: 0 auto;
    background: url("./img/slider-court-arrow.png") 0 0 no-repeat;
}

.btn-slider-court .icon-next_arrow {
    background-position: -68px 0;
}

.btn-slider-court .icon-prev_arrow:hover {
    background-position: 0 0;
}

.btn-slider-court i:hover {
    opacity: 0.4;
}

.btn-slider-court.right {
    right:0;
}

.btn-slider-court.left {
    left:0;
}

.title-judge {
    font-size: 30px;
    margin-bottom: 25px;
}

.judges-list {
    width:100%;
    border-collapse: collapse;
}

.judges-list thead tr {
    font-weight: 600;
    font-size: 18px;
    border: 2px solid #f2f2f2;
    border-left:0;
    border-right: 0;
}

.judges-list tr {
    height:38px;
    border-bottom: 1px solid #e8e8e8;
    line-height:38px;
}

.judges-list tr a {
    color: #59b39d;
    transition: all 0.666s;
}

.judges-list tr a:hover {
    color: #000;
    transition: all 0.666s;
}

/* single-judge */
.profile-judge {
    width:100%;
    min-height:405px;
    background: #fbfbfb;
    margin: 60px 0 80px;
}

.profile-judge:after {
    content: '';
    display: block;
    clear: both;
}

.profile-photo-bg {
    float: left;
    width:405px;
    height:405px;
    background-image: url('./img/profile-photo.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.info-candidate {
    width:100%;
    padding: 60px 35px 30px 35px;
    box-sizing: border-box;
}

.info-candidate > div {
    padding-left:40px;
    box-sizing: border-box;
    overflow: hidden;
}

.info-candidate a {
    color: #00b49d;
}

.info-candidate a:hover {
    color: #000;
}

.info-candidate p {
    padding-bottom: 10px;
}

.profile-judge__row {
    float: left;
    width:100%;
}

.judge-info {
    float: left;
    max-width:100%;
    min-height: 180px;
    background: #fbfbfb;
    padding: 31px 0 20px;
    clear: right;
}

.judge-info .info-col {
    float: left;
    width:364px;
    padding-left: 40px;
    padding-right: 10px;
    border-right: 1px solid #e9e9e9;
    box-sizing: border-box;
}

.judge-info .info-col:last-child {
    border-right: none;
}

.judge-info .info-item {
    padding-bottom: 20px;
}

.judge-info .info-item span {
    font-size: 20px;
    font-weight: 500;
}

.judge-info .info-item p,
.judge-info .info-item div {
    font-size: 16px;
    padding-top: 10px;
    padding-left: 2px;
}

.judge-info .info-item ul li {
    float: none;
    width:auto;
    list-style: disc;
    list-style-position: inside;
    color: #b5b5b5;
    padding-left: 0;
}

.judge-info .info-item a {
    color: #00b49d;
}

.judge-info .info-item a:hover {
    color: #000;;
}

.judge-info:after {
    content: '';
    display: block;
    clear: both;
}

.judge-finance {
    float: left;
    width: 100%;
    min-height: 94px;
    background: #f1f1f1;
    padding: 20px 0 40px;
    display: flex;
    flex-wrap: wrap;
}


.declaration-year {
    width:100%;
    color: rgba(0, 0, 0, 0.4);
    padding: 0 54px 0 34px;
    box-sizing: border-box;
    /*margin-bottom: 26px;*/
}

.declaration-year span {
    display: block;
    width:100%;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.finance-items {
    display: flex;
    flex-wrap: wrap;
    max-width: 964px;
    width: 100%;
    justify-content: flex-start;
    flex-direction: row;
    padding-right: 34px;
}

.finance-items__second-line.finance-item {
    padding-top: 26px;
    padding-bottom: 0;
    margin-top: 0;
}

.finance-items__second-line.finance-item::before {
    content: '';
    position: absolute;
    display: block;
    width:84%;
    max-width: 100%;
    height:1px;
    background-color: #ddd;
    top:0;
    left:9%;
    transform: translateY(-50%);
}

.finance-item {
    position: relative;
    width: 33.3%;
    min-width: 260px;
    box-sizing: border-box;
    padding-left: 75px;
    padding-bottom: 15px;
    border-right: 1px solid #ddd;
    margin-top: 26px;
}


.finance-item:nth-child(3n) {
    border-right:0;
}

.finance-item > span {
    position: relative;
    font-size: 20px;
}


.finance-item > span:before {
    content: '';
    position: absolute;
    display: block;
    height:30px;
}

.annual-income-icon:before {
    width:27px;
    background:url("./img/judge-finance.png") 0 0;
    left:-42px;
    bottom: -2px;
}

.territory-icon:before {
    width:23px;
    background:url("./img/judge-finance.png") -27px 0;
    left:-41px;
    bottom: -3px;
}

.realty-icon:before {
    width:33px;
    background:url("./img/judge-finance.png") -50px 0;
    left:-49px;
    bottom: -2px;
}

.vehicles-icon:before {
    width:30px;
    background:url("./img/judge-finance.png") -83px 0;
    left:-43px;
    bottom: -2px;
}

.cash-icon:before {
    width:26px;
    background:url("./img/judge-finance.png") -114px 0;
    left:-43px;
    bottom: -2px;
}

.independent-realty-icon:before {
    width:33px;
    background:url("./img/judge-finance.png") -141px 0;
    left:-46px;
    bottom: -2px;
}

.finance-item table,
.finance-table {
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    padding-top: 11px;
}

.finance-item table td,
.finance-cell {
    padding-bottom: 8px;
}

.finance-item table td:first-child,
.finance-cell:first-child {
    width:54px;
}

.finance-item table td span,
.finance-cell span  {
    font-weight: 400;
}

.note {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    font: 12px 'Roboto', sans-serif;
    font-weight: 500;
    color: #fff;
    background: #d8d8d8;
    text-align: center;
    cursor: pointer;
    top: 5px;
    right: -20px;
    padding-top: 1px;
    padding-left: 1px;
    border-radius: 50%;
}

.note-popup {
    position: absolute;
    display: none;
    width: 200%;
    padding: 25px 20px;
    background: #fdfdfd;
    z-index: 10;
    font-size: 13px;
    box-shadow: 0 5px 8px -2px rgba(0, 0, 0, 0.18);
    border-radius: 2px;
    left: 0;
    bottom: 110%;
    box-sizing: border-box;
}

.show-note .note-popup {
    display: block;
}

.finance-row {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 34px;
    max-width: 230px;
}

.finance-cell-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    cursor: pointer;
    flex:1 1 auto;
}

.finance-cell {
    align-items: center;
    display: flex;
    padding:0;
    color: #000;
    transition: color .3s;
}

.finance-cell:nth-child(2) {
    position: relative;
    flex: 1 1 auto;
    padding-right: 19px;
}

.finance-cell:nth-child(2):after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 4px rgb(0, 0, 0) solid;
    border-right: 3px transparent solid;
    border-bottom: 0;
    border-left: 3px transparent solid;
    top:50%;
    right: 14px;
    transition: border .3s;
}

.finance-cell-wrapper:hover .finance-cell {
    color: #00b49d;
    transition: color .3s;
}

.finance-cell-wrapper:hover .finance-cell:nth-child(2):after {
    border-top: 4px #00b49d solid;
    transition: border .3s;
}

.tooltip-finance {
    display:none;
    position: absolute;
    padding: 45px 19px 23px;
    left: -19px;
    background: #fdfdfd;
    z-index: 10;
    font-size: 13px;
    box-shadow: 0 5px 8px -2px rgba(0, 0, 0, 0.18);
    border-radius: 2px;
    right: 0;
}


.tooltip-finance b {
    font-weight: 500;
}

.tooltip-finance:before {
    position: absolute;
    content: '';
    height:1px;
    width:100%;
    background:#f1f1f1;
    top:34px;
    left:0;
}

.finance-row.show-tooltip .finance-cell {
    z-index:20;
}
.finance-row.show-tooltip .tooltip-finance  {
    display: block;
}

/* judge-menu-wrapper */
.judge-menu-wrapper {
    width:100%;
    margin-bottom: 40px;
    background: rgb(0,194,170);
    background: -moz-linear-gradient(top,  rgba(0,194,170,1) 0%, rgba(0,180,157,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,194,170,1) 0%,rgba(0,180,157,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,194,170,1) 0%,rgba(0,180,157,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2aa', endColorstr='#00b49d',GradientType=0 );
    box-shadow: 0 20px 46px -20px rgba(0, 83, 71, 0.51);
}

.judge-menu-wrapper ul {
    font-size: 0
}

.judge-menu-wrapper li {
    display: inline-block;
    font-size:18px;
    line-height: 56px;
    background: rgb(0,194,170);
    background: -moz-linear-gradient(top,  rgba(0,194,170,1) 0%, rgba(0,180,157,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,194,170,1) 0%,rgba(0,180,157,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,194,170,1) 0%,rgba(0,180,157,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2aa', endColorstr='#00b49d',GradientType=0 );
    border-right: 1px solid rgba(255, 255, 255, 0.16);
    box-sizing: border-box;
}

.judge-menu-wrapper li:last-child {
    border-right: none;
}

.judge-menu-wrapper li a {
    position: relative;
    display: block;
    height:100%;
    color: #fff;
    padding:0 56px;
    outline: 0;
}

.judge-menu-wrapper li a.active,
.judge-menu-wrapper li a:hover {
    background: rgba(255, 255, 255, 0.21);
    color: #fff
}

.judge-menu-wrapper li a:after {
    position: absolute;
    content: '';
    display: none;
    width: 0;
    height:0;
    border-top: 12px rgb(67, 196, 178) solid;
    border-right: 13px transparent solid;
    border-bottom: 0;
    border-left: 13px transparent solid;
    margin: 0 auto;
    left: 0;
    right:0;
}

.judge-menu-wrapper li a span {
    padding-left: 39px;
    position: relative;
}

.judge-menu-wrapper li span:before {
    content: '';
    position: absolute;
    display: block;
    width:28px;
    height: 32px;
    background: url("./img/judge-menu-logo.png") no-repeat 0 0;
    top:-8px;
    left: 0;
}

.judge-menu-wrapper li a.active:after {
    display: block;
}

.judge-menu-wrapper li a.active {
    pointer-events: none;
}

/* judge-data */
.judge-data {
    width:100%;
    background: #f1f1f1;
    padding:60px 35px 30px 35px;
    margin-bottom: 45px;
    box-sizing: border-box;
}

.judge-data p {
    text-align: justify;
    padding-bottom: 10px;
}

.judge-data a {
    color: #00b49d;
}

.judge-data a:hover {
    color: #000;
}

.judge-data a.notify,
.judge-data a.notify:hover{
    color: #fff;
}

.judge-data ul,
.judge-data ol {
    padding: 0 0 20px 30px;
}

.judge-data ul {
    list-style: disc;
}

.judge-data ol {
    list-style: decimal;
}

.judge-data h1 {
    font-size: 33px;
    padding: 20px 0 10px;
}
.judge-data  h2 {
    font-size: 30px;
    padding: 20px 0 10px;
}
.judge-data h3 {
    font-size: 27px;
    padding: 20px 0 10px;
}
.judge-data h4 {
    font-size: 24px;
    padding: 10px 0;
}
.judge-data h5 {
    font-size: 22px;
    padding: 10px 0;
}
.judge-data h6 {
    font-size: 20px;
    padding: 10px 0;
}

.judge-data blockquote {
    margin:10px 0 25px 0;
}

.judge-data blockquote cite {
    display: block;
    font-size: 16px;
    font-style: normal;
    color: #c2c2c2;
    padding-top: 25px;
}

.judge-data blockquote:before,
.judge-data blockquote:after {
    content: '';
    display: block;
    width: 260px;
}

.judge-data blockquote:before {
    padding-bottom: 15px;
    border-top: 1px solid #000
}

.judge-data blockquote:after {
    padding-top: 15px;
    border-bottom: 1px solid #000
}

.judge-data .post-short h2 {
    font-size: 22px;
    padding:15px 0 14px;
}

.judge-data .post-short h2 a:hover {
    color: #5ab69f;
}

.judge-data .post-short p {
    text-align: left;
    padding-bottom: 13px;
}

.virtue > ul {
    padding-top: 20px;
    padding-left: 95px;
    list-style: none;
    list-style: none;
}

.virtue li div span {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    cursor: pointer;
    border-bottom: 1px #bfbfbf dashed;
    webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    -o-transition: all ease 1s;
    -ms-transition: all ease 1s;
    transition: all ease 1s;
}

.virtue li div span.open {
    border-bottom: 1px transparent dashed;
}

.virtue li div span:before {
    content: '';
    position: absolute;
    display: block;
    width:76px;
    background: url("./img/judge-content-icons.png") no-repeat 0 0;
    left: -100px;
}

.virtue .corruption-icon:before {
    background-position: right 0;
    height:57px;
    width:44px;
    margin-left: 24px;
    bottom:-11px;
}

.virtue .wealth-icon:before {
    background-position: right  -57px;
    height:50px;
    width:59px;
    margin-left: 15px;
    bottom:-6px;
}

.virtue .adoption-icon:before {
    background-position: right  -107px;
    height:57px;
    width:71px;
    margin-left: 8px;
    bottom:-8px;
}

.virtue .violation-icon:before {
    background-position: right -164px;
    height:52px;
    width:76px;
    bottom:-7px;
}

.virtue .lustration-icon:before {
    background-position: right -216px;
    height:68px;
    width:52px;
    padding-left: 12px;
    bottom:-13px;
}

.virtue .unethical-icon:before {
    background-position: right -284px;
    height:63px;
    width:55px;
    padding-left: 15px;
    bottom:-14px;
}

.virtue span.spoiler {
    display: block;
    max-height:0;
    font-size: 16px;
    webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    -o-transition: all ease 1s;
    -ms-transition: all ease 1s;
    transition: all ease 1s;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 50px;
    box-sizing: border-box;
}

.virtue span.spoiler.open {
    max-height: 3000px;
}

.virtue .notify {
    position: initial;
    margin: 20px 0 0;
}

.judge-data > div {
    max-height: 0;
    overflow: hidden;
}

.judge-data > div.open {
    max-height: 10000px;
}

.news-judge .post-short {
    padding-right: 23px;
}

.load-profile {
    display: block;
    width:340px;
    height:58px;
    font-size: 19px;
    color: #000;
    text-align: center;
    line-height: 58px;
    border: 1px solid #e5e5e5;
    transition: all 1s ease;
}

.load-profile:hover {
    background: #e5e5e5;
    color: #fff;
}

.legal-principles {
    line-height:58px;
    color: #c7c7c7;
}

.legal-principles a {
    color: #00b49d;
}

.legal-principles a:hover {
    color: #000;
}

/* candidate */
.candidate-main {
    padding-top: 0;
    padding-bottom: 80px;
}

.candidate-bg {
    background: #fbfbfb;
}

.candidate-wrapper {
    width:727px;
    padding-top: 65px;
    margin: 0 auto;
}

.candidate-title {
    margin-bottom: 45px;
    position: relative;
}

.candidate-title h1 {
    font-size:47px;
    font-weight:500;
}

.candidate-title h1:after {
    display: none;
}

.candidate-archive-desc {
    font-size: 16px;
    line-height: 138%;
    padding-bottom: 44px;
    border-bottom: 1px solid #e5e5e5;
}

.unfair-page-heading .candidate-archive-desc {
    border-bottom: none;
}

.unfair-page-heading .candidate-title:after {
    display: block;
    content: "";
    height: 1px;
    width: 420px;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 20px;
}

.unfair-candidate-statistic {
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    margin-top: 30px;
}

.page-template-page-unfair {
    background-color: #fbfbfb;
}

.candidate-archive-desc p {
    text-align: justify;
    padding-bottom: 10px;
}

.candidate-archive-desc a {
    color: #00b49d;
}

.candidate-archive-desc a:hover {
    color: #000;
}

.filter-alphabet {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: baseline;
    align-content: space-between;
    padding-bottom: 34px;
}

.filter-alphabet span {
    display: block;
    width:35px;
    height:35px;
    font-size:16px;
    font-weight:600;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    margin-right: 8px;
    transition: all 0.666s;
    cursor: pointer;
}

.filter-alphabet span:hover {
    background: #e5e5e5;
}

.filter-alphabet span.disable-letter:hover,
.filter-alphabet .disable-letter {
    background: none;
    cursor: default;
    color: #ccc;
}

.filter-alphabet span.active-letter:hover,
.filter-alphabet .active-letter {
    background: #482976;
    color: #fff;
}


.candidate-filter {
    padding: 47px 0 35px;
}

.filter-alphabet span:nth-child(17) {
    margin-right: 0;
}

.filter-inputs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.filter-inputs .select2-container {
    width: 350px!important;
    margin-top: 25px;
}

.judge_name_input,
.region_select,
.filter-inputs .select2-container--default .select2-selection{
    width:350px;
    height:45px;
    font-size: 16px;
    line-height: 16px;
    padding: 0 20px;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    box-sizing: border-box;
    outline: none;
}


.filter-inputs .select2-container--default .select2-selection {
    min-height: 45px;
    height: auto;
}

.filter-inputs .select2-container--default .select2-selection .select2-selection__rendered {
    padding: 0;
    margin: 7px 0 7px 0;
}

.filter-inputs .select2-container--default.select2-container--focus .select2-selection {
    border: solid #e5e5e5 1px;
    outline: 0;
}

.select2-container--default .select2-search--inline .select2-search__field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1; /* Firefox */
}

.select2-container--default .select2-search--inline .select2-search__field:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
}

.select2-container--default .select2-search--inline .select2-search__field::-ms-input-placeholder { /* Microsoft Edge */
    color: #000;
}

.judge_name_input{
    width:100%;
    margin-bottom: 15px;
}

.search_by_judge {
    width: 100%;
    margin-bottom: 15px;
}

.search_by_judge a {
    color: #00b49d;
}

.search_by_judge a:hover,
.search_by_judge a:hover + svg {
    color: #582686;
    fill: #582686;
}

.region_select,
.filter-inputs .select2-container--default .select2-selection {
    position: relative;
    background: url("./img/candidate-filter-arrow.png") #fff no-repeat 97% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.filter-inputs .select2-selection__arrow,
.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}

.region_select::-ms-expand { /* for IE 11 */
    display: none;
}

.region_select-link {
    background: none;
    padding: 0;
    border: none;
}

.region_select-full {
    width:100%!important;
}

.region_select-margin {
    margin-top: 25px;
}

.reset-all-select {
    margin-left: auto;
}

.disable-filter {
    float: right;
    color: #cccccc;
    padding-top: 25px;
    border-bottom: 1px dashed #d8d8d8;
    transition: all 0.666s;
}

.disable-filter:hover {
    color: #482976;
    border-color: #482976;
}

.candidate-list-title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 44px;
}

.candidate-title-search {
    font-size:30px;
    font-weight: 400;
    padding-bottom: 14px;
}

.is_dismissal label {
    color: #cccccc;
    padding-top: 25px;
    border-bottom: 1px dashed #d8d8d8;
    transition: all 0.666s;
    cursor: pointer;
}

.is_dismissal label:hover {
    color: #482976;
    border-color: #482976;
}

#dismissal {
    opacity: 0;
    position: absolute;
}

.candidate-list {
    display: flex;
    width:100%;
    flex-wrap: wrap;
    flex-direction: column;
    border-top: 1px solid #e5e5e5;
}

.candidate-list a {
    position: relative;
    display: block;
    font-size: 16px;
    color: #59b39d;
    line-height: 50px;
    height:50px;
    box-sizing: border-box;
    border-bottom:1px solid #e5e5e5;
    transition: all 0.666s;
    /*overflow: hidden;*/
    word-wrap: initial;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.candidate-list a.eliminated {
    color: #A4A4A4;
}

.unfair__sm i {
    position: absolute;
    width: 23px;
    height: 23px;
    background: url(./img/unfair_sm.png) no-repeat;
    margin-left: 11px;
    top: 50%;
    transform: translateY(-50%);
}

.unfair__lg i {
    position: relative;
    width: 39px;
    height: 39px;
    background: url(./img/unfair_lg.png) no-repeat;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
    transform: none;
}

.unfair__sm i::after,
.unfair__lg i::after {
    content: 'Порушено критерії доброчесності';
    position: absolute;
    display: none;
    padding: 9px;
    width: 225px;
    background: #fdfdfd;
    color: #000;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    box-shadow: 0 5px 8px -2px rgba(0, 0, 0, 0.18);
    border-radius: 2px;
    left: 50%;
    bottom: 130%;
    box-sizing: border-box;
    transform: translateX(-50%);
    transition: .666s;
    z-index:20;
}

.unfair__sm i:hover::after,
.unfair__lg i:hover::after {
    display: block;
    transition: .666s;
}

.candidate-list span {
    display: block;
    font-size: 16px;
    line-height: 50px;
    height:50px;
    box-sizing: border-box;
    border-bottom:1px solid #e5e5e5;
    transition: all 0.666s;
}

.candidate-list a:hover {
    color: #482976;
}
.container-unfair {
    max-width: 1500px;
    width: calc(100% - 40px);
    padding: 0 20px;
    margin: 0 auto;
}
.unfair-candidate-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.unfair-candidate-item {
    position: relative;
    box-sizing: border-box;
    width: calc(25% - 20px);
    height: 110px;
    margin: 0 10px 30px;
    display: flex;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: all 0.3s linear;
}
.unfair-candidate-item__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}
.unfair-candidate-item__img {
    width: 110px;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover;
    flex: none;
}
.unfair-candidate-item.unfair-candidate-type_leave {
    border: none;
}
.unfair-candidate-type_leave .unfair-candidate-item__img:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: rgba(230, 230, 230, .5);
}
.unfair-candidate-type_leave .unfair-candidate-item__img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.unfair-candidate-item__content {
    flex: 1;
    padding: 10px 10px 10px 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.unfair-candidate-item__name {
    font-size: 16px;
    font-weight: 600;
    width: 100%;
}
.unfair-candidate-item__warning {
    font-size: 10px;
    width: 90%;
    position: relative;
    margin-top: auto;
    display: none;
}
.unfair-candidate-type_warning .unfair-candidate-item__warning {
    display: block;
}
.unfair-candidate-item__leave {
    font-size: 10px;
    width: 90%;
    position: relative;
    margin-top: auto;
    display: none;
}
.unfair-candidate-type_leave .unfair-candidate-item__leave {
    display: block;
}
.unfair-candidate-type_leave .unfair-candidate-item__content {
    background-color: #E6E6E6;
}
.unfair-candidate-type_leave .unfair-candidate-item__name {
    color: #A4A4A4;
}
.unfair-warning-img {
    width: 23px;
    height: 23px;
    background-color: #FFCC4D;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    position: absolute;
    bottom: 0;
    left: -31px;
    opacity: 1;
    transition: all 0.3s linear;
}
.unfair-symbol_small {
    width: 3px;
    height: 13px;
}
.unfair-symbol_lg {
    height: 21px;
    width: 4px;
    opacity: 0;
    transition: all 0.3s linear;
}
.unfair-leave-img {
    width: 23px;
    height: 23px;
    background-color: #FF584D;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    position: absolute;
    bottom: 0;
    left: -31px;
    opacity: 1;
    transition: all 0.3s linear;
    z-index: 29;
}
.leave-icon_small {
    width: 9px;
    height: 9px;
}
.leave-icon_lg {
    width: 14px;
    height: 14px;
}
.unfair-warning-hover {
    display: flex;
    padding: 2px 5px 2px 0;
    transform: translateX(-31px) translateY(20px);
    transition: all 0.3s linear;
    align-items: center;
}
.unfair-warning-hover-img {
    width: 23px;
    height: auto;
    margin-right: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}
.unfair-warning-hover__negative {
    margin-top: 2px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 0.3s linear;
    opacity: 0;
}
.unfair-leave-hover {
    display: flex;
    padding: 5px 5px 5px 0;
    transform: translateX(-31px) translateY(20px);
    transition: all 0.3s linear;
    align-items: center;
    z-index: 29;
    background-color: #FF584D;
    color: #fff;
    opacity: 0;
}
.unfair-leave-hover-img {
    width: 23px;
    height: auto;
    margin-right: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}
.unfair-candidate-item:hover {
    border: 1px solid transparent;
    box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
}
.unfair-candidate-item.unfair-candidate-type_leave:hover {
    border: none;
}
.unfair-candidate-item.unfair-candidate-type_warning:hover .unfair-candidate-item__name,
.unfair-candidate-item.unfair-candidate-type_leave:hover .unfair-candidate-item__name {
    font-size: 12px;
}
.unfair-candidate-item:hover .unfair-warning-hover__negative,
.unfair-candidate-item:hover .unfair-symbol_lg {
    opacity: 1;
}
.unfair-candidate-item:hover .unfair-warning-img,
.unfair-candidate-item:hover .unfair-leave-img {
    opacity: 0;
}
.unfair-candidate-item:hover .unfair-warning-hover {
    background-color: #FFCC4D;
    transform: translateX(-31px) translateY(0);
}
.unfair-candidate-item:hover .unfair-leave-hover {
    transform: translateX(-31px) translateY(0);
    opacity: 1;
}

@media (max-width: 1365px) {
    .unfair-candidate-item {
        width: calc(33.33% - 20px);
        margin: 0 10px 30px;
    }
}
@media (max-width: 1023px) {
    .unfair-candidate-statistic {
        font-size: 24px;
        margin-top: 25px;
    }
    .unfair-candidate-list {
        margin: 0 -8px;
    }
    .unfair-candidate-item {
        width: calc(33.33% - 14px);
        height: 84px;
        margin: 0 7px 20px;
    }
    .unfair-candidate-item__img {
        width: 84px;
    }
    .unfair-candidate-item__content {
        padding: 5px 5px 8px 10px;
    }
    .unfair-candidate-item__name {
        font-size: 13px;
    }
    .unfair-candidate-item__warning {
        font-size: 8px;
        width: 100%;
    }
    .unfair-candidate-item__leave {
        font-size: 8px;
        width: 100%;
    }
    .unfair-warning-img {
        width: 17px;
        height: 17px;
        left: -18px;
    }
    .unfair-symbol_small {
        width: 2px;
        height: 10px;
    }
    .unfair-symbol_lg {
        height: 18px;
        width: 3px;
    }
    .unfair-leave-img {
        width: 17px;
        height: 17px;
        left: -18px;
    }
    .leave-icon_small {
        width: 9px;
        height: 9px;
    }
    .leave-icon_lg {
        width: 14px;
        height: 14px;
    }
    .unfair-warning-hover {
        padding: 2px 5px 2px 0;
        transform: translateX(-21px) translateY(20px);
    }
    .unfair-warning-hover-img {
        width: 17px;
        margin-right: 6px;
    }
    .unfair-warning-hover__negative {
        margin-top: 2px;
        font-size: 12px;
    }
    .unfair-leave-hover {
        padding: 5px 5px 5px 0;
        transform: translateX(-21px) translateY(20px);
    }
    .unfair-leave-hover-img {
        width: 17px;
        margin-right: 6px;
    }
    .leave-icon_lg {
        width: 12px;
        height: 12px;
    }
    .unfair-candidate-item.unfair-candidate-type_warning:hover .unfair-candidate-item__name,
    .unfair-candidate-item.unfair-candidate-type_leave:hover .unfair-candidate-item__name {
        font-size: 9px;
    }
    .unfair-candidate-item:hover .unfair-warning-hover {
        background-color: #FFCC4D;
        transform: translateX(-21px) translateY(0);
    }
    .unfair-candidate-item:hover .unfair-leave-hover {
        transform: translateX(-21px) translateY(0);
        opacity: 1;
    }
}
@media (max-width: 767px) {
    .unfair-candidate-statistic {
        font-size: 18px;
        margin-top: 20px;
    }
    .unfair-candidate-item {
        width: calc(50% - 14px);
        margin: 0 7px 20px;
    }
    .unfair-warning-hover {
        transform: translateX(-21px) translateY(0);
        background-color: #FFCC4D;
    }
    .unfair-leave-hover {
        padding: 5px 5px 5px 0;
        transform: translateX(-21px) translateY(0);
        opacity: 1;
    }
    .unfair-candidate-type_warning .unfair-candidate-item__name,
    .unfair-candidate-type_leave .unfair-candidate-item__name {
        font-size: 9px;
    }
    .unfair-warning-img,
    .unfair-leave-img {
        display: none;
    }
    .unfair-warning-hover__negative,
    .unfair-symbol_lg {
        opacity: 1;
    }
}
@media (max-width: 549px) {
    .unfair-candidate-item {
        width: 100%;
        margin: 0 7px 20px;
    }
}
/* search */
.search-form-block {
    padding:50px 0 60px;
}

.search-form-block form {
    position: relative;
    display: flex;
    width:100%;
    height:58px;
    line-height: 58px;
    justify-content:space-between;
}

.search-form-block form input[type='text']{
    width:100%;
    height:58px;
    font-family: 'Roboto Light', sans-serif;
    font-size: 22px;
    padding: 0 20px;
    border: 1px solid #e5e5e5;
    margin: 0 395px 0 0;
    outline: 0;
    box-sizing: border-box;
}

.btn-search {
    width: 340px;
    max-width:340px;
    border: 0;
    right: 0;
    left: auto;
    top: 0;
    bottom: auto;
}


/* footer */
footer {
    min-height:96px;
    background: #ebebeb;
    line-height:96px;
}

footer .copy {
    color: #a8a8a8;
}

footer .ico-facebook:before {
    background-image: url("./img/icons-footer.png");
}

footer .ico-facebook,
footer .ico-twitter,
footer .ico-youtube {
    border-color: #cfcfcf;
}

footer .ico-twitter:before {
    background-image: url("./img/icons-footer.png");
}

footer .ico-twitter:hover,
footer .ico-facebook:hover,
footer .ico-youtube:hover{
    background: #582686;
    border-color: #582686;
}

footer .ico-youtube svg {
    fill: #000;
}

footer .ico-youtube:hover svg {
    fill: #ececec;
}


footer .right a:hover {
    color: #582686;
}

.error404 {
    background: url("./img/back-404.jpg") no-repeat 0 0;
    background-size: cover;
}

.main-404 {
    flex:1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.error-404 {
    position: relative;
    text-align: center;
    color: #ffffff;
    padding: 0 30px;
}


.error-404 h1 {
    position: relative;
    font:57px 'Roboto';
    font-weight: 600;
    margin-bottom: 60px;
}

.error-404 h1:before {
    position: absolute;
    content: '';
    width:80px;
    height: 3px;
    background: #fff;
    bottom:-30px;
    left:50%;
    transform: translateX(-50%);
}

.error-404 span {
    font:22px 'Roboto';
}


.likely,.likely__widget{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin:0;padding:0;text-indent:0!important;list-style:none!important;font-weight:400;font-family:"Helvetica Neue",Arial,sans-serif;font-size:inherit}.likely{opacity:0;font-size:0!important}.likely_visible{opacity:1;transition:opacity .1s ease-in}.likely>*{display:inline-block;visibility:hidden}.likely_visible>*{visibility:inherit}.likely__widget{display:inline-block;position:relative;white-space:nowrap}.likely__button,.likely__counter{text-decoration:none;text-rendering:optimizeLegibility;display:inline-block;margin:0;outline:0}.likely__button{position:relative;cursor:pointer;user-select:none}.likely__counter{display:none;position:relative;font-weight:400}.likely_ready .likely__counter{display:inline-block}.likely_ready .likely__counter_empty{display:none}.likely__widget,.likely__icon,.likely__button,.likely__counter{vertical-align:top}.likely__widget{transition:background .33s ease-out,color .33s ease-out,fill .33s ease-out;line-height:inherit}.likely__widget:hover,.likely__widget:active,.likely__widget:focus{transition:none;cursor:pointer}.likely__icon{position:relative;text-align:left;display:inline-block}.likely svg{position:absolute}.likely__button,.likely__counter{line-height:inherit;cursor:inherit}.likely__button:empty{display:none}.likely__counter{text-align:center}.likely .likely__widget{color:#000;background:#ececec;background:rgba(231,231,231,.8)}.likely .likely__counter{background-size:1px 1px;background-repeat:repeat-y;background-image:linear-gradient(to right,rgba(0,0,0,.2)0,rgba(0,0,0,0).5px,rgba(0,0,0,0)100%)}.likely-light .likely__widget{color:#fff;fill:#fff;background:rgba(236,236,236,.16);text-shadow:rgba(0,0,0,.2)0 0 .33em}.likely-light .likely__counter{background-image:linear-gradient(to right,rgba(255,255,255,.4)0,rgba(255,255,255,0).5px,rgba(255,255,255,0)100%)}.likely__widget_facebook{fill:#425497}.likely__widget_facebook:hover,.likely__widget_facebook:active,.likely__widget_facebook:focus{background:rgba(207,212,229,.8)}.likely-light .likely__widget_facebook:hover,.likely-light .likely__widget_facebook:active,.likely-light .likely__widget_facebook:focus{text-shadow:#425497 0 0 .25em;background:rgba(66,84,151,.7)}.likely__widget_twitter{fill:#00b7ec}.likely__widget_twitter:hover,.likely__widget_twitter:active,.likely__widget_twitter:focus{background:rgba(191,237,250,.8)}.likely-light .likely__widget_twitter:hover,.likely-light .likely__widget_twitter:active,.likely-light .likely__widget_twitter:focus{text-shadow:#00b7ec 0 0 .25em;background:rgba(0,183,236,.7)}.likely__widget_gplus{fill:#dd4241}.likely__widget_gplus:hover,.likely__widget_gplus:active,.likely__widget_gplus:focus{background:rgba(246,207,207,.8)}.likely-light .likely__widget_gplus:hover,.likely-light .likely__widget_gplus:active,.likely-light .likely__widget_gplus:focus{text-shadow:#dd4241 0 0 .25em;background:rgba(221,66,65,.7)}.likely__widget_vkontakte{fill:#526e8f}.likely__widget_vkontakte:hover,.likely__widget_vkontakte:active,.likely__widget_vkontakte:focus{background:rgba(211,218,227,.8)}.likely-light .likely__widget_vkontakte:hover,.likely-light .likely__widget_vkontakte:active,.likely-light .likely__widget_vkontakte:focus{text-shadow:#526e8f 0 0 .25em;background:rgba(82,110,143,.7)}.likely__widget_pinterest{fill:#cc002b}.likely__widget_pinterest:hover,.likely__widget_pinterest:active,.likely__widget_pinterest:focus{background:rgba(242,191,202,.8)}.likely-light .likely__widget_pinterest:hover,.likely-light .likely__widget_pinterest:active,.likely-light .likely__widget_pinterest:focus{text-shadow:#cc002b 0 0 .25em;background:rgba(204,0,43,.7)}.likely__widget_odnoklassniki{fill:#f6903b}.likely__widget_odnoklassniki:hover,.likely__widget_odnoklassniki:active,.likely__widget_odnoklassniki:focus{background:rgba(252,227,206,.8)}.likely-light .likely__widget_odnoklassniki:hover,.likely-light .likely__widget_odnoklassniki:active,.likely-light .likely__widget_odnoklassniki:focus{text-shadow:#f6903b 0 0 .25em;background:rgba(246,144,59,.7)}.likely{line-height:20px;margin:0 -5px -10px}.likely .likely__widget{font-size:14px;border-radius:3px;height:22px;margin:0 5px 10px}.likely .likely__icon{width:22px;height:22px}.likely .likely__button{padding:1px 4px 1px 0}.likely .likely__counter{padding:1px 4px}.likely svg{left:3px;top:3px;width:16px;height:16px}.likely-big{line-height:28px;margin:0 -6px -12px}.likely-big .likely__widget{font-size:18px;border-radius:4px;height:32px;margin:0 6px 12px}.likely-big .likely__icon{width:32px;height:32px}.likely-big .likely__button{padding:2px 6px 2px 0}.likely-big .likely__counter{padding:2px 6px}.likely-big svg{left:4px;top:4px;width:24px;height:24px}.likely-small{line-height:14px;margin:0 -4px -8px}.likely-small .likely__widget{font-size:12px;border-radius:2px;height:18px;margin:0 4px 8px}.likely-small .likely__icon{width:18px;height:18px}.likely-small .likely__button{padding:2px 3px 2px 0}.likely-small .likely__counter{padding:2px 3px}.likely-small svg{left:3px;top:3px;width:12px;height:12px}

@media only screen and (max-width: 1619px) {
    .container {
        width:1306px;
        padding: 0 20px;
    }

    .slider-block,
    .slide img {
        width: 810px;
    }

    .slide-info {
        padding: 30px 45px 40px 780px;
    }

    .post-short {
        width:300px;
    }

    .news-list-home.container {
        padding: 115px 20px 30px;
    }

    .news-list-home .post-short {
        padding: 0 17px;
    }

    .news-list-home .post-short:last-of-type {
        padding-left: 18px;
    }

    .news-list .post-short {
        padding-right: 35px;
    }

    /* content-home */
    .content-home {
        width:1312px;
    }

    .content-home > aside {
        width:562px;
    }

    /* analytics-list-home */
    .analytics-list-home {
        width:630px;
    }

    .map.container {
        padding: 50px 20px 15px;
    }

    /* single-judge */
    .declaration-year {
        padding-right: 20px;
    }


    .finance-cell:nth-child(2):after {
        right: 10px;
    }

    .judge-menu-wrapper li a {
        padding: 0 39px 0 40px;
    }

    .judge-menu-wrapper li:last-child a {
        padding: 0 42px;
    }

    .news-judge .post-short {
        padding-right: 12px;
    }

    /* search */
    .search-form-block form input[type='text']{
        margin-right: 345px;
    }

    .btn-search {
        width: 300px;
    }
}

@media only screen and (max-width: 1365px) {
    .container {
        width:964px;
    }

    /*header*/
    .header-wrapper .right .about-btn {
        padding: 0 10px;
        margin-right: 10px;
    }
    .header-wrapper .right > ul > li,
    .header-wrapper .right > a {
        margin-right: 10px;
    }

    .sub-menu a {
        padding: 0 10px;
    }

    .header-wrapper .right > .main-nav li,
    .gamburger .main-nav > li:last-child,
    .header-wrapper .right > a.ico-facebook,
    .header-wrapper .right > a.ico-twitter,
    .header-wrapper .right > a.ico-youtube {
        display: none;
    }

    .header-wrapper .right > .main-nav > li:last-child {
        display: block;
    }

    .header-wrapper {
        -webkit-transition: all ease-in-out 1s;
        -moz-transition: all ease-in-out 1s;
        -o-transition: all ease-in-out 1s;
        -ms-transition: all ease-in-out 1s;
        transition: all ease-in-out 1s;
    }

    .header-wrapper.gamburger-open {
        background: #572584;
        margin: 0 -20px;
        padding: 0 20px;
    }

    .header-wrapper .right > a.gamburger-btn {
        display: block;
    }

    .header-wrapper .right .search-btn {
        margin-right:30px;
    }

    .change-lang {
        margin-right: 40px;
    }

    .gamburger-btn {
        margin-left: 5px;
    }

    .gamburger {
        position: absolute;
        display: block;
        width:100%;
        min-height: 80px;
        height: auto;
        background: #572584;
        transform: translateY(-100%);
        -webkit-transition: all ease-in-out 1s;
        -moz-transition: all ease-in-out 1s;
        -o-transition: all ease-in-out 1s;
        -ms-transition: all ease-in-out 1s;
        transition: all ease-in-out 1s;
        margin: 0 auto;
        left:0;
        right:0;
        z-index: 200;
    }

    .gamburger.show-menu {
        transform: translateY(0);
        margin-top: 84px;
    }

    .header-wrapper .gamburger .about-btn {
        margin-top: 0!important;
        background-color: #572584;
        color: #fff;
        padding: 0 10px;
        margin-right: 0;
    }


    .header-wrapper .gamburger .about-btn__second {
        padding: 0;
    }

    .gamburger a {
        color: #fff;
        font-size: 16px;
    }

    .gamburger > a:hover,
    .gamburger .about-btn:hover {
        color: rgba(255, 255, 255, 0.31);
    }

    .gamburger .about-btn:hover {
        background: #572584;
    }

    .gamburger .about-btn i:after {
        background: url("./img/icons-header-home.png") no-repeat 0 -19px;
    }

    .gamburger .about-btn:hover i {
        opacity: 0.3;
    }

    .gamburger .sub-menu {
        min-width:100%;
        background-color: #572584;
        border-top:1px solid #683b91;
    }

    .gamburger .sub-menu a {
        color: #fff;
    }

    .gamburger .sub-menu a:hover {
        background-color: #704596;
    }

    .gamburger > ul > li,
    .gamburger > a {
        float: left;
        font-weight: 600;
        font-size: 19px;
        letter-spacing: 0.075em;
        text-transform: uppercase;
        line-height: 63px;
        color: #fff;
        /*margin-right: 15px;*/
    }

    .gamburger > ul > li {
        padding: 0 10px;
    }

    .gamburger .ico-twitter,
    .gamburger .ico-facebook,
    .gamburger .ico-youtube {
        float: right;
        margin-top: 12px;
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .gamburger .ico-facebook:before,
    .gamburger .ico-twitter:before {
        background-image: url("./img/icons-header-home.png");
    }

    .slider-block {
        width: 482px;
        bottom: initial;
        top: 66px;
    }

    .slide img {
        width:482px;
    }

    .slide-info {
        padding: 30px 40px 40px 440px;
    }

    .post-short {
        width:297px;
    }

    .news-list-home.more-news.container {
        padding: 0 20px 20px;
    }

    .news-list-home .post-short:last-of-type {
        display:none;
    }

    .news-list-home .post-short:nth-of-type(3) {
        padding-left: 18px;
        padding-right: 0;
        border: 0;
    }

    .news-list .post-short:nth-of-type(4n),
    .news-list .post-short {
        padding-right: 36px;
    }

    .news-list .post-short:nth-of-type(3n)  {
        padding-right:0;
    }

    /* content-home */
    .content-home {
        width:1004px;
    }

    .content-home > aside {
        width:964px;
    }

    .content-home > aside section {
        width: 465px;
        float: left;
    }

    .content-home > aside section:nth-child(even) {
        float: right;
    }

    /* analytics-list-home */
    .analytics-list-home {
        width:964px;
    }

    .analytics-list-home .post-short {
        padding-right: 36px;
    }

    .analytics-list-home .post-short:nth-of-type(3) {
        padding-right: 0;
    }

    .analytics-list-home .post-short:last-of-type {
        display: none;
    }

    .analytics-list-home .post-short:nth-of-type(even) {
        float: left;
    }

    .map {
        height:850px;
    }

    #map {
        top: 250px;
    }

    .region:nth-child(3n) {
        margin-right: 45px;
    }

    .region:nth-child(2n) {
        margin-right: 0;
    }

    /* single-judge */
    .court-head .title h1 {
        font-size: 40px;
    }

    .profile-photo-bg {
        width:235px;
        height:235px;
    }

    .judge-finance {
        width:964px;
    }

    .declaration-year {
        padding-right: 34px;
    }

    .judge-menu-wrapper li {
        width:33.3%;
    }

    .judge-menu-wrapper li:nth-child(3n) {
        border-right: none;
    }

    .judge-menu-wrapper li:last-child a,
    .judge-menu-wrapper li a {
        text-align: center;
        padding: 0;
    }

    .judge-menu-wrapper li a.active:after{
        display: none;
    }

    .judge-menu-wrapper li {
        text-align: center;
    }

    .judge-menu-wrapper li span {
        display: inline;
        padding-left: 36px;
    }

    .judge-menu-wrapper li span:before {
        top: -10px;
        left: 0px;
    }

    .finance-item {
        min-width: 230px;
    }

    .note-popup {
        right: 0;
        left: auto;
    }

    .finance-cell:nth-child(2):after {
        right:14px;
    }

    .news-judge .post-short:nth-of-type(4n),
    .news-judge .post-short {
        width: 287px;
        padding-right: 12px;
    }

    /* single-post */
    .next-prev-posts a p {
        display: none;
    }
    .next-prev-posts a:first-child {
        left: 50%;
        transform: translateX(-482px);
    }
    .next-prev-posts a:last-child {
        right: 50%;
        transform: translateX(482px);
    }
}

@media only screen and (max-width: 1023px) {
    /*@media only screen and (max-width: 1043px) {*/
    .container {
        width:708px;
    }

    .candidate-button {
        margin: 20px 10px;
    }

    /* menu */
    .header-wrapper .right > ul > li,
    .header-wrapper .right > a,
    footer .right > ul > li,
    footer .right > a {
        font-size: 17px;
        margin-right: 15px;
    }

    .header-wrapper .right .about-btn {
        margin-right: 10px;
    }

    .header-wrapper .right .about-btn__second {
        margin-right: 0;
    }

    .about-btn:hover > .sub-menu {
        display: none;
    }

    .about-btn > .sub-menu.active {
        display: block;
    }

    .slider-block {
        width: 708px;
        position: relative;
        top:0;
        z-index:10;
    }

    .slide img {
        width:708px;
    }

    .slide-info {
        width: 638px;
        height: 240px;
        padding: 30px 35px 40px 35px;
        margin: 0;
    }

    .changing-text-block.post-short {
        width: 638px;
        height: 205px;
    }

    .post-short {
        width:330px;
    }

    .news-list-home .post-short:last-of-type {
        display: block;
    }

    .news-list-home .post-short:nth-of-type(odd) {
        padding-left: 0;
        padding-right: 17px;
        border-right: 1px solid #cbcbcb;
    }

    .news-list-home .post-short:nth-of-type(even) {
        padding-left: 18px;
        padding-right: 0;
        border: 0;
    }


    .news-list .post-short:nth-of-type(3n),
    .news-list .post-short:nth-of-type(4n),
    .news-list .post-short {
        padding-right: 48px;
    }

    .news-list .post-short:nth-of-type(2n)  {
        padding-right:0;
    }

    /* content-home */
    .content-home {
        width:768px;
    }

    .content-home > aside {
        width:708px;
    }

    .content-home > aside section {
        width: 708px;
        float: left;
    }

    .content-home > aside section:nth-child(even) {
        float: right;
    }

    /* analytics-list-home */
    .analytics-list-home {
        width:708px;
    }

    .analytics-list-home .post-short {
        padding-right: 0;
    }

    .analytics-list-home .post-short:nth-of-type(3) {
        padding-right: 0;
    }

    .analytics-list-home .post-short:last-of-type {
        display: block;
    }

    .analytics-list-home .post-short:nth-of-type(even) {
        float: right;
    }

    .post-img {
        max-width: 768px;
        margin: 0 auto;
    }

    .map {
        height:700px;
    }

    .map .title h1:after {
        display: none;
    }

    #map {
        top: 270px;
    }

    #map svg {
        width: 700px;
        height: 480px;
    }

    /* single-judge */
    .court-head .title h1 {
        font-size: 26px;
    }

    .unfair__lg i {
        width: 30px;
        height: 30px;
        background-size: contain;
        vertical-align: sub;
    }

    .notify-wrapper .notify {
        bottom: 12px;
        font-size: 17px;
        width: 240px;
    }

    .judge-info .info-col {
        width: 236px;
        padding-left: 35px;
        padding-right: 10px;
    }

    .judge-finance {
        width:708px;
    }

    .finance-item {
        width:50%;
        min-width: 270px;
        padding-left: 80px;
    }

    .finance-item:nth-child(3n) {
        border-right: 1px solid #ddd;
    }

    .finance-item:nth-child(2n) {
        border-right: 0;
    }


    .note-popup {
        width:100%;
        right: 0;
        left: 0;
    }

    .finance-items__second-line.finance-item,
    .finance-item {
        margin-top: 26px;
        padding-bottom: 0;
        padding-top: 0;
    }


    .finance-items__second-line.finance-item::before {
        display: none;
    }

    .news-judge .post-short:nth-of-type(4n),
    .news-judge .post-short {
        width: 100%;
    }

    /* search */
    .search-form-block form input[type='text']{
        width:50%;
        margin-right: 48px;
    }

    .btn-search {
        width: 50%;
        position: relative;
    }

    .error-404 h1 {
        font-size: 50px;
    }

    /* single-post */
    .next-prev-posts.fixed_bottom a,
    .next-prev-posts a {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        transform: translateX(0);
        margin-bottom: 100px;
    }

    .next-prev-posts a p {
        display: inline;
    }
    .next-prev-posts a:first-child {
        left: 50%;
        transform: translateX(-354px);
    }
    .next-prev-posts a:last-child {
        right: 50%;
        transform: translateX(354px);
    }

}

@media only screen and (max-width: 787px) {
    .container {
        width:100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .header-wrapper.gamburger-open {
        background: #572584;
        margin: 0 -10px;
        padding: 0 10px;
    }

    /*.candidate-bg .candidate-btn-menu a,*/
    /*.candidate-btn-menu a {*/
    /*padding:0;*/
    /*background: transparent;*/
    /*border-radius: 0;*/
    /*}*/

    .title-home h1 {
        font-size: 37px;
    }

    .slider-block {
        width:100%;
        position: relative;
        top:0;
        z-index:10;
    }

    .slide img {
        width:100%;
    }

    .slide-info {
        width:100%;
        height: 363px;
        padding: 30px 28px;
        margin: 0;
        box-sizing: border-box;
    }

    .changing-text-block.post-short {
        width:100%;
        height: 280px;
    }

    .post-short {
        width:100%;
    }

    .post-short img {
        width: 340px;
    }

    .news-list-home .post-short:nth-of-type(odd),
    .news-list-home .post-short:nth-of-type(even) {
        padding: 0;
        border: 0;
    }

    .title_a_all {
        padding-right: 0;
    }

    .container .title_a_all a,
    .news-list .title_a_all a,
    .news-list-home .title_a_all a {
        display: none;
    }

    .container .title-bottom,
    .news-list .title-bottom,
    .news-list-home .title-bottom {
        display: block;
    }

    .news-list .post-short:nth-of-type(n)  {
        padding-right:0;
    }

    .title h1:after {
        display: none;
    }

    /* content-home */
    .content-home {
        width:100%;
    }

    .content-home > aside {
        width:100%;;
    }

    .content-home > aside section {
        width:100%;
        float: left;
    }

    .content-home > aside section:nth-child(even) {
        float: right;
    }

    /* analytics-list-home */
    .analytics-list-home {
        width:100%;
    }

    .analytics-list-home .post-short:nth-of-type(even),
    .analytics-list-home .post-short {
        float: left;
        padding: 0;
    }

    .post-img {
        max-width: 480px;
        margin: 0 auto;
    }

    .single-container {
        width:100%;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
    }

    .map {
        height:700px;
    }

    .infographic-home .title h1:after,
    .map .title h1:after {
        display: none;
    }

    .statistics p {
        font-size: 26px;
    }

    #map {
        top: 340px;
    }

    #map svg {
        width:100%;
        height: 290px;
    }

    .region {
        margin-right: 0;
        width: 240px;
        float: none;
    }

    .region .courts-list {
        width: 240px;
    }

    .court-info li {
        width: 270px;
    }

    footer .right li a {
        font-size: 15px;
    }

    footer .right > ul > li, footer .right > a {
        margin-right: 12px;
    }

    /* single-judge */
    .court-head .title h1 {
        font-size: 22px;
    }

    .single-judge .title {
        width:100%;
    }

    .unfair__lg i {
        width: 26px;
        height: 26px;
        margin-left: 0;
    }

    .unfair__lg i:after {
        left:auto;
        right: 0;
        transform: translateX(0);
    }

    .notify-wrapper {
        width:240px;
        float: left;
    }

    .notify-wrapper .notify {
        position: relative;
        bottom: inherit;
    }

    .profile-photo-bg {
        width: 290px;
        height: 290px;
        /*margin: 0 auto;*/
        float: none;
        clear: both;
    }

    .judge-finance,
    .judge-info {
        width:100%;
    }

    .info-candidate > div {
        padding-left: 0;
    }

    .judge-info .info-col {
        width: 50%;
        padding-left: 20px;
    }

    .finance-item {
        padding-bottom: 26px;
    }

    .judge-menu-wrapper li {
        width:50%;
    }

    .judge-menu-wrapper li:nth-child(3n) {
        border-right: 1px solid rgba(255, 255, 255, 0.16);
    }

    .judge-menu-wrapper li:nth-child(2n) {
        border-right: none;
    }

    .judge-data {
        padding: 60px 15px 30px 15px;
    }

    .judge-data ul {
        width: 100%;
        padding-left: 75px;
        box-sizing: border-box;
    }

    .judge-data li div span {
        font-size: 20px;
    }

    .judge-data li div span:before {
        left: -85px;
    }

    .load-profile {
        width:240px;
    }

    .legal-principles {
        padding-top: 20px;
        line-height: 100%;
    }

    /* candidate */
    .candidate-wrapper {
        width:551px;
    }

    .candidate-title h1 {
        font-size: 37px;
    }

    .filter-alphabet span:nth-child(13),
    .filter-alphabet span:nth-child(26) {
        margin-right: 0;
    }

    .filter-alphabet span:nth-child(17) {
        margin-right: 8px;
    }


    .filter-inputs .select2-container,
    .filter-inputs .select2-container--default .select2-selection,
    .region_select {
        width: 265px !important;
    }

    /* search */
    .search-form-block form {
        flex-direction: column;
        height: 136px;
        align-content: space-between;
    }

    .search-form-block form input[type='text']{
        width:100%;
        margin-right: 0;
    }

    .btn-search {
        width: 100%;
    }
    .next-prev-posts a:first-child {
        left: 10px;
        transform: translateX(0);
    }
    .next-prev-posts a:last-child {
        right: 10px;
        transform: translateX(0);
    }
}

@media only screen and (max-width: 767px){
    .gamburger .main-nav li:last-child {
        display: block;
    }

    .header-home.head {
        background-size: cover;
        height: 560px;
    }
    .buttons-block {
        display: block;
    }
    .candidate-button {
        margin: 20px auto;
    }

    .header-wrapper .right > .main-nav > li:last-child {
        display: none;
    }

    .candidate-bg .candidate-btn-menu a, .candidate-btn-menu a {
        padding: 0;
        background: transparent;
        border-radius: 0;
    }


    .error-404 h1 {
        font-size: 40px;
    }
    .finance-item:nth-child(3n),
    .finance-item {
        width:100%;
        border: 0;
    }
}

@media only screen and (max-width: 635px) {
    .change-lang {
        margin-right: 30px;
    }

    .main-nav {
        padding-bottom: 10px;
    }

    .legal-principles {
        float: left;
    }
    .judge-menu-wrapper li {
        width: 100%;
    }

    .quest-search-wrap {
        width:360px;
    }

    .gamburger .ico-facebook {
        position: absolute;
        margin-top: 2px;
        top:0;
        right:0;
        margin-right: 5px!important;
    }

    .gamburger .ico-twitter {
        position: absolute;
        margin-top: 2px;
        top:40px;
        right:0;
        margin-right: 5px!important;
    }

    .gamburger .ico-youtube {
        position: absolute;
        margin-top: 2px;
        top:80px;
        right:0;
        margin-right: 5px!important;
    }

    .gamburger > ul > li,
    .gamburger > a,
    .header-wrapper .right .about-btn {
        line-height: 53px;
    }

    .gamburger > ul > li {
        float: none;
    }

    .header-wrapper .right .about-btn {
        margin-right: 0;
        float: none;
        z-index: auto;
    }


    .about-btn__second .sub-menu {
        position: relative;
        background-color: #643a8a;
        right: auto;
        left: auto;
    }

    .about-btn__second i:after {
        transform: rotate(0deg);
    }

    /* candidate */
    .candidate-wrapper {
        max-width: 380px;
        width: auto;
    }

    .candidate-title h1 {
        font-size: 32px;
    }

    .unfair-page-heading .candidate-title:after {
        width: 200px;
    }

    .filter-alphabet span:nth-child(9n) {
        margin-right: 0;
    }

    .filter-alphabet span:nth-child(13),
    .filter-alphabet span:nth-child(26),
    .filter-alphabet span:nth-child(17) {
        margin-right: 8px;
    }

    .filter-inputs {
        flex-direction: column;
    }

    .filter-inputs .select2-container--default .select2-selection, .region_select {
        width: 100% !important;
    }

    .filter-inputs .select2-container,
    .region_select {
        width: 100% !important;
        margin-bottom: 25px;
        margin-top: 0;
    }

    .region_select:last-child {
        margin-bottom: 0;
    }

    .candidate-title-search {
        font-size: 24px;
        font-weight: 400;
        padding-bottom: 34px;
    }

    .region_select-margin {
        margin-top: 0;
    }

    .disable-filter {
        padding: 0;
    }
}

@media only screen and (max-width: 480px) {

    .header-home.head {
        height: 660px;
    }
    .candidate-button {
        margin: 20px auto;
        width: 280px;
    }
}

@media only screen and (max-width: 400px) {
    .header-wrapper .right .search-btn,
    .change-lang{
        margin-right: 0;
    }

    .gamburger a {
        font-size: 13px;
    }

    .gamburger > ul > li,
    .gamburger > a,
    .header-wrapper .right .about-btn {
        line-height: 40px;
    }

    #logo {
        width:140px;
        background-size: contain;
    }

    .header-home #logo {
        background-size: contain;
    }

    .quest-search-wrap {
        width:100%;
    }
    .post-short img {
        width: 100%;
    }

    /* candidate */
    .candidate-wrapper {
        max-width: 300px;
        width: auto;
        padding-top: 55px;
    }

    .candidate-title h1 {
        font-size: 32px;
    }

    .filter-alphabet span:nth-child(7n) {
        margin-right: 0;
    }

    .filter-alphabet span:nth-child(9n),
    .filter-alphabet span:nth-child(13),
    .filter-alphabet span:nth-child(26),
    .filter-alphabet span:nth-child(17) {
        margin-right: 8px;
    }

    /* single-post */
    .single-container .likely-social {
        padding: 40px 0 60px;
    }

    .next-prev-posts {
        /*flex-direction: column;*/
        justify-items: stretch;
        align-items: center;
        height: 60px;
        /*margin-bottom: 60px;*/
    }

    .next-prev-posts a p {
        display: none;
    }

    .next-prev-posts a {
        margin-bottom: auto;
    }
}


/* ====================================  Alex */
/* ====================================  Archive-page */
.post-type-archive-cases-of-judges {
    background-color: #FBFBFB;
}
.post-type-archive-cases-of-judges * {
    box-sizing: border-box;
}
.cases-of-judges-container {
    max-width: 1366px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
}
.posts-filter
{
    max-width: 1306px;
    margin: auto;
}

.page-description
{
    width: 727px;
    margin: auto;
}
.page-description
{
    font-family: Roboto;
    font-style: normal;
    margin-top: 80px;
    margin-bottom: 60px;
    text-align: justify;
    color: #000;
}
.page-title
{
    font-size: 47px;
    font-weight: 500;
    line-height: 55px;
    margin-bottom: 60px;
    text-align: center;
}
.page-content
{
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    line-height: 23px;
}
.cases-of-judges
{
    background-color: #FBFBFB;
}
.page-counter-banner
{
    display: flex;
    width: 100%;
    min-height: 350px;
    background: #00b9a2;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}
.counter
{
    display: flex;
    margin: 0 -30px;
    flex-wrap: wrap;
    justify-content: space-around;
}
.item-count
{
    display: flex;
    flex-direction: column;
    width: calc(25% - 60px);
    margin: 0 30px;
    text-align: center;
    color: #fff;
    align-items: center;
}
.item-count-number
{
    font-size: 100px;
    font-weight: 500;
    line-height: 117px;
}
.item-count-title
{
    font-size: 24px;
    line-height: 28px;
}

/* Card */
.cases-of-judges-wrap{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.card-candidate
{
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: calc(33.33% - 40px);
    height: 200px;
    margin: 0 20px 40px;
    transition: opacity .3s linear;
    justify-content: space-around;
    perspective: 1000px;
}

/*.card-content.front,
.card-content.back
{
    position: absolute;
    top: 0;
    left: 0;
    transition: 1s;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.card-content.back
{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    box-shadow: 0 20px 20px rgba(0, 0, 0, .1);
}*/
/*.card-candidate:hover .card-content.front,
.card-candidate:active .card-content.front
{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}
.card-candidate:hover .card-content.back,
.card-candidate:active .card-content.back
{
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    border: 1px solid rgba(0, 0, 0, 0);
}*/

.card-content a
{
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    line-height: 14px;
    display: flex;
    color: #66218c;
    align-items: center;
}
.card-content.front
{
    display: flex;
    flex-direction: row;
    transition: all .5s linear;
    flex-wrap: nowrap;
}
.card-description
{
    position: relative;
    flex: 1;
    height: 115px;
    padding-left: 15px;
}
.crime-block
{
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}
.crime-block svg,
.crime-block img
{
    height: 22px;
    margin: 0 7px 0 0;
}

.card-img
{
    width: 115px;
    height: 115px;
    background-repeat: no-repeat;
    background-size: cover;
    flex: none;
}
.card-content
{
    padding: 22px 22px 48px;
}
.card-description__name
{
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    display: flex;
    width: 200px;
    color: #000;
    align-items: center;
}
.card-description__post
{
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    color: #000;
    margin-top: 10px;
}

.card-description__content
{
    font-size: 14px;
    font-weight: 300;
    line-height: 120%;
    margin-top: 10px;
}

.card-content.back .card-description
{
    position: relative;
    justify-content: flex-start;
}

.candidate-status
{
    position: absolute;
    right: 0;
    top: 0;
}

.card-content.back .candidate-status
{
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.card-content.back .candidate-status div
{
    padding-left: 10px;
}

.card-candidate a
{
    position: absolute;
    z-index: 99;
    right: 20px;
    bottom: 17px;
}

.card-time-timer
{
    font-size: 17px;
    font-weight: bold;
    line-height: 21px;
    display: flex;
    padding-left: 9px;
    color: #66218c;
    align-items: center;
}

.card-time-title
{
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
    color: rgba(0, 0, 0, .5);
}

.card-time
{
    position: absolute;
    bottom: 0;
    left: 22px;
    display: flex;
    width: calc(100% - 44px);
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    align-items: center;
}
.card-content.back .card-time {
    border-top: none;
}
.card-time a
{
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    line-height: 14px;
    display: flex;
    color: #66218c;
    align-items: center;
}

.card-time a:after
{
    position: absolute;
    top: 1px;
    right: -27px;
    width: 24px;
    height: 24px;
    content: '';
    background: url(img/arrow.png) no-repeat;
}

.card-time-title.close
{
    font-size: 12px;
    line-height: 120%;
}
.case-close
{
    background: #e6e6e6 !important;
}

/* Filter */
.posts-filter
{
    display: flex;
    padding-bottom: 20px;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
}

.posts-filter-inputs
{
    z-index: 11;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.posts-filter-inputs .judge_name_input {
    margin-bottom: 30px;
}

.posts-filter-inputs,
.posts-filter-crime
{
    width: calc(50% - 20px);
}

.posts-filter-inputs .region_select
{
    width: 100%;
}

.posts-filter-crime
{
    position: relative;
    box-sizing: border-box;
    padding-bottom: 10px;
    border: 1px solid #e5e5e5;
    background: #fff;
    mix-blend-mode: normal;
}

.posts-filter-crime .crime-block
{
    display: flex;
    flex-direction: row;
    padding-left: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.posts-filter-crime .crime-block .crime-item
{
    display: inherit;
    width: 190px;
    align-items: center;
}
.posts-filter-crime .crime-block .dropdown-icon {
    display: none;
}
.posts-filter-crime .title-crime
{
    font-size: 16px;
    line-height: 140.62%;
    display: flex;
    padding-top: 10px;
    padding-left: 15px;
    align-items: center;
}
.posts-filter-crime .title-kill-filter
{
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 140.62%;
    position: absolute;
    top: 13px;
    right: 15px;
    color: #59B39D;
    transition: all .3s linear;
}
.posts-filter-crime .title-kill-filter svg
{
    width: 9px;
    height: 9px;
    fill: #59B39D;
    transition: all .3s linear;
}
.posts-filter-crime .title-kill-filter:hover,
.posts-filter-crime .title-kill-filter:active {
    color: #66218C;
}
.posts-filter-crime .title-kill-filter:hover svg,
.posts-filter-crime .title-kill-filter:active svg {
    fill: #66218C;
}
.posts-filter-crime .crime-block div
{
    font-size: 13px;
    font-weight: 300;
    line-height: 130%;
    display: flex;
    width: 210px;
    align-items: center;
}
/*.crime-item:hover,
.crime-item:active
{
    color: #66218c;
}
.crime-item:hover svg,
.crime-item:active svg
{
    fill: #66218c;
}*/
.crime-item.active svg
{
    fill: #66218c;
}
.crime-item svg
{
    fill: black;
    flex: none;
}
.crime-item.active div
{
    color: #66218c;
}

.crime-item,
.title-kill-filter
{
    cursor: pointer;
}

.wrapper-dropdown
{
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    line-height: 140.62%;
    position: relative;
    z-index: 12;
    display: flex;
    width: 200px;
    margin: 0 auto;
    padding: 10px 20px;
    cursor: pointer;
    color: #000;
    border: 1px solid #e5e5e5;
    outline: none;
    background: #fff;
    mix-blend-mode: normal;
    align-items: center;
    justify-content: space-between;
}
.wrapper-dropdown-icon
{
    width: 18px;
    height: 13px;
    display: none;
}
.wrapper-dropdown:after
{
    position: absolute;
    top: 50%;
    right: 15px;
    width: 0;
    height: 0;
    margin-top: -3px;
    content: '';
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #66218c transparent;
}
.wrapper-dropdown .dropdown
{
    font-weight: normal;
    position: absolute;
    right: 0;
    left: 0;
    top: 100%;
    margin-top: 2px;
    padding: 0 20px;
    list-style: none;
    transition: all .5s ease-in;
    pointer-events: none;
    opacity: 0;
    border: 1px solid #e5e5e5;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    mix-blend-mode: normal;
}

.wrapper-dropdown .dropdown li
{
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    line-height: 20px;
    display: block;
    display: flex;
    padding: 10px;
    transition: all .3s ease-out;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #e5e5e5;
    align-items: center;
    position: relative;
}

.wrapper-dropdown .dropdown li i
{
    float: right;
    color: inherit;
}

.wrapper-dropdown .dropdown li img
{
    margin-right: 20px;
}

.wrapper-dropdown .dropdown li:first-of-type
{
    border-radius: 7px 7px 0 0;
}

.wrapper-dropdown .dropdown li:last-of-type
{
    border: none;
    border-radius: 0 0 7px 7px;
}

.wrapper-dropdown .dropdown li:hover
{
    color: #582686;
}

.wrapper-dropdown .dropdown:after
{
    position: absolute;
    right: 15px;
    bottom: 100%;
    width: 0;
    height: 0;
    content: '';
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: transparent;
}

.wrapper-dropdown .dropdown li .dropdown-icon {
    width: 18px;
    height: 13px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 0;
    display: none;
}
.wrapper-dropdown .dropdown li.active .dropdown-icon {
    display: block;
}

.wrapper-dropdown.active .dropdown
{
    pointer-events: auto;
    opacity: 1;
}
.wrapper-dropdown.active:after
{
    display: none;
}
.wrapper-dropdown.active .wrapper-dropdown-icon
{
    display: block;
}

.dropdown li svg
{
    margin-right: 20px;
}

/* 3-й блок сортировки */
.posts-filter-sortable
{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 50px;
    padding-left: 25px;
    justify-content: center;
}

.posts-filter-sortable
{
    list-style: none;
}

.posts-filter-sortable li
{
    padding-right: 20px;
    padding-left: 20px;
    border-left: 1px solid rgba(0, 0, 0, .07);
    cursor: pointer;
}

.posts-filter-sortable li:first-child {
    border-left: none;
    pointer-events: none;
}

.posts-filter-sortable li.active
{
    font-family: Roboto;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    line-height: 140.62%;
    color: #582686;
    align-items: center;
}

.posts-filter-sortable
{
    font-family: Roboto;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    line-height: 140.62%;
    padding-left: 20px;
    color: #000;
}

.post-more
{
    width: 100%;
    margin-top: 33px;
    margin-bottom: 135px;
}
.post-more .notify
{
    position: relative;
    bottom: 0;
}
.big-footer
{
    display: flex;
    width: 100%;
    background: #ebebeb;
    justify-content: center;
}
.site-main.cases-of-judges
{
    overflow-x: hidden;
}
#loader {
    display: none;
    width: 64px;
    height: 64px;
    margin: 0 auto;
}

/* Adaptive 1366px */
@media only screen and (max-width: 1370px)
{
    .posts-filter
    {
        margin: auto;
    }

    .posts-filter
    {
        padding: 0 20px;
    }
    .posts-filter-sortable
    {
        margin-bottom: 35px;
    }
}

@media only screen and (max-width: 1365px) {
    .cases-of-judges-wrap{
        margin: 0 -11px;
    }
    .card-candidate
    {
        width: calc(33.33% - 22px);
        height: 150px;
        margin: 0 11px 20px;
    }
    .card-candidate a {
        bottom: 14px;
    }
    .card-time
    {
        left: 10px;
        width: calc(100% - 20px);
        height: 40px;
    }
    .crime-block img,
    .crime-block svg
    {
        height: 18px;
    }
    .card-img
    {
        width: 85px;
        min-width: 85px;
        height: 85px;
    }
    .card-time-timer
    {
        font-size: 14px;
        line-height: 18px;
    }
    .card-description__name
    {
        font-size: 14px;
        line-height: 16px;
        width: 165px;
    }
    .card-description__post
    {
        font-size: 12px;
        line-height: 14px;
        margin-top: 5px;
    }
    .crime-block {
        margin-top: 5px;
    }
    .card-time-title
    {
        font-size: 10px;
        line-height: 12px;

        width: 70px;
    }

    .card-time-title.close
    {
        width: auto;
    }
    .card-content
    {
        padding: 10px 10px 40px;
    }

    .card-description
    {
        height: 100px;
        overflow: hidden;
    }
    .card-description__content {
        margin-top: 5px;
    }
    .candidate-status img {
        width: 16px;
        height: 13px;
    }
    .card-content.back  .candidate-status div {
        font-size: 11px;
        padding-left: 5px;
    }
    .post-more {
        margin-top: 30px;
        margin-bottom: 80px;
    }
}
/* Adaptive 1024px */
@media only screen and (max-width: 1330px)
{
    .posts-filter
    {
        margin-top: 80px !important;
    }
    .posts-filter
    {
        margin: auto;
    }
    .posts-filter-inputs,
    .posts-filter-crime
    {
        width: 633px;
    }
    .posts-filter
    {
        height: auto;
    }
    .cases-of-judges
    {
        padding: 0 0 0;
    }
    .posts-filter
    {
        margin-top: 80px;
    }
    .posts-filter-inputs,
    .posts-filter-inputs input
    {
        margin-bottom: 30px;
    }
    .posts-filter
    {
        margin: auto;
    }
    .posts-filter-sortable,
    .posts-filter-sortable li.active
    {
        font-size: 16px !important;
    }
    .posts-filter-sortable li
    {
        padding-right: 12px;
        padding-left: 12px;
    }
    .posts-filter-sortable ul
    {
        padding-left: 12px;
    }
    .posts-filter-sortable
    {
        padding-left: 0;
    }

}

@media only screen and (max-width: 1023px) {
    .cases-of-judges-container {
        padding: 0 20px;
    }

    .page-counter-banner {
        min-height: 280px;
    }
    .counter {
        margin: 0 -20px;
    }
    .item-count {
        width: calc(25% - 40px);
        margin: 0 20px;
    }
    .item-count .item-count-number {
        font-size: 80px;
        font-weight: 500;
        line-height: 94px;
    }
    .item-count .item-count-title {
        font-size: 18px;
        line-height: 21px;
    }
    .cases-of-judges-wrap{
        margin: 0 -7px;
    }
    .card-candidate
    {
        width: calc(50% - 14px);
        height: 174px;
        margin: 0 7px 15px;
    }
    .card-time
    {
        left: 7px;
        width: calc(100% - 14px);
    }
    .card-img
    {
        width: 100px;
        min-width: 100px;
        height: 100px;
    }
    .crime-block {
        margin-top: 10px;
    }
    .card-content
    {
        padding: 15px 20px 40px;
    }

    .card-description
    {
        height: 119px;
    }
    .card-description__content {
        margin-top: 5px;
    }
    .card-time-title {
        width: 120px;
    }
    .candidate-status img {
        width: 22px;
        height: 18px;
    }
    .card-content.back  .candidate-status div {
        font-size: 12px;
    }
    .post-more {
        margin-bottom: 60px;
    }
}

/* Adaptive 768px */
@media only screen and (max-width: 1000px)
{
    .posts-filter-sortable ul
    {
        padding-left: 12px;
    }

    .posts-filter-inputs .region_select
    {
        width: 100% !important;
    }
    .posts-filter-sortable
    {
        width: auto;
        margin-bottom: 0;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .posts-filter
    {
        position: relative;
        width: auto;
    }

    .page-description
    {
        width: 550px;
    }
    .page-title
    {
        font-size: 37px;
    }
}

@media only screen and (max-width: 767px) {
    .item-count {
        width: calc(50% - 40px);
        margin: 20px;
    }
    .item-count .item-count-number {
        font-size: 50px;
        line-height: 59px;
    }
    .item-count .item-count-title {
        font-size: 14px;
        line-height: 16px;
    }
    .posts-filter-crime {
        padding: 10px 20px;
        cursor: pointer;
        z-index: 10;
        display: flex;
        justify-content: space-between;
        align-items: center;

    }
    .posts-filter-crime:after {
        position: absolute;
        top: 50%;
        right: 15px;
        width: 0;
        height: 0;
        margin-top: -3px;
        content: '';
        border-width: 6px 6px 0 6px;
        border-style: solid;
        border-color: #66218c transparent;
    }
    .posts-filter-crime.active .wrapper-dropdown-icon {
        display: block;
    }
    .posts-filter-crime.active:after {
        display: none;
    }
    .posts-filter-crime .title-crime {
        display: block;
        padding: 0;
    }
    .posts-filter-crime .title-kill-filter {
        display: none;
    }
    .posts-filter-crime .crime-block {
        display: block;
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        background-color: #fff;
        margin-top: 2px;
        padding: 0 20px;
        transition: all .5s ease-in;
        pointer-events: none;
        opacity: 0;
        border: 1px solid #e5e5e5;
        box-shadow: 0 0 5px rgba(0,0,0,.1);
    }
    .posts-filter-crime.active .crime-block {
        pointer-events: auto;
        opacity: 1;
    }
    .posts-filter-crime .crime-block .crime-item {
        font-size: 14px;
        line-height: 20px;
        display: flex;
        width: auto;
        padding: 10px 30px 10px 10px;
        transition: all .3s ease-out;
        text-decoration: none;
        color: #000;
        border-bottom: 1px solid #e5e5e5;
        align-items: center;
        position: relative;
    }
    .posts-filter-crime .crime-block .crime-item:last-of-type {
        border: none;
    }
    .posts-filter-crime .crime-block div {
        display: flex;
        width: auto;
        align-items: center;
    }
    .posts-filter-crime .crime-block .crime-item .dropdown-icon {
        width: 18px;
        height: 13px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        margin-right: 0;
        display: none;
    }
    .posts-filter-crime .crime-block .crime-item.active .dropdown-icon {
        display: block;
    }
    .posts-filter-sortable {
        justify-content: flex-start;
    }
    .posts-filter-sortable li {
        padding-right: 20px;
        padding-left: 0;
        border-left: none;
    }
    .posts-filter-sortable,
    .posts-filter-sortable li.active
    {
        font-size: 14px !important;
    }
    .cases-of-judges-wrap {
        margin: 0 auto;
        max-width: 360px;
    }
    .card-candidate
    {
        width: 100%;
        height: 140px;
        margin: 0 0 10px;
    }
    .card-time
    {
        left: 10px;
        width: calc(100% - 20px);
    }
    .crime-block img,
    .crime-block svg
    {
        height: 16px;
    }
    .card-img
    {
        width: 80px;
        min-width: 80px;
        height: 80px;
    }
    .crime-block {
        margin-top: 5px;
    }
    .card-content
    {
        padding: 10px 10px 40px;
    }

    .card-description
    {
        height: 90px;
    }
    .card-description__name {
        font-size: 12px;
        line-height: 14px;
    }
    .card-description__post {
        font-size: 11px;
        line-height: 13px;
        margin-top: 3px;
    }
    .card-time-title {
        width: 70px;
    }
    .card-time-timer {
        font-size: 12px;
        line-height: 16px;
    }
    .candidate-status img {
        width: 14px;
        height: 12px;
    }
    .card-content.back  .candidate-status div {
        font-size: 10px;
    }
}

/* Adaptive 768px? */
@media only screen and (max-width: 640px)
{
    .posts-filter-sortable ul
    {
        padding-left: 12px;
    }
    .posts-filter-inputs .region_select
    {
        width: 100% !important;
    }

    .posts-filter
    {
        position: relative;
        width: auto;
    }

    .page-title
    {
        font-size: 28px;
    }

    .posts-filter
    {
        margin-top: 36px !important;
    }
}



@media only screen and (max-width: 625px)
{
    .posts-filter {
        padding-bottom: 0px;
    }
}

@media only screen and (max-width: 575px)
{
    .page-description
    {
        width: 280px;
    }
    .posts-filter
    {
        padding-bottom: 139px;
        margin-top: 36px !important;
        padding-bottom: 0px;
    }

}

@media only screen and (max-width: 350px)
{
    .card-candidate
    {
        width: 280px !important;
        max-width: 280px !important;
    }
    .posts-list.cases-of-judges
    {
        width: 280px;
        margin: 0;
    }
}


/*==================================== Single-page */

.tab-cases-of-judges * {
    box-sizing: border-box;
}
/*article.card-cases-of-judges {
    margin-bottom: 50px;
    padding: 0 35px 70px;
    border-bottom: 1px solid #ddd;
}*/
article.card-cases-of-judges {
    margin-bottom: 29px;
    padding: 20px 35px 30px;
    border-bottom: 1px solid #ddd;
}

.cases-description-block
{
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
}

.cases-description-wrap {
    display: flex;
}
.cases-description-item {
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 30px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.cases-description-item:first-child {
    padding-left: 0;
    border-left: none;
}
.cases-description-item:last-child {

}
.cases-description-item_crime {
    width: 250px;
}
.cases-description-item_amount {
    width: 260px;
}
.cases-description-item_court {
    width: 420px;
    border-right: none;
}
.cases-description-close {
    justify-content: flex-start;
    max-width: 215px;
    height: auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 10px 10px 20px;
    background-color: rgba(0, 0, 0, 0.07);
    border-left: none;
}
.cases-description-item .cases-description-item__title {
    border-bottom: none;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    margin-top: 15px;
}
.cases-description-item a {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    margin-top: 15px;
}
.cases-content {
    width: 730px;
}
.cases-content h5 {
    font-size: 20px;
    font-weight: 500;
}
.cases-post {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    text-align: justify;
}
.cases-btn {
    display: flex;
    justify-content: flex-end;
    height: 30px;
    margin-top: 40px;
    position: relative;
}
.cases-btn a {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #66218c;
    transition: all .3s linear;
}
.cases-btn-arrow {
    width: 13px;
    height: 16px;
    fill: #66218c;
    margin-left: 15px;
    transition: all .3s linear;
}
.cases-btn a:hover .cases-btn-arrow,
.cases-btn a:active .cases-btn-arrow {
    fill: #000;
}
.cases-more {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 70px;
}
.cases-more a {
    display: flex;
    align-items: center;
    height: 44px;
    font-size: 16px;
    font-weight: 500;
    padding: 0 20px;
    color: #fff;
    background-color: #66218c;
    transition: all .3s linear;
}
.cases-more-arrow {
    fill: none;
    width: 8px;
    height: 13px;
    margin-left: 14px;
}
.cases-more a:hover,
.cases-more a:active {
    background-color: #763898;
    color: #fff;
}
#container {
    position: relative;
}

@media only screen and (max-width: 1365px) {
    article.card-cases-of-judges {
        padding: 0 5px 50px;
    }
    .cases-description-block {
        flex-wrap: wrap;
    }
    .cases-description-item {
        font-size: 18px;
        padding: 5px 20px;
    }
    .cases-description-item_crime {
        width: 215px;
    }
    .cases-description-item_amount {
        width: 160px;
    }
    .cases-description-item_court {
        width: 300px;
    }
    .cases-description-close {
        max-width: 195px;
        font-size: 12px;
        line-height: 14px;
    }
    .cases-description-item .cases-description-item__title {
        font-size: 14px;
        line-height: 18px;
        margin-top: 12px;
    }
    .cases-description-item a {
        font-size: 14px;
        line-height: 18px;
        margin-top: 12px;
    }
    .cases-more {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 1023px) {
    article.card-cases-of-judges {
        padding: 0 25px 40px;
    }
    .cases-description-wrap {
        display: flex;
        order: 2;
    }
    .cases-description-item_crime {
        width: 215px;
    }
    .cases-description-item_amount {
        width: 160px;
    }
    .cases-description-item_court {
        width: auto;
        padding-right: 0;
    }
    .cases-description-close {
        order: 1;
        margin-left: auto;
        margin-bottom: 30px;
        max-width: 310px;
    }
    .cases-content {
        width: auto;
    }
    .cases-post {
        font-size: 14px;
        line-height: 20px;
    }
    .cases-btn {
        height: 30px;
        margin-top: 30px;
    }
    .cases-more {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    article.card-cases-of-judges {
        margin-bottom: 30px;
        padding: 0 0 30px;
    }
    .cases-description-wrap {
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .cases-description-item {
        font-size: 16px;
        padding: 0 0 20px;
        border-left: none;
    }
    .cases-description-item_crime,
    .cases-description-item_amount,
    .cases-description-item_court {
        width: 100%;
    }
    .cases-description-close {
        max-width: 280px;
        font-size: 14px;
        line-height: 16px;
        padding: 15px 10px;
        margin-bottom: 20px;
    }
    .cases-description-item .cases-description-item__title {
        font-size: 12px;
        line-height: 14px;
        margin-top: 10px;
    }
    .cases-description-item a {
        font-size: 12px;
        line-height: 14px;
        margin-top: 10px;
    }
    .cases-content {
        width: 100%;
    }
    .cases-content h5 {
        font-size: 16px;
    }
    .cases-post {
        font-size: 12px;
        line-height: 16px;
    }
    .cases-btn {
        height: 20px;
        margin-top: 20px;
    }
    .cases-more {
        margin-bottom: 0px;
    }
    .cases-more a {
        height: 40px;
        font-size: 12px;
        padding: 0 15px;
    }
    .cases-more-arrow {
        fill: none;
        width: 6px;
        height: 12px;
        margin-left: 12px;
    }
}


/* Alex Demch.co 02 07 2019*/
span.spoiler-title
{
    font-size: 20px;
    font-weight: 500;
}

.tab-cases-of-judges.open
{
    margin-top: 15px;
}

.tab-cases-of-judges-outher
{
    margin: 30px 0 15px 0;
    text-align: justify;
    font-weight: 400;
    font-size: 16px;
}

.tab-cases-of-judges-outher a
{
    color: #00b49d;
}

.tab-cases-of-judges-outher span
{
    font-size: 17px;
    border: none;
}
.virtue li .tab-cases-of-judges-outher span
{
    font-size: 17px;
    border:none;
}

.card-candidate:hover
{
    cursor: pointer;
}
/*.card-candidate:hover .card-content.front,
.card-candidate:active .card-content.front
{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}
.card-candidate:hover .card-content.back,
.card-candidate:active .card-content.back
{
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    border: 1px solid rgba(0, 0, 0, 0);
}*/

.card-content.front,
.card-content.back
{
    position: absolute;
    top: 0;
    left: 0;
    transition: 1s;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.card-content.back
{
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    box-shadow: 0 20px 20px rgba(0, 0, 0, .1);
}

.rotate-front
{
    transform: rotateY(180deg) !important;
    -webkit-transform: rotateY(180deg) !important;
}
.rotate-back
{
    transform: rotateY(360deg) !important;
    -webkit-transform: rotateY(360deg) !important;
    border: 1px solid rgba(0, 0, 0, 0);
}

/* 12/07/2019 15.53 */
/* Клик по иконке candidate-status переворачивает карточку, а по другой области - нет  */
.candidate-status
{
    z-index: 10;
}


/* Костыль, если сделать область с иконкой на всю карточку */
/* Сделать блок candidate-status на всю ширину карточки. Игнорит, переключает только по иконке свг*/
/*.card-content.back .card-description,
.card-content.front .card-description
{
    position: static;
}
.card-content.front .candidate-status
{
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

#card-front .candidate-status img {
    position: absolute;
    top: 21px;
    right: 20px;
}
#card-back .candidate-status img {
    position: absolute;
    top: 21px;
    right: 20px;
}

*/