@charset "UTF-8";

/*--reset.css--*/

html {
    margin: 0;
    padding: 0;
    border: 0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, dialog,
footer, header, menu, nav, section {
    display: block;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: none;
}

input:focus {
    outline: none;
}

body, html {
    height: 100%;
}

/*--end reset--*/
/*-- text--*/

h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.26em;
    margin: 0 0 24px;
    color: #222222;
}

h2, h3, h4, h5, h6 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25em;
    margin: 0 0 15px;
    color: #222222;
}

article h2, article h3, article h4, article h5, article h6 {
    margin: 30px 0 15px;
}

p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.7em;
    margin: 0 0 20px;
    color: #222222;
}

p a {
    font-weight: 500;
    color: #8C86CC;
    transition: opacity 0.2s ease-in-out;
}

p a:hover {
    opacity: 0.6;
}

b, strong {
    font-weight: 700;
}

i, em {
    font-style: italic;
}

/*-- end text--*/

.page_container {
    position: relative;
    width: 100%;
    min-width: 320px;
    font-family: 'Montserrat', sans-serif;
    color: #222222;
}

.content {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 475px);
    padding-top: 150px;
}

.row, section {
    position: relative;
    width: 100%;
    max-width: 1370px;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
    margin: auto;
}

.col_one_fourth {
    position: relative;
    float: left;
    width: 25%;
    box-sizing: border-box;
}

.col_one_third {
    position: relative;
    float: left;
    width: 33.33333%;
    box-sizing: border-box;
}

.col_two_thirds {
    position: relative;
    float: left;
    width: 66.66666%;
    box-sizing: border-box;
}

.col_half {
    position: relative;
    float: left;
    width: 50%;
    box-sizing: border-box;
}

header:after, .row:after, section:after, .content:after, .col_one_fourth:after,
.col_one_third:after, .col_two_thirds:after, .col_half:after, footer:after {
    content: "";
    display: table;
    clear: both;
}

.clear:after {
    content: "";
    display: table;
    clear: both;
}

.row_pad_lr {
    padding-left: 25px;
    padding-right: 25px;
}

.col_pad_lr {
    padding-left: 15px;
    padding-right: 15px;
}

.mob_pad_lr {
    padding-left: 0;
    padding-right: 0;
}

.header_flex_fix {
    display: flex;
}

/*--header/footer--*/

header {
    position: fixed;
    width: 100%;
    z-index: 2;
}

.header_top {
    width: 100%;
    background-color: #000000;
    height: 40px;
}

.header_info {
    float: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hi_element {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    margin-right: 30px;
    height: 40px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 40px;
}

.rate_up, .rate_down {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.account_links_reg, .account_links_acc {
    float: right;
}

.account_links_reg a, .account_links_acc a {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    margin: 0 0 0 30px;
    height: 40px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 40px;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity 0.3s ease-in-out;
}

.account_links_reg a:hover, .account_links_acc a:hover{
    opacity: 0.6;
}

.header_search {
    flex-grow: 1;
}

.search_trigger {
    display: none;
    width: 40px;
    height: 40px;
    background: url("../icons/search_white@2x.png") no-repeat 50% 50% #282828;
    background-size: 15px 15px;
}

.show .search_trigger {
    background: url("../icons/close_white@2x.png") no-repeat 50% 50% #282828;
    background-size: 16px 16px;
}

.hs_wrap {
    width: 100%;
    height: 40px;
}

.header {
    width: 100%;
    background-color: #FFFFFF;
    padding: 20px 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
}

.ec_logo {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    height: 40px;
    background: url("../img/ea_logo.svg") no-repeat 0 0;
    background-size: 200px 40px;
    overflow: hidden;
    text-indent: -10000px;
}

.header_message {
    display: inline-block;
    vertical-align: middle;
    max-width: 200px;
    margin: 4px 0 0 24px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 1.6em;
    text-transform: uppercase;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.navigation_ce {
    float: right;
}

.burger {
    display: none;
    width: 40px;
    height: 40px;
    background: url("../icons/burger.png") no-repeat 50% 50%;
    background-size: 40px 40px;
}

nav ul {
    font-size: 0;
    list-style-type: none;
}

nav ul li {
    display: inline-block;
    vertical-align: middle;
}

nav ul li a {
    display: block;
    padding: 0 0 0 24px;
    height: 40px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 40px;
    color: #222222;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity 0.3s ease-in-out;
}

nav ul li a:visited{
    color: #222222;
}

nav ul li a:hover{
    opacity: 0.6;
}

nav ul li span {
    display: block;
    padding: 0 0 0 24px;
    height: 40px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 40px;
    color: #222222;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity 0.3s ease-in-out;
}


footer {
    padding: 40px 0;
    background-color: #232A30;
}

footer .ec_logo {
    display: block;
    float: left;
    vertical-align: middle;
    background: url("../img/ea_logo_footer.svg") no-repeat 0 0;
    background-size: 200px 40px;

}
footer .copyright_info {
    float: left;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    padding: 5px 0 0 30px;
}

.social_links {
    float: right;
    list-style-type: none;
    font-size: 0;
}

.social_links li {
    display: inline-block;
    vertical-align: middle;
}

.social_links li a {
    display: block;
    width: 40px;
    height: 40px;
    padding: 12px;
    box-sizing: border-box;
    transition: opacity 0.2s ease-in-out;
}

.social_links li a:hover {
    opacity: 0.6;
}

.social_links li a img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

footer .social_links {
    width: 20%;
    padding-left: 15px;
    box-sizing: border-box;
}

.sl_col {
    float: left;
    width: 20%;
    padding: 30px 15px 0;
    margin-top: 30px;
    border-top: #3A4045 solid 1px;
    box-sizing: border-box;
}

.sl_col_heading {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.2em;
    color: #FFFFFF;
    margin-bottom: 14px;
}

.sl_col ul {
    list-style-type: none;
}

.sl_col ul li a {
    display: block;
    padding: 7px 0;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.25em;
    color: #b4b6b8;
    transition: color 0.2s ease-in;
}

.sl_col ul li a:hover {
    color: #FFFFFF;
}




/*--old--*/

label.uploadbutton {
    position: relative;
    border-radius: 6px;
    width: 100%;
    height: 48px;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    background-color: #F0F0F0;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 24px;
}

label.uploadbutton input {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

label.uploadbutton .button {
    display: block;
    float: left;
    width: 120px;
    line-height: 48px;
    text-align: center;
    background-color: #38D897;
    transition: background 0.2s;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
}

label.uploadbutton:hover .button {
    background-color: #8C86CC;
}

label.uploadbutton .input {
    position: absolute;
    top: 0;
    left: 120px;
    width: calc(100% - 120px);
    display: block;
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
    line-height: 48px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.04em;
}

article {
    width: 100%;
    box-sizing: border-box;
}

.article_heading {
    box-sizing: border-box;
    margin-bottom: 24px;
}

.article_heading h1 {
    margin-bottom: 5px;
}

.content_col article {
    padding: 0 15px;
}

article p {
    line-height: 2em;
}

article > img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 30px auto 30px;
}

article > *:first-child {
    margin-top: 0;
}

article table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.4em;
    border-bottom: #F0F0F0 solid 1px;
}

article table th, article table td {
    min-width: 114px;
    text-align: left;
    padding: 15px 0 15px 20px;
    box-sizing: border-box;
    border-top: #F0F0F0 solid 1px;
}

article table th {
    background-color: #F0F0F0;
}

.table_wrap {
    overflow-x: auto;
    margin: 30px 0;
}

.video-container, .map-responsive {
    position: relative;
    padding-bottom: 56.25%;
    margin: 30px 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

article > ul, article > ol {
    width: 100%;
    list-style-type: none;
    margin: 27px 0;
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 1.8em;
    color: #222222;
}

article > ul > li {
    width: 100%;
    margin: 10px 0;
    padding-left: 20px;
    box-sizing: border-box;
    background: url("../img/bullet@2x.png") no-repeat 0 5px;
    background-size: 10px 10px;
}

article > ol > li {
    counter-increment: step-counter;
    margin: 12px 0;
    padding-left: 20px;
    box-sizing: border-box;
}

article > ol > li::before {
    content: counter(step-counter);
    display: inline-block;
    width: 20px;
    color: #D96969;
    font-size: 14px;
    font-weight: 700;
    margin-left: -20px;
}

article > span {
    display: block;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.26em;
    margin: 30px 0 15px;
}

.share {
    border-top: #F0F0F0 solid 1px;
    padding-top: 30px;
    margin: 0 0 30px 0;
}

.share_list {
    width: 100%;
    list-style-type: none;
    font-size: 0;
}

.share_list li {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 0 20px 0 0;
}

.share_list li:last-child {
    margin: 0;
}

.share_item:hover {
    opacity: 0.6;
}

.share_list li img {
    display: block;
    margin: 0;
    padding: 0;
    width: 40px;
    height: auto;
}

.info_input {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.ui_info form .info_input {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 20px);
}

.ui_info form .info_input:nth-child(odd) {
    margin-right: 40px;
}

.info_input label {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.info_input input[type="text"],
.search input[type="search"],
.info_input select,
.info_input textarea {
    display: block;
    border: none;
    background-color: #F6F6F6;
    width: 100%;
    height: 48px;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    border-radius: 6px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #222222;
    margin-top: 8px;
    outline: none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.search {
    position: relative;
    width: 100%;
    height: 48px;
    background-color: #F6F6F6;
    border-radius: 6px;
    padding-right: 48px;
    box-sizing: border-box;
    margin: 0 0 15px;
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.userboard_heading .search {
    margin: 14px 0 0;
}

.search input[type="search"] {
    outline: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    background-color: transparent;
    margin-top: 0;
}

.search input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background: url("../icons/search@2x.png") no-repeat 50% 50%;
    background-size: 15px 15px;
    width: 48px;
    height: 48px;
    border: none;
    transition: opacity 0.2s ease;
}

.search input[type="submit"]:hover {
    opacity: 0.6;
}

.info_input input[type="text"]:hover,
.info_input select:hover,
.search:hover,
.info_input textarea:hover {
    background-color: #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.error input[type="text"],
.error select,
.error textarea {
    border-bottom: solid 2px #C0392B;
}

.info_input textarea {
    padding: 10px 20px;
    height: 140px;
}

.info_input select {
    background: url("../icons/sort_arrow_down.png") no-repeat right 20px center #F6F6F6;
    background-size: 10px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.info_input select::-ms-expand {
    display: none;
}

.info_input input[type="text"]::-webkit-input-placeholder,
.info_input input[type="text"]:-ms-input-placeholder,
.info_input input[type="text"]:-ms-input-placeholder,
.info_input input[type="text"]:-ms-input-placeholder,
.search input[type="search"]::-webkit-input-placeholder,
.search input[type="search"]:-ms-input-placeholder,
.search input[type="search"]:-ms-input-placeholder,
.search input[type="search"]:-ms-input-placeholder,
.info_input textarea::-webkit-input-placeholder,
.info_input textarea:-ms-input-placeholder,
.info_input textarea:-ms-input-placeholder,
.info_input textarea:-ms-input-placeholder {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #9B9B9B;
    letter-spacing: 0.04em;
    font-style: normal;
}

.info_input input[type="text"]::placeholder,
.search input[type="search"]::placeholder,
.info_input textarea::placeholder {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 52px;
    color: #777777;
    letter-spacing: 0.04em;
    font-style: normal;
    opacity: 1;
}

.error_message {
    width: 100%;
    background: url("../icons/warning_icon.png") no-repeat 0 0;
    background-size: 16px 14px;
    padding-left: 24px;
    display: none;
    box-sizing: border-box;
    min-height: 14%;
    font-size: 11px;
    line-height: 14px;
    font-weight: 500;
    color: #D96969;
    margin-top: 6px;
}

.error input[type="text"],
.error select,
.error textarea {
    border-bottom: solid 1px #D96969;
}

.error .error_message {
    display: block;
}

.ec_section_r .search {
    background-color: #FFFFFF;
    border-radius: 0;
}

.checkbox, .radio {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3em;
    letter-spacing: 0.02em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 20px;
}

.checkbox:hover, .radio:hover {
    color: #8C86CC;
}

.checkbox input, .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #FFFFFF;
    border: #222222 solid 1px;
    border-radius: 2px;
}

.radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #FFFFFF;
    border: #222222 solid 1px;
    border-radius: 50%;
}

.checkbox .checkmark:after, .radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox input:checked ~ .checkmark:after,
.radio input:checked ~ .checkmark:after {
    display: block;
}

.checkbox .checkmark:after {
    content: "";
    background: url("../icons/custom_check@2x.jpg") no-repeat center center;
    background-size: 10px 8px;
    top: 4px;
    left: 2px;
    width: 10px;
    height: 8px;
}

.radio .checkmark:after {
    content: "";
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    background: #222222;
    border-radius: 50%;
}

.breadcrumbs {
    font-size: 10px;
    font-weight: 400;
    color: #A0A0A0;
    letter-spacing: 0.04em;
    line-height: 1em;
    margin: -10px 0 20px;
}

.breadcrumbs a {
    color: #A0A0A0;
    transition: color 0.2s ease-in-out;
}

.breadcrumbs a:hover {
    color: #004771;
}

.ec_page {
    background-color: #FFFFFF;
    padding-bottom: 80px;
}

.ec_section_l {
    position: relative;
    float: left;
    width: 300px;
}

.ec_section_c, .ec_heading_section_c {
    position: relative;
    float: left;
    width: calc(100% - 600px);
    padding: 0 40px;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.ec_heading_section_c {
    margin-bottom: 0;
}

.ec_section_r {
    position: relative;
    float: right;
    width: 300px;
}

@media screen and (max-width: 1300px) {
    .ec_section_l {
        width: 280px;
    }

    .ec_section_c, .ec_heading_section_c {
        width: calc(100% - 560px);
        padding: 0 30px;
    }

    .ec_section_r {
        width: 280px;
    }

}

.ec_page_heading h1, .ec_page_heading h2 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.25em;
    margin-bottom: 30px;
}

.ec_hero {
    width: 100%;
    background: url("../img/ec_hero_bg.jpg") no-repeat center center;
    background-size: cover;
    padding: 40px 30px;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.ec_hero h1 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.2em;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.ec_hero p {
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 1.83em;
    color: #FFFFFF;
    margin-bottom: 0;
}

.ec_status {
    list-style-type: none;
    margin-top: 24px;
}

.ec_status li {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    margin-top: 10px;
}

.ec_status li span {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.06em;
    margin-right: 12px;
}

.section_container {
    width: 100%;
    margin-bottom: 40px;
}

.ec_section_heading {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4em;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.ec_section_subheading {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.4em;
    margin-bottom: 15px;
}

.expert_list_filter {
    width: 100%;
    margin-bottom: 20px;
    font-size: 0;
}

.expert_list_filter .info_input {
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
    padding: 0 20px 0 0;
    box-sizing: border-box;
}

.expert_list_filter .info_input label {
    font-size: 12px;
}

.expert_list_filter .info_input select {
    background-color: #FFFFFF;
    margin-top: 10px;
}

.expert_list {
    width: 100%;
    margin-bottom: 40px;
    font-size: 0;
}

.top_expert_list {
    display: flex;
    justify-content: center;
    align-items: normal;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 40px;
    font-size: 0;
}

.expert_item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 0 24px 40px;
    box-sizing: border-box;
    text-decoration: none;
}

.top_expert_list .expert_item {
    background-color: #FFFFFF;
    padding: 30px 20px 64px;
    border: #F6F6F6 solid 1px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: box-shadow 0.2s ease-in-out;
}

.expert_list_s .expert_item {
    display: block;
    width: 100%;
    min-height: 60px;
    padding: 0 0 0 75px;
    margin-bottom: 24px;
}

.top_expert_list .expert_item:hover {
    z-index: 1;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}

.expert_img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 20px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: box-shadow 0.2s ease-in-out;
}

.expert_img img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.expert_list_s .expert_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    margin: 0;
}

.expert_list .expert_item:hover .expert_img,
.expert_list_s .expert_item:hover .expert_img {
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3);
}

.expert_name {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.4em;
    color: #000000;
    margin-bottom: 8px;
    text-align: center;
    transition: color 0.2s ease-in-out;
}

.expert_list_s .expert_name {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.333em;
    margin-bottom: 4px;
    text-align: left;
    transition: color 0.2s ease-in-out;
}

.expert_list .expert_item:hover .expert_name,
.expert_list_s .expert_item:hover .expert_name {
    color: #8C86CC;
}

.expert_status {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.4em;
    color: #000000;
    text-align: center;
}

.expert_list_s .expert_status {
    text-align: left;
}

.expert_statistics {
    text-align: center;
    width: 100%;
    padding-top: 20px;
    font-size: 0;
    list-style-type: none;
}

.expert_list_s .expert_statistics {
    text-align: left;
    padding-top: 12px;
}

.top_expert_list .expert_statistics {
    position: absolute;
    bottom: 30px;
    left: 0;
}

.expert_statistics li {
    display: inline-block;
    vertical-align: top;
    padding: 0 8px;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.4em;
    color: #9B9B9B;
}

.expert_list_s .expert_statistics li {
    padding: 0 16px 0 0;
}

.expert_statistics li span {
    margin-right: 4px;
}

.show_all {
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    margin-top: 30px;
    color: #222222;
    text-decoration: underline;
    transition: opacity 0.2s ease-in-out;
}

.show_all:hover {
    opacity: 0.6;
}

.industry_list {
    width: 100%;
    list-style-type: none;
}

.industry_list li {
    display: table;
    width: 100%;
    margin-bottom: 24px;
}

.industry_item {
    display: table-row;
    color: #000000;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.industry_item:hover {
    color: #8C86CC;
}

.industry_name {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.66em;
    padding-right: 10px;
    box-sizing: border-box;
    text-decoration: underline;
}

.industry_count {
    display: table-cell;
    vertical-align: middle;
    width: 45px;
    border-left: #DFDFDF solid 1px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.66em;
    text-align: right;
    box-sizing: border-box;
}

.ec_tags {
    width: 100%;
    font-size: 0;
    list-style-type: none;
}

.ec_tags li {
    display: inline-block;
    padding: 0 15px 15px 0;
}

.ec_tag_item {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: #000000;
    transition: color 0.2s ease-in-out;
}

.ec_tag_item:hover {
    color: #8C86CC;
}

.ec_tag_item span {
    font-weight: 400;
}

.ec_tag_item span::after {
    content: ")";
}

.ec_tag_item span::before {
    content: " (";
}

.ec_nav_container_cookie {
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100px;
    overflow: hidden;
    background-color: #D96969;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
}

.ec_nav_container {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 80px;
    overflow: hidden;
    background-color: #FFFFFF;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
}

.ec_nav {
    width: 100%;
    max-width: 610px;
    margin: auto;
}

.ec_nav:after {
    content: "";
    display: table;
    clear: both;
}

.ec_btn {
    cursor: pointer;
    display: block;
    float: left;
    width: 33.33333%;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    line-height: 80px;
    text-decoration: none;
    text-align: center;
    color: #222222;
    transition: opacity 0.2s ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ec_btn img {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: auto;
    margin: -4px 8px 0 0;
}

.create_topic {
    background-color: #38D897;
    color: #FFFFFF;
}

.industry_menu {
    display: none;
    position: fixed;
    z-index: 3;
    top: 0;
    right: 0;
    width: 30%;
    height: 100vh;
    padding: 80px 60px 60px;
    box-sizing: border-box;
    overflow-y: auto;
    background-color: #FFFFFF;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
}

.show .industry_menu {
    display: block;
}

.industry_menu .industry_name {
    font-weight: 500;
    line-height: 1.5em;
    text-decoration: none;
}

.industry_menu .industry_count {
    width: 50px;
}

.ind_menu_close {
    cursor: pointer;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
    width: 30%;
    height: 80px;
    background: url("../icons/close_black@2x.png") no-repeat 60px center #FFFFFF;
    background-size: 16px 16px;
    padding: 0 0 0 86px;
    line-height: 80px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.04em;
    box-sizing: border-box;
}

.ind_menu_close:hover {
    text-decoration: underline;
}

.ec_topic_item {
    margin-bottom: 30px;
}

.ec_topic_parameters {
    width: 100%;
    margin-bottom: 12px;
}

.topic_industry {
    display: inline;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.06em;
    line-height: 1.5em;
    color: #7E7E7E;
    text-transform: uppercase;
    text-decoration: none;
    transition: opacity 0.2s ease-in-out;
}

.topic_industry:hover {
    opacity: 0.6;
}

.topic_industry:after {
    content: " // ";
}

.topic_date, .comment_date {
    display: inline;
    white-space: nowrap;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.06em;
    line-height: 1.4em;
    color: #7E7E7E;
    text-transform: uppercase;
}

.comment_date {
    display: block;
    margin-bottom: 10px;
}

.topic_date span:first-of-type, .comment_date span:first-of-type {
    margin-right: 6px;
}

.ec_section_r .search_wrap {
    margin-bottom: 40px;
}

.ec_topic_about {
    position: relative;
    background-color: #FFFFFF;
    width: 100%;
    padding: 30px 24px 0;
    box-sizing: border-box;
}

.ec_topic_about .expert_item {
    width: 100%;
    min-height: 40px;
    padding: 0 200px 0 55px;
    margin-bottom: 20px;
}

.ec_topic_about .expert_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: 0;
}

.ec_topic_about .expert_item:hover .expert_img {
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3);
}

.ec_topic_about .expert_name {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.333em;
    margin: 4px 0;
    text-align: left;
    transition: color 0.2s ease-in-out;
}

.ec_topic_about .expert_item:hover .expert_name {
    color: #8C86CC;
}

.ec_topic_about .expert_status {
    text-align: left;
}

.ec_topic_about .expert_statistics {
    display: none;
}

.topic_status {
    list-style-type: none;
    font-size: 0;
}

.ec_topic_about .topic_status {
    position: absolute;
    top: 42px;
    right: 24px;
}

.topic_status li {
    display: inline-block;
    font-size: 0;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.04em;
    margin-right: 24px;
}

.topic_status li img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 16px;
    margin: 0 10px 0 0;
    padding: 0;
}

.topic_status li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}

.topic_content {
    display: block;
    text-decoration: none;
    background-color: #FFFFFF;
    padding-bottom: 1px;
}

.topic_content h1, .topic_content h2, .topic_content h3,
.topic_content h4, .topic_content h5, .topic_content h6 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33em;
    padding: 0 24px;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    transition: color 0.2s ease-in-out;
}

.topic_preview p {
    font-size: 12px;
    line-height: 1.84em;
    color: #000000;
    margin: 0 0 24px 0;
    padding: 0 24px;
    box-sizing: border-box;
}

.topic_main_img {
    padding: 0 24px;
}

.tmi_container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    margin-bottom: 24px;
    overflow: hidden;
}

.tmi_container img {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    transition: all 0.25s ease-in;
}

@media screen and (min-width: 1200px) {

    .topic_content:hover .tmi_container img {
        transform: scale(1.05, 1.05);
    }
}

.topic_content:hover h1, .topic_content:hover h2,
.topic_content:hover h3, .topic_content:hover h4,
.topic_content:hover h5, .topic_content:hover h6 {
    color: #8C86CC;
}

.topic_users_container {
    padding: 0 24px 30px;
    background-color: #FFFFFF;
}

.topic_users {
    list-style-type: none;
    font-size: 0;
    border-top: #F0F0F0 solid 1px;
    padding-top: 18px;
}

.topic_users li {
    display: inline;
    margin-right: 4px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    line-height: 1.6em;
    color: #000000;
}

.topic_users li a {
    text-decoration: none;
    font-weight: 400;
    color: #000000;
    transition: color 0.2s ease-in-out;
}

.topic_users li a::after {
    content: "  |";
    color: #000000;
}

.topic_users li a:hover {
    color: #8C86CC;
}

.cp_item {
    width: 100%;
    margin-bottom: 24px;
    padding-top: 24px;
    border-top: #E1E1E1 solid 1px;
}

.cp_topic_name {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.7em;
    letter-spacing: 0.02em;
    color: #222222;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
    margin-bottom: 10px;
}

.cp_topic_name:hover {
    color: #8C86CC;
}

.cp_comment {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.7em;
    letter-spacing: 0.04em;
    color: #000000;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
    margin-bottom: 12px;
}

.cp_comment:hover {
    color: #8C86CC;
}

.cp_author {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.82em;
    letter-spacing: 0.04em;
    color: #000000;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.cp_author:hover {
    color: #8C86CC;
}

.ec_side_col_r {
    float: right;
    width: 370px;
    padding-bottom: 40px;
}

.ec_topic_col {
    float: left;
    width: calc(100% - 410px);
    margin-bottom: 60px;
}

.topic_article {
    background-color: #FFFFFF;
    padding: 40px;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.topic_article h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.24em;
}

.topic_article .topic_preview p {
    font-style: italic;
    color: #000000;
    padding: 0 0 24px 0;
    border-bottom: #F0F0F0 solid 1px;
    margin: 0 0 30px 0;
}

.topic_article h2, .topic_article h3, .topic_article h4, .topic_article h5,
.topic_article h6 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25em;
    margin: 0 0 20px;
    color: #222222;
}

.topic_author {
    width: 100%;
    padding: 24px 0;
    border-top: #F0F0F0 solid 1px;
    border-bottom: #F0F0F0 solid 1px;
    margin-bottom: 24px;
    font-size: 0;
}

.topic_author .expert_item {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    min-height: 60px;
    padding: 0 20px 0 75px;
    margin-bottom: 0;
}

.topic_author .expert_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    margin: 0;
}

.topic_author .expert_item:hover .expert_img {
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3);
}

.topic_author .expert_name {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.333em;
    margin: 0 0 6px;
    padding-top: 14px;
    text-align: left;
    transition: color 0.2s ease-in-out;
}

.topic_author .expert_item:hover .expert_name {
    color: #8C86CC;
}

.topic_author .expert_status {
    text-align: left;
}

.topic_author .expert_statistics {
    display: none;
}

.topic_links {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
}

.topic_links li {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.topic_links li a {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #222222;
    text-decoration: none;
    transition: opacity 0.2s ease-in-out;
}

.topic_links li a:hover {
    opacity: 0.6;
}

.topic_links li a img {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: auto;
    margin: 0 8px 0 0;
    padding: 0;
}

.topic_article .topic_users {
    border-top: none;
    padding-top: 0;
    margin-bottom: 20px;
}

.comment_authorization, .write_comment {
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    margin-bottom: 40px;
    background-color: #FFFFFF;
}

.comment_authorization {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.5em;
}

.comment_authorization a {
    color: #8C86CC;
    font-weight: 600;
    transition: opacity 0.2s ease-in-out;
}

.comment_authorization a:hover {
    opacity: 0.6;
}

.write_comment textarea {
    width: 100%;
    height: 140px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    border-radius: 0;
    border: #D9D9D9 solid 1px;
    margin-bottom: 10px;
}

.comment_submit {
    display: block;
    cursor: pointer;
    width: 200px;
    height: 48px;
    border: none;
    padding: 0;
    background: #8C86CC;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 0.04em;
    transition: background 0.3s ease;
}

.comment_submit:hover {
    background: #D96969;
}

.ec_section_heading span::before {
    content: " (";
}

.ec_section_heading span::after {
    content: ")";
}

.comments_container {
    width: 100%;
    margin-bottom: 40px;
}

.comment_level {
    width: 100%;
    padding: 20px 0 20px 20px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    list-style-type: none;
    border-bottom: #F6F6F6 solid 4px;
}

.comment_level .comment_level {
    border-bottom: 0;
    padding-bottom: 0;
}

.ec_comment_item {
    position: relative;
    width: 100%;
    min-height: 80px;
    padding: 20px 40px 20px 75px;
    box-sizing: border-box;
}

.ec_comment_item:after {
    content: "";
    display: table;
    clear: both;
}

.ec_comment_item .expert_img {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 40px;
    height: 40px;
}

.ec_comment_item .expert_name {
    display: block;
    font-size: 12px;
    text-align: left;
    margin-bottom: 10px;
    color: #222222;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.ec_comment_item .expert_name:hover {
    color: #8C86CC;
}

.ec_comment_item p {
    font-size: 12px;
    line-height: 1.84em;
    margin-bottom: 12px;
}

.ec_comment_item .topic_date {
    float: left;
}

.topic_option {
    cursor: pointer;
    float: right;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: #8C86CC;
    text-transform: uppercase;
    padding: 0 0 0 30px;
    transition: opacity 0.2s ease-in-out;
}

.topic_option:hover {
    opacity: 0.6;
}

.ec_comment_item .write_comment {
    display: none;
    width: 100%;
    padding: 24px 0 0;
    box-sizing: border-box;
    margin-bottom: 0;
    background-color: #FFFFFF;
}

.ec_comment_item.show .write_comment {
    display: block;
}

.show .comment_trigger {
    color: #000000;
}

.similar_topics {
    width: 100%;
    font-size: 0;
}

.similar_topics .ec_topic_item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-right: 30px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.similar_topics .expert_item {
    width: 100%;
    min-height: 40px;
    padding: 0 0 0 55px;
    margin-bottom: 20px;
}

.similar_topics .expert_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: 0;
}

.similar_topics .expert_item:hover .expert_img {
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3);
}

.similar_topics .expert_name {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.333em;
    margin: 4px 0;
    text-align: left;
    transition: color 0.2s ease-in-out;
}

.similar_topics .expert_item:hover .expert_name {
    color: #8C86CC;
}

.similar_topics .expert_status {
    text-align: left;
}

.similar_topics .expert_statistics {
    display: none;
}

.similar_topics .topic_content {
    background-color: transparent;
}

.similar_topics .topic_content h1, .similar_topics .topic_content h2,
.similar_topics .topic_content h3, .similar_topics .topic_content h4,
.similar_topics .topic_content h5, .similar_topics .topic_content h6 {
    font-size: 14px;
    padding: 0;
    margin: 0 0 20px 0;
    transition: color 0.2s ease-in-out;
}



.expert_activity {
    float: right;
    width: calc(100% - 300px);
    padding: 0 40px;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.activity_container {
    width: 100%;
    max-width: 770px;
    margin: 0 auto 40px;
}

.ac_list .ec_topic_item {
    position: relative;
    width: 100%;
    padding: 24px 30px 24px 260px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    min-height: 160px;
    margin-bottom: 4px;
}

.ac_list .topic_main_img {
    position: absolute;
    top: 24px;
    left: 30px;
    padding: 0;
    background-color: transparent;
    width: 200px;
}

.ac_list .topic_content h1, .ac_list .topic_content h2, .ac_list .topic_content h3,
.ac_list .topic_content h4, .ac_list .topic_content h5, .ac_list .topic_content h6 {
    font-size: 14px;
    padding: 0;
    margin: 0 0 20px 0;
}

.ac_list .cp_item {
    width: 100%;
    padding: 24px 30px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    margin-bottom: 4px;
    border: none;
}

.ec_form_wrap {
    width: 100%;
    max-width: 850px;
    margin: 0 auto 60px;
}

.ec_page_heading p {
    font-size: 12px;
    margin: -15px 0 20px;
}

.ec_form_container {
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.ec_form_action {
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    color: #9B9B9B;
    text-decoration: underline;
    transition: color 0.2s ease-in-out;
    margin: 10px 0 20px;
}

.ec_form_action:hover {
    color: #8C86CC;
}

.ec_form_container .info_input textarea {
    height: 100px;
    padding: 10px 20px;
}

.maim_img_wrap {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin-bottom: 20px;
    border: #9B9B9B solid 1px;
    overflow: hidden;
}

.maim_img_wrap:after {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.maim_img_wrap img {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
}

.ec_label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}

.add_main_img p {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 10px;
}

.ec_tags_list {
    font-size: 0;
}

.text_editor {
    margin-bottom: 20px;
}

.ec_tags_list {
    margin-bottom: 40px;
}

.ec_tags_list .checkbox {
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
    padding-right: 10px;
    box-sizing: border-box;
    margin: 0 0 20px;
}

.ec_form_info {
    margin: 15px 0;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-align: center;
}

.ec_submit_btn {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 48px;
    margin: 30px 0 0;
    border: none;
    border-radius: 6px;
    padding: 0;
    background-color: #8C86CC;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 0.04em;
    transition: background-color 0.3s ease;
}

.ec_submit_btn:hover {
    background-color: #D96969;
}

.ec_personal_info {
    padding-top: 30px;
    border-top: #F6F6F6 solid 1px;
    margin: 40px 0;
    font-size: 0;
}

.ec_personal_info .info_input {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 15px);
    margin-right: 30px;
}

.ec_personal_info .info_input:nth-child(even) {
    margin-right: 0;
}

.ec_form_container .height_fix textarea {
    height: 220px;
}

.ec_form_wrap .ec_page_heading {
    padding: 0 20px;
    box-sizing: border-box;
}

/*-- opros_poll--*/

.poll_cont {
    width: 100%;
    background-color: #FFFFFF;
}

.poll_info {
    width: 100%;
    list-style-type: none;
    font-size: 0;
}

.poll_info li {
    height: 16px;
    display: inline-block;
    vertical-align: top;
    padding-right: 24px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 16px;
    color: #9B9B9B;
}

.poll_info li img {
    display: inline;
    height: 16px;
    width: auto;
    margin: -2px 5px 0 0;
    padding: 0;
}

.poll_info li:last-of-type {
    padding-right: 0;
}

.poll_header_cont {
    width: 100%;
    padding: 40px 0 24px;
    border-bottom: #F0F0F0 solid 2px;
}

.poll_row {
    width: 100%;
    max-width: 930px;
    padding: 0 40px;
    box-sizing: border-box;
    margin: auto;
}

.poll_row > *:last-child {
    margin-bottom: 0;
}

.poll_row:after {
    content: "";
    display: table;
    clear: both;
}

.poll_name_cont {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25em;
    margin-bottom: 15px;
}

.poll_message_cont {
    width: 100%;
    padding: 50px 0 0;
    background-color: #FFFFFF;
}

.poll_logo_wrap {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.poll_logo_wrap img {
    display: block;
    height: auto;
    width: auto;
    max-height: 80px;
    margin: 0;
    padding: 0;
}

.poll_body {
    padding-top: 50px;
}

.poll_btns_wrap {
    width: 100%;
    padding-bottom: 50px;
    border-bottom: #F0F0F0 solid 1px;
}

.poll_btns_wrap:after {
    content: "";
    display: table;
    clear: both;
}

.poll_btn_next, .poll_btn_back {
    float: left;
    display: block;
    width: 200px;
    height: 48px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: 0.02em;
    text-align: center;
    text-decoration: none;
    transition: opacity 0.3s ease-in-out;
}

.poll_btn_next:hover, .poll_btn_back:hover {
    opacity: 0.6;
}

.poll_btn_next {
    background-color: #38D897;
    color: #FFFFFF;
    margin: 0 20px 0 0;
}

.poll_btn_back {
    background-color: #F0F0F0;
    color: #9B9B9B;
}

.poll_footer {
    padding: 20px 0;
}

.poll_footer .poll_feedback .pf_btn {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    padding: 16px 0;
}

.poll_footer:after, .poll_footer .poll_feedback:after {
    content: "";
    display: table;
    clear: both;
}



.pf_btn {
    display: block;
    height: 16px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 16px;
    color: #8C86CC;
    text-decoration: none;
    transition: opacity;
    margin: 6px 0;
}

.pf_btn:hover {
    opacity: 0.6;
}

.pf_btn img {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: auto;
    margin: 0 8px 0 0;
    padding: 0;
}

.question_item {
    position: relative;
    width: 100%;
    margin-bottom: 50px;
}

.q_number {
    font-size: 24px;
    font-weight: 700;
    line-height: 1em;
    color: #CFCFCF;
    margin-bottom: 10px;
}

.q_heading {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
    letter-spacing: 0.01em;
    margin-bottom: 24px;
}

.q_comment {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.5em;
    color: #9B9B9B;
    margin: -18px 0 24px;
}

.question_item > img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: -14px 0 24px;
    padding: 0;
}

label.checkbox img, label.radio img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 15px 0 0;
    padding: 0;
}

.question_item .error_message {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px;
}

.error .q_heading,
.error .q_comment,
.error .q_number {
    color: #D96969;
}

.question_item .info_input {
    margin-bottom: 0;
    margin-top: 20px;
}

.question_item.error input[type="text"],
.question_item.error select,
.question_item.error textarea {
    border-bottom: none;
}

.question_item textarea {
    height: 100px;
}

.qi_table, .qi_table_scale, .qi_table_select, .qi_table_inputs {
    border-spacing: 0;
    color: #222222;
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 1.4em;
    box-sizing: border-box;
    max-width: 100%;
}

.qi_table, .qi_table_select {
    width: 100%;
}

.qi_table thead th, .qi_table tbody th,
.qi_table_scale thead th, .qi_table_scale tbody th,
.qi_table_select thead th, .qi_table_select tbody th,
.qi_table_inputs thead th, .qi_table_inputs tbody th {
    text-align: center;
    padding: 15px 10px;
    box-sizing: border-box;
    border: #FFFFFF solid 1px;
    font-weight: 500;
    min-width: 120px;
    vertical-align: middle;
}

.qi_table_scale tbody tr th:last-child {
    text-align: right;
}

.qi_table tbody th, .qi_table_scale tbody th,
.qi_table_select tbody th {
    text-align: left;
}

.qi_table td, .qi_table_scale td,
.qi_table_select td, .qi_table_inputs td {
    position: relative;
    box-sizing: border-box;
    border: #FFFFFF solid 1px;
    font-weight: 500;
    background-color: #F6F6F6;
    text-align: center;
    vertical-align: middle;
}

.qi_table_select td, .qi_table_inputs td {
    background-color: #FFFFFF;
    border: none;
    padding: 5px;
}

.qi_table_inputs td {
    width: 100px;
}

.qi_table td .radio, .qi_table_scale td .radio {
    display: block;
    width: 100%;
    min-width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.qi_table td .radio .checkmark,
.qi_table_scale td .radio .checkmark {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.qi_table_select .info_input,
.qi_table_select .info_input label select,
.qi_table_inputs .info_input,
.qi_table_inputs .info_input label select,
.qi_table_inputs .info_input,
.qi_table_inputs .info_input label input[type="text"] {
    margin: 0;
}

.question_item .table_wrap {
    margin: 0;
}

.question_item th img {
    width: auto;
    height: auto;
    max-width: 150px;
    margin: 0;
    padding: 0;
}

.qi_table_select .info_input,
.qi_table_select .info_input label select,
.qi_table_inputs .info_input,
.qi_table_inputs .info_input label select,
.qi_table_inputs .info_input,
.qi_table_inputs .info_input label input[type="text"] {
    margin: 0;
}

.question_item .table_wrap {
    margin: 0;
}

.question_item th img {
    width: auto;
    height: auto;
    max-width: 150px;
    margin: 0;
    padding: 0;
}

.pages {
    width: 100%;
    list-style-type: none;
    font-size: 0;
    margin: 30px 0 40px;
}

.pages li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.pages li a {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    color: #1E1E20;
    background: #FFFFFF;
    border-radius: 20px;
    overflow: hidden;
    transition: box-shadow 0.2s ease-in-out;
}

.pages li a:hover {
    opacity: 1;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.pages li .active {
    background: #8C86CC;
    color: #FFFFFF;
}

/*--NEW--*/
/*--index--*/

.hs_wrap .search {
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #282828;
    border-radius: 0;
    padding-right: 45px;
    margin: 0;
}

.hs_wrap .search input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background: url("../icons/search_white@2x.png") no-repeat 0 50%;
    background-size: 15px 15px;
    width: 45px;
    height: 40px;
    transition: opacity 0.2s ease;
}

.hs_wrap .search input[type="search"] {
    background-color: transparent;
    width: 100%;
    height: 40px;
    padding: 0 30px;
    border-radius: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 0;
    outline: none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.hs_wrap .search input[type="search"]::-webkit-input-placeholder,
.hs_wrap .search input[type="search"]::-ms-input-placeholder {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 0.04em;
    font-style: italic;
}

.hs_wrap .search input[type="search"]::placeholder {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 40px;
    color: #FFFFFF;
    letter-spacing: 0.04em;
    font-style: italic;
    opacity: 1;
}

.online_users {
    margin-bottom: 30px;
}

.ou_heading {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 16px;
    text-transform: uppercase;
    padding-right: 80px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.ou_slider .expert_item{
    position: relative;
    display: block;
    width: 140px;
    height: 160px;
    padding: 20px 10px 0;
    border: #F0F0F0 solid 1px;
    transition: border 0.4s ease-in-out;
    overflow: hidden;
}

.ou_slider .expert_item:after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 34px;
    background: linear-gradient(to top, rgba(255,255,255,1) 10px, rgba(255,255,255,0.5));
}

.nu_slider .expert_item {
    position: relative;
    display: block;
    width: 170px;
    min-height: 220px;
    padding: 24px 10px 0;
    border: #F0F0F0 solid 1px;
    transition: border 0.4s ease-in-out;
}

.ou_slider .expert_item:hover, .nu_slider .expert_item:hover {
    border: #b4b4b4 solid 1px;
}

.ou_slider .expert_img{
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
    box-shadow: none;
    transition: none;
}

.nu_slider .expert_img{
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    box-shadow: none;
    transition: none;
}

.ou_slider .expert_name{
    font-size: 10px;
    letter-spacing: 0.04em;
    line-height: 1.4em;
    color: #000000;
    margin-bottom: 4px;
    text-align: center;
    transition: color 0.2s ease-in-out;
}

.nu_slider .expert_name {
    font-size: 12px;
    letter-spacing: 0.04em;
    line-height: 1.4em;
    text-align: center;
    transition: color 0.2s ease-in-out;
}

.ou_slider .expert_item:hover .expert_name, .nu_slider .expert_item:hover .expert_name {
    color: #8C86CC;
}

.ind_col_left, .ind_col_right {
    float: left;
    width: 300px;
    margin-bottom: 30px;
}

.ind_col_left .section_container, .ind_col_right .section_container{
    padding: 24px 20px 10px;
    box-sizing: border-box;
    border: #F0F0F0 solid 1px;
    margin-bottom: 30px;
}

.main_poll {
    width: 100%;
    margin-bottom: 30px;
    background-color: #F6F6F6;
}

.mp_heading {
    padding: 24px 20px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4em;
    text-transform: uppercase;
    color: #DE4848;
}

.main_poll .question_item {
    position: relative;
    margin-bottom: 0;
    padding: 0 20px 80px;
    box-sizing: border-box;
}

.main_poll .q_heading {
    font-size: 14px;
    line-height: 1.6em;
    margin-bottom: 10px;
}

.main_poll .q_comment {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.5em;
    color: #9B9B9B;
    margin: 0 0 24px;
}

.main_poll .checkbox, .main_poll .radio {
    font-size: 12px;
}

.mp_submit {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    cursor: pointer;
    width: 100%;
    height: 50px;
    margin: 30px 0 0;
    border: none;
    padding: 0;
    background: #DE4848;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: 0.02em;
    transition: background 0.3s ease;
}

.mp_submit:hover{
    background: #222222;
}

.ind_col_left .industry_list li, .ind_col_right .industry_list li {
    display: block;
    width: 100%;
    margin-bottom: 18px;
}

.ind_col_left .industry_name, .ind_col_right .industry_name{
    display: block;
    padding-right: 0;
}

.ind_col_left .ec_tags li, .ind_col_right .ec_tags li{
    display: inline-block;
    padding: 0 20px 14px 0;
}

.main_expert{
    width: 100%;
    padding: 30px 20px 30px;
    box-sizing: border-box;
    border: #DE4848 solid 1px;
    margin-bottom: 30px;
    transition: border 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.main_expert:hover{
    border: #FFFFFF solid 1px;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
}

.me_heading{
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1em;
    margin-bottom: 30px;
    color: #DE4848;
    text-transform: uppercase;
    text-align: center;
}

.me_heading::before{
    content: "• ";
}

.me_heading::after{
    content: " •";
}

.main_expert .expert_item {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
}

.main_expert .expert_statistics {
    padding-top: 40px;
}

.ind_col_center {
    float: left;
    width: calc(100% - 600px);
    padding: 0 30px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.main_topic {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    text-decoration: none;
}

.mt_img_container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.mt_img_container img {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    transition: all 0.25s ease-in;
}

@media screen and (min-width: 1200px) {

    .main_topic:hover .mt_img_container img {
        transform: scale(1.05, 1.05);
    }
}

.mt_content_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    padding: 50px 30px 40px;
    box-sizing: border-box;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0));
}

.mt_subheading {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1em;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.mt_content_wrap h1, .mt_content_wrap h2, .mt_content_wrap h3,
.mt_content_wrap h4, .mt_content_wrap h5, .mt_content_wrap h6 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.4em;
    color: #FFFFFF;
    margin-bottom: 0;
}

.ind_news_section{
    width: 100%;
    margin-bottom: 30px;
}

.ins_heading{
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4em;
    padding-bottom: 8px;
    text-transform: uppercase;
    border-bottom: #222222 solid 2px;
    margin-bottom: 24px;
}

.news_item{
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 30px;
    text-decoration: none;
    font-size: 0;
}

.ni_img_wrap{
    width: 100%;
    margin-bottom: 18px;
}

.ni_img_wrap img{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

.ni_content_wrap{
    width: 100%;
}

.ni_content_wrap h2, .ni_content_wrap h3, .ni_content_wrap h4,
.ni_content_wrap h5, .ni_content_wrap h6{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.3em;
    margin: 5px 0 10px;
    transition: color 0.3s ease-in-out;
}

.news_item:hover > .ni_content_wrap h2, .news_item:hover > .ni_content_wrap h3,
.news_item:hover > .ni_content_wrap h4, .news_item:hover > .ni_content_wrap h5,
.news_item:hover > .ni_content_wrap h6{
    color: #8C86CC;
}

.ni_content_wrap p{
    font-size: 12px;
    margin-bottom: 0;
}

.ind_news_list .news_item .ni_img_wrap{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-right: 15px;
    box-sizing: border-box;
    margin-bottom: 0;
}

.ind_news_list .news_item .ni_content_wrap{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-left: 15px;
    box-sizing: border-box;
}
/*
.ind_news_list .news_item:not(:first-child){
    border-top: #F0F0F0 solid 1px;
    padding: 20px 0 ;
    margin: 0;
}

.ind_news_list .news_item:not(:first-child) .ni_content_wrap h2,
.ind_news_list .news_item:not(:first-child) .ni_content_wrap h3,
.ind_news_list .news_item:not(:first-child) .ni_content_wrap h4,
.ind_news_list .news_item:not(:first-child) .ni_content_wrap h5,
.ind_news_list .news_item:not(:first-child) .ni_content_wrap h6{
    margin: 5px 0 0;
    font-size: 14px;
    font-weight: 500;
}
*/ 

.all_topics{
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1em;
    color: #222222;
    transition: color 0.3s ease-in-out;
}

.all_topics:hover{
    color: #8C86CC;
}

.all_topics:visited{
    color: #222222;
}

.new_users{
    margin-bottom: 30px;
}

.nu_slider{
    margin-top: 54px;
}

.cont_main{
    float: left;
    width: calc(100% - 330px);
}

.news_list{
    width: 100%;
    font-size: 0;
}

.news_list .news_item{
    width: 100%;
    padding: 24px;
    box-sizing: border-box;
    border: #F0F0F0 solid 1px;
    margin: -1px 0 0;
    transition: box-shadow 0.3s ease-in-out;
}

.news_list .news_item:hover{
    z-index: 1;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.news_list .ni_img_wrap{
    display: inline-block;
    vertical-align: top;
    width: 276px;
    margin: 0 24px 0 0;
}

.news_list .ni_content_wrap{
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 300px);
    box-sizing: border-box;
}

.news_list .ni_content_wrap h2, .news_list .ni_content_wrap h3, .news_list .ni_content_wrap h4,
.news_list .ni_content_wrap h5, .news_list .ni_content_wrap h6{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.2em;
    margin: 5px 0 10px;
}

.news_list .ni_content_wrap p{
    font-size: 14px;
    margin-bottom: 15px;
}

.news_list .topic_industry{
    padding-right: 10px;
}

.ti_wrap .topic_industry:after {
    content: "";
}

.article_heading .ti_wrap .topic_industry:after {
    content: " // ";
}

.cont_aside{
    float: right;
    width: 300px;
}

.show_filters{
    display: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url("../icons/artocle_filter.png") no-repeat 50% 50%;
    background-size: 16px 16px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 24px;
    transition: opacity 0.3s ease-in-out;
}

.show_filters:after{
    content: "Показать фильтры";
    white-space: nowrap;
    padding-left: 26px;
}

.show_filters:hover{
    opacity: 0.6;
}

.show .show_filters{
    background: url("../icons/close_black@2x.png") no-repeat 50% 50%;
    background-size: 16px 16px;
}

.show .show_filters:after{
    content: "Скрыть фильтры";
    white-space: nowrap;
    padding-left: 26px;
}

.article_filters{
    width: 100%;
    margin-bottom: 30px;
}

.filter_submit {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 50px;
    margin: 30px 0 0;
    border: #F0F0F0 solid 1px;
    padding: 0;
    border-radius: 6px;
    background: transparent;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #a0a0a0;
    letter-spacing: 0.04em;
    transition: background 0.3s ease, border 0.3s ease-in-out, color 0.3s ease-in-out;
}

.filter_submit:hover{
    background: #DE4848;
    border: #DE4848 solid 1px;
    color: #FFFFFF;
}

.article_filters form:first-child{
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: #F0F0F0 solid 1px;
}

.article_col{
    float: left;
    font-size: 0;
    width: calc(100% - 480px);
    max-width: 800px;
    margin-bottom: 50px;
}

.aside_col{
    float: right;
    width: 440px;
    padding: 30px;
    box-sizing: border-box;
    border: #F0F0F0 solid 1px;
}

.ac_news_list .news_item{
    width: 100%;
    padding-bottom: 20px;
    border-bottom: #F0F0F0 solid 1px;
}

.ac_news_list .news_item:last-child{
    padding-bottom: 0;
    border-bottom: none;
}

.ac_news_list .ni_content_wrap h2, .ac_news_list .ni_content_wrap h3,
.ac_news_list .ni_content_wrap h4, .ac_news_list .ni_content_wrap h5,
.ac_news_list .ni_content_wrap h6{
    line-height: 1.4em;
    margin: 5px 0 8px;
}

.ac_news_list .ni_content_wrap p{
    font-size: 12px;
    margin-bottom: 10px;
}

.author_container{
    float: right;
    width: 440px;
    padding: 30px;
    box-sizing: border-box;
    border: #F0F0F0 solid 1px;
    margin-bottom: 30px;
}

.ас_heading{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1em;
    margin-bottom: 30px;
    color: #a0a0a0;
    text-transform: uppercase;
    text-align: center;
}

.ас_heading::before{
    content: "• ";
}

.ас_heading::after{
    content: " •";
}

.author_container .expert_item{
    width: 100%;
    padding: 0;
    margin: 0;
}

.author_container .expert_item:hover .expert_img {
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3);
}

.author_container .expert_item:hover .expert_name {
    color: #8C86CC;
}

.article_heading .ti_wrap{
    margin-bottom: 10px;
}

.project_contact{
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: #F6F6F6;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.4em;
    color: #9B9B9B;
    text-align: center;
}

.pc_btn{
    display: block;
    width: 100%;
    max-width: 240px;
    height: 50px;
    border-radius: 6px;
    background: #DE4848;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    margin: 15px auto 0;
}

.bg_grey{
    background: #F6F6F6;
}

/*-- user_profile--*/

.expert_col{
    float: left;
    width: 300px;
    box-sizing: border-box;
    margin-bottom: 40px;
    font-size: 0;
}

.expert_col .expert_item{
    display: block;
    width: 100%;
    background-color: #FFFFFF;
    padding: 30px 24px 70px;
    margin-bottom: 24px;
}

.expert_col .expert_img{
    margin: 0 auto 20px;
}

.expert_col .expert_name{
    margin-bottom: 6px;
    text-align: center;
}

.expert_col .expert_name h1, .expert_col .expert_name h2,
.expert_col .expert_name h3, .expert_col .expert_name h4,
.expert_col .expert_name h5, .expert_col .expert_name h6{
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.02em;
}

.expert_col .expert_status{
    font-size: 12px;
    margin-bottom: 0;
    text-align: center;
}

.membership{
    margin-top: 15px;
    font-size: 10px;
    letter-spacing: 0.04em;
    font-weight: 600;
    color: #9B9B9B;
    text-align: center;
}

.membership span{
    margin-left: 4px;
}

.contact_link{
    cursor: pointer;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #DE4848;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 50px;
    text-align: center;
    color: #FFFFFF;
    transition: background-color 0.2s ease-in-out;
}

.contact_link:hover{
    background-color: #8C86CC;
}

.expert_rating{
    position: relative;
}

.er_points{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 18px;
    font-size: 10px;
    font-weight: 700;
    color: #BEA347;
    text-align: center;
}

.er_points span{
    font-size: 30px;
}

.er_icon{
    height: 80px;
}

.er_icon img{
    display: block;
    height: 80px;
    width: auto;
    margin: 0 auto;
    padding: 0;
}

.er_status{
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #BEA347;
    margin-top: 6px;
    text-align: center;
    text-transform: uppercase;
}

.expert_about{
    width: 100%;
    margin-bottom: 24px;
}

.ea_heading{
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #9B9B9B;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.ea_list{
    width: 100%;
    font-size: 0;
    list-style-type: none;
}

.ea_list li {
    display: inline-block;
    vertical-align: top;
}


.ea_list li a{
    display: block;
    padding: 9px;
    background-color: #F6F6F6;
    border: #DEDEDE solid 1px;
    border-radius: 10px;
    margin: 4px 4px 0 0;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: inherit;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}

.ea_list li a:hover{
    background-color: #FFFFFF;
    border: #FFFFFF solid 1px;
}

.ea_list_2 li p{
    display: block;
    padding: 9px;
    background-color: #F6F6F6;
    border: #DEDEDE solid 1px;
    border-radius: 10px;
    margin: 4px 4px 0 0;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: inherit;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}

.ea_list_2 li p:hover{
    background-color: #FFFFFF;
    border: #FFFFFF solid 1px;
}

.expert_actions_col{
    float: right;
    width: 300px;
    box-sizing: border-box;
    margin-bottom: 40px;
    font-size: 0;
    border: #DEDEDE solid 1px;
    border-bottom: none;
}

.expert_actions_col .ea_heading{
    padding: 24px 20px 0;
    box-sizing: border-box;
}

.ea_section{
    padding: 20px 20px 4px;
    border-bottom: #DEDEDE solid 1px;
}

.ea_subheading{
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.02em;
}

.eas_list .cp_item {
    width: 100%;
    margin-bottom: 20px;
    padding-top: 0;
    border-top: none;
}

.eas_list .cp_topic_name {
    margin-bottom: 6px;
}

.eas_list .topic_date{
    display: block;
    margin-bottom: 6px;
}

.no_content{
    width: 100%;
    margin: -10px 0 20px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #9B9B9B;
}

.profile_col_c{
    float: left;
    width: calc(100% - 600px);
    padding: 0 30px;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.profile_tabs_wrap{
    width: 100%;
}

.profile_tabs{
    width: 100%;
    list-style-type: none;
    font-size: 0;
    overflow: auto;
    white-space: nowrap;
}

.profile_tabs li{
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 33%;
    height: 56px;
    padding: 20px 20px 20px 46px;
    box-sizing: border-box;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 16px;
    text-transform: uppercase;
    transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.profile_tabs li:hover{
    opacity: 0.5;
}

.profile_tabs li.current:hover{
    opacity: 1;
    background-color: #FFFFFF;
}

.profile_tabs li img{
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 16px;
    height: auto;
    margin: 0;
    padding: 0;
}

.profile_tabs li.current{
    background-color: #FFFFFF;
}

.profile_tab_content{
    display: none;
    width: 100%;
}

.profile_tab_content.visible{
    display: block;
}

.ptc_item{
    width: 100%;
    padding: 30px 24px 6px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    border-bottom: #F6F6F6 solid 4px;
}

.ptc_item h1, .ptc_item h2, .ptc_item h3,
.ptc_item h4, .ptc_item h5, .ptc_item h6{
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.01em;
    margin-bottom: 12px;
}

.ptc_item p{
    font-size: 12px;
}

.ptc_fold_item{
    background-color: #FFFFFF;
    border-bottom: #F6F6F6 solid 4px;
}

.fold_item_heading{
    position: relative;
    background: url("../icons/opion_closed.png") no-repeat right 20px center;
    background-size: 14px 14px;
    width: 100%;
    height: 62px;
    padding: 20px 44px 20px 62px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 22px;
    text-transform: uppercase;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fold_item_heading img{
    display: block;
    width: 22px;
    height: auto;
    position: absolute;
    top: 20px;
    left: 20px;
    margin: 0;
    padding: 0;
}

.show .fold_item_heading{
    background: url("../icons/opion_opened.png") no-repeat right 20px center;
    background-size: 14px 14px;
}

.fold_item_content{
    display: none;
    padding: 24px 20px 0;
    border-top: #F6F6F6 solid 1px;
}

.show .fold_item_content{
    display: block;
}

.fic_table{
    width: 100%;
    margin-bottom: 20px;
}

.fic_table tr{
    background-color: #FFFFFF;
}

.fic_table tr:nth-child(odd){
    background-color: #F0F0F0;
}

.fic_table tr td{
    padding: 16px 20px;
    box-sizing: border-box;
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 1.3em;
    white-space: nowrap;
}

.fold_item_content .table_wrap{
    margin: 0;
}

.fic_table tr td a{
    font-weight: 600;
    color: #222222;
    transition: color 0.3s ease-in-out;
}

.fic_table tr td a:hover{
    color: #8C86CC;
}

.acc_how_to{
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.5em;
    color: #BEA347;
    margin-bottom: 24px;
}

.acc_how_to span{
    display: block;
    font-weight: 600;
}

.fi_info_item{
    width: 100%;
    margin-bottom: 24px;
}

.fi_date{
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.content_bold{
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4em;
    margin-bottom: 10px;
}

.content_normal{
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.7em;
    margin-bottom: 8px;
}

.content_bold a, .content_normal a{
    color: #222222;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.content_bold a:hover, .content_normal a:hover{
    color: #8C86CC;
}

.fold_item_content .no_content{
    margin-top: 0;
}

.fold_item_heading span::before{
    content: " (";
}

.fold_item_heading span::after{
    content: ")";
}

.fold_item_content .news_item{
    margin-bottom: 24px;
}

.fold_item_content .ni_content_wrap h2, .fold_item_content .ni_content_wrap h3,
.fold_item_content  .ni_content_wrap h4, .fold_item_content .ni_content_wrap h5,
.ni_content_wrap h6{
    font-size: 14px;
    font-weight: 500;
    margin: 5px 0 0;
}

.profile_tab_content .cp_item{
    border-top: none;
    border-bottom: #F6F6F6 solid 4px;
    padding: 24px 20px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    margin: 0;
}

.filter_heading{
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.4em;
    margin-bottom: 30px;
}
.filter_heading span{
    display: block;
    font-size: 30px;
    margin-top: 10px;
}

.search_results .article_filters form:first-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.search_results .checkbox{
    margin:  0 0 20px;
}

.checkbox span span::before{
     content: " (";
}

.checkbox span span::after{
    content: ")";
}

.search_results .filter_submit{
    background-color: #DE4848;
    color: #FFFFFF;
    border: none;
}

.search_results .filter_submit:hover{
    background-color: #8C86CC;
}

.filters_wrap{
    margin-bottom: 40px;
}

.search_results_list{
    width: 100%;
    font-size: 0;
}

.search_tag{
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    color: #BEA347;
    text-transform: uppercase;
}

.sr_item{
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
    padding: 0 15px 30px;
    box-sizing: border-box;
}

.sr_item .expert_item{
    display: block;
    width: 100%;
    background-color: #FFFFFF;
    padding: 30px 20px 64px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: box-shadow 0.2s ease-in-out;
    height: 330px;
}

.sr_item .expert_item:hover .expert_name {
    color: #8C86CC;
}

.sr_item .news_item{
    padding: 20px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    overflow: hidden;
    height: 330px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: box-shadow 0.2s ease-in-out;
    margin: 0;
}

.sr_item .ni_content_wrap h2, .sr_item .ni_content_wrap h3, .sr_item .ni_content_wrap h4,
.sr_item .ni_content_wrap h5, .sr_item .ni_content_wrap h6{
    font-size: 12px;
    line-height: 1.6em;
    margin: 0 0 10px;
    transition: color 0.3s ease-in-out;
}

.sr_item .cp_item{
    padding: 20px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    overflow: hidden;
    height: 330px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: box-shadow 0.2s ease-in-out;
    border-top: none;
    margin: 0;
}

.sr_item .expert_item:hover, .sr_item .news_item:hover, .sr_item .cp_item:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.search_cont_aside{
    float: right;
    width: 330px;
    padding: 0 15px;
    box-sizing: border-box;
}

.search_results .info_input select{
    background-color: #FFFFFF;
}

.search_pad_lr{
    padding-right: 25px;
    padding-left: 25px;
    box-sizing: border-box;
}

/*--fixes--*/

.article_comments{
    border-top: #F6F6F6 solid 2px;
    padding-top: 30px;
}

.article_comments .comment_authorization, .article_comments .write_comment {
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
    margin-bottom: 10px;
    background-color: #FFFFFF;
}

.article_comments .comments_container{
    margin-bottom: 0;
}

.article_comments .ec_comment_item {
    padding: 20px 0 20px 55px;
}

.article_comments .ec_comment_item .expert_img {
    left: 0;
}

.up_arrow{
    position: fixed;
    z-index: 2000000;
    left: 0;
    top: 0;
    width: 1px;
    padding: 150px 40px;
    box-sizing: border-box;
    text-align: left;
    /*background-color: rgba(0, 0, 0, 0.85);*/
    display: none;
    cursor: pointer;
}

.cookies_warning{
    position: fixed;
    z-index: 1000000;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 60px 40px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.85);
    text-align: center;
}

.cookies_warning p{
    max-width: 1290px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.8em;
    color: #FFFFFF;
    margin: 0 auto;
}

.cookies_btn{
    display: inline-block;
    padding: 15px 30px;
    height: 20px;
    border-radius: 6px;
    background-color: #DE4848;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    margin: 20px auto 0;
    transition: background-color 0.3s ease-in-out;
}

.cookies_btn:hover{
    background-color: #8C86CC;
}


/**************/
.ui_info form .wide{
    width: 100%;
    margin-right: 0;
}

.ii_list_item{
    padding-top: 24px;
    border-top: #F0F0F0 2px dashed;
    margin-top: 24px;
}

.ii_list_item:first-child{
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.ii_delete{
    cursor: pointer;
    font-size: 12px;
    line-height: 1em;
    font-weight: 500;
    text-decoration: underline;
    text-align: right;
    transition: opacity 0.2s ease-in-out;
}

.ii_delete::before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 12px;
    background: url("../icons/ii_delete.png") no-repeat 0 0;
    background-size: 10px 12px;
}

.ii_delete:hover{
    opacity: 0.6;
}

.ii_add{
    cursor: pointer;
    width: 100%;
    height: 70px;
    border: #F0F0F0 dashed 2px;
    box-sizing: border-box;
    color: #9B9B9B;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 70px;
    text-align: center;
    text-transform: uppercase;
    margin: 24px 0;
    transition: color 0.2s ease-in-out, border 0.2s ease-in-out;
}

.ii_add:hover{
    color: #8C86CC;
    border: #8C86CC dashed 2px;
}

.ui_info .input_range_wrap {
    width: calc(50% - 20px);
}

.ui_info form .input_range_wrap:nth-child(odd) {
    margin-right: 40px;
}

.ii_list_item .checkbox{
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 20px);
    box-sizing: border-box;
    margin: 0 0 20px;
}

.ii_list_item .checkbox span{
    font-size: 12px;
    font-weight: 500;
}

.ui_info form .ii_list_item .checkbox:nth-child(odd) {
    margin-right: 40px;
}

.ui_info .input_range_wrap .info_input:nth-child(odd)::after {
    right: -25px;
}

.article_register{
    width: 100%;
    max-width: 380px;
    padding: 24px 0 44px;
    margin: auto;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.4em;
    text-align: center;
}

.article_register img{
    display: block;
    height: 140px;
    width: auto;
    padding: 0;
    margin: 0 auto 24px;
}

.ar_reg{
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    background: #DE4848;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    margin: 24px auto 15px;
    transition: background-color ease-in-out 0.2s;
}

.ar_reg:hover{
    background: #8C86CC;
}

.ar_login{
    color: #9B9B9B;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-align: center;
    text-transform: uppercase;
}

/* new styles */

.modalWrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    background-color: rgba(0, 0, 0, 0.85);
    font-family: 'Montserrat', sans-serif;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.modalContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 420px;
    max-width: calc(100% - 32px);
    background-color: #FFFFFF;
    padding: 32px;
    box-sizing: border-box;
    border-radius: 16px;
    max-height: 100vh;
    overflow: auto;
}

@media screen and (max-height: 620px) {
    .modalContainer {
        max-width: 100%;
        height: 100vh;
        padding: 24px;
        border-radius: 0;
    }
}

@media screen and (max-width: 480px) {
    .modalContainer {
        padding: 24px 16px;
    }
}

.formHeading {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 24px;
}

.formHeading span {
    display: block;
}

.formHeading img {
    display: block;
    width: 140px;
    height: auto;
    margin: 0 0 16px;
    padding: 0;
}

.tabButtons {
    width: 100%;
    margin-bottom: 16px;
}

.tabBtn {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    font-weight: 500;
    line-height: 1em;
    padding: 0 0 8px 0;
    margin: 0 16px 0 0;
    border-bottom: transparent solid 1px;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: border 0.3s ease-in-out, opacity 0.3s ease-in-out;
}


.tabBtn.current {
    border-bottom: #000000 solid 1px;
}

.tabContent {
    display: none;
    width: 100%;
}

.tabContent.visible {
    display: block;
}

.modalContainer .info_input {
    margin-bottom: 8px;
}

.modalInfo {
    font-size: 10px;
    line-height: 1.6em;
    margin: 0 0 24px;
}

.modalContainer .ec_submit_btn {
    margin: 0;
}

.modalClose {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 48px;
    height: 48px;
    background: url("../img/closeModal.svg") no-repeat center center;
    background-size: 16px 16px;
    transition: opacity 0.3s ease-in-out;
}

.modalClose:hover {
    opacity: 0.6;
}