/*<![CDATA[*/
        #nyth {
            background: #fff;
            min-height: calc(100vh - 123px)
        }

        #top-header {
            padding: 2px 15px 0;
            color: #555;
            background: #2b3d61 !important
        }

        #top-header a {
            text-decoration: none
        }

        #top-header-center-wrapper {
            width: 1200px;
            margin: auto;
            height: 100%;
            padding: 0
        }

        #top-header-center {
            display: flex;
            justify-content: space-between;
            margin: auto;
            height: 100%;
            padding: 0 2px
        }

        #top-header-left {
            float: left;
            height: 100%
        }

        #search-block-wrapper {
            background: #f9f9f9;
            padding: 0 15px
        }

        #search-block {
            margin: auto;
            width: 1200px
        }

        #logo {
            float: left;
            height: 46px;
            text-indent: -5000px;
            width: 160px !important;
            background: url(/images/flagma-logo/logo1.png?03) 0 12px no-repeat;
            background-size: 150px
        }

        #top-header-right {
            float: right;
            height: 100%;
            text-align: right;
            white-space: nowrap
        }

        #top-header-right div.mc_ {
            margin: 0;
            float: right
        }

        #top-header-right a,
        #top-header-right span {
            padding: 16px 6px 15px;
            display: inline-block;
            float: left
        }

        #top-header-right a span {
            padding: 0;
            float: none;
            display: inline;
            font-size: 1.1em
        }

        #top-header-right .more-menu a {
            float: none;
            padding: 0
        }

        #top-header #more-menu {
            padding: 0;
            min-width: 225px;
            background-color: #2B3D61;
            border: solid 0.3px #325788;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 2px 14px 0 rgba(28, 39, 54, 0.26)
        }

        #top-header #more-menu a {
            padding: 13px 20px;
            border-bottom: solid 1px #325788;
            color: #FFFFFF;
            font-weight: 500
        }

        #top-header #more-menu li:last-child a {
            border: 0
        }

        #top-header #more-menu li {
            display: none
        }

        #top-header #more-menu li.company,
        #top-header #more-menu li.tools,
        #top-header #more-menu li.blog,
        #top-header #more-menu li.services {
            display: block
        }

        #loginLink {
            margin: 0 5px 0 5px;
            font-weight: 500
        }

        .clear {
            clear: both;
            float: none !important;
            height: 0;
            width: 0;
            border: 0 none;
            font-size: 0;
            padding: 0;
            margin: 0;
            line-height: 0
        }

        .hidden {
            display: none
        }

        .fleft {
            float: left
        }

        .fright {
            float: right
        }

        .alert {
            color: #ff5e1d
        }

        .red {
            color: #d0021b !important
        }

        .lightgreen {
            color: #2ba14d !important
        }

        .nowrap {
            white-space: nowrap
        }

        .container {
            overflow: hidden;
            width: 100%
        }

        a.active {
            font-weight: bold
        }

        #top-header,
        #top-menu-wrapper,
        #top-menu,
        #menu-left,
        #menu-right {
            height: 53px
        }

        #top-menu-wrapper {
            float: left
        }

        #top-menu {
            margin: auto;
            padding: 0 3px
        }

        #top-menu .flogo {
            display: none;
            justify-content: space-around;
            margin: 20px 50px
        }

        #menu-left {
            float: left
        }

        #menu-right {
            float: right;
            position: relative
        }

        #menu-left ul {
            list-style: none outside none;
            padding: 0;
            margin: 0
        }

        #menu-left ul li.company {
            display: none
        }

        #menu-left ul li.tools {
            display: none
        }

        #menu-left ul li.blog {
            display: none
        }

        #menu-left ul li.catalog {
            display: none
        }

        #menu-left ul li {
            float: left;
            padding: 0 1px;
            height: 53px;
            margin-top: 0;
            color: #777
        }

        #menu-left ul li.add {
            display: none
        }

        #menu-left ul li.more a span {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            border-color: #05449d transparent transparent transparent;
            position: relative;
            left: 0;
            top: 23px
        }

        #menu-left ul li.message a {
            margin-left: 15px
        }

        #menu-left ul li.more a {
            padding-bottom: 5px;
            background: none
        }

        #menu-left ul li.active a,
        #menu-left ul li.active p {
            font-weight: 500
        }

        #menu-left ul li a,
        #menu-left ul li p {
            display: block;
            margin: 0;
            font-weight: 500
        }

        #menu-left ul li.active a span {
            background: #3F5173;
            border-radius: 5px;
            font-weight: 700
        }

        #menu-left ul li.more a span {
            padding: 17px 0 14px;
            margin: 0
        }

        #menu-left ul li a span,
        #menu-left ul li p span {
            padding: 6px 7px 7px;
            margin: 11px 0 7px;
            display: block
        }

        .adapt,
        .adapt-cs,
        #adapt-menu,
        #adapt-catname,
        #region-choose,
        #adapt-menu-logo,
        .adapt-add,
        #flagma-sites,
        #adapt-open-search {
            display: none
        }

        #current-lang {
            width: 30px;
            height: 30px;
            background: url(/images/icons/lang-sel.svg) center no-repeat;
            border-radius: 5px;
            cursor: pointer
        }

        #current-lang span {
            display: none
        }

        #current-lang.lang {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 30px;
            height: 20px;
            color: #2F527C;
            font-weight: bold;
            font-size: 10px;
            text-transform: uppercase;
            border-radius: 4px;
            background: #F8FAFC;
            position: relative
        }

        #current-lang.lang span {
            display: inline;
            z-index: 1
        }

        #current-lang.lang.over,
        #current-lang.lang:hover {
            background: #F8FAFC
        }

        #current-lang.over,
        #current-lang:hover {
            background-color: #283554
        }

        .user-header #current-lang {
            background-color: #D2DDEC
        }

        #flagma-langs li a {
            padding: 0
        }

        .flagma-langs {
            float: right;
            margin-top: 16px;
            padding-left: 0
        }

        .flagma-langs li {
            list-style: none;
            margin: 0 5px
        }

        .flagma-langs li em {
            font-style: normal
        }

        .flagma-langs li.bg {
            padding: 0
        }

        .user-menu-container {
            display: flex;
            gap: 14px;
            flex-direction: row-reverse;
            align-items: center
        }

        .user-menu-container .user-menu {
            display: flex;
            align-items: center;
            gap: 10px
        }

        .user-menu-container .user-menu.guest b {
            display: inline-block;
            max-width: 100px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .bold {
            font-weight: bold
        }

        #search-block-wrapper {
            background-color: #2b3d61 !important
        }

        body .toggle-regions {
            height: 43px;
            padding-top: 13px
        }

        body #my-menu-right p {
            margin: 0;
            padding: 0
        }

        body #my-menu-right p.new-message-link a {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 6px;
            height: 43px
        }

        input[type=button],
        button {
            -webkit-appearance: none;
            outline: none;
            font-size: 1em
        }

        textarea {
            padding: 7px
        }

        div.form div.error label,
        div.form label.error,
        div.form span.error,
        label.error {
            color: #ff5e1d
        }

        div.form .errorMessage,
        .errorMessage {
            color: #ff5e1d
        }

        div.contact-form .label,
        div.contact-form .label-nopad,
        div.contact-form .label-nopad-wide {
            padding: 0;
            margin: 11px 0 0 0;
            float: left;
            width: 95px
        }

        div.contact-form.job .label,
        div.contact-form.job .label-nopad {
            width: 135px;
            padding-right: 5px
        }

        div.contact-form .label-nopad,
        div.contact-form .label-nopad-wide {
            margin-top: 9px
        }

        div.contact-form .label-nopad-wide {
            width: 135px
        }

        div.contact-form .from-company-data {
            line-height: 1.5em
        }

        div.contact-form .from-company-data-2 {
            width: 270px;
            line-height: 1.5em
        }

        div.contact-form .input {
            float: left;
            padding: 0
        }

        .login-page .left-block {
            float: left;
            width: 45%;
            margin: 0 20px 30px 0
        }

        .login-page .right-block {
            float: left;
            padding: 9px 0 0;
            max-width: 300px;
            width: 40%;
            line-height: 1.5em
        }

        #login-dialog .msg {
            padding: 3px 0 5px;
            font-size: 1.1em;
            color: #777
        }

        .login-page.restore-password-page div.label {
            font-size: 1em;
            padding-top: 16px
        }

        .login-page div.longlabel {
            width: 120px
        }

        .login-page div.input {
            float: left;
            max-width: 320px;
            width: 99%;
            padding-top: 8px
        }

        .login-page div.input img {
            position: relative;
            top: 3px
        }

        #login-dialog div.nopad,
        .login-page div.nopad {
            padding-top: 0
        }

        #login-dialog div.pad,
        .login-page div.pad {
            padding: 7px 0 5px
        }

        .login-page input.input {
            width: 95%
        }

        .login-page input.short {
            width: 100px
        }

        .login-page div.error-message {
            margin: 3px 0 0 70px;
            color: red
        }

        #login-dialog div.error-message {
            margin: 5px 0 15px;
            color: red
        }

        .login-page div.error-message-long {
            margin: 3px 0 0 120px
        }

        img.login-indicator,
        img#login-indicator {
            width: 15px;
            position: relative;
            top: 0
        }

        #login-dialog .error,
        #distance-account-form .error {
            color: red
        }

        .login-page #LoginForm_rememberMe {
            margin: 0 5px 0 0;
            position: relative;
            top: 1px
        }

        .login-page .button-reg {
            font-size: 95%
        }

        .login-page label.error {
            color: red
        }

        #login-dialog .error-message,
        .login-page .error-message {
            line-height: 0
        }

        #login-dialog .errorMessage,
        .login-page .errorMessage {
            line-height: 16px
        }

        .message-label {
            float: left;
            width: 120px;
            padding: 3px 0 0 3px
        }

        #assign_subj span,
        #assign_status_subj span {
            font-weight: normal
        }

        #assign_form select {
            padding: 5px
        }

        .label {
            padding-top: 14px
        }

        .label.grafa1 {
            background: url(/images/c1_.png) no-repeat 60px 10px
        }

        .label.grafa2 {
            background: url(/images/c2_.png) no-repeat 60px 10px
        }

        .label.grafa3 {
            background: url(/images/c3_.png) no-repeat 60px 10px
        }

        .label-wide {
            float: left;
            width: 135px;
            padding-top: 12px
        }

        .label-ddl,
        .label-dd2 {
            float: left;
            width: 120px;
            padding-top: 7px
        }

        .label-dd2 {
            padding-top: 8px
        }

        .label-w {
            float: left;
            width: auto;
            padding: 12px 0 0 10px
        }

        .textinput {
            padding-top: 2px;
            padding-left: 2px;
            width: 230px
        }

        .textinput-short {
            padding-top: 2px;
            padding-left: 2px;
            width: 90px
        }

        .textinput-shortest {
            padding-top: 2px;
            padding-left: 2px;
            width: 31px
        }

        .textinput-shorter {
            padding-top: 2px;
            padding-left: 2px;
            width: 50px
        }

        .label-padded {
            float: left;
            width: 120px;
            padding-top: 23px
        }

        .input .input-cb {
            position: relative;
            top: 5px
        }

        .input .input-cb a {
            text-decoration: none;
            cursor: default
        }

        .input .checkbox {
            padding: 5px 5px 0 5px
        }

        .input-padded {
            float: left;
            padding-top: 17px
        }

        .complain-radio {
            float: left;
            text-align: left;
            width: 20px
        }

        #tofriend_form .submit-block,
        #complain_form .submit-block,
        .contact-form .submit-block {
            padding: 2px 0 0 0
        }

        #tofriend_form .submit-block-wide,
        #complain_form .submit-block-wide,
        .contact-form .submit-block-wide {
            padding: 2px 0 0 135px
        }

        #tofriend_form .label,
        #tofriend_form .label-padded,
        #complain_form .label,
        #complain_form .label-padded {
            width: 95px
        }

        .contact-form .subject {
            margin-top: 5px;
            margin-bottom: 3px;
            width: 388px
        }

        .contact-form .re-mult,
        #complain_re,
        #assign_subj,
        #assign_status_subj {
            padding: 5px 0 10px;
            border-bottom: solid 1px #ddd;
            margin-bottom: 5px
        }

        #assign_status_subj,
        #assign_subj {
            font-weight: bold;
            max-height: 200px;
            overflow-y: scroll
        }

        #assign_status_form {
            padding: 10px 20px
        }

        #assign_status_form div.input {
            padding-top: 14px
        }

        #assign_status_form div.input label {
            float: left;
            margin-right: 20px
        }

        .sendMessageForm textarea {
            width: 500px;
            height: 40px
        }

        .update_time_checkbox {
            position: relative;
            top: 6px
        }

        #add-message-form select,
        #reg-page select,
        #ct-search-form select,
        #ct-search-input-truck-body,
        #fav-routes-truck-body,
        #subs-truck-body#distance-account-form select,
        #route-feedback-form select {
            line-height: 20px;
            padding: 8px 1px 8px 0
        }

        #distance-account-form select {
            width: 94px
        }

        #route-feedback-form select {
            width: 234px
        }

        #route-feedback-form #route-feedback-header {
            margin-bottom: 2px;
            padding: 5px 3px 5px 0;
            font-weight: bold;
            border-bottom: solid 1px #e5e5e5
        }

        .ddl-container>div.popup-select {
            font-weight: normal;
            display: inline-block;
            padding-top: 6px;
            cursor: pointer;
            color: #065dc6
        }

        .input .ddl-container>div.popup-select span {
            border-bottom: dashed 1px;
            padding: 0 !important;
            display: inline !important;
            top: 0
        }

        span#city-str {
            position: relative;
            margin-top: 10px;
            display: block
        }

        input.readonly {
            color: #777;
            background: #f7f7f7
        }

        #distance-account-form .error-message {
            padding-left: 138px;
            color: red
        }

        #distance-account-form .bg .error-message {
            padding-left: 138px
        }

        .button-select {
            cursor: pointer;
            color: #333 !important;
            position: relative;
            z-index: 100;
            background: url(/images/button-select.gif?3) right 6px no-repeat #e9e9e9;
            padding: 4px 17px 4px 5px !important;
            border-radius: 3px;
            border-left: solid 1px #dfdfdf;
            border-top: solid 1px #dfdfdf;
            border-right: solid 1px #c0c0c0;
            border-bottom: solid 1px #c0c0c0
        }

        .button-select:hover {
            background-color: #f0f0f0
        }

        div.select-div {
            display: none;
            padding: 8px 0 10px 0 !important;
            line-height: 24px;
            background: #ffffff;
            border: solid 1px #ccc;
            border-bottom: solid 1px #aaa;
            border-radius: 3px;
            position: absolute;
            z-index: 99
        }

        div.select-div div {
            padding: 0 30px 0 10px !important
        }

        div.select-div div:hover {
            cursor: pointer;
            background: #f0f0f0
        }

        div.select-div a {
            text-decoration: none
        }

        #content #path {
            padding-bottom: 12px;
            border-bottom: 1px solid #ccc;
            margin: 0 15px
        }

        .bd .wSelect-option-value {
            line-height: 17px
        }

        .contact-form.job .wSelect-theme-flagma.wSelect,
        .contact-form.job .wSelect-theme-flagma .wSelect-options-holder {
            min-width: 381px
        }

        .contact-form #my-cv-block a {
            text-decoration: none
        }

        #my-cv-block.nocv #message-block {
            display: none
        }

        a.unsubscribe,
        input.unsubscribe,
        input#ct-search-input-submit.grey {
            background: #e9e9e9 url(/images/button-bg-grey.gif) repeat-x;
            border: #b3b3b3 1px solid;
            border-bottom: #a0a0a0 1px solid;
            color: #333 !important;
            height: 30px
        }

        a.unsubscribe {
            display: inline-block;
            padding: 7px 30px;
            height: auto
        }

        a.unsubscribe:hover {
            background: #ddd;
            border-bottom: #b3b3b3 1px solid;
            text-decoration: none
        }

        input.unsubscribe:active,
        input#ct-search-input-submit.grey:active {
            background: #ddd;
            border-bottom: #b3b3b3 1px solid
        }

        input#ct-search-input-submit.grey {
            border: #b3b3b3 1px solid !important
        }

        #login-dialog-container {
            margin: 0
        }

        #login-dialog-container .button-reg {
            width: auto;
            padding-left: 33px;
            padding-right: 33px
        }

        #my-menu-right .button-message {
            min-width: 150px
        }

        img#submit-indicator,
        img.submit-indicator {
            width: 15px;
            position: relative;
            top: 2px;
            left: 5px
        }

        .item-checkbox {
            vertical-align: -4px
        }

        .form .iradio_minimal-grey,
        .form .iradio_minimal-blue {
            float: left;
            cursor: default
        }

        #select-complain {
            margin: 10px 0
        }

        html body .page-list-item-info {
            padding-top: 0
        }

        .width-auto {
            padding-left: 20px;
            padding-right: 20px
        }

        html body .bg-cell div {
            color: rgba(255, 255, 255, 0.47)
        }

        .my-flagma-menu {
            display: none
        }

        .companyAccount.myAccount.my-flagma-menu.hidden {
            display: none
        }

        #search-cats {
            display: none
        }

        .mobile-menu #adapt-cats,
        .mobile-menu #adapt-found {
            color: #0670ec
        }

        #notepad-help-text {
            display: block;
            margin-left: 10px
        }

        #search-radio {
            padding: 0 12px;
            background-color: #fff;
            font-weight: normal
        }

        #search-radio input {
            margin: 0;
            padding: 0
        }

        #search-radio label[for=search-all] {
            flex-shrink: 0
        }

        #search-radio label {
            color: #777;
            margin: 0 12px 0 0;
            padding-left: 3px;
            overflow: hidden;
            text-overflow: ellipsis
        }

        #search-radio .search-cat {
            padding: 9px 0 11px;
            display: flex;
            align-items: center
        }

        #search-radio .search-cat span {
            position: relative;
            top: 1px
        }

        .page-list-footer {
            padding: 5px 0 7px 10px
        }

        .page-list-footer>div {
            display: inline-block;
            margin-right: 10px
        }

        .bread-crumbs {
            padding: 15px 0;
            min-height: 19px
        }

        #my-menu-right {
            float: right;
            margin-top: 0;
            padding: 0
        }

        .message #my-menu-right {
            padding-top: 1px;
            width: 200px;
            float: right
        }

        #my-menu-right p {
            padding-top: 8px
        }

        #my-menu-right p.new-message-link a:before {
            content: "+";
            margin-top: 3px;
            font-size: 20px;
            font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
            font-weight: normal;
            margin-right: 8px
        }

        #my-menu-right p.new-message-link a {
            display: flex;
            align-items: center;
            height: 43px;
            min-width: 150px;
            padding: 0 11px;
            border: solid 1px #fff;
            border-radius: 6px;
            color: #fff !important;
            font-weight: 500;
            font-size: 14px;
            text-decoration: none !important;
            text-align: center;
            white-space: nowrap
        }

        #my-menu-right p.new-message-link.company a {
            width: 183px;
            padding: 0 0 0 17px;
            text-align: left;
            height: 35px;
            cursor: pointer
        }

        #my-menu-right p.new-message-link.company a span {
            display: block;
            padding: 9px 0 7px;
            margin-right: 8px
        }

        #my-menu-right p.my-messages {
            padding-top: 2px
        }

        .toggle-regions {
            background: #fff;
            font-size: 1.1em;
            margin: 6px 10px 0 0;
            height: 15px;
            min-width: 175px;
            padding: 13px 0 15px;
            border-radius: 6px;
            cursor: pointer;
            float: left;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08)
        }

        .toggle-regions span.toggle-regions-text {
            margin-left: 15px
        }

        .toggle-regions span {
            color: #000;
            cursor: pointer;
            white-space: nowrap
        }

        .toggle-regions span.tr {
            border-width: 4px 4px 0 4px;
            border-style: solid;
            border-color: #444 transparent transparent;
            margin-right: 5px;
            position: relative;
            left: 5px;
            top: 8px;
            float: left
        }

        .toggle-regions-text {
            float: left;
            max-width: 81%;
            overflow: hidden
        }

        html {
            height: 100%
        }

        body {
            background-color: #2b3d61 !important;
            background-position-y: bottom;
            background-position-x: center;
            background-repeat: no-repeat;
            background-size: 1260px;
            background-attachment: fixed;
            min-height: 100%
        }

        body #search-block-wrapper {
            background: #2b3d61
        }

        #top-menu-wrapper {
            background-color: transparent !important
        }

        .top-submenu-wrapper {
            background-color: transparent !important
        }

        body #top-header {
            background: #2b3d61
        }

        body #logo {
            background-image: url(/images/flagma-logo/logo1.svg?0) !important
        }

        #top-header a,
        body .bread-crumbs,
        body .bread-crumbs h1,
        body .bread-crumbs a,
        body #choose-category,
        a.flagma-world,
        #footer-center-link .links,
        #footer-center-link .links a,
        .user-menu,
        html body #adapt-cats,
        html body #adapt-found {
            color: #fff
        }

        html body #adapt-cats span,
        html body #adapt-found span {
            border-color: #fff transparent transparent
        }

        html body #adapt-cats.active span,
        html body #adapt-found.active span {
            border-color: transparent transparent #fff
        }

        .bread-crumbs a.search {
            border-bottom: dashed 1px
        }

        #footer-center-link .links span,
        #footer-center-link .links a {
            text-shadow: #111 1px 1px
        }

        html body #region-choose {
            background-image: url(/images/icons/location.svg);
            background-size: 12px 16px
        }

        html body #adapt-menu {
            background-image: url(/images/icons/adapt-menu.png?01)
        }

        .flagma-langs li.current,
        .flagma-langs li .extlnk:hover {
            color: #2f527c
        }

        body #under-footer {
            border-top: 0;
            padding: 0 15px 10px
        }

        #my-flagma-menu li a,
        #more-menu li a,
        #new-messages-info li a {
            color: #0670ec
        }

        body #menu-left ul li.more a span,
        body #choose-category span,
        body #my-flagma-link span.tr,
        body .bread-crumbs a.search span {
            border-color: #fff transparent transparent
        }

        body .bread-crumbs a.search:hover span {
            border-color: #ff5e1d transparent transparent
        }

        body .bread-crumbs #choose-category {
            background-position-y: -43px
        }

        body .list-type .list,
        body .list-type .gallery {
            background: url(/images/icons/lists2_ny.png?05) no-repeat 5px 3px;
            background-size: 71px
        }

        body .list-type .gallery {
            background-position-y: -17px
        }

        html body #adapt-filter {
            background-image: url(/images/icons/filters2.png?01)
        }

        body .notepad-notifier.empty span {
            background-position-y: -35px
        }

        body .bread-crumbs .search-link {
            background-position-y: -33px
        }

        body .bg-cell div {
            background: #30446c;
            color: rgba(255, 255, 255, 0.47);
            padding-top: 4px;
            margin-top: 6px
        }

        body .bg-cell div span {
            display: none;
            font-weight: bold;
            position: relative;
            top: 10px
        }

        body .bg-cell div em {
            display: block;
            color: #fff;
            font-style: normal;
            padding-bottom: 5px;
            font-size: 0.9em
        }

        body div.debug {
            color: #fff
        }

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

            html body #loginLink,
            html body #top-header #my-flagma-link {
                background-image: url(/images/icons/login-avatar-2.svg?1)
            }

            body #top-header {
                background-color: #2b3d61
            }
        }

        #flagma-langs {
            display: none;
            padding: 10px 20px 0 10px;
            box-shadow: 0 4px 24px rgba(46, 60, 94, 0.33)
        }

        #current-lang.over:before {
            content: "";
            display: block;
            position: absolute;
            left: calc(50% - 6px);
            bottom: -5px;
            width: 13px;
            height: 13px;
            background: #fff;
            border-radius: 2px;
            transform: rotate(45deg)
        }

        #flagma-langs .country-info-block {
            padding: 14px 10px 0
        }

        #flagma-langs .country-info-block .country-list {
            border-bottom: solid 1px #F4F6F7
        }

        #flagma-langs .country-info-block .country-list li {
            background: none
        }

        #flagma-langs .country-info-block .country-list li a {
            display: flex;
            align-items: center;
            padding-top: 11px;
            padding-bottom: 11px;
            background: none;
            color: #394761;
            font-size: 15px
        }

        #flagma-langs .country-info-block a.all-countries {
            display: inline-block;
            margin: 11px 0;
            color: #306EE4;
            font-size: 15px;
            white-space: nowrap
        }

        #flagma-langs .country-info-block a.all-countries:after {
            content: "";
            display: inline-block;
            width: 7px;
            height: 7px;
            margin-left: 5px;
            border-right: solid 1px #306EE4;
            border-bottom: solid 1px #306EE4;
            transform: rotate(-45deg)
        }

        #flagma-langs ul {
            display: flex;
            flex-direction: column
        }

        #flagma-langs li {
            display: block;
            margin: 0
        }

        #flagma-langs li.current {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            justify-content: left;
            gap: 6px
        }

        body ul.flagma-langs {
            float: none;
            margin: 9px 0 0;
            min-height: 60px;
            flex-grow: 2;
            display: flex;
            justify-content: center
        }

        body ul.flagma-langs li.ru,
        body ul.flagma-langs li.uk,
        body ul.flagma-langs li.en,
        body ul.flagma-langs li.pl,
        body ul.flagma-langs li.es {
            display: inline-block
        }

        body ul.flagma-langs li {
            display: none;
            margin: 0 10px;
            border-bottom: solid 1px #F4F6F7;
            text-align: center;
            font-size: 12px;
            font-weight: bold;
            color: #306ee4;
            text-transform: uppercase
        }

        body ul.flagma-langs li em {
            padding: 11px 25px 11px 10px;
            color: #394761;
            text-transform: none;
            font-size: 15px;
            font-weight: 400
        }

        body ul.flagma-langs li.current {
            background: url(/images/icons/check-orange.svg) no-repeat right 10px center
        }

        #menu-left ul.flagma-langs li em {
            display: none
        }

        body ul.flagma-langs li span {
            display: flex;
            margin: 0 !important;
            flex-direction: row-reverse;
            gap: 6px;
            align-items: center;
            justify-content: left;
            cursor: pointer
        }

        body ul.flagma-langs li span span {
            display: none;
            background: url(/images/icons/langs-switch-3.svg) no-repeat;
            width: 45px;
            height: 30px;
            justify-content: center;
            border-radius: 0;
            color: #306EE4
        }

        body #menu-left ul.flagma-langs li span span {
            display: inline-flex;
            height: 30px
        }

        body ul.flagma-langs li.current span span {
            background-position-x: -59px;
            color: #2F527C
        }

        body #top-header ul.flagma-langs li a {
            padding: 0 !important;
            border: 0
        }

        body #menu-left ul.flagma-langs {
            display: flex !important;
            align-items: center;
            border: 0
        }

        @media only screen and (max-width:1250px) {
            body #top-header-center {
                width: auto
            }

            body #top-header-center-wrapper {
                width: auto;
                min-width: 280px
            }

            body .flagma-countries-header {
                min-width: 280px
            }

            body #content,
            body #main-center-left,
            body #under-footer-center,
            body #search-block {
                width: auto
            }
        }

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

            body .bread-crumbs-desktop>*>.c-c-c,
            .bread-crumbs a.search {
                display: none
            }

            body .my-flagma-menu span.close-rlist {
                display: inline-block;
                position: absolute;
                right: 0;
                top: 0;
                z-index: 5
            }

            body .message #left-categories,
            body .message #search-cats {
                left: 0 !important;
                top: 0 !important;
                margin: 0;
                padding: 0;
                width: 100%;
                height: 100vh;
                max-height: none;
                border-radius: 0;
                position: fixed
            }

            body .my-flagma-menu .dialog-title {
                display: block
            }

            body #left-categories #subcategories-more {
                margin-top: 0
            }

            body #left-categories .subcategories,
            body #search-cats .subcategories {
                width: 100%;
                height: 90vh;
                overflow-y: auto;
                font-size: 1.2em;
                padding-bottom: 90px
            }

            body .my-flagma-menu .subcategories li {
                border-bottom: solid 1px #f2f2f2;
                margin-bottom: 4px;
                padding: 0;
                margin-bottom: 0
            }

            body .my-flagma-menu .subcategories li>a {
                padding: 0 0 0 30px;
                height: 45px
            }

            body .my-flagma-menu .subcategories li>span {
                padding: 5px 0 5px 30px
            }

            body #left-categories.my-flagma-menu #subs-active li a {
                padding-left: 50px
            }

            body #left-categories.my-flagma-menu #subs-active li.title a {
                padding-left: 21px
            }

            body .my-flagma-menu li a span.rarr {
                width: 48px;
                height: 45px;
                background-color: #f7f8fb;
                display: block;
                background-size: auto
            }

            body #left-categories li>ul {
                padding: 10px 0;
                margin: 0
            }

            body #left-categories li>ul .title {
                display: block
            }

            body #left-categories li.over>ul {
                display: none
            }

            body #subcategories-more {
                display: block
            }

            body .more-cats {
                display: none
            }

            body #search-cats li {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-left: 0;
                padding: 0 10px 0 0;
                min-height: 45px
            }

            body #search-cats .sub {
                font-size: 1em;
                margin-left: 0
            }

            body #search-cats li.sub a {
                padding-left: 50px;
                font-size: 1em
            }

            body .subcategories li.active a {
                color: #000 !important;
                font-weight: bold
            }

            body #menu-left ul li.more {
                display: block !important
            }

            #top-header #more-menu li.company,
            #top-header #more-menu li.tools,
            #top-header #more-menu li.blog,
            #top-header #more-menu li.services {
                display: block
            }

            body .bread-crumbs-desktop {
                width: 85%
            }

            body #menu-left ul li.realty {
                display: none
            }

            #top-header #more-menu li.realty {
                display: block
            }
        }

        @media only screen and (max-width:1050px) {
            #search-block .search-cell {
                padding-right: 0;
                flex-grow: 1
            }

            #search-block .search-container-row>div:last-child {
                display: none
            }

            body .adapt-add {
                display: block;
                z-index: 3;
                position: fixed;
                bottom: 30px;
                right: 30px
            }

            body .adapt-add a {
                color: #fff !important;
                background: url(/images/icons/addplus.svg) no-repeat center;
                height: 60px;
                width: 60px;
                line-height: 60px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: Arial;
                font-size: 1.8em;
                text-transform: uppercase;
                padding: 0 20px;
                position: relative;
                cursor: pointer
            }

            body .adapt-add.subscribe {
                display: flex;
                justify-content: center;
                bottom: 75px;
                right: 0;
                width: 100%
            }

            body .adapt-add.subscribe a {
                width: auto;
                height: 36px;
                background: url(/images/icons/icon-star-white.svg?01) no-repeat 10px center #FF6633;
                border-radius: 4px
            }

            body .adapt-add.not.subscribe a {
                background: url(/images/icons/icon-star-white-filled.svg) no-repeat 10px center #FF6633
            }

            .adapt-add.subscribe a span {
                display: block;
                margin-left: 15px;
                line-height: normal
            }

            .adapt-add a span {
                display: none;
                white-space: nowrap;
                margin-left: 8px;
                font-size: 12px;
                letter-spacing: 0.7px;
                font-weight: bold
            }

            body #menu-left ul li.auto {
                display: none
            }

            body #menu-left ul li.realty {
                display: none
            }

            #top-header #more-menu li.auto {
                display: block
            }

            #top-header #more-menu li.realty {
                display: block
            }

            #top-header #more-menu li.services {
                display: block
            }

            body #menu-left ul li.distance {
                display: none
            }

            body #menu-left ul li.cargo {
                display: none
            }

            body #menu-left ul li.trans {
                display: none
            }

            #top-header #more-menu li.cargo {
                display: block
            }

            #top-header #more-menu li.distance {
                display: block
            }

            #top-header #more-menu li.trans {
                display: block
            }
        }

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

            body .reveal-modal,
            body .reveal-modal.medium,
            body .reveal-modal.large {
                width: 60%;
                padding: 15px;
                margin-left: -30%;
                font-size: 0.9em
            }

            body .reveal-modal.large {
                width: 70%
            }
        }

        @media only screen and (max-width:750px) {
            body #top-header {
                margin-left: 0;
                padding: 3px 15px 1px
            }

            html body #top-header,
            body #top-menu-wrapper,
            body #top-menu,
            body #menu-left,
            body #menu-right {
                height: 53px !important
            }

            body #loginLink span,
            body #top-header #my-flagma-link span {
                display: none
            }

            body #loginLink,
            body #top-header #my-flagma-link {
                background: url(/images/icons/login-avatar-2.svg?1) no-repeat center;
                background-size: 24px;
                margin-right: 0;
                width: 24px;
                height: 24px;
                display: inline-block
            }

            body #top-header #my-flagma-link {
                padding: 1px 0;
                margin: -6px 0
            }

            #top-menu .flogo {
                display: flex
            }

            body #logo {
                background-size: 137px;
                background-position: 0 14px
            }

            body #adapt-menu {
                display: block;
                float: left;
                background: url(/images/icons/adapt-menu1.png?04) no-repeat;
                width: 17px;
                height: 14px;
                cursor: pointer;
                margin: 17px 17px 0 0
            }

            body #flagma-sites {
                display: inline-block;
                color: #0670ec;
                font-size: 13px;
                background: #edf3fb;
                padding: 10px 15px;
                margin: 10px 40px;
                border-radius: 7px
            }

            body #adapt-menu.active {
                background-image: url(/images/icons/adapt-menu-close.png?01)
            }

            body #menu-left ul li a {
                padding: 14px 0 13px 54px !important;
                margin: 0 !important;
                border-bottom: solid 1px #eef1f6;
                color: #333
            }

            body #menu-left ul li a#mobile-geo-link {
                background-image: url(/images/icons/location-blue.svg?01);
                background-position-x: 20px;
                background-position-y: center
            }

            body #menu-left ul:not(.flagma-langs) li a {
                background: url(/images/icons/burger_icon.svg?06) no-repeat;
                background-position-x: 15px
            }

            body #menu-left ul:not(.flagma-langs) li.active a {
                background-image: url(/images/icons/burger_icon_active.svg?06);
                background-color: #E4EFFD
            }

            body #menu-left ul li a span {
                display: inline;
                padding: 0 !important
            }

            body #menu-left ul li.active a span {
                background: none
            }

            body #menu-left ul li.catalog a span {
                margin: 0
            }

            body #menu-left ul li.catalog {
                display: block
            }

            body #menu-left ul li.catalog a {
                display: flex;
                justify-content: space-between;
                align-items: center
            }

            body #menu-left ul li.catalog a>span:nth-child(2) {
                font-weight: bold;
                color: #9ea9b8;
                font-size: 10px;
                text-transform: uppercase;
                margin-right: 18px
            }

            body #menu-left ul li.catalog a {
                background-position-y: 14px
            }

            body #menu-left ul li.active a {
                color: #333;
                font-weight: bold
            }

            body #menu-left ul li.message a {
                background-position-y: -25px
            }

            body #menu-left ul li.distance a {
                background-position-y: -215px
            }

            body #menu-left ul li.cv a {
                background-position-y: -101px
            }

            body #menu-left ul li.job a {
                background-position-y: -64px
            }

            body #menu-left ul li.cargo a {
                background-position-y: -178px
            }

            body #menu-left ul li.trans a {
                background-position-y: -140px
            }

            body #menu-left ul li.company a {
                background-position-y: -254px
            }

            body #menu-left ul li.tools a {
                background-position-y: -438px
            }

            body #menu-left ul li.blog a {
                background-position-y: -474px
            }

            body #menu-left ul li.add a {
                background-position-y: -292px
            }

            body #menu-left ul li.services a {
                background-position-y: -330px
            }

            body #menu-left ul li.realty a {
                background-position-y: -367px
            }

            body #menu-left ul li.auto a {
                background-position-y: -403px
            }

            body #menu-left ul li {
                float: none;
                height: auto;
                padding: 0
            }

            body #menu-left ul li.cargo,
            body #menu-left ul li.trans,
            body #menu-left ul li.job,
            body #menu-left ul li.cv,
            body #menu-left ul li.distance,
            body #menu-left ul li.company,
            body #menu-left ul li.auto,
            body #menu-left ul li.realty,
            body #menu-left ul li.services,
            body #menu-left ul li.tools,
            body #menu-left ul li.blog,
            body #menu-left ul li.add {
                display: block !important
            }

            body #menu-left ul li.add a {
                color: #0670ec
            }

            body #top-menu {
                display: none
            }

            body #menu-left ul li.more {
                display: none !important
            }

            body #top-menu {
                padding: 0
            }

            html body #menu-left {
                display: flex;
                flex-direction: column;
                position: fixed;
                top: 0;
                left: 0;
                width: 290px;
                min-height: 100% !important;
                margin: 0;
                z-index: 1002;
                background: #fff;
                padding: 0 0 5px;
                box-shadow: #333 0 0 15px;
                overflow: auto
            }

            body #adapt-menu-logo {
                display: block;
                width: 100%;
                height: 50px;
                background: url(/images/flagma-logo/logo2.png?03) 18px center no-repeat #2b3d61;
                background-size: 100px;
                border-bottom: solid 1px #ddd;
                flex-shrink: 0
            }

            body #menu-left ul {
                padding: 0;
                font-size: 16px
            }

            body a.notepad-notifier {
                display: none
            }
        }

        @media only screen and (max-width:540px) {
            body div.under-construction.title {
                margin-top: 0
            }

            body #my-flagma-link {
                margin: 0 0
            }

            body a.notepad-notifier {
                margin-left: 0 !important
            }

            .user-menu-container {
                gap: 8px
            }

            body .my-buttons-top input,
            body .notepad-footer input,
            .ct-my-buttons-bottom input,
            .ct-my-buttons-top input {
                margin: 0 2px 0 0
            }

            #notepad-help-text2 .overlay {
                position: relative;
                margin-bottom: 0
            }

            #notepad-help-text2 .overlay>div {
                position: absolute;
                width: 100%;
                height: 37%;
                margin: 0;
                bottom: 0;
                opacity: 0.55
            }

            .mobile-extra-info {
                padding-top: 20px;
                background: url(/images/down-arrow.png) no-repeat center;
                background-size: 30px
            }

            .mobile-extra-info.active {
                padding-top: 0;
                background: none
            }

            .mobile-extra-info>div {
                display: none
            }

            #flagma-langs {
                padding: 15px 15px 0
            }

            #current-lang.lang {
                height: 22px
            }

            body .adapt-add:not(.subscribe) a {
                display: none !important
            }
        }

        @media only screen and (max-width:380px) {
            body .blue-button {
                padding: 0 10px
            }
        }

        @media only screen and (max-width:370px) {
            body #logo {
                background-position: 0 center !important;
                background-size: 90px 16px !important;
                width: 90px !important
            }
        }

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

            body .message #left-categories,
            body .message #search-cats {
                font-size: 1em
            }
        }

        @media only screen and (max-height:530px) and (max-width:400px) {
            body #adapt-menu-logo {
                height: 35px
            }

            body #menu-left ul li a {
                padding: 10px 0 8px 54px !important
            }

            body #menu-left ul li.catalog a {
                background-position-y: 11px
            }

            body #menu-left ul li.message a {
                background-position-y: -27px
            }

            body #menu-left ul li.distance a {
                background-position-y: -217px
            }

            body #menu-left ul li.cv a {
                background-position-y: -103px
            }

            body #menu-left ul li.job a {
                background-position-y: -66px
            }

            body #menu-left ul li.cargo a {
                background-position-y: -180px
            }

            body #menu-left ul li.trans a {
                background-position-y: -142px
            }

            body #menu-left ul li.company a {
                background-position-y: -256px
            }

            body #menu-left ul li.tools a {
                background-position-y: -438px
            }

            body #menu-left ul li.blog a {
                background-position-y: -474px
            }

            body #menu-left ul li.add a {
                background-position-y: -294px
            }
        }

        html body {
            font: 0.88em 'Roboto', sans-serif;
            color: #000;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
            -webkit-text-size-adjust: none !important;
            padding: 0;
            margin: 0;
            background-color: #f4f6f7 !important
        }

        html body div.debug {
            color: #333
        }

        html.modal-open body,
        html.m-open body {
            overflow: hidden;
            height: 100vh
        }

        div.h-c-wrapper {
            min-height: calc(100vh - 125px)
        }

        header {
            background-color: #2b3d61
        }

        a {
            color: #0670ec;
            text-decoration: none !important
        }

        * {
            box-sizing: border-box;
            font-family: 'Roboto', sans-serif
        }

        p {
            line-height: inherit;
            margin: 0;
            padding: 0
        }

        img {
            max-width: none
        }

        ul {
            list-style-type: none;
            margin: 0;
            padding: 0
        }

        input[type=button],
        input[type=submit],
        button {
            -webkit-appearance: none;
            outline: none
        }

        input[type=text],
        input[type=password],
        input[type=number] {
            outline: none;
            height: 40px;
            border: solid 1px #d5d9e0;
            background-color: #ffffff;
            border-radius: 2px;
            padding-left: 5px;
            font-size: 1em;
            -webkit-appearance: none
        }

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

            input[type=text],
            input[type=password],
            input[type=number] {
                height: 48px
            }
        }

        textarea {
            outline: none;
            border-radius: 2px;
            border: solid 1px #d5d9e0;
            height: 100px;
            font-size: 1em
        }

        .error input[type=text],
        .error input[type=password],
        .error textarea {
            border-color: red;
            transition-duration: 0.7s
        }

        div.label {
            background: none
        }

        .hidden,
        .reveal,
        .cat-block-container,
        .adapt {
            display: none
        }

        .reveal-modal {
            visibility: hidden
        }

        .prev-photo,
        .next-photo {
            display: none;
            position: absolute;
            width: 50px;
            height: 100%;
            background: url(/images/icons/left.svg) no-repeat center center;
            background-size: 17px;
            cursor: pointer;
            z-index: 3
        }

        .prev-photo {
            left: 0
        }

        .next-photo {
            right: 0;
            background: url(/images/icons/right.svg) no-repeat center center;
            background-size: 17px
        }

        a.show-more.hidden {
            display: none
        }

        a.show-more {
            display: block;
            border-radius: 2px;
            border: solid 1px #eef1f6;
            background-color: #fff;
            padding: 15px 0;
            margin-right: 10px;
            text-align: center;
            font-weight: 500
        }

        a.show-more span {
            color: #525c69
        }

        input.button-message.white {
            background: #fff;
            color: #202c87;
            border: solid 1px #202c87
        }

        input.button-message {
            height: 55px;
            padding: 0 10px;
            background: #EAEFF4;
            border: solid 1px #2B3D61;
            border-radius: 6px;
            font-size: 1em;
            color: #2B3D61;
            font-weight: 500;
            cursor: pointer
        }

        input.button-message.green {
            background: #2ba14d;
            border: 0;
            color: white
        }

        input.button-message.cancel {
            background: none;
            color: #828b95
        }

        input.button-message.white-blue {
            font-weight: normal;
            background: none !important;
            color: #0470ec;
            border: solid 1px #0470ec
        }

        input.button-message.blue {
            background: #212c87
        }

        input.button-message.lightblue {
            background: #4594ee
        }

        input.button-message.rek {
            background: #325788;
            color: white
        }

        input.button-message.topup {
            background: #EBEFF2
        }

        .button,
        input.button-reg {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding-left: 30px;
            padding-right: 30px;
            height: 34px;
            font-weight: 500;
            background: #ebebeb;
            color: #424242;
            border-radius: 2px;
            border: 0;
            cursor: pointer
        }

        .button.hidden,
        input.button-reg.hidden {
            display: none
        }

        .button.inactive {
            opacity: 0.5
        }

        .button.lightblue {
            background: #2f91e9;
            color: #fff
        }

        .button.lightblue2 {
            background: #0670ec;
            color: #fff
        }

        .button.darkblue {
            background: #325788;
            color: #fff
        }

        .button.white {
            background: #fff;
            color: #9098af;
            border: solid 1px #e2e5f1
        }

        .button.white.bluetext {
            color: #2f91e9
        }

        .button.lightblue.white {
            background: #fff;
            color: #0670EC;
            border: solid 1px #0670EC
        }

        .button.grey {
            background: #f2f2f2;
            color: #888
        }

        .button.darkgrey {
            background: #9ea9b8;
            color: #fff
        }

        .button.orange {
            background: #ff6633;
            color: #fff
        }

        .button.lightorange {
            background: rgba(255, 144, 144, 0.2);
            color: #ff4a00
        }

        .button.green,
        input.button-reg {
            background: #2ba14d;
            color: #fff
        }

        .button.grey {
            background: #f2f2f2;
            color: #888
        }

        .button.lightblue {
            background: #2f91e9;
            color: #fff;
            font-size: 1em
        }

        .button.skyblue {
            background: #ECF3FB;
            border: solid 1px #0670EC;
            border-radius: 4px;
            color: #0670EC;
            font-size: 13px
        }

        .button.lightgreen {
            background: #00b509;
            color: #fff !important;
            font-size: 1em
        }

        .button.green {
            background: #2ba14d;
            color: #fff !important
        }

        .button.red {
            background: #d0021b;
            color: #fff !important
        }

        .button.red2 {
            background: #EA4C2A;
            color: #fff !important
        }

        .button.blue {
            background: #212c87;
            color: #fff
        }

        .button.disabled {
            background: #f2f2f2 !important;
            color: #888 !important
        }

        a.msgr {
            margin: 8px 8px 0 0;
            width: 24px;
            height: 24px;
            display: inline-block;
            cursor: pointer
        }

        a.msgr.viber {
            background: url(/images/icons/icons2.svg?03) no-repeat 0 0
        }

        a.msgr.telegram {
            background: url(/images/icons/icons2.svg?03) no-repeat 0 -48px
        }

        a.msgr.whatsapp {
            background: url(/images/icons/icons2.svg?03) no-repeat 0 -144px
        }

        a.msgr.skype {
            background: url(/images/icons/icons2.svg?03) no-repeat 0 -97px
        }

        a.msgr.wechat {
            background: url(/images/icons/wechat.png?01) no-repeat;
            background-size: contain
        }

        a.msgr.icq {
            background: url(/images/icons/icons2.svg?03) no-repeat 0 -193px
        }

        .count {
            color: #8e9ba3;
            font-weight: normal;
            margin-left: 0.3em
        }

        #show-more-viewed {
            display: none
        }

        #show-more-viewed.on {
            display: block
        }

        .message-type {
            display: inline;
            height: 20px;
            line-height: normal;
            border-radius: 1px;
            background-color: #fee5df;
            color: #d03802;
            padding: 5px 8px 4px;
            font-size: 9px;
            letter-spacing: 0.3px;
            font-weight: bold;
            text-transform: uppercase;
            margin-right: 5px
        }

        .mobile-menu {
            display: none;
            margin: 20px 15px
        }

        .mobile-menu>a {
            flex-grow: 1;
            height: 40px;
            margin-right: 10px;
            padding: 10px 0;
            background-color: #fff;
            border: solid 1px #0670EC;
            border-radius: 4px;
            font-size: 14px;
            font-weight: 500;
            text-align: center;
            position: relative
        }

        .mobile-menu>a:last-child {
            margin-right: 0
        }

        .mobile-menu>a#adapt-cats,
        .mobile-menu>a#adapt-found {
            color: #fff;
            background-color: #0670ec;
            font-weight: 500;
            padding-left: 30px;
            padding-right: 30px
        }

        div.mobile-menu>a#adapt-cats:after,
        div.mobile-menu>a#adapt-found:after {
            background: url(/images/icons/arrow-down-white.svg) no-repeat center
        }

        div.tab-menu {
            font-weight: bold;
            font-size: 1.07em;
            display: flex
        }

        div.tab-menu a {
            margin-right: 30px;
            display: inline-block
        }

        div.tab-menu a.active {
            color: #000;
            padding-bottom: 5px;
            border-bottom: solid 3px #ff6633
        }

        .flex-container {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        div div.mainpage-post {
            background: url(/images/icons/post-cv.svg) no-repeat 35px center #fff;
            background-size: 52px;
            padding: 30px 50px 30px 110px;
            margin: 20px 0 0;
            grid-row: 3/4;
            grid-column: 1/3;
            -ms-grid-row: 3;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            max-width: none;
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #505b68
        }

        div div.mainpage-post span {
            font-size: 18px
        }

        div div.mainpage-post h2,
        div div.mainpage-post h3,
        div div.mainpage-post .title {
            font-size: 20px;
            font-weight: bold;
            color: #333;
            margin-top: 0;
            margin-left: 0;
            margin-bottom: 10px
        }

        div div.mainpage-post .button {
            height: 43px;
            background: #EEF5FF;
            border: solid 1px #0670EC;
            border-radius: 4px;
            color: #0670EC
        }

        .page-rate-wrapper {
            margin: 30px 0 0 10px;
            text-align: center;
            padding: 20px;
            border-radius: 5px;
            color: #6f7792;
            background-color: #E8EEF2
        }

        .page-rate>span {
            display: none
        }

        .page-rate {
            min-height: 19px
        }

        .page-rate>div,
        .page-rate-data>div {
            padding-right: 7px;
            white-space: nowrap
        }

        .page-rate-stars {
            display: flex
        }

        .page-rate-stars span.half {
            background: url(/images/icons/rate0.5.svg?1) no-repeat center
        }

        .page-rate-stars span.zero {
            background: url(/images/icons/rate0.svg?1) no-repeat center
        }

        .page-rate-stars span {
            display: inline-block;
            width: 17px;
            height: 13px;
            cursor: pointer;
            opacity: 0.7;
            background: url(/images/icons/rate1.svg) no-repeat center;
            background-size: 13px
        }

        .page-rate-stars span.over {
            opacity: 1;
            background: url(/images/icons/rate1.svg) no-repeat center !important
        }

        .page-rate,
        .page-rate-data {
            display: inline-flex;
            align-items: center;
            color: #6f7792
        }

        .page-rate-average span {
            display: inline-block;
            padding: 1px 5px;
            color: #fff;
            background-color: #ff6732;
            border-radius: 1px
        }

        .page-rate-total {
            color: #9098af
        }

        .page-rate-loading {
            visibility: hidden;
            background: url(/images/loader.svg) no-repeat center;
            width: 25px;
            height: 19px
        }

        .page-rate-loading.show {
            visibility: visible
        }

        #maintenance_block span {
            font-size: 20px;
            font-weight: 500;
            display: block;
            margin-bottom: 5px
        }

        #maintenance_block {
            padding: 20px;
            color: #453700;
            text-align: center;
            background-color: #ffcc01;
            font-size: 17px;
            line-height: 1.4em;
            display: none
        }

        header .header-message {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 12px;
            padding: 12px;
            background: #7351B8;
            color: #EDE5FF;
            font-size: 16px
        }

        header .header-message a {
            padding: 5px 14px;
            background-color: #8162BF;
            border: solid 1px #9471D9;
            border-radius: 6px;
            color: #EDE5FF;
            font-size: 14px;
            font-weight: 500
        }

        .lang-msg {
            padding: 13px;
            background-color: #fccb64;
            color: #000;
            font-size: 13px;
            text-align: center
        }

        .lang-msg>span {
            margin: 0 5px
        }

        .lang-msg .btn {
            display: inline-block;
            padding: 5px 8px;
            margin: 0 5px;
            background-color: #fff;
            border-radius: 6px;
            color: #0670ec;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer
        }

        .lang-msg.donate {
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #f4e19e;
            font-size: 16px;
            color: #516A7C
        }

        .lang-msg.donate strong {
            padding: 5px 0 5px 25px;
            display: inline-block;
            color: #264860;
            background: url(/images/icons/ua-flag.svg) no-repeat left center;
            background-size: 17px
        }

        .lang-msg.donate .button {
            height: 28px;
            font-size: 11px;
            font-weight: bold
        }

        button.c-settings {
            width: 36px;
            height: 36px;
            text-indent: -9999px;
            background: url(/images/icons/cookie.png) no-repeat center transparent;
            background-size: 36px;
            border: 0;
            opacity: 0.7;
            position: fixed;
            left: 20px !important;
            bottom: 20px !important;
            cursor: pointer
        }

        span.msgr {
            display: inline-block;
            width: 17px;
            height: 17px;
            background: url(/images/icons/viber.png?02) center no-repeat;
            background-size: 17px;
            margin: 3px
        }

        span.msgr.Telegram {
            background-image: url(/images/icons/telegram.png?01)
        }

        span.msgr.WhatsApp {
            background-image: url(/images/icons/whatsapp.png?02)
        }

        span.msgr.WeChat {
            background-image: url(/images/icons/wechat.png)
        }

        span.msgr.skype {
            cursor: pointer;
            background-image: url(/images/icons/skype.png);
            background-size: 15px
        }

        @media only screen and (max-width:850px) {
            div.tab-menu {
                font-weight: normal;
                font-size: 0.93em
            }

            div.tab-menu>a {
                margin: 0;
                border-radius: 2px;
                border: solid 1px #ebebeb;
                width: 50%;
                padding: 5px;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center
            }

            div.tab-menu a.active {
                color: #fff;
                border: none;
                background-color: #ff6633;
                padding: 5px
            }

            button.c-settings {
                bottom: 77px !important
            }
        }

        @media only screen and (max-width:550px) {
            .mobile-menu {
                display: flex
            }

            .message-type {
                padding: 3px 6px 2px;
                top: -1px
            }

            #maintenance_block {
                font-size: 11px
            }

            #maintenance_block span {
                font-size: 14px;
                margin-bottom: 10px
            }

            div div div.mainpage-post {
                flex-direction: column;
                align-items: normal;
                padding: 20px 15px;
                margin: 20px 15px 0;
                background: white;
                text-align: center
            }

            div div div.mainpage-post .button {
                margin-top: 20px;
                width: 100%
            }

            div div.mainpage-post span {
                font-size: 16px
            }

            div div.mainpage-post h2,
            div div.mainpage-post h3,
            div div.mainpage-post .title {
                font-size: 19px
            }

            .page-rate-wrapper {
                background-color: #fff;
                padding: 20px 0
            }

            div.list-m .page-rate-wrapper {
                margin-left: 10px
            }

            .page-rate {
                flex-direction: column
            }

            .page-rate-data {
                padding-top: 15px
            }

            .page-rate-stars span {
                width: 28px;
                height: 16px;
                cursor: pointer;
                opacity: 0.7;
                background: url(/images/icons/rate1.svg) no-repeat center;
                background-size: 16px !important
            }

            .lang-msg.donate {
                padding: 5px 10px 10px;
                font-size: 12px;
                text-align: left
            }

            .lang-msg.donate strong {
                display: block;
                font-size: 14px
            }

            .lang-msg.donate .button {
                width: 80px
            }

            .mobile-bottom-menu-add {
                display: none;
                width: 100%;
                position: fixed;
                bottom: 64px;
                z-index: 3
            }

            .mobile-bottom-menu-add>div {
                display: flex;
                flex-direction: column;
                justify-content: center;
                max-width: 65%;
                padding: 4px 20px;
                margin: auto;
                background-color: white;
                border-radius: 2px;
                box-shadow: 0 2px 20px 0 #47474740;
                position: relative
            }

            .mobile-bottom-menu-add>div:after {
                content: "";
                width: 14px;
                height: 14px;
                background: white;
                position: absolute;
                bottom: -5px;
                left: calc(50% - 7px);
                transform: rotate(45deg)
            }

            .mobile-bottom-menu-add>div .close {
                width: 28px;
                height: 28px;
                background: url(/images/icons/x-close.svg) center no-repeat white;
                background-size: 20px;
                border-radius: 14px;
                box-shadow: -1px 1px 9px 0 #4747471A;
                position: absolute;
                right: -14px;
                top: -14px
            }

            .mobile-bottom-menu-add a {
                padding: 12px 0;
                border-bottom: solid 1px #E4EFFD;
                color: #333;
                font-size: 16px;
                text-align: center
            }

            .mobile-bottom-menu-add a:last-child {
                border-bottom: 0
            }

            .mobile-bottom-menu {
                display: flex;
                align-items: center;
                justify-content: space-between;
                width: 100%;
                height: 56px;
                padding: 0 16px;
                background: white;
                position: fixed;
                bottom: 0;
                z-index: 2;
                box-shadow: 0 -2px 20px 0 rgba(210, 210, 210, 0.25);
                text-align: center
            }

            .mobile-bottom-menu>a {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 2px;
                width: 20%;
                padding: 0 15px;
                color: #9098AF;
                font-size: 12px;
                font-weight: 400
            }

            .mobile-bottom-menu>a.active {
                color: #316EE4
            }

            .mobile-bottom-menu>a:before {
                content: "";
                display: block;
                width: 22px;
                height: 22px;
                background: url(/images/icons/mobile-bottom-menu.svg) no-repeat 0 0
            }

            .mobile-bottom-menu>a.active:before {
                background-position-y: -42px
            }

            .mobile-bottom-menu>a.fav:before {
                background-position-x: -42px
            }

            .mobile-bottom-menu>a.add:before {
                background-position-x: -84px
            }

            .mobile-bottom-menu>a.menu:before {
                background-position-x: -126px
            }

            .mobile-bottom-menu>a.acc:before {
                background-position-x: -168px
            }

            header .header-message {
                font-size: 13px
            }

            header .header-message a {
                font-size: 11px;
                white-space: nowrap
            }
        }

        @media screen and (max-width:450px) {
            .lang-msg {
                display: flex;
                text-align: left;
                align-items: center
            }

            .lang-msg>span:last-child {
                white-space: nowrap
            }
        }

        #toTop {
            display: none
        }

        div.content-wrapper {
            margin: 25px auto 0;
            max-width: 1280px;
            padding: 0 40px 80px;
            display: flex
        }

        div.left-column {
            width: 232px;
            flex-shrink: 0
        }

        div.main-column {
            flex-grow: 1
        }

        div.content-wrapper h1 {
            font-size: 1.93em;
            font-weight: normal;
            color: #444;
            margin: 0 0 30px
        }

        div.i-block {
            font-size: 0.86em;
            background-color: #f8ede3;
            border-bottom: solid 1px #ede2d8
        }

        div.i-block span.close {
            float: right;
            margin-right: 15px;
            cursor: pointer;
            font-weight: bold;
            font-size: 1.5em;
            line-height: 0.75em;
            color: #555
        }

        div.i-block>div {
            background: url(/images/fire.png) no-repeat left center;
            padding: 10px 0 8px 25px;
            background-size: 18px 18px;
            max-width: 1200px;
            width: 100%;
            margin: auto;
            color: #6a524a
        }

        .reveal,
        .reveal-overlay {
            display: none
        }

        .login-form-container {
            padding: 5px 0 20px;
            width: 100%;
            max-width: 400px;
            background-color: #fff;
            margin: 61px auto 0;
            border-radius: 3px;
            box-shadow: 0 22px 54px 0 rgba(0, 0, 0, 0.21)
        }

        .login-form-container .lform {
            padding: 0 40px
        }

        div .login-form-container .tabs {
            display: flex;
            align-items: center;
            margin: 20px 40px 0;
            padding: 2px;
            background-color: #F0F5FA;
            border-radius: 6px
        }

        .login-form-container .tabs a,
        .reveal .login-form-container .tabs a {
            width: 50%;
            font-weight: 400;
            font-size: 16px;
            padding: 10px 0;
            border: 0;
            border-radius: 4px;
            color: #45455C;
            flex-grow: 1;
            text-align: center
        }

        .login-form-container .tabs a.active,
        .reveal .login-form-container .tabs a.active {
            color: #0670EC;
            border: solid 1px #DCE1E5;
            background: #fff;
            font-weight: 700
        }

        #login-dialog div.input {
            float: none
        }

        #login-dialog .container {
            display: flex;
            flex-direction: column
        }

        #login-dialog div.input {
            margin-bottom: 0
        }

        .login-through {
            position: relative;
            text-align: center;
            line-height: 1.5em;
            margin: 20px 0 0
        }

        .login-through .hint span:last-child {
            display: none
        }

        .login-through .line {
            margin-top: 20px;
            position: relative;
            left: 0;
            top: 11px;
            width: 100%;
            height: 1px;
            background: #e6e8ec;
            z-index: 0
        }

        .login-through .hint {
            font-size: 12px;
            color: #646f86;
            text-align: center;
            margin: 0 0 15px
        }

        .login-through .title span {
            position: relative;
            display: inline-block;
            padding: 0 20px;
            font-size: 12px;
            background: #fff;
            color: #646f86;
            z-index: 1
        }

        .login-through-links {
            display: flex;
            gap: 10px
        }

        .login-through-links.rsn a span {
            display: none
        }

        .login-through-links.rsn a {
            background-position: center !important
        }

        div.login-through-links .apple-login {
            min-width: 90px;
            padding-left: 38px;
            background: url(/images/icons/social/login/apple.svg) no-repeat 12px 7px #fff;
            background-size: 17px;
            border: solid 1px #E6E8EC;
            cursor: pointer
        }

        .login-through-links .apple-login>div {
            display: none
        }

        div.login-through-links .fb-login {
            padding-left: 32px;
            background: url(/images/icons/social/login/fb.svg?1) no-repeat 5px center #fff;
            background-size: 22px;
            border: solid 1px #E6E8EC
        }

        div.login-through-links .google-login {
            padding-left: 40px;
            background: url(/images/icons/social/login/g.svg?1) no-repeat 13px center #fff;
            background-size: 22px;
            border: solid 1px #E6E8EC
        }

        .login-through-links .ok-login {
            background: url(/images/icons/social/login/ok.svg) no-repeat 8px center #ff9800
        }

        .login-through-links .vk-login {
            background: url(/images/icons/social/login/vk.svg) no-repeat 8px center #4d76a1
        }

        .login-through-links .fb-login,
        .login-through-links .vk-login,
        .login-through-links .ok-login,
        .login-through-links .google-login,
        .login-through-links .apple-login {
            display: flex;
            font-size: 14px;
            font-weight: 500;
            align-items: center;
            flex-grow: 1;
            padding-left: 40px;
            padding-right: 7px;
            height: 40px;
            border-radius: 6px;
            color: #333;
            width: 33.33%
        }

        .login-through-links .apple-login {
            padding-left: 35px
        }

        .login-form-container .remember {
            padding: 8px 0
        }

        .login-form-container .remember a {
            color: #132242;
            font-size: 12px;
            text-transform: lowercase
        }

        #login-dialog {
            width: 400px;
            padding: 0;
            overflow-y: visible
        }

        #login-dialog .close-button {
            right: -10px;
            top: -10px;
            padding: 0;
            border-radius: 18px;
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
            width: 36px;
            height: 36px;
            z-index: 1007;
            position: absolute;
            background: #fff
        }

        #register-button-container,
        #register-rules,
        #register-hint {
            display: none
        }

        #register-hint {
            margin: 23px 0 24px
        }

        body #login-dialog div.error-message {
            margin: 3px 0 0
        }

        .login-form-container .icheckbox_nice {
            float: left;
            margin: 0 6px 0 0;
            top: -2px
        }

        .login-form-container .rules-block {
            font-size: 10px;
            color: #646f86;
            line-height: 1.4em
        }

        .login-form-container .rules-block .icheckbox_nice {
            margin: 0 10px 20px 0
        }

        #sign-in-rules {
            text-align: center
        }

        .rules-block a {
            color: #132242
        }

        .rules-block>div {
            margin-top: 20px
        }

        body div .login-form-container div.label {
            display: block;
            font-size: 1em;
            margin: 0;
            float: none;
            width: auto
        }

        div div.login-form-container label {
            font-size: 12px;
            color: #646f86
        }

        .login-form-container .button-message {
            height: 48px;
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
            background-color: #0670EC;
            border: 0;
            border-radius: 6px;
            color: white;
            font-weight: 500
        }

        .login-form-container input.input {
            height: 48px;
            background-color: #eef3f8;
            border: 0;
            border-radius: 6px;
            padding-left: 10px;
            padding-top: 0
        }

        .login-form-container div.input,
        .login-form-container input.input {
            max-width: none;
            width: 100%
        }

        .login-form-container div.input {
            padding-top: 10px
        }

        .login-form-container div.error-message {
            margin: 3px 0 0
        }

        .login-form-container i {
            position: absolute;
            display: inline-block;
            margin: 15px 0 0 -25px;
            cursor: pointer;
            width: 20px;
            height: 20px;
            background: url(/images/icons/eye.svg) center no-repeat;
            background-size: 15px
        }

        .login-form-container .buttons-container {
            padding: 18px 0 5px
        }

        .login-form-container .buttons-container .or-with {
            color: #525c69;
            opacity: 0.6
        }

        @media screen and (max-width:39.99875em) {
            #login-dialog {
                width: 100%
            }

            #login-dialog .close-button {
                right: 0;
                top: 0;
                box-shadow: none
            }

            .login-form-container {
                margin-top: 20px
            }

            .reveal .login-form-container {
                margin-top: 0;
                max-width: none;
                height: 100%
            }

            div .login-form-container .tabs {
                margin-top: 40px
            }
        }

        @media (hover:hover) {
            .login-through-links>a:hover {
                background-color: #F0F5FA
            }
        }

        footer {
            background: #2b3d61
        }

        footer .footer-under b {
            color: #b5c2db
        }

        footer .footer-under {
            background: #1f2e4d;
            color: #8895af;
            font-size: 12px;
            display: flex;
            justify-content: space-between
        }

        footer .footer-under>div {
            max-width: 1280px;
            padding: 0 40px;
            margin: auto;
            opacity: 0.7
        }

        footer .footer-under .footer-under-info {
            margin-top: 10px;
            padding-right: 70px
        }

        footer .footer-under .footer-under-mobile,
        footer .footer-mobile-apps-wrapper {
            display: none
        }

        footer>div {
            padding: 20px 0 25px
        }

        footer .footer-blocks {
            max-width: 1280px;
            margin: auto;
            padding: 45px 40px 30px;
            display: flex;
            justify-content: space-between
        }

        footer .flogo-mobile {
            display: none
        }

        footer .flogo div {
            margin-top: 10px
        }

        footer .flogo {
            color: #5f6f8e;
            font-size: 12px
        }

        .flogo a {
            display: inline-block;
            width: 36px;
            height: 36px;
            margin-right: 5px;
            background-image: url(/images/icons/social-iconset.svg);
            background-repeat: no-repeat;
            background-position-x: 0
        }

        .flogo a.fb {
            background-position-y: 0
        }

        .flogo a.insta {
            background-position-y: -46px
        }

        .flogo a.utube {
            background-position-y: -92px
        }

        footer .footer-blocks .flogo a.disabled {
            opacity: 0.3;
            cursor: default
        }

        footer .footer-blocks .fcontent a {
            margin-bottom: 20px;
            display: block;
            color: #afbad3;
            font-size: 14px
        }

        footer .mobapp-container {
            margin: 10px 0;
            padding: 12px;
            width: 197px;
            background: #222E4B;
            border-radius: 4px;
            color: #fff;
            font-size: 10px
        }

        footer .mobapp-container>div {
            display: flex;
            gap: 5px
        }

        footer .footer-blocks .flogo .mobapp-container a {
            width: auto;
            height: auto;
            background: none
        }

        footer .mobapp-container img {
            width: 83px;
            height: 24px
        }

        footer .mobapp-container span {
            display: block;
            margin: 3px 0 7px;
            color: #5F6E90;
            font-size: 9px
        }

        footer .ftitle {
            margin-bottom: 35px;
            font-size: 16px;
            font-weight: bold;
            color: #fff
        }

        #cookie-agreement {
            box-sizing: border-box;
            position: fixed;
            bottom: 0;
            width: 100%;
            z-index: 5;
            font-size: 13px;
            line-height: 1.4em;
            color: #fff;
            background-color: #010e1e;
            padding: 12px;
            text-align: center;
            opacity: 0.7
        }

        #cookie-agreement-button {
            float: right;
            margin: 10px
        }

        #cookie-agreement>div {
            max-width: 950px;
            margin: auto;
            padding: 6px 0
        }

        #cookie-agreement>span.close {
            float: right;
            font-size: 2em;
            font-weight: bold;
            cursor: pointer;
            display: inline-block;
            padding: 0 0 15px 15px
        }

        #cookie-agreement a {
            text-decoration: underline !important;
            color: #fff
        }

        @media only screen and (max-width:850px) {
            footer div.footer-blocks {
                flex-direction: column;
                padding: 0
            }

            footer .flogo-mobile {
                display: block;
                padding: 20px 15px
            }

            footer div.footer-blocks .fcontent,
            footer div.footer-blocks .flogo {
                display: none
            }

            footer div.footer-blocks .fcontent {
                padding: 0 10px 0 20px
            }

            footer .ftitle {
                cursor: pointer;
                font-weight: 500;
                margin: 0;
                padding: 20px;
                border-top: solid 1px #3a4b6c
            }

            footer .ftitle:after {
                content: "";
                display: block;
                float: right;
                width: 11px;
                height: 11px;
                border-bottom: solid 1px #bbd4ec;
                border-right: solid 1px #bbd4ec;
                transform: rotate(45deg)
            }

            footer .ftitle.open:after {
                transform: rotate(-135deg);
                position: relative;
                top: 5px
            }

            footer .footer-under {
                padding: 20px 0
            }

            footer div.footer-under>div {
                padding: 0;
                margin: 0
            }

            footer .footer-under b {
                margin: 0 15px
            }

            footer .footer-under .footer-under-info {
                padding: 0 15px;
                font-size: 9px
            }

            footer .footer-under .footer-under-mobile {
                display: block;
                margin-top: 10px;
                padding: 0 15px;
                font-size: 11px;
                color: #b5c2db;
                opacity: 0.7
            }

            footer .footer-mobile-apps-wrapper {
                display: block;
                padding: 15px;
                background: #394666
            }

            footer .mobapp-container {
                width: auto;
                font-size: 16px;
                text-align: center
            }

            footer .mobapp-container img {
                width: 118px;
                height: 34px
            }

            footer .mobapp-container>div {
                justify-content: center;
                gap: 7px
            }

            footer .mobapp-container span {
                margin: 3px 0 20px;
                font-size: 12px
            }
        }

        @media only screen and (max-width:550px) {
            #cookie-agreement {
                opacity: 1;
                font-size: 9px;
                line-height: 1.2em;
                padding: 10px;
                text-align: left;
                background-color: #1C2945
            }

            #cookie-agreement.__card {
                bottom: 65px
            }

            #cookie-agreement>div {
                padding: 5px
            }

            #cookie-agreement>span.close {
                font-size: 3em;
                padding: 0 0 5px 5px
            }

            #cookie-agreement-button {
                padding: 10px 20px;
                font-size: 12px
            }

            body footer>div {
                padding: 20px 15px
            }

            footer .footer-under {
                padding: 20px 0 100px !important
            }
        }

        ul.yiiPager {
            font-family: Arial;
            border: 0;
            margin: 0;
            padding: 0;
            line-height: 100%;
            display: inline
        }

        ul.yiiPager li {
            display: inline;
            padding: 0
        }

        .ct-paginator ul.yiiPager,
        .ct-paginator ul.yiiPager li {
            list-style-type: none;
            list-style-position: inside;
            margin: 0
        }

        .ct-paginator ul.yiiPager {
            display: flex;
            justify-content: center;
            gap: 6px
        }

        .ct-paginator ul.yiiPager li>span,
        .ct-paginator ul.yiiPager li>a {
            text-align: center;
            display: inline-block;
            padding: 0 5px;
            font-size: 1.2em;
            text-decoration: none;
            border: solid 1px #ddd;
            border-radius: 3px;
            min-width: 36px;
            background-color: #fff
        }

        .ct-paginator ul.yiiPager li>a:hover {
            border-color: #ff5e1d
        }

        .ct-paginator ul.yiiPager li>span {
            color: #777
        }

        .company_paginator_bottom {
            padding: 10px 0 0
        }

        .message .company_paginator_bottom {
            padding: 15px 0 0;
            text-align: center
        }

        .company_paginator_bottom_2 {
            padding: 5px 0 0
        }

        div.m-block .company_paginator_bottom {
            padding-top: 24px;
            text-align: center
        }

        .ct-paginator ul.yiiPager li>a {
            color: #8493A5
        }

        .ct-paginator ul.yiiPager li>a,
        .ct-paginator ul.yiiPager li>span {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 36px;
            min-width: 36px;
            background-color: #fff;
            border-color: #e6e6f2;
            font-size: 14px
        }

        .ct-paginator ul.yiiPager li>span {
            color: #BFC5CF
        }

        .ct-paginator ul.yiiPager li.selected>* {
            background-color: #E4E9F0;
            border-color: #D3D8E3;
            color: #45455C
        }

        .yiiPager .selected span {
            font-size: 110%;
            padding: 2px 5px
        }

        ul.yiiPager .page a {
            font-size: 110%;
            text-decoration: underline
        }

        ul.yiiPager a:link,
        ul.yiiPager a:visited {
            padding: 2px 5px
        }

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

            .ct-paginator ul.yiiPager li.next a span,
            .ct-paginator ul.yiiPager li.previous a span {
                display: none
            }

            .ct-paginator ul.yiiPager li.next a::after,
            .ct-paginator ul.yiiPager li.previous a::after {
                content: "";
                display: block;
                width: 9px;
                height: 9px;
                border-left: solid 1px #8493A5;
                border-bottom: solid 1px #8493A5;
                transform: rotate(225deg);
                position: relative;
                left: -3px
            }

            .ct-paginator ul.yiiPager li.previous a::after {
                transform: rotate(45deg);
                left: 3px
            }
        }

        @media only screen and (max-width:400px) {
            .ct-paginator ul.yiiPager {
                gap: 3px
            }

            .ct-paginator ul.yiiPager li>a,
            .ct-paginator ul.yiiPager li>span {
                min-width: 34px;
                height: 34px
            }
        }

        .country-list li a:before {
            content: "";
            display: inline-block;
            margin-right: 12px;
            width: 23px;
            height: 15px;
            border-radius: 3px;
            overflow: hidden;
            background-repeat: no-repeat;
            background-position: 0 -4px;
            background-size: 23px
        }

        li.flag-ru a:before {
            background-image: url(/images/icons/flags-iso/flat/64/RU.png)
        }

        li.flag-kz a:before {
            background-image: url(/images/icons/flags-iso/flat/64/KZ.png)
        }

        li.flag-by a:before {
            background-image: url(/images/icons/flags-iso/flat/64/BY.png)
        }

        li.flag-ua a:before {
            background-image: url(/images/icons/flags-iso/flat/64/UA.png)
        }

        li.flag-us a:before {
            background-image: url(/images/icons/flags-iso/flat/64/US.png)
        }

        li.flag-md a:before {
            background-image: url(/images/icons/flags-iso/flat/64/MD.png)
        }

        li.flag-lt a:before {
            background-image: url(/images/icons/flags-iso/flat/64/LT.png)
        }

        li.flag-lv a:before {
            background-image: url(/images/icons/flags-iso/flat/64/LV.png)
        }

        li.flag-ee a:before {
            background-image: url(/images/icons/flags-iso/flat/64/EE.png)
        }

        li.flag-az a:before {
            background-image: url(/images/icons/flags-iso/flat/64/AZ.png)
        }

        li.flag-ro a:before {
            background-image: url(/images/icons/flags-iso/flat/64/RO.png)
        }

        li.flag-am a:before {
            background-image: url(/images/icons/flags-iso/flat/64/AM.png)
        }

        li.flag-ge a:before {
            background-image: url(/images/icons/flags-iso/flat/64/GE.png)
        }

        li.flag-kg a:before {
            background-image: url(/images/icons/flags-iso/flat/64/KG.png)
        }

        li.flag-tj a:before {
            background-image: url(/images/icons/flags-iso/flat/64/TJ.png)
        }

        li.flag-tm a:before {
            background-image: url(/images/icons/flags-iso/flat/64/TM.png)
        }

        li.flag-uz a:before {
            background-image: url(/images/icons/flags-iso/flat/64/UZ.png)
        }

        li.flag-pl a:before {
            background-image: url(/images/icons/flags-iso/flat/64/PL.png)
        }

        li.flag-hu a:before {
            background-image: url(/images/icons/flags-iso/flat/64/HU.png)
        }

        li.flag-sk a:before {
            background-image: url(/images/icons/flags-iso/flat/64/SK.png)
        }

        li.flag-bg a:before {
            background-image: url(/images/icons/flags-iso/flat/64/BG.png)
        }

        li.flag-at a:before {
            background-image: url(/images/icons/flags-iso/flat/64/AT.png)
        }

        li.flag-be a:before {
            background-image: url(/images/icons/flags-iso/flat/64/BE.png)
        }

        li.flag-ch a:before {
            background-image: url(/images/icons/flags-iso/flat/64/CH.png)
        }

        li.flag-cy a:before {
            background-image: url(/images/icons/flags-iso/flat/64/CY.png)
        }

        li.flag-cz a:before {
            background-image: url(/images/icons/flags-iso/flat/64/CZ.png)
        }

        li.flag-de a:before {
            background-image: url(/images/icons/flags-iso/flat/64/DE.png)
        }

        li.flag-dk a:before {
            background-image: url(/images/icons/flags-iso/flat/64/DK.png)
        }

        li.flag-es a:before {
            background-image: url(/images/icons/flags-iso/flat/64/ES.png)
        }

        li.flag-fr a:before {
            background-image: url(/images/icons/flags-iso/flat/64/FR.png)
        }

        li.flag-gr a:before {
            background-image: url(/images/icons/flags-iso/flat/64/GR.png)
        }

        li.flag-il a:before {
            background-image: url(/images/icons/flags-iso/flat/64/IL.png)
        }

        li.flag-it a:before {
            background-image: url(/images/icons/flags-iso/flat/64/IT.png)
        }

        li.flag-nl a:before {
            background-image: url(/images/icons/flags-iso/flat/64/NL.png)
        }

        li.flag-no a:before {
            background-image: url(/images/icons/flags-iso/flat/64/NO.png)
        }

        li.flag-rs a:before {
            background-image: url(/images/icons/flags-iso/flat/64/RS.png)
        }

        li.flag-se a:before {
            background-image: url(/images/icons/flags-iso/flat/64/SE.png)
        }

        li.flag-tr a:before {
            background-image: url(/images/icons/flags-iso/flat/64/TR.png)
        }

        li.flag-fi a:before {
            background-image: url(/images/icons/flags-iso/flat/64/FI.png)
        }

        li.flag-eg a:before {
            background-image: url(/images/icons/flags-iso/flat/64/EG.png)
        }

        li.flag-ae a:before {
            background-image: url(/images/icons/flags-iso/flat/64/AE.png)
        }

        li.flag-pt a:before {
            background-image: url(/images/icons/flags-iso/flat/64/PT.png)
        }

        li.flag-kr a:before {
            background-image: url(/images/icons/flags-iso/flat/64/KR.png)
        }

        li.flag-gb a:before {
            background-image: url(/images/icons/flags-iso/flat/64/GB.png)
        }

        li.flag-ca a:before {
            background-image: url(/images/icons/flags-iso/flat/64/CA.png)
        }

        li.flag-au a:before {
            background-image: url(/images/icons/flags-iso/flat/64/AU.png)
        }

        li.flag-si a:before {
            background-image: url(/images/icons/flags-iso/flat/64/SI.png)
        }

        li.flag-cn a:before {
            background-image: url(/images/icons/flags-iso/flat/64/CN.png)
        }

        li.flag-jp a:before {
            background-image: url(/images/icons/flags-iso/flat/64/JP.png)
        }

        li.flag-za a:before {
            background-image: url(/images/icons/flags-iso/flat/64/ZA.png)
        }

        li.flag-br a:before {
            background-image: url(/images/icons/flags-iso/flat/64/BR.png)
        }

        li.flag-cl a:before {
            background-image: url(/images/icons/flags-iso/flat/64/CL.png)
        }

        li.flag-nz a:before {
            background-image: url(/images/icons/flags-iso/flat/64/NZ.png)
        }

        li.flag-ar a:before {
            background-image: url(/images/icons/flags-iso/flat/64/AR.png)
        }

        #see-also.opened div.flagma-countries {
            display: block;
            height: auto;
            position: absolute;
            background: #f5f5f5;
            border-top: solid 1px #2D85B1;
            border-bottom: solid 1px #ccc
        }

        #see-also .flagma-world {
            text-decoration: none !important;
            cursor: pointer;
            border-bottom: dotted 1px #0657ba
        }

        #see-also div.flagma-countries {
            width: 100%
        }

        #countries-block.reveal-modal {
            padding: 20px;
            background: #F4F6F7
        }

        @media screen and (max-width:850px) {
            #countries-block.reveal-modal {
                top: 0;
                left: 0;
                margin: 0;
                width: 100%;
                height: 100vh;
                border-radius: 0;
                position: fixed;
                overflow: scroll
            }
        }

        @media screen and (max-width:550px) {
            div.flagma-countries .pad {
                height: 0
            }
        }

        /*]]>*/
    
    
        /*<![CDATA[*/
        div.mainpage {
            margin: 18px auto;
            max-width: 1280px;
            padding: 0 40px 50px
        }

        .mainpage-blog-articles {
            margin-bottom: 40px
        }

        .mainpage .mainpage-blog-articles h2 {
            margin-top: 40px
        }

        .mainpage-blog-articles>div {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5%;
            width: calc(100% - 10px);
            margin-top: 10px
        }

        .mainpage-blog-articles div.article {
            width: 33%;
            padding: 15px 20px;
            margin: 0 0 10px;
            background-color: white;
            border: 1px solid rgba(0, 0, 0, 0.09);
            border-radius: 4px;
            cursor: pointer
        }

        .mainpage-blog-articles div.article img {
            width: 100%
        }

        .mainpage .article-name {
            margin-top: 10px;
            font-size: 16px;
            font-weight: 500
        }

        .mainpage .article-name a {
            color: #333333
        }

        .mainpage .article-category {
            margin-bottom: 15px;
            font-size: 12px;
            font-weight: 600
        }

        .mainpage .article-category a {
            color: #444444
        }

        .mainpage .article-category a:before {
            content: "";
            display: inline-block;
            width: 10px;
            height: 10px;
            margin-right: 4px;
            background-color: #9CC3E1;
            position: relative;
            top: 1px
        }

        div.mainpage h1 {
            font-size: 1.28em;
            font-weight: normal
        }

        div.mainpage h2 {
            font-size: 22px;
            font-weight: 500
        }

        div.mainpage h3 {
            font-weight: 500
        }

        div.mainpage h2.vip {
            padding-left: 26px;
            background: url(/images/icons/sign-of-the-horns.png) no-repeat left center;
            background-size: 17px
        }

        div.mainpage h2.hot {
            padding-left: 30px;
            background: url(/images/icons/fire.png) no-repeat left center;
            background-size: 20px
        }

        div.mainpage h2.na {
            padding-left: 35px;
            background: url(/images/icons/rocket.png) no-repeat left center;
            background-size: 28px
        }

        div.mainpage h2.oc {
            padding-left: 31px;
            background: url(/images/icons/compass.png) no-repeat left center;
            background-size: 24px;
            margin-top: 35px
        }

        div.mainpage .job .gallery h2 {
            font-size: 2.29em
        }

        div.mainpage h1,
        div.mainpage h2 {
            margin: 0
        }

        div.mainpage h2 {
            margin-top: 55px
        }

        div.mainpage .count {
            color: #525c69;
            font-size: 12px;
            margin: 7px 0 0;
            opacity: 0.7
        }

        div.mainpage .job .count {
            font-size: 1em
        }

        div.mainpage a.region-link {
            color: #9b9b9b;
            font-size: 0.85em
        }

        .gallery {
            grid-column: 1/3;
            grid-row: 2/3;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            -ms-grid-row: 2
        }

        .gallery>div {
            display: flex;
            flex-wrap: wrap;
            margin-top: 25px
        }

        div.trade-price-container {
            margin-top: 12px
        }

        div.trade-price-title {
            color: #525c69;
            opacity: 0.6;
            font-size: 0.65em;
            text-transform: uppercase;
            margin: 0 0 5px;
            font-weight: bold
        }

        .mainpage-info {
            -ms-grid-column: 2;
            padding-top: 5px
        }

        .mainpage-info>a {
            font-size: 0.8em;
            display: inline-block;
            padding: 7px 15px;
            border: solid 1px rgba(8, 92, 198, 0.12)
        }

        .curr-info {
            padding-bottom: 15px;
            margin-bottom: 20px;
            border-bottom: solid 1px #e1e4eb
        }

        .curr-info strong span {
            color: #b1bbc8
        }

        .curr-info div.curr {
            color: #ff6633;
            font-weight: bold
        }

        .curr-info table thead td {
            padding-bottom: 11px;
            white-space: nowrap
        }

        .curr-info table tr.rates {
            line-height: 1.5em
        }

        .curr-info table tr.rates>td {
            padding-right: 45px
        }

        .curr-info table tr.rates>td:nth-child(3n) {
            padding-right: 20px
        }

        .curr-date {
            color: #525c69;
            opacity: 0.5;
            font-size: 0.79em;
            margin-left: 15px
        }

        div.countries-container {
            margin: 14px 0 0;
            display: flex;
            justify-content: space-between;
            position: relative
        }

        div.countries-container ul.country-list::-webkit-scrollbar {
            width: 6px;
            height: 6px
        }

        div.countries-container ul.country-list::-webkit-scrollbar-track {
            background: #f0f2f8;
            border-radius: 1px
        }

        div.countries-container ul.country-list::-webkit-scrollbar-thumb {
            background: #d5d9e7;
            border-radius: 3px
        }

        div.countries-container:before {
            content: "";
            position: absolute;
            right: -1px;
            width: 70px;
            height: 30px;
            background: linear-gradient(90deg, rgba(248, 249, 252, 0) 0, rgba(248, 249, 252, 1) 100%)
        }

        ul.country-list {
            display: flex;
            flex-wrap: nowrap;
            font-size: 13px;
            line-height: 1.5em;
            overflow: auto;
            padding-bottom: 5px
        }

        ul.country-list li a {
            display: flex;
            align-items: center;
            padding: 7px 10px 5px 5px;
            color: #000
        }

        ul.country-list li.all {
            background: #e5f0f9
        }

        ul.country-list li.all a {
            color: #2b3d61;
            background-image: url(/images/icons/flag.svg);
            background-size: 22px !important;
            background-position: left 10px center !important;
            background-repeat: no-repeat !important
        }

        ul.country-list li {
            padding: 0;
            background: #eeeff5;
            border-radius: 9px;
            margin: 0 16px 5px 0;
            background-position-x: 7px;
            white-space: nowrap
        }

        .page-list-item {
            cursor: pointer
        }

        .vip .page-list-item.top div.top {
            display: none
        }

        .vip .page-list-item.top.highlight {
            background-color: #fff
        }

        .vip .page-list-item .page-list-item-header div.top,
        .vip .page-list-item .photo-block.nophoto {
            display: none
        }

        .gallery .page-list-item:nth-child(5n) {
            margin-right: 0
        }

        div.gallery .message-list.job>div:nth-child(2n) {
            width: calc(50% - 10px)
        }

        body .gallery .page-list-item:not(.text-banner) {
            width: calc(20% - 10px)
        }

        .gallery .job .page-list-item .page-list-item-header div.top {
            line-height: 1.2em
        }

        .gallery .job .page-list-item:nth-child(5n) {
            margin-right: 10px
        }

        .gallery .job .page-list-item:nth-child(2n) {
            margin-right: 0
        }

        .gallery .job .page-list-item .text {
            display: block
        }

        .gallery .job .page-list-item .header {
            height: auto !important;
            overflow: unset !important
        }

        .gallery .job .page-list-item {
            height: auto !important
        }

        .job .page-list-item .company {
            color: #000;
            margin: 0;
            opacity: 1;
            font-size: 1em
        }

        .scroll .left,
        .scroll .right {
            position: absolute;
            top: calc(50% - 20px);
            width: 36px;
            height: 36px;
            border-radius: 5px;
            box-shadow: 0 0 14px 0 rgba(130, 139, 149, 0.37);
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 2
        }

        .scroll .left {
            left: 30px
        }

        .scroll .right {
            right: 33px
        }

        .scroll .left:before,
        .scroll .right:before {
            content: "";
            display: block;
            width: 9px;
            height: 9px;
            border-top: solid 1px #505a68;
            border-left: solid 1px #505a68;
            transform: rotate(-45deg);
            margin: 0 0 0 3px
        }

        .scroll .right:before {
            transform: rotate(135deg);
            margin: 0 3px 0 0
        }

        div.ant-carousel-dots {
            display: none
        }

        .mainpage-categories .cats-container ul.hscroll {
            height: 185px
        }

        .mainpage-categories .cats-container ul.hscroll-dots {
            height: 15px
        }

        .mainpage-categories .cats-container,
        .mainpage-banners .banners {
            max-width: 1280px;
            padding: 0 40px;
            margin: auto;
            position: relative
        }

        .mainpage-categories h1 {
            margin: 0;
            font-size: 22px;
            font-weight: 500;
            padding: 25px 0
        }

        .mainpage-banners .banners {
            display: flex;
            gap: 10px;
            flex-wrap: wrap
        }

        .mainpage-banners .banners.hscroll {
            margin: 20px 0 0;
            padding: 0;
            flex-wrap: nowrap;
            gap: 0;
            overflow-y: hidden;
            overflow-x: scroll
        }

        .mainpage-banners .banners.hscroll li {
            padding: 0 15px
        }

        .mainpage-banners .banners.hscroll>* {
            padding: 0;
            text-align: unset
        }

        .mainpage-banners .banners li {
            width: 32.5%;
            margin: 0
        }

        .mpbanner {
            display: block;
            height: 100px;
            padding: 20px 130px 20px 20px;
            background: url(/images/banners/new/banner_work.png) #D4E3F7 no-repeat right 18px center;
            background-size: 100px;
            border-radius: 16px;
            color: #000;
            font-size: 13px;
            font-weight: 300;
            line-height: 1.5em
        }

        .mpbanner.banner-realty {
            background-image: url(/images/banners/new/banner_nedvizimost.png)
        }

        .mpbanner.banner-trans {
            background-image: url(/images/banners/new/banner_gruz.png)
        }

        .mpbanner.banner-services {
            background-image: url(/images/banners/new/banner_usluga.png)
        }

        .mpbanner.banner-distance {
            background-image: url(/images/banners/new/banner_distance.png)
        }

        .mpbanner.banner-auto {
            background-image: url(/images/banners/new/banner_car.png)
        }

        .mpbanner .title {
            display: block;
            margin: 0 0 5px;
            font-size: 17px;
            font-weight: 500;
            color: #000;
            white-space: nowrap
        }

        .mpbanner .desc {
            display: block;
            max-height: 35px;
            overflow: hidden
        }

        .mainpage-categories,
        .mainpage-regions {
            background: #fff
        }

        div.mainpage-regions {
            padding: 17px 20px 34px;
            margin: 20px 10px 10px 0
        }

        div.mainpage div.mainpage-regions h2 {
            margin-top: 0
        }

        div.mainpage div.mainpage-regions a.he2 {
            color: black
        }

        div.mainpage-regions a.show-more {
            display: none
        }

        div.mainpage-regions div.cats-container {
            margin-top: 15px;
            justify-content: left
        }

        div.mainpage-regions div.cats-container ul {
            width: 100%;
            -webkit-columns: 5 200px;
            -moz-columns: 5 200px;
            columns: 5 200px;
            -webkit-column-gap: 2em;
            -moz-column-gap: 2em;
            column-gap: 2em
        }

        div.mainpage-regions div.cats-container li {
            line-height: 1.3em;
            margin-bottom: 10px;
            -webkit-column-break-inside: avoid;
            -moz-column-break-inside: avoid;
            -moz-page-break-inside: avoid;
            page-break-inside: avoid;
            break-inside: avoid-column
        }

        #new-alist .page-list-item:nth-child(n+21) {
            display: none
        }

        #show-cats-mobile {
            display: none
        }

        .mainpage-banners.scroll {
            height: 175px
        }

        .under-list-info {
            line-height: 1.5em;
            margin: 70px 10px 0 0;
            border-radius: 5px;
            background-color: #fff;
            padding: 0 25px 25px;
            color: #828b95;
            font-size: 13px
        }

        .under-list-info ul {
            list-style-type: disc;
            padding-top: 5px;
            padding-left: 15px
        }

        .under-list-info p {
            margin-bottom: 10px
        }

        .under-list-info a {
            color: #085cc6
        }

        .under-list-info .title2 {
            font-weight: bold;
            color: #505c6a;
            margin: 25px 0 10px;
            display: block
        }

        .under-list-info .title {
            font-size: 18px;
            color: #525c69;
            display: block;
            margin: 25px 0 15px
        }

        .under-list-info a.read {
            border-bottom: dashed 1px
        }

        .under-list-info a.collapse {
            display: none;
            border-bottom: dashed 1px
        }

        .under-list-info.open a.collapse {
            display: inline
        }

        .under-list-info.open a.read {
            display: none
        }

        .under-list-info.open>div {
            background-image: none;
            height: auto
        }

        .under-list-info.open>div>div.overlay {
            display: none
        }

        .under-list-info>div>div.overlay {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 50%;
            background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 2%, white 100%)
        }

        .under-list-info>div {
            position: relative;
            height: 230px;
            margin-bottom: 20px;
            overflow: hidden
        }

        .hscroll-wrapper {
            position: relative;
            max-width: 1280px;
            margin: 0 auto 30px;
            padding: 0 0 20px;
            background: #fff
        }

        .hscroll {
            display: flex;
            position: relative;
            width: 100%;
            overflow-x: scroll;
            overflow-y: hidden;
            scrollbar-width: none;
            -ms-overflow-style: none
        }

        .hscroll::-webkit-scrollbar {
            display: none
        }

        .hscroll-wrapper .hscroll-arr {
            position: absolute;
            top: 55px;
            width: 36px;
            height: 36px;
            border-radius: 5px;
            box-shadow: 0 0 14px 0 rgba(130, 139, 149, 0.37);
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 2
        }

        .hscroll-wrapper .hscroll-arr.disabled {
            opacity: 0.5;
            cursor: default
        }

        .hscroll-wrapper .hscroll-arr:before {
            content: "";
            display: block;
            width: 9px;
            height: 9px;
            border-top: solid 1px #505a68;
            border-left: solid 1px #505a68;
            transform: rotate(-45deg);
            margin: 0 0 0 3px
        }

        .hscroll-wrapper .hscroll-arr.left {
            left: -10px
        }

        .hscroll-wrapper .hscroll-arr.right {
            right: -10px
        }

        .hscroll-wrapper .hscroll-arr.right:before {
            transform: rotate(135deg);
            margin: 0 3px 0 0
        }

        .hscroll>* {
            flex-shrink: 0;
            width: 150px;
            padding: 0 6px;
            font-size: 13px;
            font-weight: 500;
            text-align: center
        }

        .hscroll a {
            color: #4a4a4a
        }

        .hscroll img {
            max-width: 100%;
            height: auto;
            margin-bottom: 12px
        }

        .hscroll-dots {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin: 20px 0 0
        }

        .hscroll-dots li {
            background: #D2DDEC;
            width: 12px;
            height: 12px;
            border-radius: 6px;
            cursor: pointer
        }

        .hscroll-dots li.active {
            background: #0a6aa1
        }

        @media only screen and (max-width:1200px) {
            body .gallery .page-list-item:nth-child(5n) {
                margin-right: 10px
            }

            .mainpage-banners .banners li {
                width: 49%
            }
        }

        @media only screen and (max-width:850px) {
            div.mainpage {
                margin: 0 auto;
                padding-left: 0;
                padding-right: 0
            }

            .mainpage-categories .cats-container {
                padding: 0 15px
            }

            .mainpage-banners .banners {
                padding: 0 25px
            }

            .scroll .left {
                left: 15px
            }

            .scroll .right {
                right: 17px
            }

            div.gallery,
            div.mainpage-info,
            div.mainpage-regions {
                margin-left: 15px;
                margin-right: 15px
            }

            div.mainpage-regions,
            div.mainpage-blog-articles {
                padding-left: 15px;
                padding-right: 15px
            }

            div.mainpage-blog-articles>div,
            div.mainpage-blog-articles div.article {
                width: 100%
            }

            div.under-list-info {
                margin: 50px 15px
            }

            body .gallery .page-list-item:nth-child(n+13) {
                display: none
            }

            body .gallery .vip .page-list-item:nth-child(n+13) {
                display: block
            }

            .mainpage-banners .banners li {
                width: 100%
            }
        }

        @media only screen and (max-width:650px) {
            body a.show-more {
                margin-right: 0
            }
        }

        @media only screen and (max-width:550px) {
            body .mainpage .gallery .page-list-item:not(.text-banner) {
                width: calc(50% - 5px)
            }

            .show-more.vip {
                margin-bottom: 15px
            }

            body .job .page-list-item .header a {
                display: inline
            }

            body .mainpage .gallery .page-list-item.job {
                width: 100%
            }

            div.mainpage-regions div.cats-container ul {
                -webkit-columns: 2 100px;
                -moz-columns: 2 100px;
                columns: 2 100px
            }

            div.mainpage-regions a.show-more {
                display: block;
                margin-top: 10px
            }

            div.mainpage-regions div.cats-container li:nth-child(n+9) {
                display: none
            }

            div.mainpage-regions.show-all div.cats-container li:nth-child(n+9) {
                display: block
            }

            div.mainpage-categories {
                padding-bottom: 15px
            }

            #show-cats-mobile {
                display: block;
                height: 48px;
                width: 90%;
                margin: 0 auto;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 500
            }

            div.ant-carousel-dots {
                display: block
            }

            #categories-scroll-test {
                height: 240px;
                margin-bottom: 10px
            }
        }

        @media only screen and (max-width:450px) {
            div.mainpage h2.oc {
                margin-top: 10px
            }

            body .mainpage-banners ul.banners li {
                width: 100%;
                height: 100px;
                margin: 0
            }

            #categories-scroll .left,
            #categories-scroll .right {
                display: none
            }

            #banners .left,
            #banners .right {
                display: none
            }

            .scroll .left {
                top: calc(50% - 40px)
            }

            .scroll .right {
                top: calc(50% - 40px)
            }

            .mainpage-banners {
                margin-bottom: 20px
            }
        }

        @media only screen and (max-width:400px) {
            .hscroll>* {
                width: 162px;
                padding: 0 17px
            }

            .hscroll-wrapper {
                padding-left: 10px;
                padding-right: 10px
            }

            .hscroll-wrapper .hscroll-arr {
                display: none
            }
        }

        @media only screen and (max-width:320px) {
            .hscroll>* {
                width: 130px;
                padding: 0 10px
            }
        }

        div.mobile-cat {
            display: none
        }

        .page-list-item {
            display: flex;
            background-color: #fff;
            margin: 0 10px 10px 0;
            padding: 20px;
            border: solid 1px rgba(0, 0, 0, 0.09)
        }

        .page-list-item-info {
            overflow: hidden
        }

        .page-list-item div.top,
        .page-list-item div.vip {
            display: none
        }

        .page-list-item.top div.top,
        .page-list-item.vip div.vip {
            display: block;
            padding: 6px 9px;
            background-color: #ff5824;
            border-radius: 2px;
            text-transform: uppercase;
            position: absolute;
            left: -10px;
            top: -10px;
            font-size: 9px;
            font-weight: bold;
            color: #fff;
            white-space: nowrap;
            z-index: 1
        }

        .page-list-item.vip div.vip {
            top: 15px;
            background-color: #ffa824
        }

        .page-list-item.checked {
            background-image: url(/images/icons/checked.svg);
            background-position: right 12px bottom 12px;
            background-repeat: no-repeat
        }

        .page-list-item.deleted {
            background-image: url(/images/icons/alert.svg);
            background-position: right 12px bottom 12px;
            background-repeat: no-repeat
        }

        .page-list-item .fav {
            display: none;
            position: absolute;
            z-index: 2;
            right: 5px;
            top: 5px;
            border-radius: 19px;
            width: 38px;
            height: 38px;
            background: url(/images/icons/ad_heart.svg?02) no-repeat center rgba(255, 255, 255, 0.6);
            background-size: 18px 16px;
            cursor: pointer
        }

        .page-list-item:hover .fav {
            display: flex;
            align-items: center;
            justify-content: center
        }

        div.page-list-item .fav.active {
            display: flex;
            align-items: center;
            justify-content: center;
            background-image: url(/images/icons/ad_heart_active.svg?01)
        }

        .gallery .page-list-item:not(.text-banner) {
            display: block;
            width: 232px;
            height: 380px;
            margin: 0 10px 10px 0
        }

        .gallery .page-list-item:not(.text-banner) .photo {
            margin: 0 0 10px;
            width: 100%
        }

        .page-list-item .photo div.img-container img {
            height: 100%;
            width: auto;
            border-radius: 2px
        }

        .page-list-item .photo .count-photos {
            position: absolute;
            left: 10px;
            bottom: 10px;
            background: url(/images/icons/photo-img.svg) no-repeat right 7px center rgba(0, 0, 0, 0.6);
            color: #fff;
            font-size: 12px;
            padding: 3px 25px 3px 6px
        }

        .realty #top-list .gallery .page-list-item .photo {
            width: 100%
        }

        .realty:not(.gallery) .page-list-item .photo {
            width: 256px;
            height: auto;
            min-height: 192px
        }

        .realty:not(.gallery) .page-list-item .photo .small-p .pol {
            position: absolute;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(0, 0, 0, 0.4);
            color: #fff;
            font-size: 11px;
            font-weight: 500
        }

        .realty:not(.gallery) .page-list-item .photo .small-p img {
            display: block;
            width: 100%;
            height: auto;
            border-radius: 2px
        }

        .realty:not(.gallery) .page-list-item .photo .small-p>* {
            margin: 9px 0 0 0;
            width: 32%;
            background: #eeeef5;
            border-radius: 2px;
            position: relative;
            overflow: hidden
        }

        .realty:not(.gallery) .page-list-item .photo .small-p {
            display: flex;
            justify-content: space-between;
            height: 70px
        }

        .realty:not(.gallery) .page-list-item .photo div.img-container {
            height: 192px;
            border-radius: 2px
        }

        .realty:not(.gallery) .page-list-item .photo.nophoto div.img-container {
            height: 100%
        }

        .page-list-item .photo {
            position: relative;
            display: block;
            margin: 0 20px 0 0;
            width: 192px;
            height: 192px;
            flex-shrink: 0
        }

        .page-list-item .photo.video:before {
            content: "";
            display: block;
            width: 50px;
            height: 50px;
            background: url(/images/icons/video-preview.png) no-repeat center;
            background-size: 50px;
            position: absolute;
            left: calc(50% - 25px);
            top: calc(50% - 25px)
        }

        .page-list-item .photo div.img-container {
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            position: relative
        }

        .page-list-item .photo.nophoto {
            background-color: #f3f7fb
        }

        .page-list-item .photo.nophoto div.img-container {
            background: url(/images/icons/no-item-photo.svg) no-repeat center
        }

        .charity .page-list-item .photo.nophoto div.img-container {
            background: url(/images/icons/no-item-photo-charity.svg) no-repeat center
        }

        .page-list-item .photo.nophoto div.img-container.adult {
            flex-direction: column;
            background-image: none;
            text-align: center
        }

        .page-list-item .photo.nophoto div.img-container.adult .button {
            padding-left: 5px;
            padding-right: 5px;
            width: 40%
        }

        .page-list-item .photo div.img-container .prev-photo,
        .page-list-item .photo div.img-container .next-photo {
            height: 55px;
            width: 15%;
            opacity: 0.8;
            background-size: 12px;
            background-color: #555;
            display: none
        }

        .page-list-item .photo div.img-container .rule {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 7px;
            background: #000;
            opacity: 0.3
        }

        .page-list-item .photo div.img-container .rule.active {
            background: #ff6633;
            opacity: 1;
            left: 0
        }

        .realty:not(.gallery) .page-list-item .header {
            font-size: 18px
        }

        .page-list-item .header {
            font-size: 1.35em;
            margin: 7px 0 10px;
            color: #45455C
        }

        .realty:not(.gallery) .page-list-item .header {
            margin: 7px 0 6px
        }

        .gallery .page-list-item.text-banner .photo {
            width: auto
        }

        .gallery .page-list-item.text-banner {
            width: 100% !important;
            height: auto !important;
            padding: 20px !important;
            margin: 0 0 10px 10px !important
        }

        .page-list-item.text-banner .header span {
            color: #0670EC
        }

        .gallery .page-list-item:not(.text-banner) .header {
            font-size: 15px;
            font-weight: normal;
            margin: 0 0 7px;
            height: 41px;
            overflow: hidden;
            line-height: 20px
        }

        .page-list-item-header .header.deleted {
            background-color: #faa
        }

        .page-list-item-header .header.deleted.moderator {
            background-color: #ffa
        }

        .page-list-item-header .header.deleted.user {
            background-color: #fca
        }

        .page-list-item-header .header a {
            color: #45455C
        }

        .page-list-item-header .header a h2,
        .page-list-item-header .header a h3 {
            display: inline;
            margin: 0;
            border: 0;
            color: #45455C;
            font-size: inherit;
            font-weight: normal
        }

        .realty #top-list .page-list-item-header .header a {
            color: #45455C
        }

        .realty:not(.gallery) .page-list-item-header .header a {
            color: #0670EC
        }

        .realty:not(.gallery) .page-list-item-header .header a h2,
        .realty:not(.gallery) .page-list-item-header .header a h3 {
            display: inline;
            margin: 0;
            color: #0670EC;
            font-size: inherit
        }

        .page-list-item .price-unknown {
            font-size: 1.2em;
            font-weight: 500;
            color: #000
        }

        .gallery .page-list-item .price-unknown {
            font-size: 1.15em;
            font-weight: normal
        }

        .realty #top-list .gallery .page-list-item .price {
            margin: 0
        }

        .realty:not(.gallery) .page-list-item .price {
            margin: 15px 0 0
        }

        .page-list-item .price {
            font-size: 13px;
            color: #000
        }

        .page-list-item .price span {
            font-size: 20px;
            font-weight: 500
        }

        .gallery .page-list-item .price span {
            font-size: 16px
        }

        .gallery .page-list-item:not(.text-banner) .price {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

        div.price-title {
            display: none;
            color: #94a0af;
            font-size: 8px;
            text-transform: uppercase;
            margin: 0 0 5px;
            font-weight: bold
        }

        .page-list-item div.price div.trade-price span {
            font-size: 13px;
            font-weight: normal
        }

        .page-list-item div.price div.trade-price {
            color: rgba(82, 92, 105, 0.7);
            font-size: 13px;
            margin-top: 5px
        }

        .page-list-item .props {
            font-weight: 500
        }

        .page-list-item .address {
            font-size: 13px;
            color: #747A8C;
            margin-top: 11px
        }

        .gallery .page-list-item .company {
            font-size: 12px;
            margin: 14px 0 7px
        }

        .realty:not(.gallery) .page-list-item .company .logo-block {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 80px;
            height: 80px;
            padding: 5px;
            margin: 0 0 10px;
            border: 1px solid #F1F2F4;
            border-radius: 5px
        }

        .realty:not(.gallery) .page-list-item .company img {
            max-width: 100%;
            max-height: 100%
        }

        .realty:not(.gallery) .message:not(#top-list) .page-list-item:not(.text-banner) .company {
            display: flex;
            flex-direction: column;
            padding-left: 20px;
            margin: 0;
            flex-shrink: 0;
            width: 19%;
            overflow: hidden;
            text-overflow: unset;
            color: #A0A9B7;
            font-size: 12px
        }

        .realty:not(.gallery) .page-list-item .company .date {
            margin-top: auto;
            text-align: right;
            color: #A0A9B7
        }

        .realty:not(.gallery) .page-list-item .page-list-item-info {
            flex-grow: 1;
            display: flex;
            flex-direction: column
        }

        .gallery .page-list-item .company {
            color: #9EA9B8
        }

        .page-list-item .company {
            margin: 20px 0 5px;
            color: #989DA4;
            font-size: 13px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .realty:not(.gallery) .page-list-item .company .company-name-logo {
            margin: 0 0 10px;
            color: #000;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .realty:not(.gallery) .page-list-item .company a:before {
            display: none
        }

        .page-list-item .company a:before {
            content: "|";
            opacity: 0.4;
            margin-right: 7px
        }

        .realty .page-list-item .company a {
            margin-left: 0
        }

        .page-list-item .company a {
            color: #989DA4;
            margin-left: 7px
        }

        .gallery .page-list-item:not(.text-banner) .company a {
            display: none
        }

        .page-list-item .text {
            font-size: 15px;
            color: #525a67;
            line-height: 1.27em;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden
        }

        .realty:not(.gallery) .page-list-item .text {
            margin-top: auto;
            padding-top: 20px;
            -webkit-line-clamp: 4;
            color: #333;
            font-size: 14px;
            max-height: 92px
        }

        .gallery .page-list-item:not(.text-banner) .text {
            display: none
        }

        .gallery>div {
            display: flex;
            flex-wrap: wrap
        }

        .top-items.gallery>div {
            display: block;
            position: relative;
            max-width: 968px
        }

        .page-list-item .message-type {
            position: relative;
            top: -2px
        }

        .page-list-item.text-banner .company {
            margin-top: 4px;
            opacity: 1
        }

        .page-list-item.text-banner .company span {
            cursor: pointer;
            margin: 0 0 10px;
            padding: 2px 5px;
            display: inline-block;
            border-radius: 2px;
            color: #fff;
            font-size: 10px;
            background: #325788
        }

        .contacts-block .page-list-item.text-banner .text-banner-open {
            display: none
        }

        .page-list-item.text-banner .text-banner-open {
            cursor: pointer;
            margin: 10px 0 0;
            display: inline-block;
            color: #0670ec;
            border-radius: 2px;
            padding: 7px 25px;
            border: solid 1px #0670ec
        }

        @media only screen and (max-width:1190px) {
            .gallery.realty .message .page-list-item {
                width: calc(25% - 10px)
            }

            body .gallery .page-list-item:not(.text-banner) {
                width: calc(25% - 10px)
            }

            .gallery .page-list-item:not(.text-banner) .photo {
                width: 100%
            }
        }

        @media only screen and (max-width:800px) {
            body .gallery .page-list-item:not(.text-banner) {
                width: calc(33.3% - 10px)
            }

            body .gallery .page-list-item:not(.text-banner) .photo {
                width: 100%
            }

            .realty:not(.gallery) .message:not(#top-list) .page-list-item:not(.text-banner) .company {
                display: none
            }
        }

        @media screen and (max-width:650px) {
            div.mobile-cat>div {
                overflow: auto;
                padding: 9px 15px 10px
            }

            div.mobile-cat {
                display: block;
                position: relative;
                background: #fff;
                border-bottom: solid 1px #e2e5f1;
                line-height: 1.7em;
                white-space: nowrap
            }

            div.mobile-cat:before {
                content: "";
                width: 50px;
                height: 40px;
                background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
                display: block;
                position: absolute;
                right: 0
            }

            div.mobile-cat span:last-child a:after {
                display: none
            }

            div.mobile-cat a:after {
                content: "";
                display: inline-block;
                width: 4px;
                height: 4px;
                border-top: solid 1px #9098af;
                border-right: solid 1px #9098af;
                transform: rotate(45deg);
                margin: 0 6px;
                position: relative;
                top: -1px
            }

            div.mobile-cat a {
                color: #9098af
            }

            .page-list-item.text-banner .text-banner-open {
                display: none
            }
        }

        @media only screen and (max-width:550px) {
            .gallery>div {
                justify-content: space-between
            }

            body .page-list-item .fav {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 44px;
                height: 44px;
                border-radius: 22px;
                background-color: rgba(240, 240, 240, 0.35)
            }

            body .page-list-item {
                padding: 15px 10px
            }

            body .gallery.realty .message .page-list-item {
                width: calc(50% - 10px);
                height: 290px;
                border: 0;
                border-radius: 4px;
                overflow: hidden
            }

            body .realty #top-list .gallery .page-list-item {
                height: 290px
            }

            body .gallery .page-list-item:not(.text-banner, .job) {
                width: calc(50% - 10px);
                height: 290px !important;
                margin-right: 0 !important;
                padding: 15px
            }

            body .gallery.realty .message-list .page-list-item:not(.text-banner, .job) {
                padding: 0 0 15px
            }

            body .gallery.realty .message-list .page-list-item:not(.job) .page-list-item-info {
                padding: 0 15px
            }

            body .gallery.realty .message .page-list-item .page-list-item-info {
                padding: 0 15px
            }

            body .gallery .page-list-item:not(.text-banner) .photo {
                width: 100%
            }

            body .page-list-item .photo,
            body .gallery .page-list-item.text-banner .photo {
                width: 155px;
                height: 155px;
                margin-right: 14px
            }

            .realty:not(.gallery) .page-list-item .photo div.img-container {
                height: auto
            }

            body .realty:not(.gallery) .page-list-item .photo {
                width: 155px;
                min-height: auto;
                margin-right: 14px
            }

            body .realty:not(.gallery) .page-list-item .photo.nophoto {
                max-height: 155px
            }

            body .page-list-item .photo div.img-container img {
                width: 207px;
                height: 155px
            }

            body .page-list-item .price span,
            body .gallery .page-list-item .price span {
                font-size: 17px
            }

            body .page-list-item .price {
                font-size: 13px
            }

            body .gallery div.price-container {
                margin-top: 3px
            }

            body div.price-title {
                display: none
            }

            body .gallery .page-list-item:not(.text-banner) .header {
                font-size: 15px;
                line-height: normal;
                height: 36px
            }

            body .page-list-item .header {
                font-size: 15px;
                margin-top: 2px
            }

            body .page-list-item .header a {
                position: relative;
                display: block;
                max-height: 2.4em;
                overflow: hidden
            }

            body .page-list-item.job .header a::after {
                display: none
            }

            body .page-list-item .header a::after {
                content: '';
                position: absolute;
                right: 0;
                top: 1.2em;
                width: 40px;
                height: 50%;
                background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
                background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
                background: -o-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
                background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
                background: linear-gradient(to right, rgba(255, 255, 255, 0.2), #fff 100%)
            }

            body .page-list-item .text {
                font-size: 0.85em;
                margin-top: 13px
            }

            body .page-list-item .company a:not(.stat) {
                display: none
            }

            body .gallery .page-list-item:not(.text-banner) .company {
                margin-top: 10px
            }

            body .gallery .page-list-item .price-unknown {
                font-size: 15px;
                font-weight: 500
            }

            body .page-list-item .price-unknown {
                font-size: 15px;
                font-weight: 500
            }

            .page-list-item .price span {
                font-size: 12px;
                font-weight: bold
            }

            .page-list-item div.price div.trade-price span {
                font-size: 11px;
                font-weight: normal
            }

            .page-list-item div.price div.trade-price {
                font-size: 11px;
                margin-top: 2px
            }

            .page-list-item .company {
                font-size: 10px;
                color: #9EA9B8
            }

            .page-list-item.top div.top,
            .page-list-item.vip div.vip {
                padding: 5px 6px;
                left: -5px
            }

            .realty:not(.gallery) .page-list-item .photo .small-p {
                height: 37px
            }
        }

        @media only screen and (max-width:450px) {
            .page-list-item:not(.text-banner) .page-list-item-info {
                max-width: 50%
            }

            .gallery .page-list-item:not(.text-banner) .page-list-item-info {
                max-width: 100%
            }
        }

        @media only screen and (max-width:360px) {
            body .page-list-item .photo {
                width: 125px;
                height: 125px;
                margin-right: 14px
            }

            body .page-list-item .photo div.img-container img {
                width: 167px;
                height: 125px
            }
        }

        .message-list.gallery.job {
            display: flex;
            flex-wrap: wrap
        }

        .gallery .message-list.job>div {
            width: calc(50% - 10px)
        }

        .gallery .message-list.job>div:nth-child(2n) {
            width: 50%
        }

        div.mobile-cat {
            display: none
        }

        .job .page-list-item {
            background-color: #fff;
            margin: 0 10px 10px 0;
            padding: 20px;
            border-radius: 4px
        }

        .job .page-list-item>div {
            display: flex;
            align-items: normal;
            justify-content: space-between
        }

        .page-list-item.notepad>div>div:first-child {
            padding-right: 10px
        }

        .job .page-list-item .header {
            color: #525c69;
            font-size: 1.43em
        }

        .job .page-list-item .header.video a {
            background: url(/images/icons/utube.svg) no-repeat left center;
            padding-left: 30px;
            background-size: 22px
        }

        .job .page-list-item .header a {
            font-weight: 500
        }

        .job .page-list-item .header a h2,
        .job .page-list-item .header a h3,
        .job .page-list-item .header a div {
            display: inline;
            margin: 0;
            color: #0670ec;
            font-size: 1em;
            font-weight: 500
        }

        .job .page-list-item .header span {
            white-space: nowrap
        }

        .job .page-list-item div.page-list-item-info .company-category {
            margin-top: 5px
        }

        .job .page-list-item div.page-list-item-info .company-category b {
            color: #525c69
        }

        .job .page-list-item .text .alert {
            color: #d0021b;
            font-weight: 500
        }

        .job .page-list-item .text {
            margin-top: 15px;
            color: #338d52
        }

        .job .page-list-item .text .desc {
            margin-top: 5px;
            color: #525c69;
            line-height: 1.4em;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden
        }

        .job .page-list-item .photo-block {
            width: 120px;
            height: 93px;
            display: flex;
            align-items: center
        }

        .job .page-list-item .photo-block img {
            margin: auto;
            max-width: 100%;
            max-height: 100%
        }

        .job .page-list-item-info {
            padding-right: 20px;
            overflow: unset
        }

        .page-list-item.text-banner {
            display: flex
        }

        .page-list-item.text-banner .img-container img {
            margin-right: 20px
        }

        .right-block .page-list-item.text-banner .img-container img {
            margin: 0
        }

        .page-list-item.text-banner>div {
            flex-direction: column
        }

        .right-block .page-list-item.text-banner .page-list-item-info {
            padding-right: 0
        }

        .job .page-list-item.text-banner .header {
            font-size: 18px;
            color: #0670ec
        }

        .job .page-list-item.text-banner .page-list-item-header {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden
        }

        .job .page-list-item.text-banner .text {
            -webkit-line-clamp: 2
        }

        .page-list-item.text-banner .header span {
            white-space: normal
        }

        .right-block .page-list-item.text-banner .text {
            font-size: 0.95em
        }

        .page-list-item.text-banner .text {
            color: #525C69;
            margin-bottom: 0;
            line-height: 1.4em;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-size: 0.95em
        }

        .right-block.job .page-list-item {
            padding: 10px
        }

        .page-list-item.text-banner .company {
            margin-top: 4px;
            opacity: 1
        }

        .page-list-item.text-banner .company span {
            cursor: pointer;
            margin: 0 0 10px;
            padding: 2px 5px;
            display: inline-block;
            border-radius: 2px;
            color: #fff;
            font-size: 10px;
            background: #325788
        }

        .right-block .page-list-item.text-banner {
            flex-direction: column;
            gap: 20px;
            cursor: pointer
        }

        .right-block .page-list-item.text-banner .text-banner-open {
            display: none
        }

        .page-list-item.text-banner .text-banner-open {
            cursor: pointer;
            margin: 10px 0 0;
            display: inline-block;
            color: #0670ec;
            border-radius: 2px;
            padding: 7px 25px;
            border: solid 1px #0670ec
        }

        .page-list-item-fav {
            color: rgba(0, 0, 0, 0.25)
        }

        .notepad .page-list-item-fav {
            padding-left: 34px
        }

        .page-list-item-fav>div:nth-child(2) {
            padding-top: 15px
        }

        .job .page-list-item .fav {
            display: inline-block;
            position: relative;
            cursor: pointer;
            z-index: 1;
            min-width: 25px;
            height: 20px;
            border-radius: 2px;
            background: url(/images/icons/heart-grey.svg) no-repeat center left;
            background-size: 12px;
            color: #9098af;
            overflow: hidden;
            margin: 13px 0 0
        }

        div#viewed-block .page-list-item:nth-child(n+4) {
            display: none
        }

        div#similar-block .page-list-item:nth-child(n+4) {
            display: none
        }

        .job .page-list-item .fav.active {
            background: url(/images/icons/heart-active.svg) no-repeat center left;
            background-size: 12px
        }

        .job .page-list-item .fav>span {
            display: inline-block;
            width: 100%;
            height: 100%;
            padding: 1px 0 0 18px
        }

        .job .page-list-item .fav.active>span {
            display: none
        }

        .job .page-list-item-info .logo-mobile {
            display: none
        }

        span.km {
            cursor: default;
            border-bottom: 1px dotted
        }

        .job.company .page-list-item .page-list-item-header div.top {
            background-color: #9934C9;
            border-radius: 2px
        }

        .job.company .page-list-item .page-list-item-header div.vip.top {
            background-color: #FF2459
        }

        .job .page-list-item .page-list-item-header div.top {
            position: relative;
            top: -4px;
            display: inline-block;
            padding: 6px 9px;
            background-color: #ff5824;
            border-radius: 2px;
            text-transform: uppercase;
            font-size: 9px;
            font-weight: bold;
            color: #fff;
            white-space: nowrap
        }

        @media only screen and (max-width:650px) {
            div.gallery .message-list.job>div.page-list-item {
                width: 100%;
                margin-right: 0
            }

            div.mobile-cat>div {
                overflow: auto;
                padding: 9px 15px 10px
            }

            div.mobile-cat {
                display: block;
                position: relative;
                background: #fff;
                border-bottom: solid 1px #e2e5f1;
                line-height: 1.7em;
                white-space: nowrap
            }

            div.mobile-cat:before {
                content: "";
                width: 50px;
                height: 40px;
                background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
                display: block;
                position: absolute;
                right: 0
            }

            div.mobile-cat a:last-child:after {
                display: none
            }

            div.mobile-cat a:after {
                content: "";
                display: inline-block;
                width: 4px;
                height: 4px;
                border-top: solid 1px #9098af;
                border-right: solid 1px #9098af;
                transform: rotate(45deg);
                margin: 0 6px;
                position: relative;
                top: -1px
            }

            div.mobile-cat a {
                color: #9098af
            }

            .page-list-item.text-banner .img-container img {
                max-height: 132px
            }

            .page-list-item.text-banner .text-banner-open {
                display: none
            }
        }

        @media only screen and (max-width:550px) {
            .job .page-list-item .page-list-item-header div.top {
                padding: 5px 6px
            }
        }

        @media only screen and (max-width:450px) {
            .job .page-list-item {
                padding: 15px
            }

            .job .page-list-item .page-list-item-info {
                flex-grow: 1
            }

            .job .page-list-item .photo-block {
                display: none
            }

            .job .page-list-item .header {
                font-size: 1.43em
            }

            .job .page-list-item .text {
                margin-top: 10px
            }

            .job .page-list-item-info {
                padding-right: 0
            }

            .job .page-list-item-info .logo-mobile {
                display: block;
                float: right;
                width: 80px;
                height: 85px;
                text-align: right
            }

            .job .page-list-item-info .logo-mobile img {
                max-width: 70px;
                margin: 15px 0 0 10px
            }
        }

        /* realty */
        .realty #top-list .gallery .page-list-item {
            padding: 0 0 20px;
        }

        .realty #top-list .gallery .page-list-item {
            height: 340px;
        }

        .gallery.realty .message .page-list-item {
            width: calc(20% - 10px);
            height: 340px;
            padding: 0 0 20px;
            border-radius: 4px;
            overflow: hidden;
        }

        .realty #top-list .gallery .page-list-item .photo {
            margin: 0 0 14px;
        }

        .gallery.realty .message .page-list-item .photo {
            margin: 0 0 14px;
        }

        .gallery.realty .message .page-list-item .header {
            margin-top: 9px;
        }

        .realty #top-list .gallery .page-list-item .header {
            margin-top: 9px;
        }

        .realty #top-list .gallery .page-list-item .page-list-item-info,
        .gallery.realty .message .page-list-item .page-list-item-info {
            padding-left: 20px;
            padding-right: 20px;
        }

        .realty #top-list .gallery .page-list-item.top div.top,
        .gallery.realty .message .page-list-item.top div.top {
            z-index: 1;
            top: 2px;
            left: 2px;
        }

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

            html body .gallery .message .page-list-item,
            html body .gallery.realty .message .page-list-item {
                width: calc(50% - 5px);
            }
        }

        /*]]>*/
    
    
        /*<![CDATA[*/
        #search-block .search-cell {
            padding-right: 10px
        }

        #search-block .cat-cell {
            padding-right: 28px
        }

        #search-block>.fleft,
        .search-cell {
            width: 52%
        }

        .search-cell>.fleft {
            width: 100%
        }

        .regions-cell {
            width: 185px
        }

        #search-form {
            margin-top: 6px;
            width: 100%
        }

        #search-input {
            display: flex;
            height: 43px;
            width: 100%;
            padding: 0;
            margin-bottom: 0;
            border-radius: 6px;
            background: #fff;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
            position: relative;
            z-index: 4
        }

        #search-input.mobile {
            position: static
        }

        #search-input .in-category {
            display: flex;
            align-items: center;
            padding: 0 13px;
            background-color: #eaeff4;
            color: #000;
            white-space: nowrap;
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px
        }

        #search-input .in-category .del {
            cursor: pointer
        }

        #search-input .in-category .del:after {
            content: "×";
            display: inline-block;
            position: relative;
            cursor: pointer;
            opacity: 0.59;
            font-size: 1.9em;
            line-height: 0;
            margin-left: 8px;
            top: 3px;
            font-weight: 300
        }

        #search-input-text-div {
            flex-grow: 1;
            height: 43px;
            padding-top: 6px;
            overflow: hidden
        }

        #search-input.active #search-input-text-div {
            border-right-color: #fff
        }

        #search-input-text {
            font-size: 1.14em;
            font-weight: normal;
            text-align: left;
            color: #000;
            width: 100%;
            height: 33px;
            border: 0 none;
            padding: 0 25px 3px 15px
        }

        .main-page #search-input-text {
            width: 450px
        }

        #search-input-submit-div {
            border-bottom-right-radius: 6px;
            border-top-right-radius: 6px;
            width: 46px
        }

        #search-input-submit {
            width: 46px;
            height: 43px;
            color: #fff;
            border: 0 none;
            padding: 0;
            cursor: pointer;
            outline: none;
            background: url(/images/icons/magnifier-grey.svg) no-repeat center;
            background-size: 48% !important
        }

        header #top-header,
        header #top-menu-wrapper,
        header #top-menu,
        header #menu-left,
        header #menu-right {
            height: 47px !important
        }

        #top-header,
        #top-menu-wrapper,
        #top-menu,
        #menu-left,
        #menu-right {
            height: 44px !important
        }

        #top-header #top-header-center-wrapper {
            background: none
        }

        body #search-block-wrapper {
            padding-bottom: 18px
        }

        .search-container-table {
            width: 100%
        }

        .search-container-row {
            display: flex
        }

        .search-container-row>div:last-child {
            flex-grow: 1
        }

        .search-container-row input.button {
            height: 38px;
            background: #EAEFF4;
            border: solid 1px #2B3D61;
            border-radius: 6px
        }

        .search-container-table .toggle-cats {
            background: url(/images/icons/adapt-menu.png?01) no-repeat 12px center;
            border: solid 1px #bfc5cf;
            color: #fff;
            font-size: 15px;
            border-radius: 6px;
            padding: 12px 30px 13px 45px;
            margin: 5px 0 0 0;
            height: 45px;
            white-space: nowrap;
            cursor: pointer
        }

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

            body #search-block>.fleft,
            body .search-cell {
                width: 55%
            }

            body #search-form {
                width: 100%
            }

            body #search-input-submit-div,
            body #search-input-submit {
                width: 42px
            }
        }

        @media only screen and (max-width:900px) {
            body .toggle-regions {
                min-width: 145px
            }

            body .regions-cell {
                width: 155px
            }
        }

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

            body #search-block>.fleft,
            body .search-cell {
                width: 52%
            }
        }

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

            body #search-block>.fleft,
            body .search-cell {
                width: 44%
            }

            #search-block .cat-cell {
                display: none
            }

            #search-form {
                margin-top: 0
            }

            body .toggle-regions {
                display: none !important
            }

            body .regions-cell {
                display: none !important
            }

            body #region-choose {
                float: left;
                display: block;
                background: url(/images/icons/location.svg) no-repeat center #485877;
                background-size: 20px;
                border-radius: 4px;
                height: 37px;
                width: 37px;
                cursor: pointer;
                padding: 0;
                margin-right: 5px
            }

            body .bread-crumbs {
                padding: 6px 0 8px
            }

            body #search-input {
                border-radius: 3px;
                padding: 0;
                height: 37px
            }

            body #search-block>.fleft,
            body .search-cell {
                width: 100%
            }

            body #my-menu-right {
                display: none
            }

            body #search-block .bread-crumbs h1 {
                font-weight: normal;
                font-size: 1.1em;
                display: inline-block;
                padding: 4px
            }

            body .bread-crumbs #count {
                display: none
            }

            body #search-input-text-div {
                height: 37px;
                padding-top: 3px
            }

            body #search-block-wrapper {
                height: 55px
            }

            body .job .bread-crumbs>div {
                float: none
            }

            body #search-input-submit,
            body #search-input-submit:hover,
            body #search-input-submit.active,
            body #search-input-submit:focus {
                height: 37px
            }

            body .bread-crumbs {
                display: none
            }

            #adapt-open-search {
                display: none !important;
                float: left;
                background: url(/images/icons/magnifier.svg) no-repeat center;
                width: 20px;
                height: 20px;
                margin: 14px 10px 0 0
            }

            #search-input-text {
                padding-left: 8px
            }
        }

        .acresults {
            position: absolute;
            left: 0;
            top: calc(100% + 3px);
            width: 100%;
            z-index: 5;
            display: none;
            border-radius: 3px;
            background-color: #fff;
            box-shadow: 0 4px 34px 0 rgba(159, 170, 182, 0.4);
            color: #6d7278;
            font-size: 14px;
            overflow: hidden
        }

        .mobile .acresults,
        .acresults.mobile {
            top: auto;
            border-radius: 0;
            width: 100% !important;
            left: 0 !important
        }

        .acoverlay {
            position: fixed;
            z-index: 3;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.2)
        }

        .acresults>p {
            padding: 8px 18px;
            color: #8690a3;
            font-weight: 500;
            background-color: #f4f6f7;
            font-size: 10px;
            text-transform: uppercase
        }

        .mobile .acresults>p,
        .acresults.mobile>p {
            margin: 8px 0 4px
        }

        .acresults>p.popular {
            background-color: #fff;
            font-weight: normal;
            font-size: inherit;
            text-transform: none
        }

        .acresults>p.popular strong {
            display: block;
            font-weight: 500;
            color: #000;
            margin: 10px 0 16px
        }

        .acresults>p.popular a {
            display: inline-block;
            padding: 9px 12px;
            margin-right: 10px;
            margin-bottom: 10px;
            background: #fff;
            border-radius: 17px;
            border: solid 1px #e4e6ee;
            color: #525a67
        }

        .acresults>div {
            padding: 6px 18px 8px;
            cursor: pointer
        }

        .acresults.mobile>div {
            background: url(/images/icons/search.svg) 18px 9px no-repeat;
            padding-left: 42px
        }

        .acresults>div.s {
            padding: 12px 18px;
            color: #000;
            font-weight: 500
        }

        .mobile .acresults>div.s,
        .acresults.mobile>div.s {
            padding: 15px 18px
        }

        .acresults.mobile>div.s {
            padding-left: 42px;
            background-position-y: 17px
        }

        .acresults>div>b {
            color: #6d7278;
            font-weight: normal
        }

        .acresults>div.cat {
            padding: 12px 18px 12px 43px;
            background: url(/images/icons/ac-cat.svg) no-repeat 19px center;
            color: #036eec
        }

        .acresults>div.cat>b {
            color: #036eec;
            font-weight: normal
        }

        .acresults>div.over {
            background-color: #e5f3ff
        }

        .acresults i {
            display: block;
            margin: 5px 0 0;
            font-size: 12px;
            font-style: normal;
            color: #aeb7c4
        }

        #search-radio {
            display: flex;
            align-items: center;
            padding: 15px;
            border-top: solid 1px #eee
        }

        #search-radio label {
            padding-left: 10px;
            color: #777
        }

        @media (hover:hover) {
            .acresults>p.popular a:hover {
                border-color: #e5edfb;
                background-color: #e5edfb;
                color: #316ee4;
                cursor: pointer
            }

            .search-container-row input.button:hover {
                background: #2B3D61;
                color: white
            }
        }

        /*]]>*/