@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:visited {
    color: #8C86CC;
}

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;
}

header {
    position: relative;
    width: 100%;
    padding: 20px 0;
    background-color: #223344;
}

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

.userboard .content {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 80px);
}

.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;
}

.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_logo, .header_logo_color, .expert_club_header_logo {
    display: block;
    float: left;
    width: 128px;
    height: 40px;
    overflow: hidden;
    text-indent: -10000px;
    transition: opacity ease-in-out 0.2s;
}

.expert_club_header_logo_black {
    display: block;
    float: left;
    width: 200px;
    height: 40px;
    overflow: hidden;
    text-indent: -10000px;
    transition: opacity ease-in-out 0.2s;
}

.header_logo {
    background: url("../img/opros_ru_logo_white.svg") no-repeat 0 0;
    background-size: 128px 40px;
}

.header_logo_color {
    background: url("../img/opros_ru_logo_color.svg") no-repeat 0 0;
    background-size: 128px 40px;
}

.expert_club_header_logo {
    background: url("../img/clubexpertov_ru_logo.png") no-repeat 0 0;
    background-size: 128px 40px;
}

.expert_club_header_logo_black {
    background: url("../img/ea_logo.svg") no-repeat 0 0;
    background-size: 200px 40px;
}

.header_logo:hover {
    opacity: 0.6;
}

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

.close_menu {
    display: none;
    position: relative;
    z-index: 11;
    background: url("../icons/burger_close.png") no-repeat 100% 0;
    background-size: 40px 40px;
    width: 100%;
    height: 40px;
    margin: 0 0 20px;
}

.navigation {
    width: 100%;
    margin: auto;
}

.navigation ul {
    list-style-type: none;
    font-size: 0;
    text-align: center;
}

.navigation ul li {
    display: inline-block;
    list-style-type: none;
    padding: 0 15px;
}

.navigation ul li a {
    display: block;
    height: 40px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 40px;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity ease-in-out 0.2s;
}

.navigation ul li a:hover {
    opacity: 0.6;
}

.login_wrap {
    float: right;
    font-size: 0;
}

.login_wrap a {
    text-decoration: none;
}

.user_reg, .user_login {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.user_reg {
    background-color: #D96969;
    padding: 0 20px;
    border-radius: 4px;
    font-weight: 500;
    transition: background-color 0.2s ease-in-out;
}

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

.user_login {
    padding: 0 20px 0 0;
    font-weight: 600;
    transition: opacity 0.2s ease-in-out;
}

.user_login:hover {
    opacity: 0.6;
}

.logout, .my_account {
    cursor: pointer;
    float: right;
    height: 40px;
    background: url("../icons/logout_white.png") no-repeat 0 50%;
    background-size: 22px 22px;
    padding-left: 32px;
    font-size: 13px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity ease-in-out 0.2s;
}

.logout {
    margin-left: 20px;
}

.my_account {
    background: url("../icons/user_icon_white.png") no-repeat 0 50%;
    background-size: 22px 22px;
}

.logout:hover, .my_account:hover {
    opacity: 0.6;
}

.user_panel_wrap {
    position: relative;
    z-index: 1;
    width: 315px;
    float: left;
    padding: 40px 0 0 15px;
    box-sizing: border-box;
    height: calc(100vh - 120px);
    background-color: #FFFFFF;
}

.user_panel_content {
    width: 100%;
    height: 100%;
    padding: 20px 60px 20px 0;
    border-right: #F0F0F0 solid 1px;
    box-sizing: border-box;
    overflow-y: auto;
}

.user_menu_bttn {
    cursor: pointer;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #8C86CC;
    text-align: center;
}

.umb_open, .umb_close {
    padding-left: 48px;
    display: inline-block;
    height: 80px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 80px;
}

.umb_open {
    background: url("../icons/mob_acc_menu_open.png") no-repeat 0 50%;
    background-size: 33px 33px;
}

.umb_close {
    display: none;
    background: url("../icons/mob_acc_menu_close.png") no-repeat 0 50%;
    background-size: 33px 33px;
}

.account_img {
    position: relative;
    background: url("../img/account_default_img.png") no-repeat center center #DBDBDB;
    background-size: 20px 20px;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 20px;
}

.account_img img {
    position: absolute;
    left: -10000%;
    right: -10000%;
    top: -10000%;
    bottom: -10000%;
    margin: auto auto;
    min-width: 1000%;
    min-height: 1000%;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
}

.username {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.user_bonuses {
    display: block;
    cursor: pointer;
    height: 16px;
    padding-left: 24px;
    background: url("../icons/bonuses_red.png") no-repeat 0 0;
    background-size: 16px 16px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 16px;
    color: #D96969;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity 0.2s ease-in-out;
}

.user_bonuses:hover {
    opacity: 0.6;
}

.user_bonuses:visited {
    color: #D96969;
}

.separator {
    margin: 30px 0;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.08em;
    line-height: 10px;
    text-transform: uppercase;
    color: #9B9B9B;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.user_panel_button {
    cursor: pointer;
    display: block;
    width: 100%;
    margin-bottom: 22px;
    transition: opacity ease-in-out 0.2s;
    text-decoration: none;
    color: #222222;
}

.user_panel_button a {
    text-decoration: none;
}

.user_panel_button a:visited {
    color: #222222;
}

.user_panel_button:last-of-type {
    margin-bottom: 0;
}

.user_panel_button:hover {
    opacity: 0.4;
}

.user_panel_button.active:hover {
    opacity: 1;
}

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

.u_p_button {
    height: 16px;
    padding-left: 28px;
    float: left;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #222222;
}

.active .u_p_button {
    filter: invert(53%) sepia(62%) saturate(276%) hue-rotate(206deg) brightness(92%) contrast(94%);
}

.u_p_count {
    height: 16px;
    float: right;
    border-radius: 8px;
    padding: 4px 10px 0;
    box-sizing: border-box;
    background-color: #F0F0F0;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.08em;
    line-height: 1em;
    color: #9B9B9B;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.active .u_p_count {
    background-color: #8C86CC;
    color: #FFFFFF;
}

.profile_form_btn {
    background: url("../icons/profile_form.png") no-repeat 0 0;
    background-size: 16px 16px;
}

.poll_list_btn {
    background: url("../icons/poll_list.png") no-repeat 0 0;
    background-size: 16px 16px;
}

.acc_settings_btn {
    background: url("../icons/acc_settings.png") no-repeat 0 0;
    background-size: 16px 16px;
}

.acc_chat_btn {
    background: url("../icons/acc_chat.png") no-repeat 0 0;
    background-size: 16px 16px;
}

.acc_news_btn {
    background: url("../icons/acc_news.png") no-repeat 0 0;
    background-size: 16px 16px;
}

.faq_btn {
    background: url("../icons/faq.png") no-repeat 0 0;
    background-size: 16px 16px;
}

.feedback_btn {
    background: url("../icons/feedback.png") no-repeat 0 0;
    background-size: 16px 16px;
}

.content_section_wrap {
    position: relative;
    width: 100%;
    padding: 60px 0 40px 360px;
    box-sizing: border-box;
}

.content_section {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 140px);
    padding: 0 15px 140px;
    box-sizing: border-box;
}

.userboard_footer {
    height: 40px;
    position: relative;
    width: 100%;
    margin: -80px auto 0;
    box-sizing: border-box;
}

.us_logo {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background: url("../img/opros_ru_logo_small.svg") no-repeat 0 0;
    background-size: 40px 40px;
    overflow: hidden;
    text-indent: -10000px;
    transition: opacity ease-in-out 0.2s;
}

.us_logo:hover {
    opacity: 0.6;
}

.us_ec_logo {
    display: block;
    float: left;
    width: 200px;
    height: 40px;
    background: url("../img/ea_logo.svg") no-repeat 0 0;
    background-size: 200px 40px;
    overflow: hidden;
    text-indent: -10000px;
    transition: opacity ease-in-out 0.2s;
}

.us_ec_logo:hover {
    opacity: 0.6;
}

.copyright_info {
    float: left;
    padding: 5px 0 0 15px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.25em;
}

.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_links {
    list-style-type: none;
    font-size: 0;
    text-align: center;
}

.footer_links li {
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
    padding: 0 15px;
}

.footer_links li a {
    display: block;
    height: 40px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 40px;
    color: #222222;
    text-align: left;
    transition: color ease-in-out 0.2s;
}

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

    .footer_links li {
        padding: 5px 15px 0;
    }

    .footer_links li a {
        max-width: 140px;
        height: auto;
        line-height: normal;
    }
}

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

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

.userboard_heading > span, .userboard_heading h1, .userboard_heading h2, .userboard_heading h3,
.userboard_heading h4, .userboard_heading h5, .userboard_heading h6 {
    display: block;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 0;
}

.profile_progress_bar {
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background-color: #F0F0F0;
    overflow: hidden;
    margin-top: 15px;
}

.bar_fill {
    height: 4px;
    border-radius: 2px;
    background-color: #D96969;
}

.u_h_comment {
    font-size: 12px;
    font-weight: 300;
    margin-top: 10px;
}

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

.ui_item {
    cursor: pointer;
    position: relative;
    display: block;
    width: 100%;
    padding: 24px 0;
    box-sizing: border-box;
    text-decoration: none;
    color: #222222;
    font-size: 0;
    border-top: #F0F0F0 solid 1px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui_item.ui_trigger, a.ui_item {
    padding-right: 40px;
    padding-left: 20px;
}

.ui_item.ui_trigger {
    background: url("../icons/opion_closed.png") no-repeat right 20px center;
    background-size: 14px 14px;
}

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

@media screen and (min-width: 1150px) {
    a.ui_item:after {
        content: "";
        display: block;
        position: absolute;
        right: 80px;
        bottom: 50%;
        transform: translateY(50%);
        width: 14px;
        height: 10px;
        background: url("../icons/link_arrow.png") no-repeat 50% 50%;
        background-size: 14px 10px;
        opacity: 0;
        transition: opacity 0.2s ease-in-out, right 0.2s ease-in-out;
    }

    a.ui_item:hover:after {
        opacity: 1;
        right: 20px;
    }
}

.ui_item img {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: auto;
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui_item_name {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375em;
    letter-spacing: 0.02em;
    padding: 0 20px;
}

.ui_item_status {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375em;
    opacity: 0.5;
}

.ui_item_status::before {
    content: "( ";
}

.ui_item_status::after {
    content: "% )";
}

.ui_info {
    display: none;
    font-size: 0;
    padding: 0 20px;
}

.show .ui_info {
    display: block;
}

.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: 11px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.info_input input[type="text"],
.info_input input[type="password"],
.info_input input[type="select"],
.info_input input[type="number"],
.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;
}

.search input[type="lupa"] {
    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="lupa"]:hover {
    opacity: 0.6;
}

.info_input input[type="text"]:hover,
.info_input input[type="password"]: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 input[type="password"],
.error select,
.error textarea {
    border-bottom: solid 2px #C0392B;
}

.error input[type="password"],
.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: 10px;
}

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

.error .error_message {
    display: block;
}

.submit_bttn, .acc_delete {
    display: block;
    cursor: pointer;
    width: 200px;
    height: 48px;
    margin: 4px 0 24px;
    border-radius: 6px;
    border: none;
    padding: 0;
    background: #38D897;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 0.04em;
    transition: background-color 0.3s ease;
}

.acc_delete {
    background-color: #D96969;
    text-align: center;
    line-height: 48px;
}

.submit_bttn:hover, .acc_delete:hover {
    background-color: #8C86CC;
}

.ui_info p {
    margin: 0 0 34px;
}

.s_section {
    width: 100%;
    max-width: 800px;
}

.faq_item {
    margin-bottom: 34px;
}

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

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

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

.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;
}

.poll_item {
    position: relative;
    width: 100%;
    min-height: 48px;
    padding-right: 220px;
    box-sizing: border-box;
}

.poll_name {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4em;
    margin-bottom: 8px;
}

.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;
}

.start_poll {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 48px;
    border-radius: 6px;
    background-color: #F0F0F0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    color: #9B9B9B;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

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

.start_poll:visited {
    color: #9B9B9B;
}

.continue_poll {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 48px;
    border-radius: 6px;
    background-color: #D96969;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

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

.continue_poll:visited {
    color: #FFFFFF;
}

.userboard_heading p {
    margin: 12px 0 0;
}

.feedback_form {
    margin-bottom: 50px;
}

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

.comment_item:last-of-type {
    margin-bottom: 0;
}

.comment_author {
    width: 100%;
    margin-bottom: 5px;
    font-size: 0;
}

.comment_img {
    display: inline-block;
    vertical-align: middle;
    background: url("../img/account_default_img.png") no-repeat center center #DBDBDB;
    background-size: 20px 20px;
    width: 40px;
    height: 40px;
    border-radius: 25px;
    overflow: hidden;
    margin-right: 15px;
}

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

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

.comment_item .username {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    margin-bottom: 4px;
}

.comment_author .date {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #9B9B9B;
}

.comment_item p {
    margin: 0;
    padding-left: 55px;
    box-sizing: border-box;
}

.poll_header {
    width: 100%;
    background-color: #F6F6F6;
    padding: 20px 0;
}

.poll_header .row {
    font-size: 0;
}

.poll_header .header_logo_color {
    display: inline-block;
    vertical-align: middle;
    width: 220px;
    float: none;
}

.poll_heading {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 230px);
    font-size: 15px;
    line-height: 1.333em;
    letter-spacing: 0.02em;
    font-weight: 500;
}

.poll_container {
    position: relative;
    width: 100%;
    max-width: 930px;
    padding: 40px;
    box-sizing: border-box;
    margin: auto;
}

.question_item {
    position: relative;
    width: 100%;
    margin-bottom: 50px;
    /*padding-left: 80px;
    box-sizing: border-box;*/
}

.q_number {
    /*position: absolute;*/
    top: 0;
    left: 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 1em;
    color: #CFCFCF;
}

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

.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%;
}

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

.error .q_heading {
    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;
}

.q_buttons {
    width: 100%;
    padding: 20px 0 0 80px;
    box-sizing: border-box;
}

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

.q_buttons > .submit_bttn {
    float: left;
    margin: 0 20px 0 0;
}

.poll_back {
    display: block;
    float: left;
    width: 200px;
    height: 48px;
    border-radius: 6px;
    background-color: #F0F0F0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    color: #9B9B9B;
    transition: background-color 0.3s ease-in-out;
}

.poll_back:hover {
    background-color: #D6D6D6;
}

.poll_feedback {
    float: right;
}

.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;
}

.login_reg_wrap {
    width: 40%;
    max-width: 520px;
    min-width: 440px;
    min-height: 100vh;
    background-color: #FFFFFF;
}

.login_reg_header {
    width: 100%;
    padding: 80px 80px 0;
    box-sizing: border-box;
}

.login_reg_header .header_logo_color {
    float: none;
    margin-bottom: 30px;
}

.login_reg_header .expert_club_header_logo_black {
    float: none;
    margin-bottom: 30px;
}

.login_reg_about {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.33333em;
}

.login_reg_data {
    width: 100%;
    padding: 70px 80px 80px;
    box-sizing: border-box;
}

.login_reg_data .submit_bttn {
    width: 100%;
    margin: 30px 0 0;
}

.login_reg_data .submit_bttn:hover {
    background-color: #D96969;
}

.login_separator {
    width: 100%;
    height: 10px;
    border-bottom: #9B9B9B solid 1px;
    text-align: center;
    margin: 30px 0;
}

.login_separator span {
    display: inline-block;
    padding: 0 20px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 16px;
    color: #9B9B9B;
    background-color: #FFFFFF;
}

.reg_btn {
    display: block;
    width: 100%;
    height: 48px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 48px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    background-color: #8C86CC;
    transition: background-color 0.2s ease-in-out;
}

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

.login_reg_bg_img {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left 150px center;
}

.disclaimer {
    width: 100%;
    margin-top: 30px;
}

.disclaimer p {
    font-size: 10px;
    line-height: 1.4em;
    letter-spacing: 0.04em;
    margin: 0;
}

.login_reg_data .question_item {
    margin-bottom: 40px;
    padding-left: 0;
}

.login_reg_data .question_item:last-of-type {
    margin-bottom: 0;
}

/*--index pages--*/

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

.footer_logo {
    display: block;
    float: left;
    width: 128px;
    height: 40px;
    overflow: hidden;
    text-indent: -10000px;
    transition: opacity ease-in-out 0.2s;
    background: url("../img/opros_ru_logo_white.svg") no-repeat 0 0;
    background-size: 128px 40px;
}

footer .copyright_info {
    color: #FFFFFF;
    padding: 5px 0 0 30px;
}

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

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

.sl_col_heading {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.2em;
    color: #A7A9AC;
    margin-bottom: 15px;
}

.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: #A7A9AC;
    transition: color 0.2s ease-in;
}

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

.hero {
    background: url("../img/hero_bg_img.jpg") no-repeat bottom center;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 180px 0 90px;
    margin: -100px 0 70px;
}

.index header {
    z-index: 1;
    background-color: transparent;
}

.i_page header {
    margin-bottom: 18px;
}

.index .user_reg {
    background-color: transparent;
    border: #FFFFFF solid 1px;
    box-sizing: border-box;
    transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out;
}

.user_reg:hover {
    background-color: #D96969;
    border: #D96969 solid 1px;
    box-sizing: border-box;
}

.hero h1 {
    max-width: 620px;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.17em;
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto 50px;
    text-transform: uppercase;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    padding: 0 10px;
    box-sizing: border-box;
}

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

.feature_wrap {
    width: 33.33333%;
    max-width: 360px;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.h_feature {
    width: 100%;
    height: 100%;
    padding: 34px 30px;
    border-radius: 6px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.25em;
    text-align: left;
}

.h_feature img {
    display: block;
    height: 44px;
    width: auto;
    margin: 0 0 20px;
    padding: 0;
}

.cta_header {
    cursor: pointer;
    display: block;
    width: 100%;
    max-width: 100px;
    height: 54px;
    background-color: #38D897;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: 0.06em;
    line-height: 54px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    margin: auto;
    transition: background-color 0.2s ease-in-out;
    margin-right: 40px;
}

.cta_header:hover {
    background-color: #38D897;
}

.cta {
    cursor: pointer;
    display: block;
    width: 100%;
    max-width: 330px;
    height: 54px;
    background-color: #38D897;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: 0.06em;
    line-height: 54px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    margin: auto;
    transition: background-color 0.2s ease-in-out;
}

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

.center_heading {
    max-width: 660px;
    margin: 0 auto 70px;
    padding: 0 10px;
    box-sizing: border-box;
}

.center_heading h2, .center_heading h3,
.center_heading h4, .center_heading h5,
.center_heading h6, .center_heading > span {
    display: block;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.15em;
    text-align: center;
    margin-bottom: 0;
}

.help_features {
    width: 100%;
    font-size: 0;
    list-style-type: none;
    margin-bottom: 60px;
}

.help_features li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 15px 0 135px;
    box-sizing: border-box;
    min-height: 90px;
    margin-bottom: 30px;
}

.help_features li img {
    position: absolute;
    top: 0;
    left: 15px;
    display: block;
    height: 90px;
    width: auto;
}

.help_features li h3, .help_features li h4,
.help_features li h5, .help_features li h6,
.help_features li span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.25em;
    margin-bottom: 10px;
}

.help_features li p {
    margin-bottom: 0;
}

.main_advantages {
    display: flex;
    justify-content: space-between;
    align-items: normal;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 30px;
}

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

.ma_item {
    width: 100%;
    min-height: 260px;
    padding: 60px 30px;
    box-sizing: border-box;
    background: url("#") no-repeat center center;
    background-size: cover;
    border-radius: 10px;
    overflow: hidden;
}

.ma_item h3, .ma_item h4,
.ma_item h5, .ma_item h6,
.ma_item span {
    display: block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.25em;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.ma_item p {
    margin-bottom: 0;
    color: #FFFFFF;
}

.research_form {
    width: 100%;
    background: url("../img/clock.png") no-repeat center right 30px #F6F6F6;
    border-radius: 10px;
    overflow: hidden;
    padding: 60px;
    box-sizing: border-box;
    margin-bottom: 90px;
    font-size: 0;
}

.rf_heading {
    max-width: 690px;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.13em;
    margin-bottom: 24px;
}

.research_form p {
    max-width: 690px;
    margin-bottom: 40px;
}

.research_form .info_input {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 300px;
    padding: 0 20px 0 0;
    margin: 0;
}

.research_form .info_input input[type="text"] {
    background-color: #FFFFFF;
    border: #e6e6e6 solid 1px;
}

.research_form .submit_bttn {
    display: inline-block;
    vertical-align: top;
    width: 230px;
    margin: 0;
    background: #D96969;
}

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

.rubricator {
    width: 100%;
    list-style-type: none;
    font-size: 0;
    margin-bottom: 90px;
}

.rubricator li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 40px;
    box-sizing: border-box;
}

.rubricator_elem {
    color: #000000;
    font-size: 14px;
    line-height: 1.6em;
    letter-spacing: 0.04em;
    font-weight: 500;
}

.rubricator_elem sup {
    color: #38D897;
}

.foother_contacts {
	float: right; 
	width: 400px; 
	color: #FFF; 
	text-align: right; 
	font-size: 12px
}

.foother_contacts a, a:visited {
	color: #FFF; 
}

.reviews {
    width: 100%;
    list-style-type: none;
    font-size: 0;
    margin-bottom: 160px;
}

.reviews li {
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
    padding: 0 40px;
    box-sizing: border-box;
}

.r_img_wrap {
    background: url("../icons/review_no_img.png") no-repeat center center #D96969;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    overflow: hidden;
    box-shadow: 15px 15px 0 #F5F5F5;
    margin-bottom: 30px;
}

.r_img_wrap img {
    display: block;
    width: 100%;
    height: auto;
}

.review_quote {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5em;
    letter-spacing: normal;
    margin-bottom: 15px;

}

.review_quote:before {
    content: '"';
}

.review_quote:after {
    content: '"';
}

.reviews li p {
    color: #787878;
    font-style: italic;
    margin-bottom: 10px;
}

.review_info {
    color: #000000;
    font-size: 12px;
    line-height: 1.6em;
    letter-spacing: 0.04em;
    font-weight: 500;
}

.z_mod {
    z-index: 1;
}

.partners_list {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1290px;
    font-size: 0;
    list-style-type: none;
    margin: auto;
}

.partners_list li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 40px 30px;
    box-sizing: border-box;
    background-color: #F6F6F6;
    box-shadow: inset 0 0 0 1px #FFFFFF;
}

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

.footer_cta {
    background: url("#") no-repeat top center;
    background-size: cover;
    width: 100%;
    padding: 320px 20px 160px;
    box-sizing: border-box;
    margin-top: -150px;
}

.footer_cta h2 {
    max-width: 620px;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.46em;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto 30px;
    color: #FFFFFF;
}

/*--article_list--*/

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

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

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

.page_heading {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 24px;
}

.page_heading h1, .page_heading h2,
.page_heading h3, .page_heading h4,
.page_heading h5, .page_heading > span {
    display: block;
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 500;
}

.aside_col .page_heading {
    margin-bottom: 20px;
    padding: 0;
}

.aside_col .page_heading h1, .aside_col .page_heading h2,
.aside_col .page_heading h3, .aside_col .page_heading h4,
.aside_col .page_heading h5, .aside_col .page_heading > span {
    display: block;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 600;
}

.content_col {
    float: left;
    font-size: 0;
    width: calc(100% - 410px);
    margin-bottom: 50px;
}

.aside_col {
    float: right;
    width: 330px;
    padding-right: 15px;
    margin-bottom: 50px;
}

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

.article_item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 30px;
    text-decoration: none;
}

.article_item:hover {
    opacity: 1;
}

.ai_img {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

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

.ai_img 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;
}

.ai_tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #CBCBCB;
    margin-bottom: 6px;
}

.article_item h1, .article_item h2, .article_item h3,
.article_item h4, .article_item h5, .article_item h6,
.article_item > span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.02em;
    margin-bottom: 10px;
    line-height: 1.3em;
    transition: all 0.3s ease-in-out;
}

.ai_info {
    width: 100%;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #303030;
}

.ai_info span:first-of-type:after {
    content: " • ";
}

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

    .article_item:hover > .ai_img > img {
        transform: scale(1.05, 1.05);
    }

    .article_item:hover > h1, .article_item:hover > h2,
    .article_item:hover > h3, .article_item:hover > h4,
    .article_item:hover > h5, .article_item:hover > h6 {
        opacity: 0.6;
    }
}

.content_col .pages {
    margin: 20px 0 0;
}

/*--
.article_list .article_item h1,
.article_list .article_item h2, .
article_list .article_item h3,
.article_list .article_item h4,
.article_list .article_item h5,
.article_list .article_item h6 {
    font-size: 14px;
}--*/

.search_wrap {
    margin-bottom: 30px;
}

.tags_list, .quick_links {
    width: 100%;
    margin: 0 0 30px 0;
}

.tags_list > ul, .quick_links > ul {
    width: 100%;
    font-size: 0;
    list-style-type: none;
}

.tags_list > ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 8px 0;
}

.quick_links > ul li {
    display: block;
    vertical-align: top;
    margin: 0 0 8px 0;
}

.tags_list > ul li a, .quick_links > ul li a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1em;
    white-space: nowrap;
    color: #222222;
    text-decoration: none;
    padding: 17px 20px;
    border-radius: 6px;
    border: #F0F0F0 solid 1px;
    transition: box-shadow 0.2s ease-in-out;
}

.quick_links > ul li a {
    width: 100%;
    box-sizing: border-box;
}

.tags_list > ul li a:hover, .quick_links > ul li a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

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

.article_heading {
    padding: 0 15px;
    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 {
    margin: 40px 0;
    border-top: solid 1px #F0F0F0;
    padding: 14px 0 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: 14px;
    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;
}

.aside_col .article_list {
    margin-bottom: 30px;
    font-size: 0;
}

.aside_col .article_item {
    width: 100%;
    padding: 0;
}

.aside_col .article_list .article_item h1,
.aside_col .article_list .article_item h2,
.aside_col .article_list .article_item h3,
.aside_col .article_list .article_item h4,
.aside_col .article_list .article_item h5,
.aside_col .article_list .article_item h6,
.aside_col .article_list .article_item > span {
    font-size: 15px;
    font-weight: 600;
}

/*--marketolog--*/

.banner_wrap {
    width: 100%;
    max-width: 1370px;
    padding: 0 40px;
    box-sizing: border-box;
    margin: 0 auto 70px;
}

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

.mark_hero {
    background: url("../img/mark_hero.jpg") no-repeat center bottom;
    background-size: cover;
    width: 100%;
    padding: 138px 80px;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px #FFFFFF;
}

.mh_content {
    width: 100%;
    max-width: 440px;
}

.mark_hero h1 {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25em;
    letter-spacing: normal;
    margin-bottom: 15px;
}

.mark_hero p {
    margin-bottom: 0;
}

.mark_hero .cta {
    margin: 40px 0 0;
}

.mark_needs {
    display: table-cell;
    background: url("#") no-repeat center center;
    background-size: cover;
    width: 50%;
    padding: 70px 60px;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px #FFFFFF;
}

.mark_needs img {
    display: block;
    width: auto;
    height: 60px;
    margin: 0 0 30px;
    padding: 0;
}

.mark_needs h2, .mark_needs h3,
.mark_needs h4, .mark_needs h5,
.mark_needs h6, .mark_needs > span {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3em;
    letter-spacing: normal;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.mark_needs p {
    color: #FFFFFF;
    margin-bottom: 0;
}

.steps_list {
    list-style-type: none;
    margin-bottom: 90px;
}

.steps_list li {
    position: relative;
    width: 100%;
    padding-right: 50%;
    padding-left: 80px;
    box-sizing: border-box;
}

.step_item {
    position: relative;
    padding: 0 50px 0 0;
    border-right: #F0F0F0 solid 1px;
    box-sizing: padding-box;
}

.step {
    z-index: 1;
    position: absolute;
    right: -30px;
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-color: #D96969;
    font-size: 20px;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    color: #FFFFFF;
}

.step span {
    position: absolute;
    right: 60px;
    top: 50%;
    width: 20px;
    height: 1px;
    background-color: #D96969;
}

.step_info {
    display: block;
    border: #D96969 solid 1px;
    border-radius: 10px;
    padding: 40px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.4em;
    text-align: right;
}

.steps_list li:nth-child(even) {
    position: relative;
    width: 100%;
    padding-right: 80px;
    padding-left: 50%;
}

.steps_list li:nth-child(even) .step_item {
    position: relative;
    transform: translateX(-1px);
    padding: 0 0 0 50px;
    border-right: none;
    border-left: #F0F0F0 solid 1px;
}

.steps_list li:nth-child(even) .step {
    right: unset;
    left: -30px;
}

.steps_list li:nth-child(even) .step span {
    right: unset;
    left: 60px;
}

.steps_list li:nth-child(even) .step_info {
    text-align: left;
}

.advantages_list {
    display: flex;
    justify-content: space-between;
    align-items: normal;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.a_item {
    padding: 0 15px;
    box-sizing: border-box;
    width: 33.333%;
    margin-bottom: 30px;
}

.a_content {
    height: 100%;
    display: block;
    padding: 40px;
    box-sizing: border-box;
    background-color: #F6F6F6;
    border-radius: 10px;
}

.a_content img {
    display: block;
    height: 44px;
    width: auto;
    padding: 0;
    margin-bottom: 24px;
}

.a_content > span {
    display: block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.25em;
    margin-bottom: 15px;
}

.a_content > p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.6em;
    margin-bottom: 0;
}

/*--respondent--*/

.center_heading p {
    margin-top: 20px;
    text-align: center;
}

.resp_hero {
    background: url("#") no-repeat center bottom;
    background-size: cover;
    width: 100%;
    padding: 110px 10px 70px;
    box-sizing: border-box;
}

.rh_content {
    width: 100%;
}

.resp_hero h1 {
    width: 100%;
    max-width: 460px;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.25em;
    letter-spacing: normal;
    text-align: center;
    color: #FFFFFF;
    margin: 0 auto 80px;
}

.resp_hero p {
    margin-bottom: 0;
}

.resp_hero .cta {
    max-width: 280px;
    margin: 0 auto;
}

.key_points {
    width: 100%;
    list-style-type: none;
    font-size: 0;
    text-align: center;
    margin-bottom: 60px;
}

.key_points li {
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
    max-width: 330px;
    padding: 0 40px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.33em;
    color: #FFFFFF;
    text-align: left;
}

.key_points li img {
    display: block;
    height: 44px;
    width: auto;
    padding: 0;
    margin: 0 0 20px;
}

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

.resp_footer {
    background: url("../images/resp_footer_img.png") no-repeat center center;
    background-size: cover;
    width: 100%;
    padding: 160px 10px;
    box-sizing: border-box;
}

.resp_footer span {
    display: block;
    width: 100%;
    max-width: 700px;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.4em;
    text-align: center;
    color: #FFFFFF;
    margin: 0 auto 30px;
}

/*--404--*/
.not_found {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 50px;
}

.not_found img {
    display: block;
    margin: 0 auto 30px;
    padding: 0;
    width: auto;
    height: auto;
    max-width: 100%;
}

.not_found > span {
    display: block;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

.not_found p {
    text-align: center;
    margin-bottom: 0;
}

.password_recovery {
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: #8C86CC;
    margin: -12px 0 20px;
}

.captcha {
    width: 100%;
    margin: 30px 0;
    padding: 20px;
    box-sizing: border-box;
    border: #F0F0F0 solid 1px;
    border-radius: 10px;
}

.captcha img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto 5px;
    padding: 0;
}

.captcha .info_input {
    text-align: center;
    margin: 0;
}

.captcha .info_input input[type="text"] {
    text-align: center;
}

.content_section_wrap .article_item {
    padding: 0;
    width: calc(50% - 15px);
    margin-right: 30px;
}

.content_section_wrap .article_item:nth-child(even) {
    margin-right: 0;
}

.expert {
    width: 100%;
    height: 10px;
    padding: 1px 0 0 15px;
    box-sizing: border-box;
    background: url("../icons/expert_label.png") no-repeat 0 0;
    background-size: 10px 10px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 10px;
    color: #b4b4b4;
}

/*--rates--*/

.rates_hero {
    background: url("../img/rates_hero.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    padding: 140px 0;
    margin-top: -18px;
}

.rates_info_wrap {
    width: 100%;
    max-width: 640px;
    padding: 0 20px;
    box-sizing: border-box;
    margin: auto;
}

.rates_info_wrap h1, .rates_info_wrap h2,
.rates_info_wrap h3, .rates_info_wrap h4,
.rates_info_wrap h5, .rates_info_wrap h6,
.rates_info_wrap > span {
    display: block;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.33em;
    margin: 0 0 20px 0;
    text-align: center;
}

.rates_hero .rates_info_wrap h1, .rates_hero .rates_info_wrap h2,
.rates_hero .rates_info_wrap h3, .rates_hero .rates_info_wrap h4,
.rates_hero .rates_info_wrap h5, .rates_hero .rates_info_wrap h6,
.rates_hero .rates_info_wrap > span {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.25em;
    color: #FFFFFF;
}

.rates_info_wrap p {
    margin: 0;
    text-align: center;
}

.rates_hero .rates_info_wrap p {
    font-weight: 600;
    color: #FFFFFF;
}

.rates_list {
    float: left;
    width: 50%;
    padding: 30px;
    box-sizing: border-box;
    margin: 60px 0 30px;
}

.rates_list:nth-child(odd) {
    border-right: #F0F0F0 solid 1px;
}

.rates_list span {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
}

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

.rates_list ul li {
    background: url("../img/rates_bullet@2x.png") no-repeat 25px 2px;
    background-size: 12px 12px;
    padding-left: 62px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.4em;
    margin-top: 20px;
}

.rates_form {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto 70px;
}

.rates_form_heading {
    position: relative;
    background: url("../img/rates_form heading.png") no-repeat center center;
    background-size: auto auto;
    padding: 100px 0;
    margin-bottom: 20px;
}

.rates_arrow {
    position: absolute;
    bottom: -50px;
    right: 50%;
    transform: translateX(50%);
    background: url("../img/rates_arrow@2x.png") no-repeat center center;
    background-size: 70px 120px;
    width: 70px;
    height: 120px;
}

.rates_form form {
    padding: 60px;
    box-sizing: border-box;
    background-color: #F6F6F6;
    border-radius: 10px;
    font-size: 0;
}

.rates_form .info_input {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding: 10px;
    margin: 0;
}

.rates_form .info_input input[type="text"],
.rates_form .info_input select {
    background-color: #FFFFFF;
    margin-top: 10px;
}

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

.rates_form .question_item {
    margin-bottom: 0;
    padding: 10px 0 10px;
}

.rates_form .q_heading {
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
    padding: 0 10px;
    box-sizing: border-box;
}

.rates_form .checkbox, .rates_form .radio {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding: 10px 10px 10px 40px;
    box-sizing: border-box;
    margin: 0;
}

.rates_form .checkbox .checkmark, .rates_form .radio .checkmark {
    top: 10px;
    left: 10px;
}

.rf_separator {
    width: 100%;
    height: 1px;
    background-color: #E4E4E4;
    margin: 20px 0 20px;
}

.rates_form .disclaimer {
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
}

.rates_form .submit_bttn {
    width: 100%;
    max-width: 360px;
    margin: 30px auto 0;
}

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

.ei_wrap {
    width: 33.33333%;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.example_item {
    position: relative;
    width: 100%;
    padding: 40px 40px 80px;
    box-sizing: border-box;
    border: #F0F0F0 solid 1px;
    border-radius: 10px;
    height: 100%;
}

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

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

.example_item ul li {
    margin-bottom: 15px;
}

.e_parameter {
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: #CBCBCB;
    margin-bottom: 2px;
}

.e_value {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: #303030;
}

.e_cost {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 40px 24px;
    box-sizing: border-box;
}

.e_cost span {
    display: block;
    width: 100%;
    border-top: #F0F0F0 solid 1px;
    padding-top: 24px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1em;
}

.e_cost span:after {
    content: "₽";
    padding-left: 8px;
}

/*--upload--*/

label.uploadbutton {
    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 {
    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;
}

/*--modal--*/

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 10000;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.75);
    text-align: center;
}

.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em;
}

.blocker.behind {
    background-color: transparent;
}

.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 500px;
    box-sizing: border-box;
    width: 90%;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.5em;
    background: #fff;
    padding: 30px 24px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px #000000;
    -moz-box-shadow: 0 0 10px #000000;
    -o-box-shadow: 0 0 10px #000000;
    -ms-box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px #000000;
    text-align: left;
}

.modal_form {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 1024px;
    box-sizing: border-box;
    width: 90%;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.5em;
    background: #fff;
    padding: 30px 24px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px #000000;
    -moz-box-shadow: 0 0 10px #000000;
    -o-box-shadow: 0 0 10px #000000;
    -ms-box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px #000000;
    text-align: left;
}

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

.modal_confirm {
    cursor: pointer;
    display: block;
    background-color: #D96969;
    width: 100%;
    height: 48px;
    margin-bottom: 12px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    transition: opacity 0.3s ease-in-out;
}

.modal_close {
    cursor: pointer;
    display: block;
    border: #9B9B9B solid 1px;
    border-radius: 6px;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    font-size: 14px;
    font-weight: 500;
    line-height: 46px;
    text-align: center;
    color: #9B9B9B;
    text-decoration: none;
    transition: opacity 0.3s ease-in-out;
}

.modal_confirm:hover, .modal_close:hover{
    opacity: 0.6;
}

.modal a.close-modal {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');

}

.modal a:visited {
    color: #D96969;
}

.modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #111;
    height: 20px;
}

.modal-spinner > div {
    border-radius: 100px;
    background-color: #fff;
    height: 20px;
    width: 2px;
    margin: 0 1px;
    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.modal-spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.modal-spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.5)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.5);
        -webkit-transform: scaleY(0.5);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

/*--products--*/

.products_page .footer_cta {
    padding: 150px 20px;
    margin-top: 0;
}

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

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

.product_category:first-of-type {
    margin-top: 70px;
}

.pc_heading {
    float: left;
    background: url("../img/product_heading_bg.png") no-repeat 15px 0;
    background-size: 60px 60px;
    width: 25%;
    min-height: 60px;
    padding: 24px 15px 0 40px;
    box-sizing: border-box;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4em;
}

.pc_list {
    float: left;
    width: 75%;
    list-style-type: none;
    font-size: 0;
}

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

.pc_list li img {
    display: block;
    height: 44px;
    width: auto;
    margin: 0 0 24px;
    padding: 0;
}

.pc_item_heading {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.pc_list p {
    font-size: 12px;
    line-height: 1.8em;
    letter-spacing: 0.02em;
    color: #8F8F8F;
    margin-bottom: 10px;
}

.pc_item_link {
    display: inline-block;
    background: url("../img/more_link@2x.png") no-repeat right center;
    background-size: 6px 8px;
    padding-right: 12px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #8C86CC;
    text-decoration: none;
    transition: opacity 0.2s ease-in-out;
}

.pc_item_link:visited {
    color: #8C86CC;
}

.pc_item_link:hover {
    opacity: 0.6;
}

/*-- marketolog --*/

.create_poll_btn {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    border: #38D897 1px solid;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.04em;
    color: #38D897;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s;
}

.create_poll_btn:visited {
    color: #38D897;
}

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

.current_polls_btn {
    background: url("../icons/acc_current_polls.png") no-repeat 0 0;
    background-size: 16px 16px;
}

.fav_polls_btn {
    background: url("../icons/acc_fav.png") no-repeat 0 0;
    background-size: 16px 16px;
}

.archive_polls_btn {
    background: url("../icons/acc_archive.png") no-repeat 0 0;
    background-size: 16px 16px;
}

.custom_polls_btn {
    background: url("../icons/acc_custom_folder.png") no-repeat 0 0;
    background-size: 16px 16px;
}

.new_folder_separator {
    width: 100%;
    height: 1px;
    background-color: #F0F0F0;
    margin: 0 0 20px;
}

.add_folder_btn {
    background: url("../icons/acc_add_folder.png") no-repeat 0 0;
    background-size: 16px 16px;
}

.edit_folder {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    height: 16px;
    border: #9B9B9B solid 1px;
    border-radius: 4px;
    padding: 8px 10px;
    margin: 15px 6px 0 0;
    transition: color ease-in-out 0.3s, border ease-in-out 0.3s;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #9B9B9B;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.edit_folder:hover {
    color: #222222;
    border: #222222 solid 1px;
}

.edit_folder img {
    display: inline-block;
    vertical-align: top;
    height: 16px;
    width: auto;
    margin: 0 8px 0 0;
    padding: 0;
    opacity: 0.45;
    transition: opacity ease-in-out 0.3s;
}

.edit_folder:hover > img {
    opacity: 1;
}

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

.qf_search {
    display: inline-block;
    vertical-align: top;
    width: calc(66.66666% - 30px);
    margin: 0 30px 10px 0;
}

.qf_search .search {
    margin-bottom: 10px;
}

.quick_filters .info_input {
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
    margin-bottom: 10px;
}

.quick_filters .info_input select {
    margin-top: 0;
}

.mark_poll_filers {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.mpf_btn {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    height: 16px;
    opacity: 1;
    transition: opacity ease-in-out 0.3s;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #D96969;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mpf_btn:hover {
    opacity: 0.6;
}

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

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

.show .mpf_wrap {
    display: block;
}

.mpf_inputs {
    width: 100%;
    padding: 30px 20px 10px;
    box-sizing: border-box;
    border: #DDDDDD 1px solid;
    font-size: 0;
    margin-top: 20px;
}

.mpf_inputs .info_input {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
}

.input_range_wrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.input_range_wrap .info_input:nth-child(odd)::after {
    content: "-";
    position: absolute;
    top: 45%;
    right: -5px;
    font-size: 24px;
    line-height: 1em;
}

.form_btns_row {
    width: 100%;
    margin: 24px 0 30px;
}

.mark_submit_btn {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 200px;
    height: 48px;
    margin: 0 26px 0 0;
    border-radius: 6px;
    border: none;
    padding: 0;
    background: #38D897;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 0.04em;
    transition: background-color 0.3s ease;
}

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

.clear_filters {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    height: 48px;
    font-size: 14px;
    font-weight: 500;
    color: #9B9B9B;
    letter-spacing: 0.02em;
    line-height: 48px;
    text-decoration: underline;
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity 0.3s ease-in-out;
}

.clear_filters:hover {
    opacity: 0.5;
}

.mark_poll_list {
    width: 100%;
    border-top: #F0F0F0 1px solid;
}

.mpl_item {
    width: 100%;
    border-bottom: #F0F0F0 1px solid;
    padding: 30px 0 46px;
    box-sizing: border-box;
}

.mpl_poll_name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1.4em;
    margin: 6px 0 20px;
    color: #222222;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

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

.mpl_poll_name:visited {
    color: #8C86CC;
}

.mpl_poll_links {
    float: left;
    list-style-type: none;
    font-size: 0;
}

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

.mpl_poll_links li a {
    display: block;
    height: 16px;
    padding: 0 10px;
    border-left: #222222 solid 1px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 16px;
    color: #222222;
    text-decoration: none;
    transition: color 0.3s ease-in-out, border-left-color 0.3s ease-in-out;
}

.mpl_poll_links li a:hover {
    color: #8C86CC;
    border-left-color: #8C86CC;
}

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

.mpl_actions li {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    opacity: 0.45;
    transition: opacity ease-in-out 0.3s;
}

.mpl_actions .active {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    opacity: 1;
    transition: opacity ease-in-out 0.3s;
}

.mpl_actions li:hover {
    opacity: 1;
}

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

.mark_poll_heading h1, .mark_poll_heading h2, .mark_poll_heading h3,
.mark_poll_heading h4, .mark_poll_heading h5, .mark_poll_heading h6 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.25em;
    letter-spacing: 0.02em;
    margin: 10px 0 20px;
}

.mark_poll_heading .mpl_actions {
    float: none;
    margin-bottom: 25px;
}

.mark_poll_heading .mpl_actions li {
    padding: 0;
    margin-right: 30px;
}

.mph_nav {
    width: 100%;
}

.mark_poll_burger {
    display: none;
    background: url("../icons/poll_burger@2x.png") no-repeat 20px 50% #F0F0F0;
    background-size: 14px 14px;
    cursor: pointer;
    width: 100%;
    height: 48px;
    padding-left: 48px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mph_nav_links {
    width: 100%;
    font-size: 0;
    list-style-type: none;
    border-bottom: #F6F6F6 2px solid;
}

.mph_nav_links li {
    display: inline-block;
    vertical-align: top;
    padding: 0 24px 0 0;
}

.mph_nav_links li:last-child {
    padding-right: 0;
}

.mph_nav_links li a {
    position: relative;
    display: block;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1em;
    color: #8C86CC;
    text-decoration: none;
    transition: opacity ease-in-out 0.3s;
}

.mph_nav_links li a {
    position: relative;
    display: block;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1em;
    color: #8C86CC;
    text-decoration: none;
    transition: opacity ease-in-out 0.3s;
}

.mph_nav_links li a.active {
    font-weight: 600;
    color: #222222;
}

.mph_nav_links li a:hover {
    opacity: 0.5;
}

.mph_nav_links li a.active:hover {
    opacity: 1;
}

.nav_underline {
    display: none;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #222222;
}

.mph_nav ul li a.active .nav_underline {
    display: block;
}

.mark_poll_stats {
    width: 100%;
    font-size: 0;
    margin: 40px 0;
    border-bottom: #F6F6F6 2px solid;
}

.mark_poll_stats {
    overflow-x: auto;
}

.mps_item {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-bottom: 40px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1em;
}

.mps_item img {
    display: block;
    height: 32px;
    width: auto;
    margin: 0 0 15px;
    padding: 0;
}

.mps_item span {
    display: block;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.35em;
}

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

.rs_heading {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 200px);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
}

.rs_button {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    height: 40px;
    border: #D96969 solid 1px;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 40px;
    color: #D96969;
    text-align: center;
    text-decoration: none;
    transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s;
}

.rs_button:hover {
    background-color: #D96969;
    color: #FFFFFF;
}

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

.mil_item {
    display: inline-block;
    vertical-align: top;
    width: calc(33.33333% - 20px);
    margin: 0 30px 30px 0;
    padding: 30px 24px 15px;
    border: #F0F0F0 solid 1px;
    box-sizing: border-box;
}

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

.mil_parameter {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1;
    color: #9B9B9B;
    margin-bottom: 5px;
}

.mil_value {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #222222;
    margin-bottom: 15px;
}

.mil_value a {
    word-break: break-all;
    color: #8C86CC;
}

.mil_value span {
    display: block;
    margin-top: 4px;
    font-size: 10px;
}

.mil_btn {
    cursor: pointer;
    border-top: #F0F0F0 solid 1px;
    padding-top: 15px;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.02em;
    transition: color 0.3s ease-in-out;
}

.mil_btn:hover{
    color: #9B9B9B;
}

.mil_btn img {
    display: inline-block;
    vertical-align: top;
    height: 16px;
    width: auto;
    margin: 0 12px 0 0;
    padding: 0;
    transition: opacity 0.3s ease-in-out;
}

.mil_btn:hover > img{
    opacity: 0.45;
}

.mark_ui_item {
    background: url("../icons/opion_closed.png") no-repeat right 20px center;
    background-size: 14px 14px;
    cursor: pointer;
    position: relative;
    display: block;
    width: 100%;
    padding: 24px 44px 24px 20px;
    box-sizing: border-box;
    text-decoration: none;
    color: #222222;
    font-size: 0;
    border-top: #F0F0F0 solid 1px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.mui_name {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375em;
    letter-spacing: 0.02em;
}

.mark_ui_info {
    display: none;
    font-size: 0;
    padding: 0 20px 8px;
}

.show .mark_ui_info {
    display: block;
}

.mark_ui_info p {
    font-size: 12px;
    margin-bottom: 15px;
}

.mark_ui_info h2, .mark_ui_info h3,
.mark_ui_info h4, .mark_ui_info h5,
.mark_ui_info h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
}

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

.qr_wrap {
    width: 200px;
    height: 200px;
    margin-bottom: 15px;
}

.qr_wrap img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}

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

.results_nav li {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}

.results_nav li a {
    display: block;
    height: 16px;
    padding: 24px 0;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 16px;
    color: #9B9B9B;
    text-decoration: none;
    transition: opacity 0.3s ease-in-out;
}

.results_nav li a img {
    display: inline-block;
    vertical-align: top;
    height: 16px;
    width: auto;
    margin: 0 12px 0 0;
    padding: 0;
    opacity: 0.45;
}

.results_nav li a:hover {
    opacity: 0.5;
}

.results_nav li a.active {
    color: #222222;
}

.results_nav li a.active img {
    opacity: 1;
}

.results_nav li a.active:hover {
    opacity: 1;
}

.resp_list {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    color: #222222;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.4em;
    border-top: #F0F0F0 solid 1px;
}

.resp_list th, .resp_list td {
    text-align: left;
    padding: 20px 0 20px 20px;
    box-sizing: border-box;
    border-bottom: #F0F0F0 solid 1px;
    vertical-align: top;
    white-space: nowrap;
}

.resp_list th a, .resp_list td a {
    color: #8C86CC;
    letter-spacing: 0.04em;
    transition: opacity 0.3s ease-in-out;
}

.resp_list th a:hover, .resp_list td a:hover {
    opacity: 0.6;
}

.table_action {
    cursor: pointer;
    transition: opacity 0.3s ease-in-out;
}

.table_action:hover {
    opacity: 0.45;
}

.table_action > img {
    display: inline-block;
    height: 16px;
    width: auto;
    margin: 0;
    padding: 0;
}

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

.eo_item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.eo_heading {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
}

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

.eo_files_list li {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    height: 50px;
    margin: 20px 20px 0 0;
    transition: opacity 0.3s ease-in-out;
}

.eo_files_list li:hover {
    opacity: 0.6;
}

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

.results_filters .mpf_btn {
    position: absolute;
    top: -40px;
    right: 0;
}

.results_filters .mpf_inputs {
    margin: 0;
}

.date_options {
    font-size: 0;
    list-style-type: none;
    margin: -10px 0 10px;
}

.date_options li {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #222222;
    text-decoration: underline;
    margin: 4px 10px;
    transition: opacity 0.3s ease-in-out;
}

.date_options li:hover {
    opacity: 0.6;
}

.mark_add_filter {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 200px;
    height: 48px;
    margin: 0 26px 0 0;
    border-radius: 6px;
    border: #38D897 solid 1px;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    color: #38D897;
    letter-spacing: 0.04em;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease-in-out, border 0.3s ease-in-out;
}

.mark_add_filter:hover {
    background-color: #8C86CC;
    border: #8C86CC solid 1px;
    color: #FFFFFF;
}

.custom_filter {
    border: #DDDDDD solid 1px;
    border-top: none;
    padding: 20px;
}

.cf_name {
    position: relative;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.cf_name_wrap {
    padding: 0 80px 0 0;
}

.cf_name label.checkbox {
    margin: 0;
}

.conditions_count {
    padding: 4px 0 0 32px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1em;
    color: #9B9B9B;
}

.cf_name_btns_wrap {
    position: absolute;
    top: calc(50% - 8px);
    right: 10px;
    font-size: 0;
}

.cf_btn {
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-left: 24px;
    transition: opacity 0.3s ease-in-out;
}

.custom_filter.show .cf_btn {
    display: none;
}

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

.custom_filter.show .cf_close {
    display: block;
}

.cf_btn:hover {
    opacity: 0.45;
}

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

.cf_content {
    display: none;
    padding-top: 30px;
}

.show > .cf_content {
    display: block;
}

.cf_content .info_input {
    padding: 0 10px;
}

.cf_condition {
    width: 100%;
    font-size: 0;
    padding: 20px 0;
    border-top: #F6F6F6 solid 1px;
}

.cf_condition .info_input {
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
}

.delete_condition {
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1em;
    color: #8C86CC;
    text-decoration: underline;
}

.cf_options {
    padding: 20px 10px 16px;
    border-top: #F6F6F6 solid 1px;
}

.add_condition {
    float: left;
    cursor: pointer;
    background: url("../icons/add_red.png") no-repeat 0 0;
    background-size: 16px 16px;
    padding-left: 24px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 16px;
    color: #D96969;
    transition: opacity 0.3s ease-in-out;
}

.cfo_btn {
    float: right;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 16px;
    color: #222222;
    transition: opacity 0.3s ease-in-out;
    margin-right: 24px;
    text-decoration: none;
}

.cfo_btn:hover, .add_condition:hover {
    opacity: 0.45;
}

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

.mpa_item {
    width: 100%;
    border: #DDDDDD solid 1px;
    background-color: #F6F6F6;
    padding: 30px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.question_type {
    display: table-cell;
    background: url("#") no-repeat 0 center;
    background-size: 22px 22px;
    font-size: 12px;
    font-weight: 500;
    color: #D96969;
    padding: 5px 0 5px 30px;
}

.mpa_item_name {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2em;
    margin: 15px 0 10px;
}

.mpa_item_name span {
    margin-right: 6px;
}

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

.mpa_item_status li {
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #9B9B9B;
    margin-right: 10px;
}

.mpa_item_status li span span:before {
    content: "(";
}

.mpa_item_status li span span:after {
    content: "%)";
}

.mpa_tabs_wrap {
    margin-top: 24px;
}

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

.mpa_tabs li {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 6px 6px 0 0;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 16px;
    color: #222222;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mpa_tabs li img {
    display: inline-block;
    vertical-align: top;
    height: 16px;
    width: auto;
    margin: 0 6px 0 0;
    padding: 0;
    transition: opacity 0.3s ease-in-out;
}

.mpa_tabs li:hover {
    color: #9B9B9B;
    background-color: rgba(255, 255, 255, 0.3);
}

.mpa_tabs li:hover > img {
    opacity: 0.45;
}

.mpa_tabs li.current {
    background-color: rgba(255, 255, 255, 1);
}

.mpa_tab_content {
    display: none;
    width: 100%;
    padding: 40px 30px;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.mpa_tab_content.visible {
    display: block;
}

.mpa_stats_common {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    color: #222222;
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 1.4em;
}

.mpa_stats_common thead th {
    text-align: left;
    padding: 0 10px 15px;
    box-sizing: border-box;
    border-bottom: #F0F0F0 solid 1px;
    vertical-align: top;
    font-weight: 600;
}

.mpa_stats_common tbody td, .mpa_stats_common tbody th {
    text-align: left;
    padding: 15px 10px;
    box-sizing: border-box;
    border-bottom: #F0F0F0 solid 1px;
    vertical-align: top;
    font-weight: 500;
}

.mpa_stats_common tbody th {
    color: #D96969;
}

.mpa_stats_common td a, .mpa_stats_common th a {
    color: #8C86CC;
    letter-spacing: 0.04em;
    transition: opacity 0.3s ease-in-out;
}

.mpa_stats_common th a:hover, .mpa_stats_common td a:hover {
    opacity: 0.6;
}

.mpa_tab_content .table_wrap {
    margin: 0;
}

.scroll_tab_content {
    max-height: 400px;
    overflow-y: auto;
}

.mpa_table_wrap {
    margin-bottom: 20px;
}

.mpa_table_heading {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
}

.type_one {
    background: url("../icons/q_type_one@2x.png") no-repeat 0 0;
    background-size: 22px 22px;
}

.type_few {
    background: url("../icons/q_type_few@2x.png") no-repeat 0 0;
    background-size: 22px 22px;
}

.type_select {
    background: url("../icons/q_type_select@2x.png") no-repeat 0 0;
    background-size: 22px 22px;
}

.type_multiple_select {
    background: url("../icons/q_type_multiple_select@2x.png") no-repeat 0 0;
    background-size: 22px 22px;
}

.type_matrix {
    background: url("../icons/q_type_matrix@2x.png") no-repeat 0 0;
    background-size: 22px 22px;
}

.type_3d_matrix {
    background: url("../icons/q_type_matrix3d@2x.png") no-repeat 0 0;
    background-size: 22px 22px;
}

.type_scale {
    background: url("../icons/q_type_scale@2x.png") no-repeat 0 0;
    background-size: 22px 22px;
}

.type_text {
    background: url("../icons/q_type_text@2x.png") no-repeat 0 0;
    background-size: 22px 22px;
}

.type_multiple_text {
    background: url("../icons/q_type_multiple_text@2x.png") no-repeat 0 0;
    background-size: 22px 22px;
}

.type_range {
    background: url("../icons/q_type_range@2x.png") no-repeat 0 0;
    background-size: 22px 22px;
}

.type_place {
    background: url("../icons/q_type_place@2x.png") no-repeat 0 0;
    background-size: 22px 22px;
}

.type_multiple_answer {
    background: url("../icons/q_type_multiple_answer@2x.png") no-repeat 0 0;
    background-size: 22px 22px;
}


.resp_status {
    display: table;
    width: 100%;
    margin: 40px 0;
    list-style-type: none;
}

.resp_status li {
    display: table-row;
}

.rs_parameter, .rs_value {
    display: table-cell;
    vertical-align: top;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    padding: 0 20px 10px 0;
}

.rs_parameter {
    max-width: 120px;
    font-weight: 600;
}

.resp_btn_wrap {
    font-size: 0;
    margin-bottom: 20px;
}

.rb_delete {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 200px;
    height: 48px;
    border: #9B9B9B solid 1px;
    box-sizing: border-box;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: 0.02em;
    color: #9B9B9B;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.rb_delete:hover {
    background-color: #9B9B9B;
    color: #FFFFFF;
}

.prev_next_btns {
    display: inline-block;
    vertical-align: top;
    height: 48px;
    width: calc(100% - 210px);
    font-size: 0;
    text-align: right;
}

.rb_prev, .rb_next {
    display: block;
    float: right;
    height: 48px;
    font-size: 12px;
    font-weight: 500;
    color: #8C86CC;
    text-decoration: none;
    box-sizing: border-box;
    margin: 0 0 0 30px;
    transition: opacity 0.3s ease-in-out;
}

.rb_prev:hover, .rb_next:hover {
    opacity: 0.4;
}

.rb_prev {
    background: url("../icons/prev_arrow@2x.png") no-repeat left center;
    background-size: 26px 22px;
    padding: 8px 0 8px 38px;
    text-align: left;
}

.rb_next {
    background: url("../icons/next_arrow@2x.png") no-repeat right center;
    background-size: 26px 22px;
    padding: 8px 38px 8px 0;
    text-align: right;
}

.table_check {
    width: 10px;
    height: 10px;
    background: url("../icons/table_check@2x.png") no-repeat center center;
    background-size: 10px 10px;
    margin-top: 2px;
}

.new_poll_wrap {
    border-top: #DDDDDD solid 1px;
    padding: 20px 0;
    margin-top: 40px;
}

.new_poll_wrap h2, .new_poll_wrap h3,
.new_poll_wrap h4, .new_poll_wrap h5,
.new_poll_wrap h6 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 10px;
}

.create_blank_poll {
    cursor: pointer;
    display: block;
    width: 200px;
    height: 48px;
    background-color: #38D897;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 48px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out;
    margin-top: 20px;
}

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

/*-- new_poll--*/

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

.poll_warning {
    width: 100%;
    padding: 20px 0;
    background-color: #F3DDDD;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4em;
    text-align: center;
    color: #D96969;
}

.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;
    cursor: pointer;
}

.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_btn_back:visited {
	color: #9B9B9B;
}

.poll_footer {
    padding: 20px 0;
}

.poll_footer .poll_feedback .pf_btn {
    float: right;
    margin: 0 0 0 20px;
    padding: 16px 0;
}

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

.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, .q_heading p {
    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: 300px;
}

.qi_table td .radio, .qi_table td .checkbox, .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 td .checkbox .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;
}

/*-- constructor --*/

.constructor_header {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 20px 0;
    background-color: #223344;
}

.preview_back {
    float: left;
    cursor: pointer;
    display: block;
    background: url("../icons/preview_back@2x.png") no-repeat left center;
    background-size: 34px 34px;
    height: 40px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 40px;
    color: #FFFFFF;
    padding-left: 46px;
    text-decoration: none;
    transition: opacity 0.3s ease-in-out;
}

.preview_back:hover {
    opacity: 0.5;
}

.preview_pages {
    float: right;
    font-size: 0;
}

.pp_heading, .vs_heading {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    opacity: 0.5;
    margin-right: 20px;
}

.pp_back, .pp_next {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 40px;
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
}

.pp_back {
    background: url("../icons/preview_prev.png") no-repeat center center;
    background-size: 12px 28px;
}

.pp_next {
    background: url("../icons/preview_next.png") no-repeat center center;
    background-size: 12px 28px;
}

.pp_back:hover, .pp_next:hover {
    opacity: 1;
}

.pp_select {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    width: 180px;
}

.pp_select select {
    display: block;
    border: none;
    background: url("../icons/sort_arrow_down.png") no-repeat right 10px center rgba(255, 255, 255, 0.5);
    background-size: 10px 5px;
    width: 100%;
    height: 40px;
    padding: 0 0 0 15px;
    box-sizing: border-box;
    border-radius: 6px;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #223344;
    outline: none;
    transition: background-color 0.2s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.pp_select select:hover {
    background-color: rgba(255, 255, 255, 1);
}

.preview_switch {
    width: 100%;
    margin: auto;
    text-align: center;
}

.ps_btn, .vs_btn {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    opacity: 0.5;
    margin: 0 5px;
    transition: opacity 0.3s ease-in-out;
}

.ps_btn.active, .vs_btn.active {
    opacity: 1;
}

.ps_btn.active:hover, .vs_btn.active:hover {
    opacity: 1;
}

.ps_btn:hover, .vs_btn:hover {
    opacity: 0.25;
}

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

.preview {
    padding-top: 80px;
    height: 100vh;
    max-height: 100vh;
    box-sizing: border-box;
    background-color: #F6F6F6;
    overflow: hidden;
}

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

.preview_wrap iframe {
    width: 100%;
    height: 100%;
}

.show_desktop .preview_wrap {
    max-width: none;
    margin: auto;
    border: none;
    box-sizing: border-box;
}

.show_tablet_hor .preview_wrap {
    max-width: 1024px;
    margin: auto;
}

.show_tablet_vert .preview_wrap {
    max-width: 790px;
    margin: auto;
}

.show_phone .preview_wrap {
    max-width: 390px;
    margin: auto;
}

.view_style_switch {
    float: left;
    border-right: #FFFFFF solid 1px;
    padding-right: 24px;
    margin-right: 30px;
}

.c_nav {
    float: left;
    list-style-type: none;
    font-size: 0;
    text-align: left;
}

.c_nav li {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    font-size: 12px;
    font-weight: 500;
}

.c_nav li a {
    display: block;
    height: 16px;
    padding: 12px 0;
    color: #FFFFFF;
    text-decoration: none;
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
}

.c_nav li a:hover {
    opacity: 0.35;
}

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

.c_nav li a.active, .c_nav li a.active:hover {
    opacity: 1;
}

.c_btns_wrap {
    float: right;
}

.c_btn_save, .c_btn_exit {
    float: left;
    cursor: pointer;
    display: block;
    width: 130px;
    height: 40px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 40px;
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
    transition: opacity 0.3s ease-in-out;
}

.c_btn_save:hover, .c_btn_exit:hover {
    opacity: 0.6;
}

.c_btn_save {
    background-color: #D96969;
    color: #FFFFFF;
    border: none;
    margin-right: 20px;
}

.c_btn_exit {
    background-color: rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
    border: none;
}

.constructor {
    background-color: #F6F6F6;
    padding: 120px 0 60px;
    min-height: 100vh;
    box-sizing: border-box;
}

.constr_row {
    position: relative;
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    counter-reset: question_counter;
}

.constr_headimg {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4em;
    margin-bottom: 40px;
}

.constr_headimg span {
    display: block;
    font-weight: 400;
}

.constr_pages_list {
    counter-reset: page_counter;
}

.constr_page_item {
    position: relative;
    width: 100%;
    padding: 20px 20px 0;
    box-sizing: border-box;
    border: #9B9B9B dashed 1px;
    margin-bottom: 20px;
}

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

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

.drag_handle {
    cursor: move;
    float: left;
    width: 22px;
    height: 22px;
    background: url("../icons/drag_handle.png") no-repeat 0 0;
    background-size: 6px 22px;
}

.cp_number {
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #9B9B9B;
    line-height: 22px;
}

.cp_number:after {
    counter-increment: page_counter;
    content: "Страница " counter(page_counter) "";
}

.constr_question_wrap {
    margin-bottom: 20px;
}

.cq_menu {
    background-color: #FFFFFF;
}

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

.cq_info_wrap {
    float: left;
    padding: 24px 0 24px 15px;
}

.cp_question_number {
    float: left;
    font-size: 18px;
    font-weight: 700;
    color: #CFCFCF;
    line-height: 22px;
}

.cp_question_number:after {
    counter-increment: question_counter;
    content: "" counter(question_counter) "";
}

.cq_info_wrap .question_type {
    padding: 0 0 0 15px;
    line-height: 22px;
}

.cq_btns_wrap {
    float: right;
    font-size: 0;
}

.cq_btn {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 70px;
    height: 70px;
    background-color: #FFFFFF;
    overflow: hidden;
    border-left: #F6F6F6 solid 2px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cq_btn img {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    max-width: 16px;
    max-height: 16px;
    margin: auto;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    transition: opacity 0.3s ease-in-out;
}

.cq_btn:hover img {
    opacity: 0.45;
}

.show_q_content .cq_content_wrap {
    display: block;
}

.hide_q_content .cq_content_wrap {
    display: none;
}

.cq_content {
    position: relative;
    width: 100%;
    padding: 30px 30px 1px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    border-top: #F6F6F6 solid 2px;
}

.cq_content .q_number {
    display: none;
}

.cq_content .question_item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cq_content:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cq_rules {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    border-top: #F6F6F6 solid 2px;
    background-color: #FFFFFF;
}

.cq_rules_heading {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.cq_rules_list {
    list-style-type: none
}

.cq_rules_list li {
    margin-bottom: 10px;
}

.cq_rule_name {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #D96969;
    margin-bottom: 2px;
}

.cq_rule_description {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #9B9B9B;
}

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

.show .constr_burger {
    background: url("../icons/burger_close_white.png") no-repeat center center;
    background-size: 40px 40px;
}

.add_question {
    cursor: pointer;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #DFDFDF;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-align: center;
    color: #919191;
    transition: opacity 0.3s ease-in-out;
    margin-bottom: 20px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.add_question:hover {
    opacity: 0.6;
}

.q_type_menu {
    position: fixed;
    top: 0;
    right: -380px;
    z-index: 30;
    width: 360px;
    height: 100vh;
    padding: 100px 40px 0;
    box-sizing: border-box;
    background-color: #FFFFFF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    transition: right 0.2s ease-in-out;
}

.q_type_menu.show {
    right: 0;
}

.qtm_close {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: url("../icons/burger_close.png") no-repeat 0 0;
    background-size: 40px 40px;
    transition: opacity 0.3s ease-in-out;
}

.qtm_close:hover {
    opacity: 0.6;
}

.qtm_list {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

.qtm_heading {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
    margin-bottom: 30px;
}

.qtm_list .question_type {
    cursor: pointer;
    display: block;
    margin-bottom: 30px;
    transition: opacity 0.3s ease-in-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.qtm_list .question_type:hover {
    opacity: 0.4;
}

.page_menu_wrap {
    float: right;
    position: relative;
}

.pm_trigger_open {
    display: block;
    cursor: pointer;
    width: 22px;
    height: 22px;
    background: url("../icons/gear_grey@2x.png") no-repeat center center;
    background-size: 16px 16px;
}

.pm_trigger_close {
    display: none;
    cursor: pointer;
    width: 22px;
    height: 22px;
    background: url("../icons/close_grey@2x.png") no-repeat center center;
    background-size: 16px 16px;
}

.show .pm_trigger_open {
    display: none;
}

.show .pm_trigger_close {
    display: block;
}

.pm_list {
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    padding: 20px;
    border-radius: 10px;
    background-color: #223344;
    z-index: 2;
    list-style-type: none;
    min-width: 240px;
    box-sizing: border-box;
}

.show .pm_list {
    display: block;
}

.pm_list li {
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    padding: 15px 0;
    color: rgba(255, 255, 255, 1);
    border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color 0.2s ease-in-out;
}

.pm_list li:hover {
    color: rgba(255, 255, 255, 0.6);
}

.pm_list li:last-child {
    border-bottom: none;
}

.constr_row .userboard_list {
    border: none;
    margin: -20px 0 40px;
}

.constr_row .mark_ui_wrap{
    background-color: #FFFFFF;
}

.constr_row .mark_ui_item {
    padding: 24px 30px;
    border-top: #F6F6F6 solid 2px;
}

.constr_row .mark_ui_info {
    padding: 0 30px 10px;
    overflow: hidden;
}

.constr_row .mark_ui_info label.checkbox,
.constr_row .mark_ui_info label.radio{
    margin: 0 0 20px 0;
}

.reveal_wrap {
    display: none;
    width: 100%;
    margin-bottom: 20px;
}

.vis .reveal_wrap {
    display: block;
}

.custom_logo_wrap{
    display: inline-block;
    max-width: 100%;
    margin: 0 0 30px;
    border: #F0F0F0 solid 1px;
    padding: 20px;
    box-sizing: border-box;
}

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

.popup_container{
    position: relative;
    width: 100vw;
    height: 100vh;
    padding: 30px 15px;
    box-sizing: border-box;
    overflow-y: auto;
    background-color: rgba(0,0,0,0.5);
}

.popup_body{
    position: relative;
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;
    color: #222222;
}

.q_edit_heading{
    padding: 30px;
    background-color: #FFFFFF;
}

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

.qe_number{
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #CFCFCF;
    line-height: 22px;
}

.q_edit_heading .question_type {
    padding: 0 0 0 15px;
    line-height: 22px;
    float: left;
}

.q_visibility{
    float: right;
    margin-top: 7px;
}

.q_visibility label{
    font-size: 12px;
    font-weight: 500;
}

.q_visibility label.checkbox{
    margin: 0 6px 0 0;

}

.popup_body .mark_ui_item{
    padding: 30px;
    background-color: #FFFFFF;
}

.popup_body .mark_ui_item img{
    display: inline-block;
    vertical-align: middle;
    height: 22px;
    width: auto;
    margin: 0 15px 0 0;
    padding: 0;
}

.popup_body .mui_name{
    display: inline-block;
    vertical-align: middle;
}

.popup_body .mark_ui_info{
    background-color: #F6F6F6;
    padding: 30px;
    -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.2);
    box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.2);
}

.pb_heading{
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    margin-bottom: 10px;
}

.popup_body .cbox_trigger{
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 500;
}

.popup_body .reveal_wrap{
    margin-bottom: 30px;
}

.text_input{
    margin-bottom: 30px;
}

.answer_group{
    width: 100%;
    margin: 30px 0;
}

.answer_option{
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.rule_string{
    position: relative;
    width: 100%;
}

.rule_dashed{
    border: #9B9B9B dashed 1px; 
    padding: 10px;
}

.rule_delete{
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    background: url("../icons/close_grey@2x.png") no-repeat center center #FFFFFF;
    border-radius: 6px;
    background-size: 16px 16px;
    width: 22px;
    height: 22px;
    transition: opacity 0.3s ease-in-out;
}

.ao_copy{
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 2;
    background: url("../icons/copy_black@2x.png") no-repeat center center #FFFFFF;
    border-radius: 6px;
    background-size: 16px 16px;
    width: 48px;
    height: 48px;
    transition: opacity 0.3s ease-in-out;
}

.ao_delete{
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: url("../icons/delete_black@2x.png") no-repeat center center #FFFFFF;
    border-radius: 6px;
    background-size: 16px 16px;
    width: 48px;
    height: 48px;
    transition: opacity 0.3s ease-in-out;
}

.ao_img{
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 58px;
    z-index: 1;
    background-color: #FFFFFF;
    border-radius: 6px;
    overflow: hidden;
    background-size: 16px 14px;
    width: 48px;
    height: 48px;
    transition: opacity 0.3s ease-in-out;
}

.ao_img > label > input {
    display: none;
}

.ao_img > label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-bottom: 0;
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.ao_preview {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 2px;
    left: 2px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ao_preview 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;
}

.ao_delete:hover, .ao_img:hover{
    opacity: 0.5;
}

.answer_option .drag_handle{
    position: absolute;
    top: 13px;
    left: 0;
    z-index: 1;
}

.answer_group .info_input{
    width: 100%;
    padding: 0 116px 0 22px;
    margin: 0 auto;
}

.popup_body .info_input input[type="text"],
.popup_body .info_input select{
    background-color: #FFFFFF;
}

.add_option_wrap{
    padding-left: 22px;
    margin-bottom: 10px;
}

.add_option{
    cursor: pointer;
    width: 100%;
    padding: 17px 10px;
    box-sizing: border-box;
    background-color: transparent;
    border: #9B9B9B dashed 1px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-align: center;
    color: #9B9B9B;
    transition: background-color 0.3s ease-in-out;
}

.add_option:hover{
    background-color: #ebebeb;
}

.ag_other{
    width: 100%;
    padding-left: 22px;
    box-sizing: border-box;
    margin: 15px 0 0;
    list-style-type: none;
}

.ag_other li{
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    margin-bottom: 15px;
}

.ag_option{
    cursor: pointer;
    color: #8C86CC;
    text-decoration: underline;
    transition: opacity 0.3s ease-in-out;
}

.ag_option:hover{
    opacity: 0.6;
}

.ag_lvl_two{
    width: 100%;
    padding-left: 22px;
    box-sizing: border-box;
    margin: 30px 0;
}

.ag_lvl_two .ao_img{
    display: none;
}

.answer_group .ag_lvl_two .info_input{
    width: 100%;
    padding: 0 58px 0 22px;
    margin: 0 auto;
}

.range_group .answer_option{
    padding: 0 48px 0 22px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.range_group .info_input{
    padding: 0;
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 10px);
    margin: 0 10px 0 0;
}

.range_group .info_input input, .distribute_group .info_input input{
    margin: 0;
}

.distribute_group{
    font-size: 0;
}

.distribute_group .info_input{
    padding: 0;
    display: inline-block;
    vertical-align: top;
    width: calc(33.33333% - 7px);
    margin: 0 10px 0 0;
}

.distribute_group .info_input:last-of-type{
    margin: 0;
}

.popup_body .checkbox, .popup_body .radio {
    margin: 0 0 20px 0;
}

.popup_btns_wrap{
    width: 100%;
    padding: 30px 0;
    font-size: 0;
}

.pb_submit, .pb_cancel{
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 10px);
    height: 48px;
    box-sizing: border-box;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    line-height: 48px;
    transition: background-color 0.3s ease-in-out;
}

.pb_submit{
    border: none;
    background-color: #38D897;
    margin: 0 20px 0 0;
    font-family: 'Montserrat', sans-serif;
}

.pb_cancel{
    border: #FFFFFF solid 1px;
    background-color: transparent;
}

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

.pb_cancel:hover{
    background-color: rgba(255,255,255,0.25);
}

.logic_no_rules{
    margin-bottom: 30px;
}

.no_rules_heading{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 10px;
}

.lr_item{
    position: relative;
    /*padding: 20px 20px 20px 42px;*/
    background-color: #FFFFFF;
    margin-bottom: 30px;
}

.lr_item .drag_handle{
    float: none;
    position: absolute;
    top: 20px;
    left: 20px;
}

.lr_wrap{
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 20px;
}

.rl_action{
    color: #D96969;
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 16px;
}

.rl_description span{
    font-weight: 600;
    text-transform: uppercase;
}

.lr_btn{
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 0 0;
    transition: opacity 0.3s ease-in-out;
}

.lr_btn:hover{
    opacity: 0.45;
}

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

.rules_relations{
    margin: -10px 0 20px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #9B9B9B;
    text-transform: uppercase;
}

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

.add_condition_wrap{
    padding-left: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.add_rule{
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(33.33333% - 14px);
    background-color: #F6F6F6;
    padding: 30px 20px 0;
    box-sizing: border-box;
    border: #9B9B9B dashed 1px;
    margin: 0 20px 20px 0;
    transition: background-color 0.3s ease-in-out;
}

.add_rule:hover{
    background-color: #ebebeb;
}

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

.add_rule img{
    display: block;
    height: 44px;
    width: auto;
    margin: 0 0 30px;
    padding: 0;
}

.ar_heading{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 6px;
}

.ar_description{
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.4em;
    height: 80px;
}

.rule_body{
    background-color: #F6F6F6;
}

div.rule_heading{
    width: 100%;
    padding: 24px 30px;
    box-sizing: border-box;
    background-color: #8C86CC;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #FFFFFF;
}

.rule_container{
    width: 100%;
    padding: 30px 30px 1px;
    box-sizing: border-box;
}

span.rule_heading{
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
}


.rule_condition{
    border-top: #E8E8E8 solid 2px;
    padding: 20px 10px 1px;
}

.rule_condition .pb_heading{
    width: 100%;
    padding-left: 20px;
    box-sizing: border-box;
    margin: 0;
}

.rule_confirm {
    cursor: pointer;
    width: 100%;
    padding: 17px 10px;
    box-sizing: border-box;
    background-color: #38D897;
    border: none;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-align: center;
    color: #FFFFFF;
    transition: background-color 0.3s ease-in-out;
    margin: 0 20px 0 0;
    font-family: 'Montserrat', sans-serif;
}

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

.condition_inputs_wrap .info_input{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 40px 0 20px;
}

.condition_inputs_wrap .info_input:after {
    content: "→";
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    top: 22px;
    right: 5px;
}

.condition_inputs_wrap .info_input:last-child:after {
    content: "";
    display: none;
}

.ci_delete{
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 20px;
    margin: -8px 0 20px;
    box-sizing: border-box;
    font-size: 12px;
    text-decoration: underline;
    font-weight: 500;
    color: #9B9B9B;
    transition: opacity 0.3s ease-in-out;
}

.ci_delete:hover{
    opacity: 0.5;
}

.rule_between{
    width: 100%;
    padding: 20px 30px 10px;
    box-sizing: border-box;
    background-color: #E8E8E8;
}

.new_rule{
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 12px;
    text-decoration: underline;
    font-weight: 500;
    color: #8C86CC;
    transition: opacity 0.3s ease-in-out;
}

.new_rule:hover{
    opacity: 0.5;
}

.rule_container .form_btns_row{
}

.display{
    display: block;
    margin-top: -24px;
}

.search_pad{
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

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

.product_item{
    display: inline-block;
    vertical-align: top;
    width: calc(33.33333% - 20px);
    margin: 0 30px 30px 0;
    text-decoration: none;
    border: #DDDDDD solid 1px;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
}

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

.product_item:hover{
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border: #9B9B9B solid 1px;
}

.pi_img_container{
    position: relative;
    width: 100%;
    padding-bottom: 66.66666%;
    overflow: hidden;
}

.pi_img_container img{
    position: absolute;
    left: -10000%;
    right: -10000%;
    top: -10000%;
    bottom: -10000%;
    margin: auto auto;
    min-width: 1000%;
    min-height: 1000%;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
}

.pi_info{
    width: 100%;
    padding: 20px 20px 24px;
    box-sizing: border-box;
}

.pi_category{
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
    color: #9B9B9B;
}

.pi_img_name{
    height: 54px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.28em;
    color: #222222;
    margin-bottom: 15px;
    overflow: hidden;
}

.pi_price{
    width: 100%;
    padding-left: 24px;
    box-sizing: border-box;
    background: url("../icons/bonuses_red.png") no-repeat 0 0;
    background-size: 16px 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    color: #D96969;
}

/*--expert club--*/

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

/*
.ec_page header {
    margin-bottom: 40px;
}
*/ 

.ec_page .breadcrumbs {
    margin: -22px 0 40px;
}

.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: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    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: 40px;
}

.expert_list_filter .info_input {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    margin: 0 30px 0 0;
}

.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_header {
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.04em;
    margin-top: 30px;
    color: #FFFFFF;
    transition: opacity 0.2s ease-in-out;
}

.show_all_header:hover {
    opacity: 0.6;
}

.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;
}

.show_all:visited {
    color: #222222;
}

.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 {
    display: table-row;
    color: #8C86CC;
}

.industry_item:visited {
    color: #000000;
}

.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:visited {
    color: #000000;
}

.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;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ec_btn:visited {
    color: #222222;
}

.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:visited {
    color: #7E7E7E;
}

.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_section_r .search {
    background-color: #FFFFFF;
    border-radius: 0;
}

.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: 14px;
    font-weight: 600;
    line-height: 1.42em;
    letter-spacing: 0.02em;
    color: #222222;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
    margin-bottom: 16px;
}

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

.cp_topic_name:visited{
    color: #222222;
}

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

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

.cp_comment:visited{
    color: #000000;
}

.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;
}

.cp_author:visited{
    color: #000000;
}

.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_col{
    float: left;
    width: 300px;
    box-sizing: border-box;
    margin-bottom: 40px;
    font-size: 0;
}

.expert_col .expert_item{
    width: 100%;
    padding: 0 0 30px 0;
    border-bottom: #E1E1E1 solid 1px;
    margin-bottom: 30px;
}

.expert_col .expert_img{
    margin: 0 0 24px 0;
}

.expert_col .expert_name{
    text-align: left;
    font-size: 16px;
    margin-bottom: 10px;
}

.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;
}

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

.membership{
    margin-top: 24px;
    font-size: 10px;
    letter-spacing: 0.06em;
}

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

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

.ea_heading{
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #C8C8C8;
    text-transform: uppercase;
    margin-bottom: 15px;
}

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

.ea_list li{
    display: inline-block;
    vertical-align: top;
    padding: 0 15px 15px 0;
}

.ea_list li a{
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: #000000;
    transition: color 0.2s ease-in-out;
}

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

.invite_expert{
    width: 100%;
    margin: -16px 0 40px;
}

.invite_link{
    cursor: pointer;
    display: block;
    width: 100%;
    height: 52px;
    background-color: #D96969;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 52px;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
    transition: background-color 0.2s ease-in-out;
    margin-bottom: 15px;
}

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

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

.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;
}


.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;
    display: none;    
}

.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;
}