@import url(../../js/select2/dist/css/select2.min.css);
@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;1,400&amp;family=Ubuntu:wght@400;700&amp;display=swap";
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes moveZucker {
    0%,
    to {
        transform: translateY(100%);
    }
    50% {
        transform: translateY(0);
    }
}
.subscribe_button {
    background-color: #fff;
    background: #fff;
    margin: 0;
}
::-webkit-scrollbar {
    width: 10px;
    background: #777;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) inset;
}
::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #ddd;
    cursor: pointer;
}
body {
    font-family: "Open Sans";
    margin: 0 auto;
    display: block;
    font-size: 14px;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p {
    padding: 0;
    margin: 0;
    font-weight: 400;
    color: #000;
}
header,
section.socials {
    background-color: #f8f8f8;
}
.button_disabled {
    background-color: #ccc;
}
#print {
    display: none;
}
input[type="checkbox"],
input[type="radio"] {
    text-indent: -9999999px;
    position: absolute;
    margin-left: -9999px;
}
input[type="radio"].no-hide {
    position: relative !important;
    margin-left: 10px !important;
}
input[type="radio"] + label {
    line-height: 18px;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
    min-height: 18px;
    padding-left: 20px;
    display: inline-block;
}
input[type="radio"] + label {
    background: url(../../img/icons/ic_radio_button.png) center left no-repeat;
}
input[type="checkbox"] + label {
    background: url(../../img/icons/ic_checkbox.png) center left no-repeat;
}
input[type="checkbox"] + label:hover,
input[type="radio"] + label:hover {
    cursor: pointer;
}
input[type="radio"]:checked + label {
    background-image: url(../../img/icons/ic_radio_button_checked.png);
}
input[type="checkbox"]:checked + label {
    background-image: url(../../img/icons/ic_checkbox_checked.png);
}
:disabled {
    background-color: #ccc;
}
.select2-results__options {
    max-height: 300px !important;
}
.select2-results__option {
    overflow: auto;
    white-space: nowrap;
}
[data-clipboard-text] {
    position: relative;
    cursor: pointer;
}
[data-clipboard-text]:hover,
table.list a:hover {
    text-decoration: underline;
}
[data-clipboard-text]:hover:after {
    position: absolute;
    content: "копировать";
    height: 14px;
    padding: 0 4px;
    border-radius: 2px;
    line-height: 14px;
    vertical-align: middle;
    top: -10px;
    left: 0;
    background: #777;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    color: #fff;
    font-size: 11px;
}
td,
tr {
    font-size: 13px;
}
th {
    text-align: left;
}
.error p,
form,
img,
input {
    padding: 0;
    margin: 0;
}
sup {
    font-weight: 700;
    font-size: 8pt;
    color: #e44000;
}
.buy_button,
.buy_button:hover,
button,
input[type="button"],
input[type="submit"] {
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 5px;
    text-decoration: none;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
    color: #fff;
    outline: 0 !important;
    background: #245f9b;
    border: 1px solid #1b962c;
    border-radius: 3px;
    white-space: nowrap;
}
button:not(.buy_button) img,
button:not(.buy_button) span,
div:not(.subscribe-cell) img {
    vertical-align: middle;
    margin-right: 5px;
}
.dn {
    display: none;
}
.cb {
    clear: both;
}
.red {
    color: red !important;
}
.green {
    color: #0a0 !important;
}
.white {
    color: #fff !important;
}
.al {
    text-align: left;
}
.ac,
select[name="is_paid"] option,
table.ac input,
table.ac td,
table.ac th {
    text-align: center;
}
.ar {
    text-align: right;
}
.dh,
table.list th {
    background-color: #434343 !important;
    color: #fff;
}
.dd,
.zebra tr:nth-child(even),
.zebra > div:nth-child(even) {
    background-color: #f9f9f9;
}
.dl,
.zebra tr:nth-child(odd),
.zebra > div:nth-child(odd) {
    background-color: #fff;
}
.zebra tr:hover {
    background-color: #f9f4b5;
}
.dh td {
    font-weight: 700;
}
.nowrap {
    white-space: nowrap;
}
.small {
    font-size: 8pt;
}
.bold {
    font-weight: 700 !important;
}
.vat {
    vertical-align: top !important;
}
.vat + td > p:first-child {
    margin-top: 0;
}
div.listheader {
    background-color: #434343 !important;
    color: #fff;
    padding: 5px 10px;
    font-weight: 700;
    border-radius: 4px 4px 0 0;
}
div.list .row {
    margin: 1px 0;
    padding: 5px 10px;
}
div.list .row:last-child {
    border-radius: 0 0 4px 4px;
}
div.list .right {
    float: right;
    margin-left: 20px;
    font-size: 12px;
}
div.list .id {
    float: left;
    font-size: 12px;
}
div.list .name {
    display: block;
    overflow: hidden;
}
div.list + .listheader {
    margin-top: 13px !important;
}
.right > *,
.row > span {
    display: inline-block;
}
.right > * {
    position: relative;
    margin-left: 8px;
}
.row > span {
    margin-right: 8px;
}
.right > span {
    margin: 0 0 0 10px !important;
}
.counters span + span,
.right > label {
    margin-left: 5px;
}
.row-list {
    margin: 20px 0;
}
.t-available {
    display: inline-block;
    font-size: 12px;
    width: 100px;
    text-align: center;
}
.accent {
    color: #d81344;
}
.flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flex-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
table.list {
    width: 100%;
}
table.list td,
table.list th {
    padding: 5px;
}
table.list,
table.list-small {
    border-collapse: separate;
    border-spacing: 1px;
}
table.list-small td {
    padding: 4px;
}
table.list tr.highlight {
    background-color: #ffe853;
}
table.list tr:first-child > :first-child {
    border-top-left-radius: 3px;
}
table.list tr:first-child > :last-child {
    border-top-right-radius: 3px;
}
table.list tr:last-child > :first-child {
    border-bottom-left-radius: 3px;
}
table.list tr:last-child > :last-child {
    border-bottom-right-radius: 3px;
}
table.list a {
    display: block;
    text-decoration: none;
    line-height: 14px;
}
table.list a + a {
    margin-top: 8px;
}
.list + form,
table.list + table.list {
    margin-top: 13px;
}
.dh a,
.dh a:link {
    color: #fff;
}
.ui-dialog-content {
    max-height: 80vh !important;
}
.filters {
    white-space: nowrap;
    border-spacing: 0;
    border-collapse: separate;
}
.filters select {
    width: 100px;
}
select[name="is_paid"] {
    width: 130px;
}
.select2-selection,
.ui-spinner input,
input[type="checkbox"],
input[type="email"],
input[type="file"],
input[type="password"],
input[type="text"],
select,
textarea {
    border: 1px solid #dadada;
    color: #6f6f6f;
    box-shadow: 0 0 2px #e5e5e5 inset;
    background: #fafafa;
    border-radius: 3px;
    box-sizing: border-box;
}
input[type="checkbox"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="text"]:hover,
select:hover,
textarea:hover {
    border: 1px solid #aaa;
}
input[type="email"],
input[type="file"],
input[type="password"],
input[type="text"],
select {
    width: 100%;
    padding: 0 5px;
    line-height: 25px;
    height: 25px;
}
input[type="email"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
    border-color: #ff4e00;
}
.ui-spinner,
textarea {
    width: 100%;
}
.ui-spinner input,
.ui-spinner input:hover {
    margin: 0;
}
textarea {
    height: 60px;
    padding: 5px;
    width:650px;
}
.has_error {
    background: red !important;
    color: #fff !important;
}
.tiny_mce {
    width: 100%;
    height: 550px;
}
.select option {
    padding: 3px;
}
.pager {
    margin: 10px 0;
    border-width: 1px 0;
    border-style: dashed none;
    border-color: #bdb9a8;
}
.pager table {
    margin: 0 auto;
}
.pager a {
    margin: 1px;
}
.pages a,
.pages a:link {
    padding: 3px 5px;
    text-decoration: none;
}
.pages a:hover {
    text-decoration: underline;
}
.page_active,
.page_active:hover {
    background: #fbf8f6;
    cursor: default !important;
    text-decoration: none !important;
}
.pager td {
    padding: 10px 12px;
    text-align: center;
    vertical-align: middle !important;
}
.dateinput,
.timeinput {
    padding-left: 22px !important;
}
.dateinput {
    background-image: url(../../img/icons/ic_today_18px.png) !important;
    background-position: 2px 3px !important;
    background-repeat: no-repeat !important;
    width: 120px !important;
}
.timeinput {
    background: url(../../img/icons/ic_time.png) 2px 3px no-repeat #fff !important;
    width: 80px !important;
    text-align: center;
}
.row {
    padding: 7px 0;
}
.error {
    position: absolute;
    z-index: 100000;
    background-color: #fffe36;
    border: 1px solid #e1e16d;
    font-size: 8pt;
    color: #000;
    padding: 3px 10px;
    margin-left: -2px;
    max-width: 300px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    box-shadow: 0 0 6px #ddd;
    -moz-box-shadow: 0 0 6px #ddd;
    -webkit-box-shadow: 0 0 6px #ddd;
    -o-box-shadow: 0 0 6px #ddd;
    -khtml-box-shadow: 0 0 6px #ddd;
}
.error em {
    bottom: -9px;
    display: block;
    height: 9px;
    width: 17px;
    left: 10px;
    position: absolute;
    z-index: 100001;
    background: url(../../img/arrow.gif) top left no-repeat;
}
.frame {
    margin: 10px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
.caption {
    font-size: 11px;
    margin-top: 2px;
    color: #666;
}
.form {
    margin: 13px 0;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}
.form td {
    padding: 4px;
}
.form td:first-child {
    width: 1%;
    white-space: nowrap;
    padding-left: 0;
    vertical-align: middle;
}
.form.zebra td:first-child {
    padding-left: 4px;
}
.form input[type="email"],
.form input[type="file"],
.form input[type="number"],
.form input[type="password"],
.form input[type="text"],
.form select {
    width: 100%;
    box-sizing: border-box;
}
.form.small input[type="email"],
.form.small input[type="file"],
.form.small input[type="number"],
.form.small input[type="password"],
.form.small input[type="text"],
.form.small select {
    width: 300px;
}
#tickets .frame .form td:first-child,
.form_with_labels td:first-child {
    font-weight: 700;
}
.label {
    white-space: nowrap;
    width: 1%;
    vertical-align: top;
    line-height: 25px;
}
#_notify {
    opacity: 0.92;
    display: none;
    position: fixed;
    width: 100%;
    z-index: 9999999;
    top: 0;
    left: 0;
    text-align: center;
    background: #4392ba;
    background: -moz-linear-gradient(top, #4392ba 0, #306f89 100%);
    background: -webkit-linear-gradient(top, #4392ba 0, #306f89 100%);
    background: linear-gradient(to bottom, #4392ba 0, #306f89 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4392ba', endColorstr='#306f89', GradientType=0);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    color: #fff;
    font-weight: 700;
    line-height: 28px;
}
#_notify img {
    opacity: 1 !important;
    line-height: 28px;
}
#navigation {
    background: #434343;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
}
#_notify img,
#navigation,
#navigation img {
    vertical-align: middle;
}
#footer_contacts li,
.message > div,
span[data-help] {
    display: inline-block;
}
.ic-provider {
    background-image: url(../../img/ic-provider.png);
    color: #f0ff00;
    padding-left: 26px;
    font-weight: 700;
}
.ic-provider,
.ic-updates {
    text-decoration: underline;
}
#head {
    background: #f8f8f8;
    border-bottom: 1px solid #dfe2e5;
    padding: 20px 0;
}
#logo,
.t-icon img {
    display: block;
}
#updates div {
    padding-left: 20px;
    background: url(../../img/ic-ok.png) center left no-repeat;
}
.info,
.menu {
    background: #fff;
    border-radius: 3px;
    display: none;
}
.menu {
    list-style-type: none;
    padding: 0;
    vertical-align: middle;
    height: auto;
    line-height: 1;
    text-align: center;
    justify-content: space-around;
    margin: 20px 0 !important;
    list-style-image: none !important;
}
.menu > li {
    flex: 1;
}
.menu li + li {
    position: relative;
    margin-left: 5px;
}
.menu li + li:before {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -3px;
    left: -5px;
    width: 5px;
    height: 5px;
    background: url(../../img/menu-divider.png) top left no-repeat;
}
.menu a {
    text-transform: uppercase;
    color: #000 !important;
}
#head_menu > li.important > a,
.menu .active {
    font-weight: 700;
}
#head_menu > li.important > a {
    color: #ff5a6c !important;
    padding-left: 24px !important;
    padding-right: 20px !important;
    background: url(../../img/icons/attention.png) center left no-repeat, url(../../img/new/red-down-arr.png) right center no-repeat;
}
#info {
    margin-top: 20px;
    margin-bottom: 10px;
}
.info {
    padding: 15px;
    border: 1px dashed #d81344;
    position: relative;
}
.info > :last-child {
    margin-bottom: 0;
}
.info .h1 {
    margin: 0;
}
.info .h3 {
    font-size: 16px;
    margin: 0;
    text-transform: none !important;
    font-weight: 700;
}
.categories {
    margin-left: -30px;
}
.categories a {
    position: relative;
    background: #fefeff;
    background: -moz-linear-gradient(top, #fefeff 0, #f2f5f7 100%);
    background: -webkit-linear-gradient(top, #fefeff 0, #f2f5f7 100%);
    background: linear-gradient(to bottom, #fefeff 0, #f2f5f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefeff', endColorstr='#f2f5f7', GradientType=0);
    border-radius: 4px;
    padding: 11px;
    text-align: center;
    min-width: 142px;
    font-size: 16px;
    justify-content: space-between;
    margin-top: 20px;
    margin-left: 30px;
    vertical-align: middle;
    line-height: 18px;
    text-decoration: none;
    color: #222;
    border: 1px solid #ced0da;
    flex: 1;
}
.categories a.active {
    background: #6dbefd;
    background: -moz-linear-gradient(top, #6dbefd 0, #6dbefd 100%);
    background: -webkit-linear-gradient(top, #6dbefd 0, #6dbefd 100%);
    background: linear-gradient(to bottom, #6dbefd 0, #6dbefd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6dbefd', endColorstr='#6dbefd', GradientType=0);
    border: 1px solid #0083db;
    color: #fff;
}
.categories a:hover:not(.active) {
    text-decoration: underline;
}
.categories .i {
    vertical-align: top;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 5px 0 0;
}
.t-cost-label {
    color: #8e8e8e;
}
#footer_contacts .text img,
#item .image img,
.catalog table td,
.lk .table > tbody > tr > td,
.lk .table > thead > tr > th,
.t-icon,
section.socials ul li a img,
section.socials ul li a span {
    vertical-align: middle;
}
.catalog td,
.catalog th {
    text-align: center;
}
.catalog table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 9px;
    background: #fff;
    border-radius: 3px;
}
.catalog div + table,
.catalog table + table {
    margin-top: 6px;
}
.catalog table + div {
    margin-top: 20px;
}
.catalog table td {
    padding: 0;
}
.catalog table.header {
    background: #434343;
}
.catalog table.header th {
    color: #fff;
    padding: 0;
}
.catalog table td:first-child {
    width: 1%;
}
[data-help] {
    position: relative;
}
.t-name {
    text-align: left !important;
}
.t-name a {
    color: #464646 !important;
    text-decoration: none;
}
.t-name a:hover,
section.socials ul li a:hover {
    text-decoration: underline;
}
.t-control,
.t-cost-label,
.t-qty {
    width: 90px;
}
.t-cost {
    width: 80px;
    white-space: nowrap;
}
#article {
    color: #858585;
}
#footer {
    height: 188px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
#footer .wrap {
    justify-content: space-between;
}
#footer_navigation {
    background: #434343;
    height: 56px;
    padding-top: 21px;
    line-height: 36px;
}
#footer_logo {
    padding-right: 98px;
}
.footer_menu {
    color: #fff;
}
.footer_menu.active {
    font-weight: 700;
}
#footer_contacts {
    height: 59px;
    padding-top: 17px;
}
#support {
    height: 41px;
    line-height: 41px;
}
#support label {
    display: inline-block;
    height: 41px;
    padding-left: 33px;
    margin-right: 10px;
    background: url(../../img/support.png) center left no-repeat;
}
#sitemap {
    display: inline-block;
    padding: 0 19px;
    cursor: pointer;
    border-radius: 3px;
    color: #fff;
}
#footer_contacts .text {
    float: right;
    color: #858585;
    margin: 0;
    padding: 0;
}
#footer_contacts .text > p:first-child {
    margin-top: 0;
    line-height: 41px;
}
#footer_contacts li a {
    display: block;
    line-height: 41px;
    color: #fff;
    background-repeat: no-repeat;
}
#footer_contacts li + li {
    margin-left: 30px;
}
#footer_contacts .mail {
    background-image: url(../../img/ic-support.png);
    padding-left: 27px;
    background-position: 0 15px;
}
#footer_contacts .icq,
#footer_contacts .telegram {
    background-image: url(../../img/ic-icq.png);
    padding-left: 34px;
    background-position: center left;
}
#footer_contacts .telegram {
    background-image: url(../../img/ic-telegram.png);
}
#footer_contacts .vk {
    background-image: url(../../img/ic-vk.png);
    padding-left: 34px;
    background-position: 0 15px;
}
#copyright {
    background: #434343;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
}
#copyright,
#copyright a {
    color: #aec2cd;
}
#copyright .r {
    float: right;
}
.sortable {
    cursor: move;
}
.print-line-break {
    page-break-after: always;
}
.drop_box {
    margin: 13px 0 0;
    padding: 37px 30px;
    text-align: center;
    font-size: 18px;
    font-style: italic;
    border: 2px dashed #ccc;
    border-radius: 5px;
    cursor: pointer;
}
.drop_box.highlighted {
    background: #fffbe7;
}
.progressbar {
    display: none;
    margin: 13px 0;
}
.ui-progressbar {
    position: relative;
}
.progress-label {
    position: absolute;
    left: 50%;
    top: 4px;
    font-weight: 700;
    text-shadow: 1px 1px 0#fff;
}
#tickets .sidebar {
    float: left;
    width: 260px;
    margin-right: 20px;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
}
#tickets .sidebar > :first-child {
    margin-top: 0 !important;
}
#tickets .sidebar > :last-child {
    margin-bottom: 0 !important;
}
#tickets .search {
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
}
.admin_menu {
    list-style-image: none !important;
    list-style-type: none !important;
    margin: 13px 0 !important;
    background: #f9f9f9;
    border-radius: 3px;
}
.admin_menu li {
    display: inline-block;
    padding: 0;
    margin: 5px !important;
    text-align: center;
}
.admin_menu a {
    color: #000 !important;
}
#ticket_body {
    background: #fff;
    padding: 12px;
    border-radius: 4px;
}
#ticket_body,
#ticket_form {
    overflow: hidden;
}
#item .sidebar {
    float: left;
    width: 110px;
    margin-right: 20px;
}
#item .body {
    overflow: hidden;
    background: #fff;
    padding: 18px;
}
#item .body > h1:first-child,
#item .body > p:first-child {
    margin-top: 0;
}
#item .body > p:last-child {
    margin-bottom: 0;
}
#item .image {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    padding: 30px;
}
#item_control {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 20px;
}
#item_control td:last-child {
    text-align: right;
}
#breadcrumbs {
    margin-bottom: 13px;
    margin-top: 20px;
    color: #9eaeb7;
}
#breadcrumbs * {
    display: inline;
}
#breadcrumbs a {
    color: #000;
}
#breadcrumbs .divider {
    color: #000;
    margin: 0 7px;
}
.bids + .bids {
    margin-top: 20px;
}
.bids td,
.bids th {
    font-size: 12px;
}
.bids a + div,
.bids select + div {
    margin-top: 6px;
}
.type_control {
    margin-bottom: 5px;
}
#ticket_result {
    display: none;
}
.notify {
    background: #fefae4;
    border: 1px solid #fa0;
    padding: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 10px 0;
}
#faq .sidebar > p:first-child,
.notify > :first-child {
    margin-top: 0;
}
.notify > :last-child {
    margin-bottom: 0 !important;
}
.frame {
    padding: 13px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}
.frame > table {
    margin: 0;
}
#ticket_body > .frame {
    margin-top: 0;
}
#tickets_sessions {
    background: #fff;
    border-radius: 4px;
    padding: 12px;
}
#tickets_sessions > a {
    display: block;
    padding: 5px 20px 5px 18px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
    border-radius: 3px;
    text-decoration: none;
    outline: 0;
    position: relative;
    font-size: 13px;
}
#tickets_sessions > a + a {
    margin-top: 1px;
}
#tickets_sessions > a.active {
    color: #000;
}
#tickets_sessions > a:hover {
    background-color: rgba(0, 0, 0, 0.07);
    color: #000;
}
#tickets_sessions > a.active {
    background-color: rgba(0, 0, 0, 0.15);
}
#ticket_head td:first-child {
    text-align: right;
    font-weight: 700;
}
#ticket_messages {
    max-height: 400px;
    overflow: auto;
    word-break: break-word;
}
div .m {
    width: 99%;
}
#tickets #ticket_messages {
    height: 400px;
}
.message {
    margin: 2px 0;
    padding: 5px 8px;
    font-size: 13px;
    border-radius: 3px;
}
.message.unread {
    background: rgba(2, 100, 200, 0.15);
    cursor: pointer;
}
.message.client_unread {
    background: rgba(255, 207, 110, 0.4);
}
.message .ip {
    font-size: 12px;
}
.counters span,
.message .author {
    font-weight: 700;
}
.message .time {
    color: #777;
    font-style: italic;
    font-size: 12px;
    margin-right: 10px;
}
.counters {
    position: absolute;
    top: 5px;
    right: 5px;
}
.counters span {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 2px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 12px;
}
.total-m {
    background: rgba(0, 0, 0, 0.4);
}
.new-m {
    background: rgba(255, 0, 0, 0.8);
}
.order,
.order-info {
    max-width: 545px;
    margin: 13px auto;
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.order-title {
    background: #434343;
    border-radius: 5px 5px 0 0;
    line-height: 34px;
    color: #fff;
    font-weight: 700;
    padding: 0 20px;
}
.order-body {
    padding: 20px;
}
.order p {
    margin-top: 10px;
    margin-bottom: 10px;
}
.order .meta {
    margin-right: 15px;
}
.order .meta .label {
    font-size: 14px;
    font-weight: 300;
    color: #8e8e8e;
    vertical-align: baseline;
    padding: 0;
    line-height: 1.2;
}
.order-footer,
.order-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.order-footer button {
    border: 0;
    line-height: 26px;
    padding: 1px 10px;
}
.order-info {
    padding: 20px 20px 20px 61px;
    background: #fff url(../../img/order-info.svg) no-repeat 20px 23px;
}
.order-info p {
    margin: 0;
}
.order-info .button a.btn {
    background: #4267b2;
    border-radius: 3px;
    color: #fff;
    padding: 4px 10px;
    border: 0;
}
@media (max-width: 400px) {
    .order-footer > div {
        display: flex;
        flex-direction: column;
    }
    .order-info {
        background: #fff;
        padding-left: 20px;
    }
}
.order_img,
.ticket_icon {
    width: 16px;
    height: 16px;
    margin-right: 3px;
    margin-left: -18px;
}
.ticket_icon {
    margin-left: 3px;
    cursor: pointer;
}
.order td,
.order th {
    padding: 10px !important;
}
#faq .sidebar > p:last-child,
#order_top > :last-child {
    margin-bottom: 0;
}
.help-links {
    justify-content: space-between;
}
.help-links > a {
    display: block;
    flex: 1;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 100px;
    text-decoration: none;
    outline: 0;
}
.help-links > a + a {
    margin-left: 20px;
}
.help-links > a:hover {
    background: #306f89;
    color: #fff !important;
}
.help {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    line-height: 16px;
    vertical-align: middle;
    margin-left: 5px;
    background: url(../../img/ic-q-white.png) center center no-repeat rgba(0, 0, 0, 0.5);
    position: relative;
}
.help:hover {
    background-color: #50bfee;
}
[data-help]:hover:before {
    position: absolute;
    z-index: 50;
    content: attr(data-help);
    bottom: 100%;
    margin-bottom: 9px;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 3px;
    padding: 4px;
    box-sizing: border-box;
    font-size: 11px;
    color: #fff;
    min-width: 280px;
    max-width: 490px;
    width: max-content;
    white-space: normal;
}
[data-help]:hover:after {
    position: absolute;
    z-index: 50;
    content: "";
    width: 12px;
    height: 9px;
    background: url(../../img/popup-darr.png) bottom left no-repeat;
    top: -11px;
    left: 3px;
}
.hdr-top p.xs-vis,
.ticket-field {
    display: none;
}
#tickets_form td {
    white-space: normal !important;
}
#tickets_form td:first-child {
    width: 180px;
}
.admin-badge {
    display: inline-block;
    background-color: #f33;
    color: #fff;
    font-size: 12px;
    padding: 0 3px;
    margin-left: 3px;
    text-decoration: none;
    font-weight: 700;
}
.o_controls a + a {
    margin-left: 6px;
}
select[name="status"] {
    width: 150px;
}
.loading {
    position: relative;
    visibility: hidden;
}
.loading:after,
.question:before {
    position: absolute;
    text-align: center;
}
.loading:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../../img/ajax-load.gif) center center no-repeat;
    content: "";
    visibility: visible;
}
#price {
    font-weight: 700;
    color: #245f9b;
}
#price .help {
    margin-top: -3px;
}
.select2,
div.dataTables_wrapper div.dataTables_filter label,
section.socials.ind {
    width: 100%;
}
.select2-dropdown {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
#faq .sidebar {
    float: right;
    width: 270px;
    background: #f8f8f8;
    padding: 15px;
    margin-left: 40px;
}
#faq .body {
    overflow: hidden;
}
.question,
.question.active {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}
.question {
    background: #fff;
    padding: 8px 30px 8px 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: 700;
    margin: 8px 0;
    cursor: pointer;
    position: relative;
}
.question.active {
    color: #cd322b;
}
.question:before {
    content: "+";
    top: 7px;
    right: 7px;
    border-radius: 2px;
    background: #d7d7d7;
    color: #000;
    width: 20px;
    height: 20px;
    font-weight: 700;
    line-height: 20px;
    vertical-align: middle;
}
.question.active:before {
    content: "–";
}
.question.active + .answer {
    display: block;
}
.answer {
    padding: 0 8px;
    display: none;
}
.answer p {
    margin: 10px 0;
}
.content {
    padding: 10px;
}
.attachments {
    margin: 5px 0;
}
.attachments:empty {
    display: none;
}
.attachments > div {
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 5px 5px 5px 20px;
    border-radius: 3px;
    position: relative;
    font-size: 12px;
    background: url(../../img/ic_attach_file_18px.png) center left no-repeat #fff;
}
.attachments.editable > div {
    padding-right: 20px;
}
.attachments > div + div {
    margin-right: 5px;
    margin-bottom: 5px;
}
.attachments .close {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 16px;
    height: 16px;
    background: url(../../img/remove.png);
    cursor: pointer;
}
#file_trigger {
    width: 240px;
}
#page_404 {
    padding: 0 140px;
}
#page_404 .td-info {
    padding: 0 25px;
    vertical-align: top;
}
#page_404 p {
    margin-bottom: 40px;
}
#page_404 .back-button {
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
    color: #fff;
    outline: 0 !important;
    border-color: #f06b10;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #ff8001;
    border-radius: 3px;
    white-space: nowrap;
    padding: 10px 35px;
}
#page_404 .back-button:hover {
    color: #fff;
    background: #ff9601;
}
.menu_selected {
    text-transform: uppercase;
    font-weight: 700;
}
.profile_title {
    font-weight: 700;
    font-size: medium;
}
#description_dialog {
    padding-top: 10px;
}
.divTable {
    display: table;
    width: 100%;
}
.divTableRow {
    display: table-row;
}
.divTableCell,
.divTableHead {
    vertical-align: middle;
    display: table-cell;
    padding: 3px 10px;
}
.divTableFoot,
.divTableHeading {
    background-color: #eee;
    font-weight: 700;
}
.divTableHeading {
    display: table-header-group;
}
.divTableFoot {
    display: table-footer-group;
}
.divTableBody {
    display: table-row-group;
}
.col_title {
    max-width: 200px;
}
#navigation_right > div,
.partner_pay_popup_block form,
.soc_icon_block,
.soc_icon_block a {
    display: inline-block;
}
.soc_icon_block a {
    width: 44px;
    height: 44px;
    margin: 0 5px;
}
.soc_icon_block a img {
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    box-sizing: content-box;
}
@media (min-width: 320px) {
    .soc_icon_block {
        display: block;
        margin-top: 15px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 991px) {
    .soc_icon_block {
        display: inline-block;
        margin: 0;
        left: inherit;
        right: inherit;
    }
    .soc_icon_block a img:hover {
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.75);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.75);
    }
}
.pay_comment {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
}
table.list td.pay_comment {
    text-align: left;
}
.partner_pay_popup_block {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}
.partner_pay_popup_block.wallets {
    width: calc(50% - 10px);
}
.partner_pay_popup_block.sum {
    text-align: center;
    width: calc(50% - 10px);
}
.partner_pay_popup_block.sum span:last-child {
    font-size: 16px;
}
.partner_pay_popup_block.form {
    width: calc(100% - 10px);
    display: block;
}
.partner_pay_popup_block.form textarea {
    height: 100px;
}
.partner_pay_popup_block.form span:last-child input:last-child {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    display: block;
    width: 130px;
    font-size: 16px;
    padding: 5px;
}
.partner_pay_popup_block.form span:last-child input:last-child:hover {
    background: #4fd661;
}
.partner_pay_popup_block span {
    display: block;
    padding: 5px;
}
.partner_pay_popup_block span:first-child {
    width: 100%;
    background: #434343;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-weight: 700;
    font-size: 13px;
}
.flex-container {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
}
.pay_comment_first {
    flex-grow: 1;
    margin: 5px;
}
.screenshot-wrapper {
    width: 100%;
    text-align: center;
}
.screenshot-wrapper .screenshot {
    max-width: 100%;
}
.screenshot-wrapper .download {
    display: block;
    margin: 5px;
    font-size: 16px;
}
@media (min-width: 768px) {
    body .hdr-top .flex p {
        margin: 0;
        flex-grow: 1;
    }
}
#notify_modal {
    font-size: 20px;
}
@media (max-width: 768px) {
    #notify_modal {
        font-size: 14px;
    }
}
.hdr-top .flex {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px;
    border-bottom: 1px solid #6d6d6e;
    color: #fff;
}
.hdr-top,
.hdr-top .flex {
    background-color: #245f9b;
}
.hdr-top p {
    margin-bottom: 0;
    font-weight: 300;
    flex-grow: 1;
}
.hdr-bottom .flex,
.hdr-top .flex,
a.lang {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.hdr-top p,
a.lang {
    color: #fff;
    font-size: 12px;
}
a.lang {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 70px;
    height: 39px;
    margin-top: 1px;
    border-top: 1px solid #313131;
    background-color: #2b2b2b;
    padding: 0 10px;
    border-bottom: 1px solid #6d6d6e;
}
#head_menu > li.darr:hover > ul,
.hdr-bottom,
.hdr-top {
    display: block;
}
.hdr-bottom .flex {
    padding: 0 15px;
    font-size: 18px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
a.open-menu {
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    background: url(../../img/new/menu.png) no-repeat center;
    width: 30px;
    height: 25px;
    display: inline-block;
    margin-left: 20px;
}
a.open-menu.active {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    width: 30px;
    height: 25px;
    background: url(../../img/new/krest.png) no-repeat center;
}
#tab-acc {
    display: none;
}
.forgot-shadow,
.login-shadow,
.modal-shadow,
.reg-shadow {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    background-color: rgba(55, 55, 55, 0.3);
    z-index: 22;
    width: 100%;
    height: 100%;
}
.forgot-shadow.forgot-open,
.login-shadow.log-open,
.modal-shadow.modal-open,
.reg-shadow.reg-open {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.forgot,
.login,
.modal-body,
.registration {
    background: #fff;
    overflow: hidden;
    padding: 28px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 500px;
    z-index: 2222222;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
}
.close-forgot,
.close-login,
.close-modal,
.close-registration {
    position: absolute;
    right: 34px;
    top: 30px;
    cursor: pointer;
}
.forgot .t-block,
.login .t-block,
.modal-body .t-block,
.registration .t-block {
    font-weight: 400;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
}
.forgot hr,
.login hr,
.modal-body hr,
.registration hr {
    margin-top: 15px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #ddd;
}
.modal-body .message {
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    color: #333;
}
#forgot_form .form-line,
#login_form .form-line,
#registration_form .form-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
#forgot_form input,
#login_form input,
#registration_form input {
    width: 280px;
    background: #fafafa;
    border: 1px solid #dadada;
    box-sizing: border-box;
    border-radius: 3px;
}
#forgot_form label,
#login_form .forgot_password,
#login_form label,
#login_form p,
#registration_form label,
#registration_form p {
    font-weight: 400;
    font-size: 16px;
    color: #4e4e4e;
}
#login_form .forgot_password {
    display: block;
    line-height: 19px;
    text-align: center;
    color: #245f9b;
}
#registration_form #reg_button {
    margin: 10px auto 15px;
    display: block;
}
#forgot_form #forgot_button,
#login_form #login_button,
#login_form .registration-open-mobile,
#registration_form #reg_button {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    background: #245f9b;
    border-radius: 3px;
    padding: 4px 0;
    max-width: 302px;
    width: 100%;
}
#login_form .registration-open-mobile {
    margin: 10px auto 15px;
}
#forgot_form #forgot_button,
#login_form #login_button {
    display: block;
}
#login_form #login_button {
    margin: 10px auto 15px;
}
#forgot_form #forgot_button {
    margin: 20px auto 0;
}
#forgot_form #forgot_button:hover,
#login_form #login_button:hover,
#registration_form #reg_button:hover {
    background: #245f9b;
}
#login_form p,
#registration_form p {
    text-align: center;
    margin: 15px 0 22px;
}
#login_form .registration-open,
#registration_form .login-open {
    color: #245f9b;
}
.panel {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
.first-menu a {
    padding-left: 26px;
    background: url(../../img/new/exlamation.png) no-repeat left center;
    -webkit-background-size: 22px 22px;
    background-size: 22px;
    position: relative;
    color: #ff5a6c !important;
    font-weight: 700;
}
.panel-heading,
section.socials ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.panel-heading,
.third-menu #collapseTwo .panel-body a {
    height: 47px;
    line-height: 47px;
    border-top: 1px solid #363636;
    border-bottom: 1px solid #404040;
}
.panel-heading {
    background-color: #434343;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #363636;
}
.panel-body a,
.panel-heading a {
    color: #fff;
    font-size: 14px;
    width: 100%;
}
.panel-heading a {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative;
}
.panel-heading a:hover {
    color: #ffc;
}
.panel-group .panel + .panel,
body .partner-reg__form_step_2 h2,
table#data_table {
    margin-top: 0;
}
.panel-heading.bc-gold {
    background-color: #f0ff00;
}
.panel .green-sp a,
.panel-heading.ticket a {
    padding-left: 27px;
    -webkit-background-size: 22px 22px;
    background-size: 22px;
}
.panel .green-sp a {
    background: url(../../img/new/bell-ic.png) no-repeat 0 center;
    color: #c5ffc9;
}
.panel-heading.ticket a {
    position: relative;
    background: url(../../img/new/about-white.png) no-repeat 0 center;
}
.panel-body a {
    display: block;
}
.panel-body a,
.panel-heading.active,
.third-menu #collapseTwo {
    background-color: #2b2b2b;
}
.first-menu a:after {
    content: "";
    position: absolute;
    background: url(../../img/new/arr-up.png) no-repeat center;
    width: 50px;
    height: 50px;
    left: 75px;
}
.first-menu a.collapsed:after,
.third-menu .panel-heading a.collapsed:after {
    background: url(../../img/new/arr-down.png) no-repeat center;
}
#collapseOne h3 {
    font-size: 20px;
    color: #d52823;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#collapseOne ul {
    color: #222;
    font-size: 14px;
    font-family: "Ubuntu";
    font-weight: 400;
    list-style: none;
    padding-left: 0;
}
#collapseOne ul li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 5px;
}
#collapseOne ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 5px;
    height: 5px;
    background-color: #f42218;
    -webkit-box-shadow: 1px 1px #f1a7a8;
    box-shadow: 1px 1px #f1a7a8;
}
#head_menu > li,
.panel-body a,
.third-menu .panel-heading a {
    position: relative;
}
.third-menu .panel-heading a:after {
    content: "";
    position: absolute;
    background: url(../../img/new/arr-up.png) no-repeat center;
    width: 15px;
    height: 50px;
    left: 165px;
}
.third-menu #collapseTwo .panel-body {
    padding: 0;
}
.third-menu #collapseTwo .panel-body a {
    padding: 0 15px;
}
section.socials .flex {
    padding: 15px;
}
section.socials ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    overflow: hidden;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
section.socials ul li {
    margin-top: 20px;
    margin-right: 30px;
}
section.socials ul li.hd {
    visibility: hidden;
}
section.socials ul li a {
    display: block;
    min-width: 165px;
    text-align: center;
    color: #242424;
    font-size: 16px;
    height: 42px;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    line-height: 40px;
    border: 1px solid #ced0db;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
section.socials ul li a.active {
    background: #6dbefd;
    background: -moz-linear-gradient(top, #6dbefd 0, #6dbefd 100%);
    background: -webkit-linear-gradient(top, #6dbefd 0, #6dbefd 100%);
    background: linear-gradient(to bottom, #6dbefd 0, #6dbefd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6dbefd', endColorstr='#6dbefd', GradientType=0);
    border: 1px solid #0083db;
    color: #fff;
}
.socials:not(.ind) ul li:first-child {
    margin-bottom: auto;
}
section.socials:not(.ind) {
    height: auto;
}
section.socials:not(.ind) ul {
    height: 180px;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}
section.socials:not(.ind) ul li a {
    width: 165px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.create-ticket a br,
.open-sect,
.soc-text a.learn-more {
    display: none;
}
section.soc-category {
    border-top: 1px solid #e6e8ea;
    background-color: #eff3f6;
    padding-bottom: 15px;
}
.soc-category .flex {
    padding: 0 15px;
}
.soc-title {
    background-color: #434343;
    height: 42px;
    border: 1px solid #aaadae;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.soc-title h2,
.soc-title p {
    font-size: 14px;
    line-height: 42px;
    font-weight: 700;
    padding: 0 10px;
    color: #fff;
}
.soc-body,
.soc-cell button {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.soc-body {
    padding: 10px;
    font-size: 13px;
    background-color: #fff;
    display: -webkit-box;
    margin-top: 5px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.soc-body a {
    color: #000;
}
.soc-img,
.soc-text {
    flex-grow: 1;
}
.soc-body p {
    margin-bottom: 0;
}
.soc-img img {
    width: 38px;
}
.soc-text {
    padding: 0 10px;
}
.soc-price {
    padding: 0 5px;
}
.soc-price p {
    width: 85px;
}
.soc-price span,
ul#item_partners li .text-muted {
    color: #8e8e8e;
}
.soc-bl {
    margin-top: 20px;
}
.soc-cell button {
    position: relative;
    display: block;
    margin-left: 10px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #245f9b;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: #245f9b;
    text-align: center;
    color: #fff;
    font-size: 14px;
    -webkit-transform: 0.3s;
    -ms-transform: 0.3s;
    transform: 0.3s;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.soc-cell button:disabled {
    background-color: #ccc;
}
.soc-cell button:hover:enabled {
    background-color: #245f9b;
}
.soc-cell button:after,
.soc-cell button:before {
    content: "";
    position: absolute;
    display: block;
    left: 2px;
    right: 2px;
    width: -webkit-calc(100% - 4px);
    width: calc(100% - 4px);
    height: 1px;
}
.soc-cell button:before {
    top: -1px;
    background-color: #70bd7b;
}
.soc-cell button:after {
    bottom: -1px;
    background-color: #67b972;
}
.soc-cell button img {
    margin-right: 7px;
    display: inline;
    width: 20px;
}
.subscribe-cell button {
    position: relative;
    margin-right: 10px;
    margin-left: 10px;
    width: 80px;
    height: 27px;
    line-height: 27px;
    border: 1px solid #245f9b;
    text-align: center;
    color: #245f9b;
    font-size: 20px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.subscribe-cell img {
    margin: -3px auto auto;
    height: 18px;
}
.recat h2 {
    font-size: 20px;
    font-weight: 700;
    font-family: "Ubuntu";
    color: #000;
    padding: 18px 0;
}
.recat p,
.recat ul {
    color: #222;
    font-family: "Ubuntu";
    font-weight: 400;
}
.recat ul {
    list-style: none;
    padding-left: 0;
}
.recat ul li {
    position: relative;
    padding-left: 10px;
    line-height: 2.5;
}
.recat p,
.recat ul,
footer {
    font-size: 14px;
}
.ftr-top {
    background-color: #434343;
}
.ftr-top .flex {
    padding: 20px 15px;
}
.ftr-top .col-33 {
    width: 33%;
    float: left;
}
.ftr-top .col-33 li {
    list-style: none;
    line-height: 3;
}
.ftr-top .col-33 li a {
    color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-decoration: underline;
}
.call-extr a:hover,
.ftr-top .col-33 li a:hover {
    text-decoration: none;
    text-underline-position: auto;
}
.ftr-top .col-33 .gold-sp a,
.ftr-top .col-33 .green-sp a {
    padding-left: 26px;
    -webkit-background-size: 22px 22px;
    background-size: 22px;
}
.ftr-top .col-33 .green-sp a {
    color: #c5ffc9;
    background: url(../../img/new/bell-ic.png) no-repeat 0 center;
}
.ftr-top .col-33 .gold-sp a {
    background: url(../../img/new/gold-ic.png) no-repeat left center;
    color: #e7d200;
}
a.ftr-logo {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}
.ftr-center {
    background-color: #eff3f6;
}
.ftr-center .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    padding: 20px 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.ftr-center p {
    margin-bottom: 0;
}
.tex-res img,
.tex-res p {
    display: inline;
    vertical-align: middle;
}
.tex-res img {
    margin-right: 5px;
}
.tex-res p {
    font-size: 14px;
    color: #000;
}
.create-ticket a {
    display: block;
    background-color: #292929;
    width: 250px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 7px;
    color: #fff;
    -webkit-transform: 0.4s;
    -ms-transform: 0.4s;
    transform: 0.4s;
    border: 1px solid #a0a2a4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.create-ticket a:hover {
    background-color: #121111;
}
.call-extr span {
    color: #858585;
}
.call-extr a {
    color: #3d79e7;
    text-decoration: underline;
    text-underline-position: under;
}
.ftr-bottom {
    background-color: #434343;
    padding: 10px 15px;
    font-family: "Ubuntu";
    font-size: 12px;
}
.ftr-bottom p {
    margin-bottom: 0;
    color: #aec2cd;
}
section.socials ul li img {
    margin-right: 6px;
}
.ui-dialog .ui-dialog-titlebar-close span,
span.mag-select {
    display: none;
}
.ways-file {
    padding-top: 20px;
    display: block;
    border-top: 1px solid #e2e5e8;
}
.ways-file a {
    font-style: italic;
    text-decoration: underline;
}
.ways-file p {
    display: inline;
    font-style: italic;
    color: #9eaeb7;
}
.ways-file b {
    font-weight: 400;
    margin: 0 6px;
}
.magazines-body {
    padding: 0 15px 50px;
    background-color: #eff3f6;
}
.magazines-left {
    width: 111px;
    font-size: 13px;
    display: inline-block;
    float: left;
}
.magazines-left .mag-img img {
    padding: 30px;
    width: 111px;
    height: 111px;
    background-color: #fff;
    margin-bottom: 7px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.magazines-left p {
    color: #313131;
    padding-left: 4px;
    margin-bottom: 10px;
}
.magazines-left b {
    font-weight: 700;
    display: block;
}
.magazines-left a {
    position: relative;
    display: block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #245f9b;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: #245f9b;
    text-align: center;
    color: #fff;
    font-size: 14px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.magazines-left .subscribe_button {
    cursor: pointer;
    margin-left: 2px;
    position: relative;
    margin-right: 10px;
    margin-left: 0px;
    width: 80px;
    height: 27px;
    line-height: 27px;
    border: 1px solid #245f9b;
    text-align: center;
    color: #245f9b;
    font-size: 20px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.magazines-left .disabled_link {
    background-color: #ccc;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #000;
}
.magazines-left a:hover:enabled {
    background-color: #245f9b;
}
.magazines-left a img {
    margin-right: 7px;
    width: 20px;
}
.magazines-right {
    float: right;
    margin-left: 15px;
    width: -webkit-calc(100% - 126px);
    width: calc(100% - 126px);
    display: inline-block;
    background-color: #fff;
    padding: 0 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.magazines-right.recat ul li {
    line-height: 1.1;
    margin: 10px 0;
}
.magazines-right.recat ul li:before {
    top: 5px;
}
.magazines-right.recat p {
    margin: 15px 0;
}
.advice-body,
.faq-body {
    padding: 15px 15px 30px;
    background-color: #eff3f6;
    border-top: 1px solid #e2e5e8;
}
.advice-body p {
    font-family: "Ubuntu";
    color: #222;
    margin: 15px 0;
}
.advice-body span {
    color: #999;
}
.search-tag {
    margin-bottom: 20px;
    padding: 10px 10px 20px;
    background-color: #f8f8f8;
    color: #222;
}
.questions,
.search-tag p {
    margin-bottom: 10px;
}
.search-tag select {
    width: 100%;
    height: 34px;
    line-height: 34px;
    outline: 0;
    padding: 0 12px;
    background-color: #fff;
    border: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.question-body {
    display: none;
    padding: 7px 7px 0;
}
.questions h6,
.questions h6.min-plu {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    background-position: top 8px right 6px;
}
.questions h6 {
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 38px;
    font-size: 14px;
    line-height: 1.1;
    padding: 7px;
    border: 1px solid #e0e2e4;
    background: #fff url(../../img/new/plus-ic.png) no-repeat;
}
.questions h6.min-plu {
    background: #fff url(../../img/new/minus-ic.png) no-repeat;
    color: #cd322b;
}
.ticket-body {
    background-color: #eff3f6;
    padding: 15px 15px 30px;
    border-top: 1px solid #e2e5e8;
}
.search-tag select,
.ticket-body form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../img/new/select-ic.png) no-repeat;
    background-position: right 8px center;
    white-space: inherit;
}
.ticket-body form .bl-email input,
.ticket-body form select {
    width: 100%;
    min-height: 34px;
    line-height: 34px;
    color: #9e9e9e;
    outline: 0;
    padding: 0 12px;
    background-color: #fff;
    border: 2px solid #dddfe1;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.ticket-body form label {
    font-weight: 400;
    margin: 14px 0 2px;
}
.ticket-body form .bl-check label {
    padding-left: 22px;
    margin-left: -13px;
    background: url(../../img/new/check-no.png) no-repeat;
    background-position: 0 3px;
}
input[type="checkbox"]:checked + label {
    background: url(../../img/new/check-yes.png) no-repeat;
    background-position: 0 3px;
}
.ticket-body form .bl-check input {
    opacity: 0;
}
.ticket-body form .bl-textarea textarea {
    width: 100%;
    min-height: 78px;
    color: #9e9e9e;
    outline: 0;
    padding: 5px 12px;
    background-color: #fff;
    border: 2px solid #dddfe1;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.ticket-body form button {
    background-color: #245f9b;
    color: #fff;
    border: 1px solid #1b962c;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    width: 98px;
    height: 31px;
    line-height: 26px;
    margin: 20px 0;
    outline: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.ticket-body form button:hover {
    background-color: #245f9b;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: -5px;
    right: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border: 0 !important;
    margin: 0;
    background: url(../../img/ic_close.png) center center no-repeat !important;
    box-shadow: none;
}
.ui-dialog {
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    font-size: 0.9em;
}
.ui-dialog.ui-corner-all {
    border-radius: 0;
}
.ui-dialog .ui-widget-header {
    background: #fff;
    border-style: none none solid;
    border-width: 0 0 1px;
    border-color: #ddd;
    border-radius: 0;
    text-transform: uppercase;
}
.ui-dialog .ui-dialog-content {
    padding: 0;
}
.ui-dialog .ui-widget-content:not(.ui-slider),
.ui-dialog.ui-widget-content {
    background: #fff;
}
.ui-dialog .ui-tabs-panel {
    max-height: 75vh;
    overflow: auto;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0 0 10px;
    line-height: 1.2em;
}
.ui-widget.ui-widget-content:not(.ui-slider) {
    border: 0;
    overflow-x: hidden;
}
.ui-dialog .ui-dialog-buttonpane {
    padding: 10px 0 0;
}
#item_name {
    font-weight: 700;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}
.ui-button.buy_button .ui-icon.buy,
.ui-button.ui-state-hover .ui-icon.buy {
    background-image: url(../../img/ic-basket.png);
    width: 18px;
    height: 15px;
    margin-top: 1px;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: 0;
}
#language_mobile {
    display: none;
}
#language {
    padding: 0 18px;
}
#language *,
#language_mobile * {
    padding-left: 26px;
    background-position: center left;
    background-repeat: no-repeat;
}
#language * {
    color: #fff;
}
#language_mobile * {
    color: #333;
}
#language * + *,
#language_mobile * + * {
    margin-left: 18px;
}
#language .en,
#language_mobile .en {
    background-image: url(../../img/ic-en.png);
}
#language .ru,
#language_mobile .ru {
    background-image: url(../../img/ic-ru.png);
}
#language .cn,
#language_mobile .cn {
    background-image: url(../../img/ic-cn.png);
}
#language a:hover,
.head-menu a {
    text-decoration: none;
}
#language a {
    text-decoration: underline;
    transition: 0.2s;
}
#navigation_right {
    line-height: 40px;
    font-size: 12px;
    float: right;
    text-align: right;
}
.hdr-middle {
    background-color: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
    position: relative;
    z-index: 20;
}
.hdr-middle .flex {
    padding: 0 15px;
}
.head-category-navigation {
    padding: 0 15px;
    width: auto;
    position: relative;
}
.head-category-navigation button {
    padding: 5px 60px 5px 12px;
    border: 0;
    border-radius: 3px;
    position: relative;
    font-size: 14px;
    line-height: 26px;
}
.head-category-navigation button:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background: url(../../img/new/arrow.png) no-repeat center;
}
.head-category-navigation button img {
    width: 12px;
    height: 12px;
    margin: 0 9px 2px 0;
}
.shadow {
    display: none;
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    z-index: 100;
}
.head-menu,
.head-menu ul {
    display: none;
    position: absolute;
    width: 207px;
    list-style-type: none;
    padding-left: 0;
}
.head-menu {
    top: 40px;
    left: 0;
    margin: 0 15px;
    background: #e5e3e3;
    border: 0;
    border-radius: 3px 0 0 3px;
    min-height: 200px;
    z-index: 999;
}
.head-menu a {
    color: #5e5e5e;
    padding: 11px;
    display: block;
    font-size: 14px;
    background: url(../../img/new/right-arr.png) no-repeat 188px center;
    transition: all 3ms;
}
.head-menu > li > a::before {
    position: absolute;
    top: 13px;
    left: 11px;
    background: url(../../img/catalog-icons.png) no-repeat 0 0;
    width: 17px;
    height: 17px;
}
.head-menu > li > a.facebook::before {
    background-position: -162px 0;
}
.head-menu > li > a.facebook.active::before,
.head-menu > li > a.facebook.current::before,
.head-menu > li > a.facebook:hover::before {
    background-position: -162px -17px;
}
.head-menu > li > a.instagram::before {
    background-position: -180px 0;
}
.head-menu > li > a.instagram.active::before,
.head-menu > li > a.instagram.current::before,
.head-menu > li > a.instagram:hover::before {
    background-position: -180px -17px;
}
.head-menu > li > a.vk::before {
    background-position: -144px 0;
}
.head-menu > li > a.vk.active::before,
.head-menu > li > a.vk.current::before,
.head-menu > li > a.vk:hover::before {
    background-position: -144px -17px;
}
.head-menu > li > a.twitter::before {
    background-position: -126px 0;
}
.head-menu > li > a.twitter.active::before,
.head-menu > li > a.twitter.current::before,
.head-menu > li > a.twitter:hover::before {
    background-position: -126px -17px;
}
.head-menu > li > a.odnoklassniki::before {
    background-position: -108px 0;
}
.head-menu > li > a.odnoklassniki.active::before,
.head-menu > li > a.odnoklassniki.current::before,
.head-menu > li > a.odnoklassniki:hover::before {
    background-position: -108px -17px;
}
.head-menu > li > a.reddit::before {
    background-position: -90px 0;
}
.head-menu > li > a.reddit.active::before,
.head-menu > li > a.reddit.current::before,
.head-menu > li > a.reddit:hover::before {
    background-position: -90px -17px;
}
.head-menu > li > a.gmail::before {
    background-position: -72px 0;
}
.head-menu > li > a.gmail.active::before,
.head-menu > li > a.gmail.current::before,
.head-menu > li > a.gmail:hover::before {
    background-position: -72px -17px;
}
.head-menu > li > a.drugie-pochty::before {
    background-position: -54px 0;
}
.head-menu > li > a.drugie-pochty.active::before,
.head-menu > li > a.drugie-pochty.current::before,
.head-menu > li > a.drugie-pochty:hover::before {
    background-position: -54px -17px;
}
.head-menu > li > a.drugie-akkaunty::before {
    background-position: -36px 0;
}
.head-menu > li > a.drugie-akkaunty.active::before,
.head-menu > li > a.drugie-akkaunty.current::before,
.head-menu > li > a.drugie-akkaunty:hover::before {
    background-position: -36px -17px;
}
.head-menu > li > a.games::before {
    background-position: -18px 0;
}
.head-menu > li > a.games.active::before,
.head-menu > li > a.games.current::before,
.head-menu > li > a.games:hover::before {
    background-position: -18px -17px;
}
.head-menu > li > a.proxy::before {
    background-position: 0 0;
}
.head-menu > li > a.proxy.active::before,
.head-menu > li > a.proxy.current::before,
.head-menu > li > a.proxy:hover::before {
    background-position: 0-17px;
}
.head-menu a img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: all 0.3s;
    margin-right: 7px;
}
.head-menu a.active img,
.head-menu a.current img,
.head-menu a:hover img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}
.head-menu ul {
    top: 0;
    left: 207px;
    background: #f9f9f9;
    font-size: 14px;
    margin-right: 0;
    border-radius: 0 3px 3px 0;
    height: 100%;
    transition: all 4ms;
    flex-direction: column;
    justify-content: space-evenly;
}
.head-menu ul a {
    padding-left: 13px;
    padding-right: 13px;
    background: #fff;
}
.head-menu ul a:hover {
    background: #efeeee;
}
.head-menu ul li {
    flex-basis: 36px;
}
.head-menu ul li:last-child {
    flex-grow: 1;
    position: relative;
    overflow: hidden;
}
.head-menu ul p {
    font-size: 12px;
    padding-left: 26px;
    padding-right: 13px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.head-menu ul p::before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0;
    left: 8px;
    background: url(../../img/new/info.png) no-repeat 0 0;
}
.head-menu .view-all a,
.head-menu .view-all a:hover {
    color: #245f9b;
}
.head-search {
    flex-grow: 1;
    padding-left: 12px;
    position: relative;
}
.head-search input {
    height: 35px;
    border-color: #bec0bf;
    padding-left: 35px;
    font-size: 14px;
}
.head-search button {
    display: block;
    width: 35px;
    height: 35px;
    border: 0;
    background: url(../../img/new/search.png) no-repeat center;
    position: absolute;
    top: 0;
    left: 12px;
    cursor: pointer;
    color: transparent;
    overflow: hidden;
}
#head_menu,
#head_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#head_menu {
    position: relative;
    vertical-align: middle;
    line-height: 36px;
    justify-content: space-between;
}
#head_menu > li.darr > a {
    padding-right: 20px;
    background: url(../../img/darr.png) right center no-repeat;
}
#head_menu > li > a {
    position: relative;
    z-index: 2;
    display: inline-block;
    color: #000;
    text-decoration: none;
    padding: 5px 5px 2px;
    border-bottom: 3px solid transparent;
}
#head_menu > li > a.active,
.admin_menu a.active {
    font-weight: 700;
    border-bottom-color: #245f9b;
    text-decoration: none;
}
#head_menu ul {
    position: absolute;
    display: none;
    background: #555;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    z-index: 10;
    right: 0;
    min-width: 100%;
}
.head-menu a.active,
.head-menu a.current,
.head-menu a:hover {
    background-color: #f9f9f9;
    color: #000;
}
#head_menu ul li {
    display: block;
    margin: 1px 0 0;
    padding: 0;
}
#head_menu ul li + li {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}
#head_menu ul a {
    display: block;
    white-space: nowrap;
    padding: 8px 12px;
    color: #fff;
    line-height: normal;
}
#head_menu ul a:hover {
    background: rgba(255, 255, 255, 0.1);
}

#head_menu ul a,
.nav_support a,
#navigation_menu a:hover {
    text-decoration: none;
}
#navigation_menu a.ic-provider:hover {
    color: #f0ff00;
}
#navigation_menu a.ic-updates:hover {
    color: #c7ffcb;
}
#navigation_menu > a,
.ic-updates {
    background-position: center left;
    background-repeat: no-repeat;
    margin-right: 15px;
}
#navigation_menu > a + a {
    margin-left: 25px;
}
.authorization {
    padding: 0 15px 0 0;
}
#login_form .registration-open-mobile {
    display: none;
}
.authorization .registration-open {
    border-radius: 3px;
    border: 1px solid #fff;
    box-sizing: border-box;
    padding: 5px 22px;
    margin-right: 10px;
}
.authorization .registration-open:hover {
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
}
.authorization ,
.authorization .login-open,
.authorization .registration-open {
    font-weight: 400;
    font-size: 13px;
    color: #fff;
}
.cabinet-open {
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
    flex-wrap: nowrap;
}
.authorization .cabinet-open:hover {

    text-decoration: none;
    color: #fff;
}
.authorization .cabinet-open:hover svg path {
    fill: #fff;
}
.authorization .login-open {
    background: #245f9b;
    border-radius: 3px;
    padding: 5px 22px;
    border: 1px solid #245f9b;
    box-sizing: border-box;
}
.authorization .login-open svg {
    margin-bottom: -1px;
}
.authorization .login-open:focus {
    text-decoration: none;
}
.authorization .login-open:hover {
    text-decoration: none;
    background: #245f9b;
    border: 1px solid #245f9b;
}
#head_menu a.ic-provider {
    background: url(../../img/icons/wallet.png) no-repeat 0 center;
    color: #9729cb;
    padding-left: 21px;
}
#head_menu a.ic-provider:active,
#head_menu a.ic-provider:focus {
    color: #9729cb;
}
.ic-updates {
    background-image: url(../../img/ic-updates.png);
    color: #c7ffcb;
    padding-left: 22px;
}
.ic-support {
    background-image: url(../../img/ic-support.png);
    color: #fff;
    padding-left: 26px;
}
.mob-head-list,
button.search_trigger {
    display: none;
}
#head .socials.ind {
    display: inline-block;
}
#head_navigation {
    font-size: 14px;
    padding-right: 14px;
}
.soc-sale {
    color: red !important;
}
#content ul:not(.select2-selection__rendered),
.info ul {
    margin: 13px;
    padding: 0;
    font-size: 14px;
    list-style-type: none;
    list-style-image: url(../../img/ul-bullet.png);
}

#head_menu > li.nav_support > a{
    background: url(../../img/icons/info.png) 18px 15px no-repeat;
    padding: 5px 0 5px 45px;
    color: #000;
    display: inline-block;
}
#head_menu > li.nav_support > a:hover {
    text-decoration: underline;
}
@media (max-width: 991px) {
    #head_navigation {
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
    }
    #logo {
        display: inline-block;
    }
    #head_menu {
        background: #e1dfe0;
        flex-direction: column;
        width: 305px;
    }
    #head_menu.active {
        display: block;
        width: 100%;
    }
    #head .socials.ind,
    .menu,
    .mob-head-list {
        display: block;
    }
    #head_menu > li.darr:hover > ul,
    #navigation_right > .nav_support,
    #navigation_right > #navigation_menu {
        display: none;
    }
    #info {
        border: 0;
        border-radius: 0;
        width: 305px;
        padding-left: 23px;
        margin-top: 0;
        word-wrap: break-word;
        background: #f9f9f9;
    }
    .head-menu ul.show-item {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }
    #head_menu.active li {
        background: #434343;
        height: 47px;
        line-height: 47px;
        -webkit-border-radius: 0;
        border-radius: 0;
        border-top: 1px solid #363636;
        border-bottom: 1px solid #404040;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #head_menu.active li a {
        padding: 0 15px;
        color: #fff;
    }
    .ic-ticket {
        padding: 0 30px;
        background: url(../../img/info-header.png) no-repeat 0 center;
    }
    #head_menu.active li .panel .panel-heading a {
        padding-left: 28px;
    }
    #head_menu li#important a {
        padding: 0 28px;
    }
    #head_menu > li > a.active,
    .admin_menu a.active {
        border-bottom: none;
    }
}
#head_mob_navigation,
.head-search select.search-input {
    display: none;
}

@media (max-width: 991px) {
    #head_mob_navigation {
        font-family: "Open Sans";
        margin-top: 5px;
        font-size: 14px;
        display: block;
    }
    .hdr-middle {
        display: none;
        position: absolute;
        top: 40px;
        right: 0;
        z-index: 999;
        background: #e1dfe0;
    }
    .hdr-middle .container {
        width: auto;
        padding: 0;
    }
    #head_menu > li.darr,
    .hdr-middle .flex {
        padding: 0;
    }
    .hdr-middle li.active {
        background-color: #f9f9f9;
    }
    .nav_support a {
        background-position: 10px 15px;
        padding-left: 37px;
    }
    #head_menu > li > a {
        padding: 5px 5px 5px 10px;
    }
    #head_menu a.ic-provider {
        background-position: 10px center;
        padding-left: 31px;
    }
    #important a {
        background-position: 10px center, 100%center;
        padding-left: 31px !important;
    }
    .notification-badge {
        top: -5px !important;
        margin-left: -10px;
    }
    #collapseOne .panel-body a {
        text-decoration: underline;
        color: #00f;
        background-color: #fff;
        cursor: pointer;
    }
    #head_menu ul {
        position: relative;
        box-shadow: none;
        background: #f9f9f9;
    }
    #head_menu ul a {
        color: #000;
    }
    #faq .sidebar {
        float: none;
        width: 100%;
        margin: 0;
    }
    #faq .sidebar .select2 {
        width: 100% !important;
    }
    .faq_tags {
        display: inline-block;
        padding: 0 15px;
    }
}
@media (max-width: 768px) {
    .hdr-bottom .container .flex {
        padding: 0;
    }
    .hdr-bottom .container,
    .hdr-bottom .container #head {
        padding: 0;
        width: 100%;
    }
    .hdr-bottom .container .socials.ind {
        height: auto;
        padding: 15px;
    }
}
@media (min-width: 768px) {
    body,
    html {
        height: 100%;
    }
    body {
        font-family: Ubuntu, Helvetica, Arial;
        color: #222;
    }
    body h1,
    body h2 {
        margin: 0.67em 0;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.2;
    }
    .soc-bl h2,
    .soc-bl p {
        margin: 0;
        text-transform: none;
    }
    body p {
        margin: 1em 0;
        color: inherit;
        line-height: 1.2;
    }
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }
    .ftr-top .col-33 {
        width: auto;
        float: none;
    }
    .ftr-top .col-33 li {
        display: inline-block;
        padding-right: 16px;
    }
    #head,
    .hdr-top .flex {
        border-bottom: none;
    }
    section.socials ul {
        margin-right: -15px;
        margin-left: -15px;
    }
    section.socials ul li {
        margin: 20px 15px 0;
        flex-grow: 1;
    }
    section.socials ul li img {
        margin-right: 5px;
    }
    .soc-bl {
        margin-top: 0;
    }
    #language {
        background: #2b2b2b;
    }
    .ftr-top .flex,
    .soc-title {
        display: flex;
        justify-content: space-between;
    }
    .soc-title {
        margin-top: 20px;
        padding: 0 9px;
        height: 34px;
        border: 0;
    }
    .soc-title h2,
    .soc-title p {
        padding: 0;
        font-size: 13px;
        line-height: 34px;
    }
    .soc-text a {
        color: #464646;
    }
    #head .socials.ind {
        padding-top: 1px;
    }
    .soc-img img {
        width: 28px;
    }
    .soc-body {
        margin-top: 6px;
        padding: 8px 9px;
        min-height: 50px;
    }
    .ftr-top .flex {
        align-items: center;
        padding: 17.5px 15px;
    }
    .ftr-top .col-33 .gold-sp a {
        background: url(../../img/ic-provider.png) center left no-repeat;
    }
    .ftr-top .col-33 .green-sp a {
        background-image: url(../../img/ic-updates.png);
        -webkit-background-size: initial;
        background-size: initial;
    }
    .soc-price {
        display: none;
    }
    .soc-cell,
    .soc-control,
    .soc-cost,
    .soc-cost-label,
    .soc-qty {
        text-align: center;
        flex-shrink: 0;
    }
    .soc-cost-label,
    .soc-qty {
        width: 90px;
    }
    .soc-cost-label {
        color: #8e8e8e;
    }
    .soc-cost {
        width: 95px;
    }
    .soc-cell,
    .soc-control {
        width: 100px;
    }
    .soc-name {
        width: 719px;
    }
    .soc-text {
        padding: 0 3px 0 8px;
        width: 687px;
        flex-grow: 0;
        line-height: 1.25;
    }
    .soc-cell button {
        display: inline-block;
        padding-left: 29px;
        height: 27px;
        font-size: 13px;
        line-height: 25px;
        margin-left: 0;
    }
    .info .h1 {
        font-size: 20px;
        text-transform: uppercase;
    }
    .soc-cell button img {
        position: absolute;
        left: 5px;
        top: 50%;
        margin: -6px 0 0;
    }
    button:not(.buy_button) span {
        vertical-align: top;
        margin-right: 0;
    }
    section.socials ul li a {
        background: #fefeff;
        background: -moz-linear-gradient(top, #fefeff 0, #f2f5f7 100%);
        background: -webkit-linear-gradient(top, #fefeff 0, #f2f5f7 100%);
        background: linear-gradient(to bottom, #fefeff 0, #f2f5f7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefeff', endColorstr='#f2f5f7', GradientType=0);
    }
    section.soc-category {
        padding-bottom: 325px;
    }
    .magazines-left p span {
        display: block;
    }
    .recat ul li {
        padding-left: 0;
    }
    .soc-img {
        min-width: 28px;
    }
    .main-wrapper {
        position: relative;
        min-height: 100%;
        background: #eff3f6;
    }
    footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        min-height: 192px;
    }
    #sitemap {
        margin-right: auto;
    }
    #copyright .flex {
        padding: 0 15px;
    }
}
@media (max-width: 767px) {
    .free-kass,
    .soc-cost,
    .soc-cost-label,
    .soc-qty {
        display: none;
    }
    .soc-category .flex {
        padding: 0;
    }
}
.flex > p > a {
    color: #006493;
}
#sitemap a,
.flex > p > a:hover {
    color: red;
    transition: 0.2s;
}
#sitemap a {
    color: #006493;
    display: block;
}
#sitemap a:hover,
.flex > p > a:hover {
    text-decoration: none;
}
#sitemap div {
    display: inline-block;
    margin-right: 10px;
}
#breadcrumbs a,
#sitemap a,
.flex > p > a {
    text-decoration: underline;
}
#breadcrumbs a:hover {
    text-decoration: none;
    color: red;
}
.menu_partner {
    display: block;
}
.buy_dialog {
    min-width: 300px;
    max-width: 450px;
}
.plugin_faq_min {
    margin-top: 30px;
}
.plugin_faq_min .faq_min-row .faq_min-btn-open-info {
    font-size: 13px;
    margin: 8px 0 0 !important;
}
.plugin_faq_min .faq_min-row h3 img {
    margin: 0 0 0 10px !important;
}
.plugin_faq_min .faq_min-btn-open {
    text-align: center;
    margin: 15px 0 0 !important;
    color: #121212 !important;
    font-size: 15px !important;
    cursor: pointer;
}
.plugin_faq_min .faq_min-h3 {
    font-size: 15px;
    font-weight: 500;
}
.plugin_faq_min .faq_min-h3 span {
    background-color: #fff;
    padding: 0 10px 0 0;
    position: relative;
    z-index: 1;
    font-weight: 600;
}
.plugin_faq_min .faq_min-h3 hr {
    position: relative;
    top: -9px;
}
.plugin_faq_min .faq_min-box table,
.plugin_faq_min .faq_min-box table td {
    border: 0 !important;
}
.plugin_faq_min .faq_min-box table td p {
    text-align: center;
    font-size: 12px;
}
.plugin_faq_min .faq_min-box table td .faq_min-number {
    font-weight: 800;
    font-size: 40px;
}
.faq_min-h3 {
    margin: 20px 0 5px;
}
.faq_min-delete-page {
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    color: #676662;
}
.faq_min-all-create {
    font-size: 18px;
    padding: 50px;
    text-align: center;
}
#tickets_form .g-recaptcha,
.ticket-trouble-info {
    display: inline-block;
    vertical-align: middle;
}
#login_form .g-recaptcha1 .grecaptcha-badge {
    top: 240px;
}
#registration_form .g-recaptcha1 .grecaptcha-badge {
    top: 300px;
}
.ticket-trouble-info {
    max-width: 330px;
    margin-left: 10px;
}
@media (max-width: 700px) {
    #head_navigation {
        background: 0 0;
    }
    .shadow {
        width: 0;
        height: 0;
    }
    .hdr-bottom .flex {
        flex-direction: column;
        align-items: flex-start;
    }
    .hdr-bottom .head-search {
        order: 2;
    }
    .hdr-bottom .head-category-navigation {
        order: 3;
    }
    .hdr-top .container,
    .hdr-top .flex {
        padding-left: 0;
        padding-right: 0;
   
    }
    .hdr-top .container p:first-child {
        padding-left: 15px;
    }
    a.open-menu {
        margin-left: 10px;
        margin-right: 10px;
    }
    #head_mob_navigation {
        max-width: 50px;
        margin-top: 5px;
    }
    #language {
        background: #1f1f1f;
        min-width: 150px;
    }
    .hdr-middle,
    .head-menu ul {
        position: relative;
        width: 100%;
    }
    .hdr-middle {
        top: 0;
    }
    #head_menu,
    #info {
        width: 100%;
    }
    #head_navigation,
    .head-category-navigation,
    .head-search {
        margin: 7px 0;
        width: 100%;
    }
    .head-category-navigation button {
        width: 100%;
        text-align: left;
    }
    .category-tooltip,
    .head-menu p {
        display: none;
    }
    .hdr-bottom .head-search {
        padding-left: 15px;
        padding-right: 15px;
    }
    section.soc-category {
        border: 0;
    }
    .head-menu {
        width: calc(100% - 30px);
    }
    .head-menu a,
    .head-menu a.active {
        background-position: 98%center;
    }
    .head-menu a.active {
        background: url(../../img/darr.png) no-repeat 188px center;
    }
    .head-menu ul {
        left: 0;
    }
    .head-search {
        display: none;
    }
    button.search_trigger {
        display: block;
        width: 23px;
        height: 23px;
        border: 0;
        background: url(../../img/new/search-button.png) no-repeat 0 0;
    }
    button.search_trigger.active {
        background-image: url(../../img/new/search-button-active.png);
    }
}
h3.psm_title {
    margin: 0.67em 0;
}
.msg-row .message span input {
    width: 97%;
    margin: 2px 0 2px 5px;
}
.msg-row .use_min_sum {
    padding: 26px 0 0 24px;
}
.msg-row .public {
    padding: 26px 0 0 55px;
}
.msg-row .handle div {
    background: #bdbdbd;
    width: 50px;
    font-size: 3em;
    padding: 0 0 7px 11px;
    border-radius: 4px;
    margin-left: -5px;
    margin-top: 2px;
    cursor: move;
    border: 2px solid #585858;
    color: #585858;
}
.msg-row .action {
    text-align: right;
    padding: 26px 10px 0 0;
}
.header .column-1 {
    padding-left: 60px;
}
.header .vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
#add_msg_row {
    margin-top: 10px;
    background: #2f81b2;
    border: 1px solid #1b6496;
}
.expand_subcat_button {
    width: 100%;
    height: 27px;
    border-radius: 3px;
    border: 1px solid #245f9b;
    background-color: transparent;
    color: #245f9b;
    margin: 8px 0;
    transition: all 0.2s;
}
.expand_subcat_button:hover {
    background-color: #245f9b;
    color: #fff;
}
.expand_subcat_button.hide_subcat {
    border: 1px solid #b6b6b6;
    color: #b6b6b6;
}
.expand_subcat_button.hide_subcat:hover {
    background-color: #b6b6b6;
    color: #fff;
}
.soc-title.select2-result__title,
.soc-title.select2-result__title h2.soc-name,
.soc-title.select2-result__title p.soc-name {
    margin: 0;
}
.search-soc-body {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-flow: nowrap;
    align-items: center;
    height: 30px;
    padding: 0;
    border-bottom: 1px dashed #bbb;
    width: 100%;
    align-content: center;
}
.search-soc-body:hover {
    background: #f1f1f1;
}
.search-soc-body a,
.search-soc-body a:hover {
    color: #464646;
    text-decoration: none;
}
.search-soc-img {
    display: flex;
}
.search-soc-img img {
    width: 24px;
}
.search-soc-text {
    display: flex;
    margin: 0 0 0 5px;
    overflow: hidden;
}
.search-learn-more {
    display: flex;
}
.head-search .select2-container {
    z-index: 10;
    width: 100% !important;
}
.head-search .select2-container .select2-search--inline .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    width: 100% !important;
}
.head-search .select2-container--default .select2-selection--multiple,
.head-search .select2-container--default .select2-selection--single {
    height: 33px;
    border-color: #bec0bf;
    padding-left: 35px;
    font-size: 14px;
    background: #fafafa url(../../img/new/search.png) no-repeat 6px;
}
.head-search .select2-container--default .select2-selection--multiple:active,
.head-search .select2-container--default .select2-selection--multiple:focus,
.head-search .select2-container--default .select2-selection--multiple:focus-within,
.head-search .select2-container--default .select2-selection--single:active,
.head-search .select2-container--default .select2-selection--single:focus,
.head-search .select2-container--default .select2-selection--single:focus-within {
    background: #fff;
    padding-left: 8px;
}
.head-search .select2-container--default .select2-selection--multiple:hover,
.head-search .select2-container--default .select2-selection--single:hover {
    background-color: #fff;
}
.head-search .select2-container--default .select2-selection--multiple .select2-selection__arrow,
.head-search .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
}
.head-search .select2-container .select2-search--inline .select2-search__field,
.head-search .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.head-search .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    margin: 0;
    line-height: 32px;
    height: 33px;
}
.head-search .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.head-search .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #6f6f6f;
}
.select2-container--default .select2-search--dropdown .select2-search__field,
span {
    outline: 0;
}
@media (max-width: 768px) {
    .head-search {
        padding: 0 15px;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        width: 100% !important;
    }
    .soc-title h2,
    .soc-title p {
        line-height: 38px;
    }
    .select2-dropdown {
        box-shadow: 0 14px 20px rgba(0, 0, 0, 0.5);
    }
}
input[type="text"].readonly_input {
    cursor: default;
}
input[type="text"].readonly_input:hover {
    border: 1px solid #dadada;
}
input[type="text"].readonly_input:focus {
    border-color: #dadada;
    outline: 0;
}
@media (min-width: 992px) {
    section.soc-category {
        padding-bottom: 245px;
    }
    h1 {
        font-size: 20px;
    }
}
ol.ol_clamp {
    list-style-type: none;
    counter-reset: item;
    padding-left: 0;
    margin-bottom: 43px;
}
ol.ol_clamp li {
    margin-bottom: 15px;
}
ol.ol_clamp li p {
    margin: 0;
    padding-left: 1.2em;
    color: #727272;
}
ol.ol_clamp li:before {
    content: counter(item) ") ";
    counter-increment: item;
}
.sign-blocks {
    margin-top: 35px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.sign-block-form {
    background: #fff;
    display: block;
    padding: 30px 20px;
    text-align: center;
    height: 310px;
    max-width: 273px;
}
.sign-block-form .sign-block__title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.sign-block-form .sign-block__reg-btn {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 11px 0;
    border-radius: 3px;
    border: 2px solid #245f9b;
    background-color: #245f9b;
    text-decoration: none;
    margin-bottom: 4px;
    width: 233px;
}
.sign-block-form .sign-block__descr,
.sign-block-form .sign-block__or {
    color: #d82929;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}
.sign-block-form .sign-block__or {
    color: #8b8b8b;
    overflow: hidden;
    text-align: center;
}
.sign-block-form .sign-block__or:after,
.sign-block-form .sign-block__or:before {
    background-color: #8b8b8b;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.sign-block-form .sign-block__or:before {
    right: 0.5em;
    margin-left: -50%;
}
.sign-block-form .sign-block__or:after {
    left: 0.5em;
    margin-right: -50%;
}
.sign-block-form .sign-block__sign-btn {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    border-radius: 3px;
    border: 2px solid #245f9b;
    background-color: #245f9b;
    padding: 11px 0;
    width: 233px;
}
.sign-block-form .sign-block__reg-btn:hover,
.sign-block-form .sign-block__sign-btn:hover {
    background-color: #fff;
    color: #245f9b;
    font-weight: 700;
}
@media (max-width: 768px) {
    .sign-blocks {
        flex-direction: column-reverse;
    }
    .sign-block-form {
        align-self: center;
        margin-bottom: 20px;
    }
    .notification-badge {
        top: 2px !important;
        margin-left: -10px;
    }
}
.star-rating {
    color: #f1a94b;
    font-size: 18px;
    align: right;
}
.reviews-count {
    color: #9eaeb7;
    font-style: italic;
    font-size: 12px;
}
#user_tickets {
    background: #fff;
    border-radius: 4px;
    padding: 12px;
}
.user_tickets__link {
    display: block;
    padding: 5px 20px 5px 18px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
    border-radius: 3px;
    text-decoration: none;
    outline: 0;
    position: relative;
    font-size: 13px;
}
.ticket_unread {
    font-weight: 700;
}
.partner_bids {
    display: inline-block;
    vertical-align: middle;
}
.partner_compare_ip_block__matches {
    background: #fff;
    padding: 2px;
}
.partner_compare_ip_block__matches-header {
    display: block;
    margin: 10px 0 10px 10px;
    font-weight: 700;
    color: #f33;
}
.panel-heading a.partner_compare_ip_block__link span {
    font-weight: 400;
}
.panel-heading a.partner_compare_ip_block__link {
    color: #000;
    font-weight: 700;
}
.panel-body table.list a {
    color: #337ab7;
    background: 0 0;
}
.panel-body h4 {
    padding: 10px 4px 4px;
}
.order-history {
    padding: 0 0 40px;
}
.lk a.refill-btn.refill-active-btn,
.soc-name a {
    color: #fff;
}
.lk {
    padding: 0 10px;
    font-size: 13px;
    font-family: Ubuntu, Helvetica, Arial;
}
.lk-menu {
    margin: 0;
    padding: 0;
    width: 220px;
}
.lk-content {
    width: 910px;
    padding-left: 30px;
}
.lk-menu ul {
    background: #fff;
    box-sizing: border-box;
    list-style-image: none !important;
    margin: 0 !important;
}
.lk-menu ul li {
    list-style-type: none;
    border: 1px solid #e3e3e3;
}
.lk-menu ul li a {
    display: block;
    padding: 18px 0 18px 10px;
    font-size: 13px;
    color: #222;
}
.lk-menu ul li a svg {
    margin-right: 10px;
    margin-bottom: -2px;
}
.lk-menu ul li a.lk-menu__active,
.lk-menu ul li a:hover {
    background: #f2f2f2;
    color: #858585;
}
.lk a.refill-btn.refill-active-btn:hover,
.lk-menu ul li a,
.lk-menu ul li a:hover {
    text-decoration: none;
}
.lk-menu ul li a.lk-menu__active svg path,
.lk-menu ul li a:hover svg path,
.main-block-create-ticket-btn:hover path,
.main-block-download-btn:hover path,
.product-download a:hover svg path {
    fill: #245f9b;
}
h4.profile_title {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
h4.profile_title.traffic_title {
    min-height: 35px;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-5 {
    margin-bottom: 5px;
}
.mb-25 {
    margin-bottom: 25px;
}
.lk-form-button {
    display: block;
    margin: 30px auto 0;
    width: 220px;
    height: 28px;
}
.lk-menu button {
    display: none;
}
.refill-icons div div:first-child {
    background: #fff;
    width: 100%;
    height: 61px;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0.5;
}
.refill-icons div div:first-child.active-refill {
    background: #fff;
    border: 2px solid #245f9b;
    box-sizing: border-box;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    opacity: 1;
}
.refill-icons div div img {
    max-width: 100px;
    margin: 0;
}
.ps-percent-tip {
    position: absolute;
    top: 60px;
    background: #222;
    color: #fff;
    height: 0;
    border-radius: 0 0 6px 6px;
    font-size: 12px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.45);
    text-align: center;
    z-index: 999;
    transition: all 300ms;
    overflow: hidden;
}
.list-payments > div.active-refill .ps-percent-tip,
.list-payments > div:hover .ps-percent-tip {
    height: 18px;
    width: calc(100% - 30px);
}
@media (max-width: 768px) {
    .list-payments > div .ps-percent-tip {
        height: 18px;
        width: calc(100% - 30px);
    }
}
.lk a.refill-btn {
    width: 150px;
    height: 33px;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    color: #245f9b;
    cursor: pointer;
    margin-bottom: 20px;
}
.lk a.refill-btn.refill-right-btn {
    margin-left: -4px;
}
.lk a.refill-btn:hover {
    color: #fff;
    text-decoration: none;
}
.lk .balance_history a.refill-btn,
.partner-reg__form_step_2.user_offers .dataTables_wrapper .dataTables_length label {
    margin-bottom: 0;
}
.dec-sum:hover svg path,
.inc-sum:hover svg path {
    fill: #fff;
}
.input-number {
    width: 50%;
    display: flex;
    flex-wrap: nowrap;
}
.input-number .dec-inc-sum {
    display: flex;
    height: 28px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0 3px 3px 0;
    background: #fafafa;
    border: 1px solid #dadada;
    box-sizing: border-box;
    border-left: none;
    width: 17px;
}
.input-number .dec-inc-sum .dec-sum,
.input-number .dec-inc-sum .inc-sum {
    display: flex;
    width: 17px;
    height: 14px;
    justify-content: center;
    align-items: center;
}
.input-number .dec-inc-sum .dec-sum:hover,
.input-number .dec-inc-sum .inc-sum:hover {
    background: #245f9b;
}
.lk-refill-form-pay-wrapper .input-number .lk-refill-form__input {
    width: 100%;
    margin-right: 0;
    border-radius: 3px 0 0 3px;
    border-right: none;
    background: #fafafa;
    box-shadow: none;
}
.refill-btn {
    background: 0 0;
    border: 1px solid #245f9b;
    box-sizing: border-box;
    border-radius: 5px;
    color: #245f9b;
    font-size: 13px;
    width: 150px;
}
.refill-active-btn,
.refill-btn:hover {
    background: #245f9b;
    color: #fff;
}
.refill-left-btn {
    border-radius: 5px 0 0 5px;
}
.refill-right-btn {
    border-radius: 0 5px 5px 0;
    margin-left: -1px;
}
.refill-middle-btn {
    border-radius: 0;
    margin-left: -1px;
}
.lk-refill-form {
    background: #fff;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    padding: 10px;
}
.lk-refill-wrap-sum,
.lk-refill-wrap-sum h5 {
    color: #222;
    font-size: 13px;
}
.lk-refill-form-pay-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0 24px;
}
.lk-refill-form-pay-wrapper .lk-refill-form__input {
    width: 50%;
    margin-right: 5px;
    height: 28px;
}
.lk-refill-form-pay-wrapper .lk-refill-form__btn {
    width: 50%;
    max-width: 198px;
    margin-left: 5px;
    height: 28px;
}
.lk-refill-wrap-rule .container-checkbox {
    font-size: 13px;
    font-weight: 400;
    background: url(../../img/icons/checkbox.svg) 0 3px no-repeat;
}
.lk-refill-wrap-rule input[type="checkbox"]:checked + label.container-checkbox {
    background: url(../../img/icons/checkbox-checked.svg) 0 3px no-repeat;
}
.lk .table {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background: #fff;
    font-size: 13px;
}
.lk .table thead {
    background: #434343;
    color: #fff;
    font-size: 13px;
}
.lk .table > tbody > tr > td {
    white-space: normal;
}
.lk .table .sub-col-data2 {
    display: inline-block;
    margin-right: 20px;
}
.lk .table .sub-col-data.align-right {
    text-align: right;
}
.lk .table .align-center {
    text-align: center;
}
.lk .table .sub-col-data2 span {
    color: #9d9d9d;
    float: left;
}
.lk .table .sub-col-data span {
    color: #9d9d9d;
    float: left;
    margin-right: 4px;
}
.lk .table .sub-col-data2 span {
    margin-right: 5px;
}
.lk a {
    text-decoration: none;
    color: #1e82cb;
}
.lk a.ticket-status-btn {
    color: #fff;
}
.lk a:focus,
.lk a:hover {
    text-decoration: underline;
}
.lk .row {
    padding: 0;
}
.mt-20 {
    margin-top: 20px;
}
.table-desktop-hide {
    display: none;
}
.table-mobile-hide,
.table-tablet-hide {
    display: table-cell;
}
.desktop-hide {
    display: none !important;
}
.tablet-hide,
.tablet-hide.ticket-status-line {
    display: none;
}
.mobile-hide {
    display: block;
}
.devider,
table.dataTable tbody tr.devider {
    background: #eff3f6;
    height: 20px;
}
.ticket-btn {
    width: 100px;
    height: 33px;
}
.dataTables_wrapper .dataTables_filter input,
.profile_search {
    width: 100%;
    max-width: 334px;
    font-weight: 400;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    border-radius: 3px;
    height: 33px;
    padding-left: 38px;
    background: #fff url(../../img/icons/search.svg) 8px center no-repeat;
    margin-left: 7px;
}
.dataTables_wrapper .dataTables_filter label input:-moz-placeholder,
.dataTables_wrapper .dataTables_filter label input:-ms-input-placeholder,
.dataTables_wrapper .dataTables_filter label input::-moz-placeholder,
.dataTables_wrapper .dataTables_filter label input::-ms-input-placeholder,
.dataTables_wrapper .dataTables_filter label input::-webkit-input-placeholder,
.dataTables_wrapper .dataTables_filter label input::placeholder {
    color: #acacac !important;
}
div.dataTables_wrapper div.dataTables_filter {
    width: 22vw;
    max-width: 334px;
    margin-left: 310px;
}
.balance_history div.dataTables_wrapper div.dataTables_filter {
    float: right;
    position: relative;
    display: inline-block;
    margin: 0;
    max-width: 425px;
    width: 49vw;
}
.balance_history .dataTables_wrapper .dataTables_filter input {
    max-width: 100%;
    margin: 0;
}
.referal-links p,
.ticket-status-btn {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
}
.ticket-status-btn {
    width: 74px;
    height: 26px;
    font-family: Ubuntu, Helvetica, Arial;
    line-height: 16px;
    color: #fff;
    background: #a4a4a4;
    border-radius: 50px;
    border: 1px solid #a4a4a4;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ticket-status-btn__active {
    background: #e7ab10;
    border: 1px solid #e7ab10;
}
div.ticket-status-line {
    justify-content: space-between;
}
.ticket-status-line div,
div.ticket-status-line {
    display: flex;
    align-items: center;
}
.ticket-status-line div span {
    margin-right: 10px;
}
.shopping-list-last-col {
    width: 200px;
}
.product-download,
body .partner-reg__form p {
    text-align: center;
}
.product-paid {
    color: #245f9b;
}
.product-not-paid {
    color: #d52823;
}
.mobile-download-link {
    color: #1e82cb;
}
.ref-system-info {
    padding: 10px 0 10px 30px;
}
.ref-system-info:before {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    background: #245f9b;
    border-radius: 4px;
    margin-left: -12px;
    margin-top: 7px;
}
.referal-links p {
    color: #a4a4a4;
}
.copy-btn {
    position: absolute;
    right: 20px;
    top: 34px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}
.ref-left-row,
.ref-right-row {
    display: flex;
    justify-content: space-between;
}
.ref-left-row label {
    line-height: 16px;
    color: #222;
}
.pay-btn,
.ref-left-row label,
.ref-right-row label {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
}
.ref-right-row label {
    color: #222;
}
.ref-left-row input {
    width: 125px;
}
.pay-btn {
    background: #245f9b;
    border: 1px solid #245f9b;
    box-sizing: border-box;
    border-radius: 3px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 168px;
    height: 28px;
    margin-left: auto;
}
.lk a.pay-btn,
.pay-btn,
ul#item_partners li.active .text-muted,
ul#item_partners li:hover .text-muted {
    color: #fff;
}
.pay-btn:hover {
    border: 1px solid #245f9b;
    background: #fff;
}
.lk a.pay-btn:hover,
.pay-btn:hover {
    color: #245f9b;
    text-decoration: none;
}
.table.orders > thead > tr > th:nth-child(2) {
    width: 420px;
}
.table.tickets > thead > tr > th:nth-child(2) {
    width: 480px;
}
.ps {
    width: 70px;
}
.lk .table > tbody > tr > td div.ps img {
    width: 100%;
    margin: 0;
    max-width: 70px;
}
#forgot_form .line-alert label,
#login_form .line-alert label,
#registration_form .line-alert label,
.low-priority {
    color: #d52823;
}
.medium-priority {
    color: #c99d00;
}
.high-priority {
    color: #245f9b;
}
.lk-menu-mobile-hide {
    display: block;
}
.dataTables_length label,
.dataTables_wrapper .dataTables_info {
    font-weight: 400;
    font-size: 13px;
    color: #222;
}
.dataTables_length select {
    width: auto;
    margin-left: 10px;
    background: #fafafa;
    border: 1px solid #dadada;
    box-sizing: border-box;
    border-radius: 3px;
}
.dataTables_wrapper .table.dataTable.no-footer {
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #e3e3e3;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button,
.dataTables_wrapper .dataTables_paginate a.paginate_button.next.disabled,
.dataTables_wrapper .dataTables_paginate a.paginate_button.previous.disabled {
    border: 1px solid #9d9d9d;
    box-sizing: border-box;
    border-radius: 3px;
    width: 23px;
    height: 23px;
    padding: 0;
    color: #9d9d9d !important;
    margin: 0 3px;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current,
.dataTables_wrapper .dataTables_paginate a.paginate_button.next,
.dataTables_wrapper .dataTables_paginate a.paginate_button.next:not(.disabled) svg path,
.dataTables_wrapper .dataTables_paginate a.paginate_button.previous,
.dataTables_wrapper .dataTables_paginate a.paginate_button.previous:not(.disabled) svg path {
    color: #245f9b !important;
    border: 1px solid #245f9b;
    background: 0 0;
    fill: #245f9b;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate a.paginate_button:hover {
    color: #fff !important;
    border: 1px solid #245f9b;
    background: #245f9b;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.next:not(.disabled):hover svg path,
.dataTables_wrapper .dataTables_paginate a.paginate_button.previous:not(.disabled):hover svg path {
    fill: #fff;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.next svg {
    transform: rotateZ(180deg);
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
    border: 1px solid transparent;
    box-sizing: border-box;
    border-radius: 3px;
    width: 23px;
    height: 23px;
    padding: 0;
    color: #9d9d9d !important;
    margin: 0 3px;
    display: inline-block;
    text-align: center;
}
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers {
    clear: both;
    float: none;
    display: block;
    width: 40%;
    text-align: center;
    margin: -33px auto 0;
    right: 0;
    left: 0;
    position: absolute;
}
.dataTables_wrapper .new_button {
    display: inline-block;
    float: right;
}
.dataTables_wrapper .dataTables_info {
    display: inline-block;
    float: right;
    padding-top: 2px;
}
.dataTables_wrapper .new_button {
    padding-top: 0;
}
.dataTables_wrapper .buttons,
.dataTables_wrapper .dataTables_length {
    clear: both;
    float: none;
    display: inline-block;
}
.dataTables_wrapper a.new-ticket-btn,
ul#item_partners li {
    border: 1px solid #245f9b;
    display: flex;
    box-sizing: border-box;
}
.dataTables_wrapper a.new-ticket-btn {
    border-radius: 5px;
    color: #fff;
    width: 195px;
    height: 33px;
    justify-content: center;
    align-items: center;
    background: #245f9b;
}
table.dataTable tbody td img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.lk-menu ul li.lk-menu-header {
    display: flex;
    justify-content: space-between;
    background: #434343;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 15px 10px;
    border: 1px solid #434343;
}
.lk-menu ul li.lk-menu-header.subuser_balance_class {
    background: #f55f5f;
}
.subuser-block_botton {
    height: 40px;
}
.subuser-block {
    height: 40px;
    width: 100%;
    background: #f55f5f;
    color: #fff;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}
.subuser-block_text {
    text-align: center;
    font-size: 24px;
    line-height: 39px;
}
.subuser-block_text span {
    color: #ff7;
    display: inline-block;
}
.subuser-block_text a.btn-link {
    margin-left: 10px;
    background: #e6ed1a;
    border: 2px solid #e6ed1a;
    border-radius: 4px;
    padding: 0 30px 2px;
    text-align: center;
    outline: 0;
    cursor: pointer;
    color: #333;
    text-transform: capitalize;
    text-decoration: none;
}
.subuser-block_text a.btn-link.green-btn-link {
    background: #245f9b;
    border: 2px solid #245f9b;
    color: #fff;
}
.subuser-block_text a.btn-link:hover {
    background: #fbfb77;
    border: 2px solid #e6ed1a;
}
#tickets #message-input {
    height: 150px;
    width:650px;
}
.subuser-block_text a.btn-link.green-btn-link:hover {
    background: #76b27f;
    border: 2px solid #245f9b;
    color: #000;
}
@media (max-width: 1170px) {
    .lk-menu {
        width: 220px;
        position: absolute;
        right: 15px;
        margin-top: -44px;
        z-index: 1;
    }
    .lk-menu ul {
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.4);
    }
    .lk-menu button {
        padding: 5px 20px 5px 12px;
        border: 0;
        border-radius: 3px;
        position: relative;
        font-size: 14px;
        line-height: 26px;
        display: block;
        margin-left: auto;
        right: 0;
    }
    .lk-menu button img {
        width: 12px;
        height: 12px;
        margin: 0 9px 2px 0;
    }
    .lk-content {
        width: 100%;
        padding: 0;
    }
    .lk-content .main-block .col-xs-12 {
        padding: 0;
    }
    .lk-menu-mobile-hide {
        display: none;
    }
}
@media (max-width: 992px) {
    .table.orders > thead > tr > th:nth-child(2) {
        width: 380px;
    }
    .table.tickets > thead > tr > th:nth-child(2) {
        width: 340px;
    }
    #navigation_right > div.authorization {
        padding: 8px 0;
        display: block;
        margin: 0;
    }
    #navigation_right div#language,
    .authorization .registration-open {
        display: none;
    }
 .authorization .cabinet-open,
    .authorization .login-open {
        display: flex;
        align-items: center;
        justify-content: center;

        height: 40px;                 /* good tap height */
        padding: 0px;              /* wide tap area */

        background: #245f9b;
        border: 1px solid #245f9b;
        border-radius: 3px;

        box-sizing: border-box;
        overflow: visible;            /* IMPORTANT */
    }

    .authorization .cabinet-open svg,
    .authorization .login-open svg {
        width: 20px;
        height: 20px;
    }
    #language_mobile {
        display: block;
        padding: 10px; 
    }
    .forgot,
    .login,
    .modal-body,
    .registration {
        top: 257px;
    }
}
@media (max-width: 768px) {
    .lk .col-xs-12.p0 {
        padding: 0;
    }
    .table-tablet-hide,
    .tablet-hide.ticket-status-line {
        display: none;
    }
    .table-desktop-hide {
        display: table-cell;
    }
    .desktop-hide {
        display: block !important;
    }
    .sub-col-data.desktop-hide {
        margin-bottom: 5px;
    }
    h4.profile_title {
        margin-top: 20px;
    }
    .referal-links p {
        margin-top: 16px;
        display: inline-block;
        margin-left: 16px;
    }
}
@media (max-width: 550px) {
    .lk-menu {
        position: relative;
        right: auto;
        margin: 0;
    }
    body h1 {
        font-weight: 700;
        font-size: 20px;
        text-transform: uppercase;
        color: #000;
        margin-bottom: 12px;
    }
    .lk-menu ul {
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.4);
    }
    .lk-menu button {
        width: 100%;
        padding: 5px;
    }
    .lk-menu button img {
        width: 12px;
        height: 12px;
        margin: 0 9px 2px 0;
    }
    h4.profile_title {
        margin-top: 30px;
    }
    form h4.profile_title {
        margin-left: 15px;
        margin-right: 15px;
    }
    .dataTables_wrapper .new_button {
        width: 100%;
        float: none;
        clear: both;
    }
    .dataTables_wrapper .new_button a,
    .lk-menu {
        width: 100%;
    }
    .table-mobile-hide {
        display: none;
    }
    .tablet-hide {
        display: block;
    }
    .tablet-hide.main-block-status-line,
    .tablet-hide.ticket-status-line {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 16px;
    }
    .tablet-hide.main-block-status-line a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .tablet-hide.main-block-status-line a.main-block-download-btn {
        width: 70px;
    }
    .tablet-hide.main-block-status-line a.main-block-create-ticket-btn {
        width: 60px;
    }
    .mobile-hide {
        display: none;
    }
    .lk .table > tbody > tr > td,
    .table-responsive {
        border: 1px solid transparent;
    }
    .lk .table > tbody > tr > td {
        vertical-align: middle;
    }
    .lk .table .sub-col-data2 {
        display: block;
        margin-right: 0;
    }
    .lk-content .main-block .col-xs-12 {
        padding: 0 15px;
    }
    .ref-left-row,
    .ref-right-row {
        flex-direction: column;
    }
    .sub-col-data.tablet-hide {
        margin-top: 5px;
    }
    div.dataTables_wrapper div.dataTables_filter {
        position: relative;
        width: 100%;
        margin: 20px 0 10px -7px;
    }
    table.dataTable {
        border-collapse: collapse;
    }
    table.dataTable tbody tr {
        border-bottom: 20px solid #eff3f6;
    }
    .dataTables_wrapper .dataTables_paginate.paging_simple_numbers {
        width: 100%;
        margin: 20px auto 0;
        display: flex;
        justify-content: space-between;
    }
    .dataTables_wrapper {
        margin-bottom: 100px;
    }
    .lk .col-xs-12.p0 .row {
        margin: 0;
    }
    .refill a.refill-btn,
    .refill h4.profile_title {
        margin-left: 15px;
    }
    .lk .balance_history a.refill-btn {
        margin-bottom: 20px;
    }
    .balance_history div.dataTables_wrapper div.dataTables_filter {
        width: 100%;
        margin-bottom: 14px;
    }
    .forgot,
    .login,
    .modal-body,
    .registration {
        min-width: 300px;
        max-width: 402px;
        width: calc(100% - 20px);
        top: 225px;
        padding: 16px;
    }
    .forgot hr,
    .login hr,
    .modal-body hr,
    .registration hr {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .close-forgot,
    .close-login,
    .close-modal,
    .close-registration {
        right: 20px;
        top: 18px;
    }
    #forgot_form label,
    #login_form label,
    #registration_form label {
        font-size: 13px;
    }
    #forgot_form input,
    #login_form input,
    #registration_form input {
        font-size: 13px;
        height: 25px;
        width: 170px;
    }
    #login_form .forgot_password {
        margin-bottom: 24px;
    }
    #forgot_password-captcha,
    #login-captcha {
        overflow: hidden;
        justify-content: flex-start;
    }
    #login_form .registration-open-mobile {
        display: block;
        background: #fff;
        color: #245f9b;
        margin-top: -10px;
        margin-bottom: 0;
    }
    #login_form .g-recaptcha1 .grecaptcha-badge {
        top: 190px;
    }
    #registration_form .g-recaptcha1 .grecaptcha-badge {
        top: 260px;
    }
}
.accordion .card.collapsed .card-body {
    display: none;
}
#step1.card.collapsed {
    cursor: pointer;
}
.card {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 10px 0;
}
.card-header {
    background: #f1f1f1;
    color: #333;
    padding: 10px 20px;
}
.card-body {
    margin: 15px 20px;
    overflow: hidden;
}
.buy-button-container {
    text-align: right;
    border-top: 1px solid #d8d8d8;
    padding-top: 15px;
}
.buy-button-container button,
.buy-button-container button:hover {
    position: relative;
    padding-left: 26px;
    font-size: 13px !important;
}
.buy-button-container button::before,
.buy-button-container button:hover::before {
    display: block;
    content: "";
    position: absolute;
    top: 6px;
    left: 5px;
    width: 18px;
    height: 15px;
    background: url(../../img/ic-basket.png) no-repeat 0 0;
}
ul#item_partners {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul#item_partners li {
    margin: 5px 0;
    padding: 12px 10px;
    cursor: pointer;
    justify-content: space-between;
    border-radius: 2px;
    font-size: 13px;
}
ul#item_partners li:not(.preloader).active,
ul#item_partners li:not(.preloader):hover {
    background: #245f9b;
    color: #fff;
}
.marquee {
    background-color: #e6ed1a;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-weight: 700;
    padding: 4px 0;
    font-size: 16px;
    font-family: "Open Sans";
}
@media screen and (min-width: 1000px) {
    .marquee {
        height: 30px;
        white-space: nowrap;
    }
    .marquee span {
        display: inline-block;
        padding-left: 100%;
        animation: marquee 15s linear infinite;
    }
    .marquee span:hover {
        animation-play-state: paused;
    }
    @keyframes marquee {
        0% {
            transform: translate(0, 0);
        }
        to {
            transform: translate(-100%, 0);
        }
    }
}
#buy_dialog .form {
    margin: 0;
}
.buy_dialog #item_name,
.buy_dialog.ui-dialog .ui-dialog-title {
    font-family: Arial, Ubuntu, Helvetica;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #333;
}
.buy_dialog #item_name {
    font-weight: 700;
    font-size: 12px;
}
.buy_steps {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 14px;
}
.buy_steps .step_done {
    display: none;
    margin-left: 16px;
    margin-right: 4px;
}
.buy_steps .step_1 {
    background: #245f9b;
    border: 1px solid #245f9b;
    box-sizing: border-box;
    border-radius: 2px 0 0 2px;
    height: 40px;
    width: calc(50% - 12px);
}
.buy_steps .step_1::after,
.buy_steps .step_2::after,
.buy_steps .step_2::before {
    display: block;
    position: absolute;
    margin-left: calc(48% - 4px);
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 12px solid #245f9b;
    border-bottom: 20px solid transparent;
    box-sizing: border-box;
    border-radius: 2px;
}
.buy_steps .step_1.done {
    background: #fff;
}
.buy_steps .step_1.done::after {
    margin-left: calc(48% - 7px);
    border-left: 12px solid #fff;
}
.buy_steps .step_done svg {
    vertical-align: middle;
    margin-right: 2px;
}
.buy_steps .step_done span {
    vertical-align: middle;
    color: #245f9b;
    font-size: 13px;
}
.buy_steps .step_1,
.buy_steps .step_2,
ul#item_partners li.preloader {
    display: flex;
    justify-content: center;
    align-items: center;
}
.buy_steps .step_2 {
    background: #fff;
    border: 1px solid #b4b4b4;
    border-left: none;
    box-sizing: border-box;
    border-radius: 0 2px 2px 0;
    height: 40px;
    width: 50%;
}
.buy_steps .step_2 span,
.buy_steps .step_in_process {
    font-size: 13px;
    margin-left: 16px;
    margin-right: 4px;
}
.buy_steps .step_2::after,
.buy_steps .step_2::before {
    margin-left: calc(48% + 6px);
    border-left: 12px solid #fff;
}
.buy_steps .step_2::before {
    margin-left: calc(48% + 8px);
    border-left: 12px solid #b4b4b4;
}
.buy_steps .step_2.active {
    background: #245f9b;
    border: 1px solid #245f9b;
    color: #fff;
}
.buy_steps .step_2.active::after {
    display: none;
}
.buy_steps .step_2.active::before {
    display: block;
    position: absolute;
    margin-left: calc(48% + 6px);
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 12px solid #245f9b;
    border-bottom: 20px solid transparent;
    box-sizing: border-box;
    border-radius: 2px;
}
.buy_steps .step_in_process {
    font-family: Arial, Ubuntu, Helvetica;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
}
ul#item_partners li.preloader {
    margin: 0;
    padding: 0;
    border: 0;
    cursor: inherit;
    flex-wrap: wrap;
}
@media (max-width: 450px) {
    #step2 .form td {
        padding: 2px;
        display: block;
        width: 100%;
    }
    #step2 .form tr.price-wrapper td,
    #step2 .form tr:not(.price-wrapper) td:first-child {
        padding: 10px 0 2px;
    }
    #step2 .form input[type="radio"] + label,
    input[type="checkbox"] + label {
        white-space: normal;
    }
    #step2 .form input[type="checkbox"]:checked + label {
        background: url(../../img/new/check-yes.png) center left no-repeat;
        background-position: 0;
    }
    #step2 .form .card-body {
        margin: 8px;
    }
    #step2 .form .price-wrapper {
        display: flex;
    }
    .buy_steps .step_done span {
        width: 50%;
        display: inline-block;
    }
}
.lds-spinner {
    position: relative;
    width: 100px !important;
    height: 100px !important;
    -webkit-transform: translate(-100px, -100px) scale(0.5) translate(150px, 150px);
    transform: translate(-100px, -100px) scale(0.5) translate(150px, 150px);
}
.lds-spinner div {
    left: 94px;
    top: 48px;
    position: absolute;
    -webkit-animation: lds-spinner linear 1s infinite;
    animation: lds-spinner linear 1s infinite;
    background: #245f9b;
    width: 12px;
    height: 24px;
    border-radius: 40%;
    -webkit-transform-origin: 6px 52px;
    transform-origin: 6px 52px;
}
.lds-spinner div:nth-child(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-delay: -0.916666666666667s;
    animation-delay: -0.916666666666667s;
}
.lds-spinner div:nth-child(2) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation-delay: -0.833333333333333s;
    animation-delay: -0.833333333333333s;
}
.lds-spinner div:nth-child(3) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}
.lds-spinner div:nth-child(4) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: -0.666666666666667s;
    animation-delay: -0.666666666666667s;
}
.lds-spinner div:nth-child(5) {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: -0.583333333333333s;
    animation-delay: -0.583333333333333s;
}
.lds-spinner div:nth-child(6) {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(7) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: -0.416666666666667s;
    animation-delay: -0.416666666666667s;
}
.lds-spinner div:nth-child(8) {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
    -webkit-animation-delay: -0.333333333333333s;
    animation-delay: -0.333333333333333s;
}
.lds-spinner div:nth-child(9) {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}
.lds-spinner div:nth-child(10) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-animation-delay: -0.166666666666667s;
    animation-delay: -0.166666666666667s;
}
.lds-spinner div:nth-child(11) {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation-delay: -0.083333333333333s;
    animation-delay: -0.083333333333333s;
}
.lds-spinner div:nth-child(12) {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.rejected_partners_link {
    display: block;
    width: 100%;
    text-align: right;
    margin-bottom: 8px;
    margin-top: -28px;
}
@media (min-width: 1200px) {
    .soc-text {
        padding: 0 3px;
    }
}
.form.reg-accounts td:first-child .form-control {
    max-width: 200px;
}
.form.reg-accounts th:last-child .help:before {
    left: -250px;
    width: min-content;
}
#sortable .handle {
    cursor: move;
}
#sortable .sort:hover,
.lk a.stat-btn:hover {
    background: #fff;
}
table.partner_payment_systems {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.partner_payment_systems_info,
.partner_payment_systems_info p {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    color: #ff5a6c;
    font-size: 16px;
    padding: 80px 10px;
}
.partner_payment_systems_info span {
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.menu-event__count {
    display: block;
    position: absolute;
    background: red;
    height: 54px;
    width: 30px;
    color: #fff;
    right: 1px;
    margin-top: -36px;
    font-size: 16px;
    text-align: center;
    padding-top: 15px;
    border-left: 1px solid #e3e3e3;
}
.notifications-block,
.table-notifications {
    width: 100%;
    display: block;
}
.notifications-block {
    background: #fff;
    border-radius: 5px;
    margin-top: 16px;
    padding: 8px;
}
.notifications-block__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 0 8px;
    font-size: 16px;
    max-height: 150px;
    overflow: auto;
}
.notifications-block__icon {
    width: 30px;
}
.notifications-block__icon img {
    width: 100%;
}
.notifications-block__title {
    width: calc(100% - 160px);
    padding: 0 8px;
}
.notifications-block__date {
    width: 130px;
    font-size: 14px;
    text-align: right;
}
.notifications-block__message {
    font-size: 13px;
}
.notifications-block.not-read {
    background: #e4ffe7;
    border: 1px solid #245f9b;
    cursor: pointer;
}
.notifications-block.not-read:hover {
    background: #f0fbf1;
}
.form.notification_table td:first-child {
    width: 70%;
}
.cabinet-menu:hover ul.cabinet-sub-menu,
.form.notification_table td button,
.form.notification_table td input,
.form.notification_table td select {
    display: block;
}
@media (max-width: 576px) {
    .notifications-block__row {
        flex-wrap: wrap;
    }
    .notifications-block__title {
        width: calc(100% - 30px);
    }
    .notifications-block__date {
        width: 100%;
        text-align: left;
    }
}
@-moz-document url-prefix() {
    .head-search {
        width: 30%;
    }
    .head-search .select2-container {
        width: 100%;
        max-width: 100%;
    }
    .buy_steps .step_1::after {
        margin-left: calc(47% - 1px);
    }
    .buy_steps .step_2::before {
        margin-left: calc(48% + 9px);
    }
    .buy_steps .step_2::after {
        margin-left: calc(48% + 7px);
    }
    .buy_steps .step_1.done::after {
        margin-left: calc(47% - 3px);
    }
    .buy_steps .step_2.active::before {
        margin-left: calc(47% + 11px);
    }
    @media (max-width: 768px) {
        #head_navigation,
        .head-category-navigation,
        .head-search {
            margin: 7px 0;
            width: 100%;
        }
    }
}
.cc_banner-wrapper {
    z-index: 9001;
    position: relative;
}
.cc_container {
    background: #fff;
    color: #999;
    font-size: 17px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding: 10px;
}
.cc_btn,
.cc_container,
.cc_message {
    animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    -webkit-animation-name: slideUp;
    animation-name: slideUp;
}
.cc_container .cc_btn {
    padding: 8px 10px;
    cursor: pointer;
    text-align: center;
    font-size: 0.6em;
    display: block;
    width: 33%;
    margin-left: 10px;
    float: right;
    max-width: 120px;
    line-height: 1em;
}
.cc_container a,
.cc_container a:visited {
    text-decoration: none;
    color: #31a8f0;
    transition: 200ms color;
}
.cc_container .cc_btn,
.cc_container .cc_btn:visited {
    color: #000;
    background-color: #f1d600;
    transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.cc_container .cc_message {
    font-size: 0.6em;
    transition: font-size 200ms;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    display: block;
}
.cc_container--open {
    display: none;
}
@media screen and (min-width: 992px) {
    .cc_container .cc_message {
        font-size: 1em;
    }
}
@media screen and (min-width: 768px) {
    .cc_container {
        padding: 15px 30px;
    }
    .cc_container .cc_btn {
        font-size: 1em;
        padding: 8px 15px;
    }
    .cc_container .cc_message {
        font-size: 1em;
        line-height: 1em;
    }
}
@media screen and (min-width: 500px) {
    .cc_container .cc_btn {
        font-size: 0.8em;
    }
    .cc_container .cc_message {
        margin-top: 0.5em;
        font-size: 0.8em;
    }
}
.complaint {
    cursor: pointer;
    padding: 0 5px;
    vertical-align: middle;
}
.complaint > path {
    fill: #a4a4a4;
}
.bad-complaint > path {
    fill: #d52823;
    cursor: default;
}
.complaint > path:hover {
    fill: #777;
}
.bad-complaint > path:hover,
.ticket-mark.mark-1:hover path {
    fill: #d52823;
}
#complaint_dialog label {
    margin: 12px 0 7px;
}
#complaint_dialog .time-terms {
    background: url(../../img/icon48.svg) no-repeat 0 5px;
    padding-left: 45px;
    padding-right: 20px;
    color: #a4a4a4;
}
textarea#complaint_body_area {
    height: 96px;
}
.complaint-btn {
    width: 243px;
    height: 25px;
    margin: 15px auto;
    display: block;
}
.login-error,
.registration-error {
    display: none;
    background: #2a537d;
    color: #fff;
    padding: 25px;
    -webkit-transform: translate(-28px, 28px);
    -ms-transform: translate(-28px, 28px);
    transform: translate(-28px, 28px);
    width: calc(100% + 56px);
    font-size: 16px;
    line-height: 19px;
    text-align: center;
}
#forgot_password-captcha,
#login-captcha {
    display: flex;
    justify-content: center;
}
#forgot_form .line-alert input,
#login_form .line-alert input,
#registration_form .line-alert input {
    border: 1px solid #d52823;
}
@media (max-width: 550px) {
    .login-error,
    .registration-error {
        display: none;
        padding: 16px;
        -webkit-transform: translate(-16px, 16px);
        -ms-transform: translate(-16px, 16px);
        transform: translate(-16px, 16px);
        width: calc(100% + 32px);
        font-size: 13px;
    }
    .ref-left-row input {
        width: 256px;
    }
    .ref-page .pay-btn {
        margin-right: auto;
    }
}
.ref-info,
.ref-registration #registration_form input {
    width: 100%;
}
.mt-25 {
    margin-top: 25px;
}
.mt-26 {
    margin-top: 26px;
}
#breadcrumbs {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
img.hidden_goods {
    width: 20px;
    height: 20px;
    margin-top: -2px;
}
.tickets-marks {
    font-size: 13px;
    line-height: 16px;
    border-top: 1px solid #ccc;
    margin: 20px 5px 0;
    padding: 10px 0 0;
}
.ticket-mark {
    width: 177px;
    height: 45px;
    padding: 4px 10px 4px 52px;
    border-radius: 5px;
    border: 1px solid #ccc;
    color: #ccc;
    margin: 10px 5px;
    position: relative;
    cursor: pointer;
    transition: 200ms;
}
.ticket-mark.mark-4 {
    text-align: center;
    padding: 13px;
}
.ticket-mark.mark-1:hover {
    color: #d52823;
    border-color: #d52823;
}
.ticket-mark.mark-2:hover {
    color: #e7ab10;
    border-color: #e7ab10;
}
.ticket-mark.mark-2:hover path {
    fill: #e7ab10;
}
.ticket-mark.mark-3:hover {
    color: #245f9b;
    border-color: #245f9b;
}
.ticket-mark.mark-3:hover path {
    fill: #245f9b;
}
.ticket-mark.mark-4:hover {
    color: #636363;
    border-color: #636363;
}
.ticket-mark svg {
    position: absolute;
    top: 6px;
    left: 12px;
}
.ticket-mark path {
    fill: #ccc;
}
.tickets-marks .checked {
    padding-left: 34px;
    margin: 0;
    background: url(../../img/icons/checked.svg) no-repeat 0 0;
    line-height: 20px;
}
.dataTables_wrapper .dataTables_paginate.paging_simple_numbers {
    margin-top: 10px;
}
td.folding-container::before {
    content: "+";
    display: block;
    position: relative;
    width: 100%;
    height: 60px;
    font-size: 31px;
    line-height: 60px;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    color: #2a7;
}
tr.shown td.folding-container::before {
    content: "–";
    color: #f42;
}
.accounts-help {
    color: #337ab7;
    cursor: help;
    font-weight: bolder;
    display: inline-block;
    padding: 5px;
    font-size: 16px;
}
.col_title {
    position: relative;
}
.btn-edit-category {
    top: 0;
    right: 0;
}
#forgot_form #forgot_button:disabled,
#login_form #login_button:disabled,
#registration_form #reg_button:disabled {
    cursor: default;
    background-color: #ccc;
}
h1.partner-reg {
    font-family: Tahoma;
}
.partner-reg__form {
    font-family: Tahoma;
    max-width: 563px;
    background: #fff;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    padding: 24px 49px 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}
.partner-reg__form .form td {
    padding: 5px 0;
}
.partner-reg__form .form tr:last-child td {
    padding-top: 13px;
}
.partner-reg__form h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 24px;
}
.partner-reg__form .form td:first-child {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #4e4e4e;
    padding-right: 10px;
}
.partner-reg__form input[type="email"],
.partner-reg__form input[type="password"],
.partner-reg__form select {
    background: #fafafa;
    border: 1px solid #dadada;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 16px;
    height: 32px;
}
.partner-reg__form input[type="radio"] + label,
input[type="checkbox"] + label {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #4e4e4e;
}
.partner-reg__form .container-checkbox {
    font-size: 13px;
    font-weight: 400;
    background: url(../../img/icons/checkbox_bold.svg) 0 1px no-repeat;
}
.partner-reg__form input[type="checkbox"]:checked + label.container-checkbox {
    background: url(../../img/icons/checkbox-checked.svg) 0 1px no-repeat;
}
.partner-reg__form a {
    color: #1e82cb;
}
body .partner-reg__form p button {
    width: 283px;
    height: 34px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #fff;
}
.partner-reg__form p.required_info {
    padding-top: 18px;
}
.partner-reg {
    margin-bottom: 29px;
}
.partner-reg__steps {
    max-width: 563px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 42px;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
}
.partner-reg__steps .step_done {
    display: block;
    margin-left: 16px;
    margin-right: 4px;
}
.partner-reg__steps .step_1,
.partner-reg__steps .step_1 .step_1_text {
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%);
}
.partner-reg__steps .step_1 {
    background: #245f9b;
    border-radius: 2px 0 0 2px;
    height: 40px;
    width: 50%;
    z-index: 2;
}
.partner-reg__steps .step_1 .step_1_text {
    background: #eff3f6;
    height: 38px;
    width: calc(100% - 2px);
    color: #245f9b;
    padding-right: 14px;
}
.partner-reg__steps .step_1 .step_1_text svg {
    margin-right: 8px;
}
.partner-reg__form_step_2 .btn.btn-lg.btn-block:hover,
.partner-reg__steps .step_1.active .step_1_text,
.partner-reg__steps .step_2.active .step_2_text {
    background: #245f9b;
    color: #fff;
}
.partner-reg__steps .step_1,
.partner-reg__steps .step_1 .step_1_text,
.partner-reg__steps .step_2,
.partner-reg__steps .step_2 .step_2_text {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner-reg__steps .step_2 {
    background: #b4b4b4;
    height: 40px;
    width: calc(50% + 15px);
    clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%, 18px 50%);
    margin-left: -19px;
    z-index: 1;
}
.partner-reg__steps .step_2 .step_2_text {
    background: #eff3f6;
    height: 38px;
    width: calc(100% - 2px);
    clip-path: polygon(0 0, calc(100% - 17px) 0, 100% 50%, calc(100% - 17px) 100%, 0 100%, 17px 50%);
    color: #b4b4b4;
}
.partner-reg__steps .step_2 span {
    margin-left: 16px;
    margin-right: 4px;
}
.partner-reg__steps .step_2.active {
    background: #245f9b;
}
.partner-reg__form_step_2 {
    font-family: Tahoma;
    padding: 34px 20px 65px;
    background: #fff;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
}
.partner-reg__form_step_2 table.table {
    font-family: Tahoma;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    display: contents;
}
.partner-reg__form_step_2 table.table thead {
    background: #434343;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
}
.partner-reg__form_step_2 .help {
    margin-top: -3px;
    background: url(../../img/ic-q-light.svg) center center no-repeat;
}
.partner-reg__form_step_2 .help:hover {
    background: url(../../img/ic-q-blue.svg) center center no-repeat;
}
.partner-reg__form_step_2 table.table > thead > tr > th {
    border: 0;
}
.partner-reg__form_step_2 table.table > thead > tr > th:first-child {
    border-radius: 5px 0 0 0;
}
.partner-reg__form_step_2 table.table > thead > tr > th:last-child {
    border-radius: 0 5px 0 0;
}
.partner-reg__form_step_2 table.table .form-control {
    background: #fafafa;
    border: 1px solid #dadada;
    box-sizing: border-box;
    border-radius: 3px;
}
.partner-reg__form_step_2 table.table div.accounts_count {
    display: flex;
}
.partner-reg__form_step_2 table.table div.accounts_count input.form-control {
    display: inherit;
    padding: 0 12px;
    width: 80px;
    margin-right: 10px;
}
.partner-reg__form_step_2 table.table div.accounts_count select.form-control {
    display: inherit;
    padding: 0;
    width: 90px;
}
.partner-reg__form_step_2 table.table > tbody > tr > td,
.partner-reg__form_step_2 table.table > tbody > tr > th,
.partner-reg__form_step_2 table.table > tfoot > tr > td,
.partner-reg__form_step_2 table.table > tfoot > tr > th,
.partner-reg__form_step_2 table.table > thead > tr > td,
.table > thead > tr > th {
    vertical-align: middle;
}
.partner-reg__form_step_2 table.form td:last-child {
    padding-right: 10px;
}
.partner-reg__form_step_2 table.form td:last-child.del {
    padding-left: 0;
}
.partner-reg__form_step_2 table.form td:first-child {
    padding-left: 10px;
}
.partner-reg__form_step_2 table.form td:last-child.del input[type="button"] {
    font-size: 26px;
    height: 34px;
    width: 34px;
}
.partner-reg__form_step_2 .btn.btn-lg.btn-block {
    width: 100%;
    background: #fff;
    border: 1px solid #245f9b;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    color: #245f9b;
    height: 30px;
}
.partner-reg__form_step_2 table.form tfoot td,
.partner-reg__form_step_2 table.form tfoot td:first-child,
.partner-reg__form_step_2 table.form tfoot td:last-child {
    padding: 15px 0 0;
}
.after_reg_info {
    clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50%, calc(100% - 50px) 100%, 0 100%);
    background: #f3f3f3;
    padding: 10px 60px 10px 26px;
}
.after_reg_info h3 {
    font-family: Tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 12px;
}
.after_reg_info_block button[type="submit"] {
    width: 283px;
    height: 34px;
    background: #245f9b;
    border-radius: 3px;
    margin-bottom: 22px;
}
.after_reg_info__send_query_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 90px;
}
.after_reg_info__items {
    display: flex;
    margin-bottom: 16px;
}
.after_reg_info__item {
    width: 22px;
    height: 22px;
    margin-right: 14px;
    background: #245f9b;
    border-radius: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
.after_reg_info__item_text {
    width: calc(100% - 36px);
}
.partner-menu {
    margin-bottom: 30px;
}
.partner-menu button.button {
    display: none;
}
#content .partner-menu ul.partner-menu-items {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 16px 0 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}
#content .partner-menu ul.partner-menu-items li.partner-menu-item {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-left: none;
}
#content .partner-menu ul.partner-menu-items li.partner-menu-item:first-child {
    border-left: 1px solid #e3e3e3;
}
#content .partner-menu ul.partner-menu-items li.partner-menu-item a,
#content .partner-menu ul.partner-menu-items li.partner-menu-item > div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Tahoma;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #222;
    text-decoration: none;
}
#content .partner-menu ul.partner-menu-items li.partner-menu-item > div {
    opacity: 20%;
}
#content .partner-menu ul.partner-menu-items li.partner-menu-item a.partner-menu__active,
#content .partner-menu ul.partner-menu-items li.partner-menu-item a:hover {
    color: #858585;
    text-decoration: none;
    background: #f2f2f2;
}
#content .partner-menu ul.partner-menu-items li.partner-menu-item a .partner-menu-icon,
#content .partner-menu ul.partner-menu-items li.partner-menu-item > div .partner-menu-icon {
    width: 15px;
    height: 15px;
    margin-right: 6px;
}
a .partner_menu_faq,
div .partner_menu_faq {
    background: url(../../img/icons/partner_menu_faq.svg) center center no-repeat;
}
a .partner_menu_bids,
div .partner_menu_bids {
    background: url(../../img/icons/partner_menu_bids.svg) center center no-repeat;
}
a .partner_menu_upload,
div .partner_menu_upload {
    background: url(../../img/icons/partner_menu_upload.svg) center center no-repeat;
}
a .partner_menu_payments,
div .partner_menu_payments {
    background: url(../../img/icons/partner_menu_payments.svg) center center no-repeat;
}
a .partner_menu_profile,
div .partner_menu_profile {
    background: url(../../img/icons/partner_menu_profile.svg) center center no-repeat;
}
a .partner_menu_logout,
div .partner_menu_logout {
    background: url(../../img/icons/partner_menu_logout.svg) center center no-repeat;
}
a.partner-menu__active .partner_menu_faq,
a:hover .partner_menu_faq {
    background: url(../../img/icons/partner_menu_faq-hover.svg) center center no-repeat;
}
a.partner-menu__active .partner_menu_bids,
a:hover .partner_menu_bids {
    background: url(../../img/icons/partner_menu_bids-hover.svg) center center no-repeat;
}
a.partner-menu__active .partner_menu_upload,
a:hover .partner_menu_upload {
    background: url(../../img/icons/partner_menu_upload-hover.svg) center center no-repeat;
}
a.partner-menu__active .partner_menu_payments,
a:hover .partner_menu_payments {
    background: url(../../img/icons/partner_menu_payments-hover.svg) center center no-repeat;
}
a.partner-menu__active .partner_menu_profile,
a:hover .partner_menu_profile {
    background: url(../../img/icons/partner_menu_profile-hover.svg) center center no-repeat;
}
a.partner-menu__active .partner_menu_logout,
a:hover .partner_menu_logout {
    background: url(../../img/icons/partner_menu_logout-hover.svg) center center no-repeat;
}
.partner_cost {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.partner_cost .partner_cost_amount {
    font-family: Tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #333;
    margin-right: 10px;
}
.partner_cost .partner_cost_amount span {
    font-size: 16px;
}
.partner_cost .partner_cost_button {
    width: 198px;
    height: 28px;
}
.partner_no-bids {
    display: block;
    text-align: center;
    font-family: Tahoma;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #757575;
    margin: 24px 0;
}
.partner_no-bids_add {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    height: 34px;
    background: #245f9b;
    border-radius: 3px;
    border: 1px solid #245f9b;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
}
.partner_no-bids_add:hover {
    text-decoration: none;
}
.partner_pfaq,
.partner_profile {
    background: #fff;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    padding: 30px 20px 30px 0;
}
.partner_profile {
    padding: 30px 20px;
}
.form-control-currency {
    font-family: Tahoma;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #4e4e4e;
    display: flex;
    align-items: center;
}
.partner_uploads_button {
    background: #245f9b;
    border: 1px solid #245f9b;
    box-sizing: border-box;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    width: 280px;
    height: 34px;
    display: block;
    margin-top: 22px;
}
.partner_no-bids_add:hover,
.partner_uploads_button:hover {
    background: #fff;
    color: #245f9b;
}
.partner_uploads_button:first-letter {
    text-transform: capitalize;
}
.not-partner-yet__items {
    display: flex;
    margin-bottom: 32px;
}
.not-partner-yet__items .item_link {
    width: 212px;
    height: 33px;
    font-family: Tahoma;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #245f9b;
    border: 1px solid #245f9b;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
}
.not-partner-yet__items .item_link.active,
.not-partner-yet__items .item_link:hover {
    background: #245f9b;
    color: #fff;
    text-decoration: none;
}
.not-partner-yet__items .item_link.item_1_link {
    border-radius: 5px 0 0 5px;
}
.not-partner-yet__items .item_link.item_2_link {
    border-radius: 0 5px 5px 0;
}
.user_offer_checking,
.user_offer_declined {
    font-family: Tahoma;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #d52823;
}
.user_offer_checking {
    color: #e7ab10;
}
.user_offer_cat_and_qty {
    display: flex;
    flex-direction: column;
    width: 180px;
}
.user_offer_cat {
    background: #fafafa;
    border: 1px solid #dadada;
    box-sizing: border-box;
    border-radius: 3px;
    width: 162px;
}
.user_offer_cat,
.user_offer_qty {
    font-family: Tahoma;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #4e4e4e;
    height: 32px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 10px;
}
.user_offers table.dataTable thead td,
.user_offers table.dataTable thead th {
    padding: 10px;
}
.partner-reg__form_step_2.user_offers {
    padding: 25px 20px 20px;
    margin-bottom: 100px;
}
.partner-reg__form_step_2.user_offers .dataTables_wrapper .dataTables_length {
    position: absolute;
    bottom: -80px;
    left: 0;
    display: flex;
    padding: 0;
    height: 30px;
    align-items: center;
    justify-content: flex-start;
}
.partner-reg__form_step_2.user_offers .dataTables_wrapper .dataTables_paginate.paging_simple_numbers {
    position: absolute;
    bottom: -80px;
    margin: 0 auto;
    padding: 0;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner-reg__form_step_2.user_offers .dataTables_wrapper .dataTables_info {
    position: absolute;
    bottom: -80px;
    right: 0;
    display: flex;
    padding: 0;
    height: 30px;
    align-items: center;
    justify-content: flex-end;
}
@media (max-width: 768px) {
    .partner-reg__form_step_2 {
        padding: 24px 60px 45px;
        margin-bottom: 100px;
    }
    .partner-reg__form_step_2.user_offers {
        padding: 25px 20px 20px;
    }
    .partner-reg__form_step_2.user_offers .dataTables_wrapper .dataTables_length {
        position: absolute;
        bottom: -80px;
        left: 0;
        display: flex;
        padding: 0;
        height: 30px;
        align-items: center;
        justify-content: flex-start;
    }
    .partner-reg__form_step_2.user_offers .dataTables_wrapper .dataTables_length label {
        margin-bottom: 0;
    }
    .partner-reg__form_step_2.user_offers .dataTables_wrapper .dataTables_paginate.paging_simple_numbers {
        position: absolute;
        bottom: -80px;
        margin: 0 auto;
        padding: 0;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .partner-reg__form_step_2.user_offers .dataTables_wrapper .dataTables_info {
        position: absolute;
        bottom: -80px;
        right: 0;
        display: flex;
        padding: 0;
        height: 30px;
        align-items: center;
        justify-content: flex-end;
    }
    #new_bid_form.partner-reg__form_step_2 {
        margin-top: 30px;
    }
    body .partner-reg__form_step_2 h2 {
        font-family: Tahoma;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
        color: #000;
        margin-bottom: 22px;
    }
    .partner-reg__form_step_2 table.table {
        display: initial;
    }
    #content .partner-menu ul.partner-menu-items.partner-menu-mobile-hide,
    .partner-reg__form_step_2 table.table thead {
        display: none;
    }
    .partner-reg__form_step_2 table.table tbody tr {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        border-bottom: 1px solid #e3e3e3;
        padding: 8px 0;
    }
    .partner-reg__form_step_2 table.table tbody tr td {
        width: calc(50% - 20px);
        padding: 5px 0;
        border: 0;
    }
    .partner-reg__form_step_2.user_offers table.table tbody tr td {
        width: 100%;
        font-size: 14px;
    }
    .user_offer_cat_and_qty {
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .status_wrapper {
        display: flex;
    }
    .partner-reg__form_step_2 table.form td .status_wrapper .thead {
        margin-bottom: 0;
        margin-right: 8px;
    }
    .status_wrapper .user_offer_checking,
    .status_wrapper .user_offer_declined {
        font-size: 16px;
    }
    .partner-reg__form_step_2 table.table tbody tr td:last-child {
        width: calc(50% - 20px);
    }
    .partner-reg__form_step_2 table.table tbody tr td.del:last-child {
        width: calc(50% - 20px);
        text-align: right;
    }
    .partner-reg__form_step_2 table.form td:first-child {
        padding-left: 0;
    }
    .partner-reg__form_step_2 table.form td:last-child {
        padding-right: 0;
    }
    .partner-reg__form_step_2 table.form tfoot td,
    .partner-reg__form_step_2 table.form tfoot td:first-child,
    .partner-reg__form_step_2 table.form tfoot td:last-child {
        border: 0;
    }
    .partner-reg__form_step_2 .form.reg-accounts td:first-child .form-control {
        max-width: 100%;
    }
    .partner-reg__form_step_2 table.table div.accounts_count input.form-control,
    .partner-reg__form_step_2 table.table div.accounts_count select.form-control {
        width: calc(50% - 8px);
    }
    .partner-reg__form_step_2 table.table div.accounts_count {
        display: flex;
        justify-content: space-between;
    }
    .partner-reg__form_step_2 table.table div.accounts_count.partner_price {
        justify-content: flex-start;
    }
    .partner-reg__form_step_2 .help {
        margin-top: -3px;
        background: url(../../img/ic-q-dark.svg) center center no-repeat;
        margin-left: 0;
    }
    .partner-reg__form_step_2 table.form td .thead span {
        color: #d52823;
    }
    .partner-reg__form_step_2 table.form td .thead {
        font-family: Tahoma;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        color: #4e4e4e;
        margin-bottom: 6px;
    }
    [data-help]:hover:before {
        width: 100%;
        left: -150px;
    }
    .row.after_reg_info_block {
        padding-top: 21px;
    }
    .after_reg_info__send_query_block {
        margin-top: 20px;
    }
    .partner-menu {
        position: absolute;
        display: block;
        right: 20px;
        z-index: 1000;
        margin-bottom: 0;
        margin-top: -100px;
    }
    .partner-menu button.button {
        display: block;
        width: 154px;
        height: 36px;
        background: #245f9b;
        border-radius: 3px;
        margin-left: auto;
        line-height: normal;
        position: relative;
    }
    .partner-menu button.button img {
        width: 20px;
        margin-right: 8px;
    }
    .partner-menu button.button span {
        vertical-align: middle;
    }
    #content .partner-menu ul.partner-menu-items {
        width: 220px;
        flex-direction: column;
        margin-left: auto;
        margin-top: 0;
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.4);
    }
    #content .partner-menu ul.partner-menu-items li.partner-menu-item {
        height: 50px;
    }
    #content .partner-menu ul.partner-menu-items li.partner-menu-item a,
    #content .partner-menu ul.partner-menu-items li.partner-menu-item > div {
        justify-content: flex-start;
        padding-left: 12px;
    }
    .partner_cost {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }
    .partner_cost .partner_cost_amount {
        margin-right: 0;
        margin-bottom: 6px;
    }
    .partner_cabinet {
        margin-bottom: 100px;
    }
    .partner_cabinet h1 {
        margin-top: 30px;
        font-family: Tahoma;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
        color: #000;
    }
    .partner_pfaq {
        margin-top: 20px;
    }
    .partner_profile {
        margin-top: 30px;
    }
    .partner_profile table.partner_payment_systems {
        width: 100%;
    }
    .partner_profile .partner_payment_systems_info,
    .partner_profile .partner_payment_systems_info p {
        width: 100%;
        padding: 10px 0;
    }
    .partner_profile .partner_payment_systems_info p {
        font-size: 13px;
    }
}
@media (max-width: 550px) {
    .partner-reg__form {
        padding: 24px 10px 36px;
    }
    #new_bid_form.partner-reg__form_step_2 {
        margin-top: 76px;
    }
    h1.partner-reg {
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        text-transform: uppercase;
        color: #000;
    }
    .partner-reg__form .form td {
        padding: 5px 0;
        display: block;
    }
    #content .partner-menu ul.partner-menu-items,
    .after_reg_info_block button[type="submit"],
    .partner-menu button.button,
    .partner-reg__form_step_2 table.table tbody tr td,
    .partner-reg__steps .step_1,
    body .partner-reg__form p button {
        width: 100%;
    }
    .partner-reg__steps {
        flex-direction: column;
    }
    .partner-reg__steps .step_2 {
        width: 100%;
        margin-left: 0;
    }
    .partner-reg__steps .step_1 {
        margin-bottom: 8px;
    }
    .partner-reg__steps .step_2 .step_2_text {
        width: calc(100% - 3px);
        clip-path: polygon(0 0, calc(100% - 17px) 0, 100% 50%, calc(100% - 17px) 100%, 0 100%, 17px 50%);
        margin-left: 1px;
    }
    .partner-reg__form .form tr:last-child td:first-child {
        display: none;
    }
    .partner-reg__form_step_2 {
        padding: 24px 10px 45px;
        margin-bottom: 100px;
    }
    .partner-reg__form_step_2 table.table {
        display: block;
        margin-top: 0;
        border-radius: 3px 3px 0 0;
    }
    .partner-reg__form_step_2 table.table tbody tr:first-child {
        padding-top: 24px;
    }
    .partner-reg__form_step_2.user_offers .dataTables_wrapper,
    body .partner-reg__form_step_2 h2 {
        margin-bottom: 0;
    }
    .partner-reg__form_step_2 .form.reg-accounts td:first-child .form-control {
        max-width: 100%;
        width: 100%;
    }
    [data-help]:hover:before {
        width: calc(100% - 30px);
        min-width: 264px;
        left: -140px;
    }
    .partner-reg__form_step_2 table.table tbody tr td:last-child {
        width: 100%;
    }
    .partner-reg__form_step_2 table.table tbody tr td.del:last-child {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .partner-reg__form_step_2 table.form td.del .thead {
        margin-bottom: 0;
        margin-right: 10px;
        display: none !important;
    }
    .after_reg_info {
        clip-path: none;
        background: 0 0;
        padding: 0;
    }
    .partner-menu {
        width: calc(100% - 30px);
        right: 15px;
        margin-top: 20px;
    }
    .partner_cabinet {
        margin-bottom: 100px;
        padding-top: 50px;
    }
    .partner_pfaq {
        margin-top: 80px;
    }
    .not-partner-yet__items {
        margin-top: 90px;
    }
    .not-partner-yet__items .item_link {
        font-size: 12px;
    }
    .user_offer_cat_and_qty {
        flex-direction: column;
    }
    .user_offer_qty {
        padding: 0;
    }
    .partner-reg__form_step_2.user_offers {
        padding: 20px 10px;
    }
    .partner-reg__form_step_2.user_offers .dataTables_wrapper table.table.dataTable.no-footer {
        margin: 0;
    }
    .partner-reg__form_step_2.user_offers .dataTables_wrapper .dataTables_length {
        bottom: -70px;
        left: -10px;
    }
    .partner-reg__form_step_2.user_offers .dataTables_wrapper .dataTables_info {
        bottom: -70px;
        right: -10px;
    }
    .partner-reg__form_step_2.user_offers .dataTables_wrapper .dataTables_paginate.paging_simple_numbers {
        bottom: -110px;
        justify-content: space-between;
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .partner_profile {
        padding: 30px 10px;
        margin-top: 80px;
    }
    .partner_profile table.partner_payment_systems {
        width: 100%;
    }
    .partner_profile .partner_payment_systems_info {
        width: 100%;
        padding: 10px 0;
    }
}
.cabinet-menu {
    position: relative;
}
ul.cabinet-sub-menu {
    display: none;
    position: absolute;
    top: 40px;
    left: -10px;
    padding: 0;
    margin: 0;
    text-align: left;
    z-index: 99;
    width: 220px;
    background: #434343;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    list-style-type: none;
    color: #fff;
}
.cabinet-sub-menu path {
    fill: #fff;
}
.cabinet-sub-menu li:not(:last-child) {
    border-bottom: 1px solid #fff;
}
.cabinet-sub-menu a {
    display: block;
    padding: 5px 5px 5px 25px;
    color: #fff;
    text-decoration: none;
    transition: background 0.3s ease;
}
.cabinet-sub-menu a:hover {
    text-decoration: none;
    background: #666;
}
.cabinet-sub-menu a > svg.img-svg {
    margin-right: 7px;
    vertical-align: middle;
}
.ref-registration,
.refreg-button {
    display: none;
}
@media (min-width: 985px) {
    .ref-registration {
        display: block;
        background: #fff;
        padding: 30px 15px 20px;
        text-align: center;
        font-size: 14px;
    }
}
.ref-description-page h4,
.ref-registration h4 {
    font-size: 16px;
    font-weight: 700;
    color: #333;
}
.ref-registration #registration_form label {
    text-align: left;
    display: block;
    font-size: 13px;
}
.ref-registration .form-field {
    margin-top: 20px;
    margin-bottom: 20px;
}
.ref-registration .form-line {
    font-size: 14px;
}
.ref-description-page .steps > div {
    margin-top: 30px;
    margin-bottom: 30px;
}
.ref-description-page .steps > div:first-child .img-circle-container {
    padding-left: 6px;
}
.img-circle-container.provided:after {
    content: "";
    display: block;
    height: 0;
    border: 1px solid #fff;
    width: 80%;
    position: absolute;
    top: 35px;
    left: 61%;
}
.steps .lead {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}
.success-items li {
    list-style-image: url(../../img/icons/svg/check.svg);
    margin-top: 15px;
}
.banned-list li {
    list-style-image: url(../../img/icons/svg/cancel.svg);
    margin-top: 15px;
}
.trafic-types {
    display: flex;
    margin-bottom: 15px;
}
.list-panel {
    background: #fff;
    padding: 20px 15px 20px 30px;
}
.list-panel:first-child {
    border-right: 1px solid #a4a4a4;
}
.img-circle-container {
    background: #fff;
    border: 0;
    border-radius: 50%;
    width: 69px;
    height: 69px;
    padding-top: 15px;
    margin: 0 auto;
}
.ref-description {
    background: #fff;
    display: flex;
    padding: 25px 20px;
    margin-bottom: 50px;
}
.ref-description .benefits {
    font-size: 48px;
    font-weight: 700;
    color: #245f9b;
    margin-right: 40px;
    margin-left: 15px;
    line-height: 1.1;
}
.ref-description p {
    margin: 5px 0 0;
}
@media (max-width: 985px) {
    .refreg-button {
        display: block;
    }
    .img-circle-container.provided:after {
        left: 145px;
    }
}
.total_paid {
    background: #bafcc3 url(../../img/icons/svg/payd-list.svg) no-repeat 20px 20px;
    padding: 16px 20px 16px 65px;
    height: 68px;
    color: #244829;
}
.to-pay {
    background: #fff url(../../img/icons/svg/time.svg) no-repeat 20px 20px;
    padding: 20px 20px 20px 65px;
    height: 68px;
    color: #a4a4a4;
    border: 1px solid #a4a4a4;
    border-top: 0;
    line-height: 2;
}
.to-pay .price,
.total_paid .price {
    font-size: 24px;
}
.to-pay .price {
    line-height: 1;
}
.ref-right-row input,
.ref-right-row select,
.ref-right-row > div {
    width: 100%;
}
.ref-right-row label {
    display: block;
    line-height: 1.6;
}
.wallet_key_wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
}
.btn-block {
    display: block;
    width: 100%;
    text-align: center;
}
.lk a.stat-btn {
    background: 0 0;
    color: #245f9b;
    line-height: 25px;
}
@media (max-width: 770px) {
    .ref-description,
    .trafic-types {
        display: block;
    }
    .list-panel:first-child {
        border-right: 0;
        border-bottom: 1px solid #a4a4a4;
    }
    .ref-description-page .steps > div {
        margin: 30px auto;
    }
    .refreg-button {
        margin: 10px auto 40px;
    }
    .img-circle-container.provided:after {
        display: none;
    }
    .to-pay,
    .total_paid {
        background-image: none;
        padding-left: 20px;
    }
    .ref-left-row.to-pay,
    .ref-left-row.total_paid {
        flex-direction: row;
    }
    .cabinet-menu {
        position: static;
    }
    ul.cabinet-sub-menu {
        width: 100%;
    }
    .subscribe-cell button {
        margin-right: 0;
    }
    .soc-cell button {
        font-size: 12px;
    }
}
.upload_warning {
    background-color: #245f9b;
    border-radius: 10px;
    padding: 10px 10px 10px 60px;
    margin: 5px 0 20px;
    color: #fff;
}
.upload_warning:before {
    content: "";
    background: url(../../img/icons/warning.svg) no-repeat;
    position: absolute;
    top: 27px;
    left: 27px;
    width: 28px;
    height: 28px;
}
.upload_warning a {
    padding-left: 20px;
    color: #fff;
    text-decoration: underline;
    position: relative;
}
.upload_warning a:before {
    content: "";
    background: url(../../img/icons/link.svg) no-repeat;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 12px;
    height: 12px;
}
table[dir="ltr"] td {
    padding: 5px;
}
.selection td p {
    padding: 0 10px;
}
.selection td a {
    padding: 0 5px;
}
.selection img {
    margin-right: 0 !important;
}
table.table-tickets {
    margin-bottom: 0 !important;
}
#happy-zuckerberg {
    position: fixed;
    width: 235px;
    height: 150px;
    bottom: -10px;
    right: 0;
    animation: moveZucker 5s ease-in-out forwards;
}
.notification-badge {
    background-color: #f33;
    padding: 2px 4px;
    position: absolute;
    top: 4px;
}
#reveal-button {
    margin-left: 5px;
}
button.order-sum-reset {
    width: 24px;
    height: 24px;
    padding: 0;
    background: #aeaeae url(../../img/red-arrow.png) center center no-repeat;
    background-size: 35px;
    background-position: -7px;
    position: relative;
    border: 2px solid transparent;
    box-sizing: border-box;
    margin-top: 4px;
    cursor: pointer;
}
button.order-sum-reset:hover {
    border: 2px solid #3b2746;
    background-color: #fff;
}
.decline_img {
    cursor: pointer;
}
.download-button {
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 5px;
    text-decoration: none;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
    color: #fff;
    outline: 0 !important;
    background: #245f9b;
    border: 1px solid #1b962c;
    border-radius: 3px;
    white-space: nowrap;
}
.order-footer .download-button {
    border: 0;
    line-height: 26px;
    padding: 1px 10px;
    text-decoration: none;
}
.order-footer .download-button:hover,
.order-footer .download-button:visited {
    color: #fff;
}
.disabled-link {
    pointer-events: none;
}
#buy-dialog-loader {
    width: 100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
}
#two-factor-toggle,
.phone-number {
    display: none;
}
.phone-input-row {
    display: flex;
    flex-wrap: nowrap;
}
.phone-input-plus {
    width: 20px !important;
}
.phone-input-number {
    width: 100%;
}
.phone-input-row-refill {
    padding: 12px 0 24px !important;
}
input[name="phone"]::-webkit-inner-spin-button,
input[name="phone"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
input[name="phone"],
input[name="phone"]:focus,
input[name="phone"]:hover {
    appearance: none;
    -moz-appearance: textfield;
}
@media (max-width: 600px) {
    header {
        position: relative;
        z-index: 2;
        width: 100%;
    }
    .hdr-top p:first-child {
        display: none;
    }
    .hdr-top p.xs-vis {
        display: block;
        margin-left: 15px;
        flex-grow: 1;
    }
    section.socials ul {
        display: none;
    }
    .create-ticket a br,
    .open-sect {
        display: block;
    }
    .open-sect select,
    span.mag-select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../../img/new/select-ic.png) no-repeat;
        background-position: right 8px center;
        width: 100%;
        white-space: inherit;
        min-height: 34px;
        line-height: 34px;
        outline: 0;
        color: #222;
        padding: 0 12px;
        background-color: #fff;
        border: 2px solid #dddfe1;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }
    .soc-body {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .third-menu #collapseTwo .panel-body a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        line-height: 1.2;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .soc-text {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding: 0;
        position: relative;
        display:block;
        width:100%; 
        margin-top: 10px;
    }
    .soc-text p {
        max-height: 56px;
        overflow: hidden;
    }
    .soc-text a.learn-more {
        position: absolute;
        display: block;
        bottom: 2px;
        right: 0;
        padding-left: 10px;
        color: #006493;
        background-color: #fff;
        text-decoration: underline;
        text-underline-position: under;
    }
    .soc-price {
        margin-left: -25px;
    }
    .ftr-top .col-33 {
        width: 100%;
    }
    .ftr-top .col-33:first-child {
        margin-bottom: 15px;
    }
    .create-ticket a {
        width: 140px;
        margin: 0;
        overflow: hidden;
    }
    .call-extr {
        margin-top: 15px;
    }
    span.mag-select {
        display: block;
        margin-top: 12px;
    }
    .ways-file {
        display: none;
    }
    .magazines-right.recat p {
        word-wrap: break-word;
    }
    .magazines-left .mag-img {
        width: 78px;
        height: 78px;
        overflow: hidden;
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .magazines-left .mag-img img {
        position: relative;
        left: -webkit-calc(50% - 55px);
        left: calc(50% - 55px);
        top: -webkit-calc(50% - 55px);
        top: calc(50% - 55px);
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .magazines-left p {
        line-height: 1.4;
        margin-bottom: 0;
    }
    .magazines-left img + p {
        margin-top: 4px;
    }
    .magazines-left {
        width: 100%;
    }
    .magazines-left b {
        display: inline;
    }
    .magazines-right {
        float: none;
        width: 100%;
        clear: both;
        margin-left: 0;
    }
    .magazines-left a {
        float: left;
        margin-top: 5px;
        padding: 0;
    }
    .magazines-left .subscribe_button {
        float: left;
        margin-left: 5px;
    }
    .questions h6 {
        padding-right: 30px;
        line-height: 1.3;
    }
    .ticket-body form select {
        line-height: 1.6;
        padding: 0 25px 0 6px;
    }
    .ticket-body form .bl-email input,
    .ticket-body form .bl-textarea textarea {
        padding: 0 6px;
    }
}
.pa-grid__main-col-grid,
.pa-grid__main-col-main {
    display: flex;
    width: 100%;
}
.pa-setting-tile {
    align-items: center;
    padding: 15px;
    position: relative;
    background-color: #fff;
    width: 100%;
    border: 1px solid #e3e3e3;
}
.pa-setting-tile__head {
    display: flex;
}
.pa-info-tile__title,
.pa-setting-tile__title {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
}
.col-info-main {
    margin-left: 20px;
}
.pa-grid__main-col {
    width: 100%;
    margin-left: 40px;
}
.bg-light-purple {
    align-items: center;
    padding: 30px 40px;
    position: relative;
    background-color: #fff;
    box-shadow: 6px 6px 27px 12px rgba(69, 46, 85, 0.06);
    border-radius: 15px;
}
.pa-setting-tile__toggle {
    margin-left: auto;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-bottom: 0;
    margin-top: 0;
}
.checkbox_toggle .checkbox__btn {
    width: 35px;
    height: 20px;
    border-radius: 100px;
    background: #e6e7f3;
    position: relative;
}
.checkbox_toggle .checkbox__btn:before {
    content: "";
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 2px;
    background: #fff;
    border-radius: 50%;
    transition: background 0.3s ease, left 0.3s ease;
}
.checkbox_toggle input:checked + .checkbox__btn {
    background: #245f9b;
}
.checkbox_toggle input:checked + .checkbox__btn::before {
    background: #fff;
    left: 17px;
}
.checkbox__btn {
    cursor: pointer;
}
.pa-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    pointer-events: none;
    background: rgba(55, 55, 55, 0.3);
    display: none;
}
.pa-modal {
    background: #fff;
    position: absolute;
    left: 50%;
    display: none;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 500px;
    z-index: 2222222;
}
.pa-modal,
.pa-modal-overlay.act {
    overflow: hidden;
}
.pa-modal-overlay.act,
.pa-modal.act {
    pointer-events: auto;
    display: block;
}
.pa-modal__cross {
    background: 0 0;
    border: 0;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}
.pa-modal__cross:after,
.pa-modal__cross:before {
    content: "";
    display: block;
    background: #757575;
    width: 16px;
    height: 2px;
    border-radius: 99px;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: background-color 0.3s ease;
}
.pa-modal__cross:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.pa-modal__cross:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.cancel-two-auth,
.ok-two-auth {
    width: 49%;
    height: 40px;
}
.cancel-two-auth:hover,
.ok-two-auth:hover {
    color: #fff;
}
.pa-modal__content,
.pa-modal_form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.pa-modal__content {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding: 28px;
}
.pa-modal_form {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 500px;
    width: calc(100vw - 80px - 274px);
}
.no-proxy-body {
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    margin: 22px 0;
    text-align: center;
}
.two-auth-modal .mt-45 {
    margin-top: 5px;
}
.two-auth-modal h4 {
    font-weight: 400;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.pa-grid__main .act {
    display: block;
}
.error-auth-type,
.error-ips-field {
    border: 2px solid red;
}
.error-auth,
.error-ips-field-text {
    color: red;
}
.pa-modal.act {
    overflow: hidden;
}
.error-field {
    border: 1px solid red;
}
.hidden-text {
    display: none;
}
.security-menu-item svg {
    width: 15px;
    height: 15px;
}
#navigation_menu {
    padding: 0 10px 0 10px;
}
#navigation_menu a {
    margin: 0;
}
#navigation_menu > a + a {
    margin-left: 0px;
}
.fa-solid, .fab {
    font-weight: 300;
    font-size: 15px;
    padding-left: 6px;
    padding-right: 6px;
    color: #f7f7f7;
}
.datetime {
    padding: 6px; 
    border: 1px solid #ccc; 
    border-radius: 3px;
}
.form-control-dsc {
    width: 400px;
}