@charset "utf-8";
/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
 *//*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    background-color: #fff;
    line-height: 1.42857143;
    color: #333;
    font-size: 14px
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

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

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 14px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover > .arrow {
    border-width: 11px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow:after {
    content: "";
    border-width: 10px
}

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

.popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

.popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .row:after, .row:before {
    display: table;
    content: " "
}

.clearfix:after, .container-fluid:after, .container:after, .modal-footer:after, .modal-header:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

code, kbd, pre, samp, tt, var {
    font: 14px/18px Consolas, "Courier New", monospace
}

body, optgroup {
    color: #000;
    background: #fff
}

body, code, dd, dl, form, pre {
    margin: 0
}

a:link, a:visited, ins {
    text-decoration: none
}

a {
    outline: 0 !important
}

a:hover {
    text-decoration: none
}

a:link img, a:visited img, abbr, acronym, fieldset, object {
    border: none
}

sub, sup {
    position: relative;
    display: inline-block;
    font-size: 11px;
    line-height: 11px
}

sub {
    top: 5px;
    vertical-align: middle
}

sup {
    top: -2px;
    margin-top: -11px
}

abbr, acronym {
    cursor: help;
    border-bottom: 1px dotted #999
}

address, cite, dfn {
    font-style: normal
}

code, pre {
    white-space: pre-wrap
}

img {
    vertical-align: middle
}

td, textarea, th {
    vertical-align: top
}

button, input, select {
    overflow: visible;
    vertical-align: middle
}

legend {
    color: #000;
    margin: 0 0 -2px;
    padding: 0
}

li {
    display: block;
    list-style: none
}

optgroup option {
    padding-left: 22px
}

table {
    border-collapse: collapse
}

caption, th {
    text-align: left
}

td, th {
    padding: 0
}

address, blockquote, fieldset, h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin: 0;
    padding: 0
}

.ck-editor ul, .description-profile ul, .editor-text ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 40px
}

.ck-editor ol, .description-profile ol, .editor-text ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 40px
}

.ck-editor ul li, .description-profile ul li, .editor-text ul li {
    display: list-item !important;
    list-style-type: disc !important;
    list-style: disc
}

.ck-editor ol li, .description-profile ol li, .editor-text ol li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style: decimal
}

h1, h2, h3, h4, h5, h6, th {
    font-weight: 400
}

q {
    quotes: "\00ab" "\00bb" "\201e" "\201c"
}

q:after {
    content: "\00bb"
}

q:before {
    content: "\00ab"
}

q > q:after {
    content: "\201c"
}

q > q:before {
    content: "\201e"
}

* {
    font-weight: 400;
    font-family: Literata, serif;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

.check-profile {
    cursor: pointer
}

header {
    background-color: #284d5d;
    height: 130px
}

.top-header {
    position: relative
}

.top-header .col-lg-5 {
    height: 30px;
    padding-left: 80px
}

.top-header .col-lg-5 > ul > li, .top-header .col-lg-6 > ul > li {
    display: inline-block
}

.top-header .col-lg-6 {
    padding-right: 0
}

.top-header .col-lg-5 > ul > li a, .top-header .col-lg-6 > ul > li a {
    color: #f0f0f0;
    display: block;
    line-height: 30px;
    font-size: 12px;
    margin-right: 15px;
    position: relative
}

.top-header .col-lg-5:last-child, .top-header .col-lg-6:last-child {
    text-align: right;
    padding-right: 5px
}

.top-header .col-lg-5 > ul > li:last-child a, .top-header .col-lg-6 > ul > li:last-child a {
    margin-right: 0
}

.top-header:after {
    position: absolute;
    height: 1px;
    width: 732px;
    background-color: #fff;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0)
}

.list-currencies a:after, .list-languages a:after {
    position: absolute;
    content: url(../images/svg/arrow-bottom.svg);
    right: -15px;
    top: -1px
}

.list-languages a.active:after {
    transform: rotate(180deg);
    top: 2px
}

.wrapper-svg {
    display: none
}

.logo img {
    margin-top: -32px
}

.main-header .h1-top {
    text-align: center;
    font-size: 30px;
    color: #fffdfd;
    margin-top: 12px;
    margin-bottom: 5px;
    display: block
}

.main-header .h2-top {
    text-align: center;
    color: #fffdfd;
    font-size: 12px
}

.auth-account:before {
    position: absolute
}

.btn-add-business {
    display: block;
    width: 190px;
    background: #b70416;
    border: 2px solid #1b3d58;
    box-sizing: border-box;
    border-radius: 5px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #fffdfd;
    margin-top: 30px;
    opacity: .9
}

.btn-add-business:focus, .btn-add-business:hover {
    opacity: 1;
    color: #fffdfd
}

.list-languages span {
    text-transform: uppercase
}

#menus {
    height: 49px;
    background: #f0f0f0;
    position: relative
}

#menus ul li {
    display: inline-block
}

#menus ul li a {
    display: block;
    font-size: 16px;
    color: #284d5d;
    font-weight: 700;
    line-height: 45px;
    position: relative
}

#menus ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-around
}

#menus ul li a.active:before, #menus ul li a:hover:before {
    width: 125%;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translate(-50%, 0);
    content: "";
    border-bottom: 5px solid #284d5d;
    border-radius: 5px 5px 0 0
}

.notifyjs-corner {
    z-index: 99999999 !important
}

.row {
    margin: 0
}

.home-search {
    height: 46px;
    background: #284d5d
}

.home-search form > ul > li {
    display: inline-block;
    vertical-align: middle;
    margin-left: -.36em
}

.home-search .field-search {
    position: relative
}

.home-search .field-search:before {
    position: absolute;
    content: url(../images/svg/search.svg);
    padding: 15px 10px
}

.home-search .field-search input {
    width: 400px;
    height: 40px;
    background: #f0f0f0;
    border-radius: 5px;
    border: none;
    margin-top: 3px;
    margin-right: 10px;
    padding-left: 40px;
    outline: 0
}

.home-search .field-search input::placeholder {
    color: #c4c4c4;
    font-size: 14px
}

.field-category > a, .field-country > a {
    display: block;
    position: relative;
    width: 275px;
    height: 40px;
    line-height: 40px;
    margin-top: 3px;
    background: #f0f0f0;
    border-radius: 5px;
    padding-left: 40px;
    color: #606060;
    margin-right: 10px
}

.field-category > a:before {
    position: absolute;
    content: url(../images/svg/category.svg);
    left: 10px
}

.field-country > a:before {
    position: absolute;
    content: url(../images/svg/location.svg);
    left: 10px;
    top: 5px
}

.field-category > a:after, .field-country > a:after {
    position: absolute;
    content: url(../images/svg/arrow-bottom-gray.svg);
    right: 10px
}

.btn-submit-search a {
    display: block;
    width: 170px;
    height: 40px;
    line-height: 36px;
    margin-top: 3px;
    text-align: center;
    color: #f0f0f0;
    font-size: 18px;
    border: 2px solid #f0f0f0;
    box-sizing: border-box;
    border-radius: 5px
}

.col-lg-12 {
    padding: 0
}

.home-search .col-lg-12 {
    padding: 0
}

.list-business li {
    display: inline-block;
    max-width: 275px;
    width: 100%;
    background: #f0f0f0;
    border-radius: 5px;
    margin-right: 27px;
    vertical-align: top
}

.list-business li:hover {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.list-business {
    padding-bottom: 10px
}

.list-business li:last-child {
    margin-right: 0
}

.carousel-indicators .active {
    margin-bottom: -60px;
    background: #284d5d;
    width: 10px;
    height: 10px
}

.carousel-indicators li {
    border: 1px solid #284d5d;
    margin-bottom: -60px
}

.list-business li {
    padding: 10px
}

.list-business li img {
    text-align: center;
    display: block;
    height: 160px
}

#vip-business {
    margin-bottom: 40px
}

#vip-business .home-h2 {
    text-align: center;
    display: block;
    font-weight: 700;
    font-size: 30px;
    margin: 20px 0;
    color: #284d5d
}

.border-none {
    border: none !important
}

.name-business {
    display: block;
    padding-top: 3px;
    color: #284d5d
}

.price-business {
    color: #284d5d;
    font-size: 20px;
    font-weight: 700;
    padding: 3px 0;
    display: block
}

.price-business > span {
    color: #284d5d;
    font-weight: 700;
    position: relative;
    display: inline-block
}

.country-business {
    position: relative;
    color: #323232;
    font-size: 12px;
    padding-left: 15px;
    display: block;
    padding-top: 2px
}

.country-business:before {
    position: absolute;
    left: 0;
    content: url(../images/svg/location-business.svg)
}

#categoriesCountries h4 {
    text-align: center;
    color: #143c57;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 25px
}

.list-countries-popular li a {
    display: inline-block;
    padding-left: 10px;
    position: relative;
    color: #143c57;
    font-size: 12px
}

.list-countries-popular li span {
    float: right;
    font-size: 12px;
    color: #143c57;
    line-height: 25px
}

.show-more-countries {
    display: block;
    margin: 0 auto;
    font-weight: 600;
    font-size: 16px;
    color: #143c57;
    border: 1px solid #143c57;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    height: 34px;
    line-height: 30px;
    margin-top: 25px
}

#footer {
    background: #284d5d;
    padding-bottom: 10px
}

.list-info-footer li {
    display: inline-block;
    width: 35%;
    vertical-align: bottom;
    color: #fff;
    font-size: 14px;
    margin-top: 45px
}

.list-info-footer li:last-child {
    width: 64%
}

.list-categories-footer {
    margin-top: 15px
}

.list-categories-footer > li > span {
    color: #fff;
    margin-bottom: 10px;
    font-size: 16px;
    display: block
}

.list-categories-footer > li {
    display: inline-block;
    width: 49%;
    vertical-align: top
}

#categoriesCountries {
    margin-bottom: 50px
}

.list-categories-footer li a {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    color: #fff
}

.text-copyright {
    color: #fff;
    font-size: 10px;
    padding-top: 5px;
    z-index: 9999999999
}

.other-news {
    margin-bottom: 100px
}

.text-subscribe {
    color: #fff;
    font-size: 12px
}

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

.list-social li a {
    width: 20px;
    height: 20px;
    text-align: center;
    display: block;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 5px
}

.list-social li:first-child a svg {
    text-align: center;
    margin: 3px auto;
    display: block;
    width: 6px;
    height: 11px
}

.list-social li:nth-child(2) a svg {
    text-align: center;
    margin: 5px auto;
    display: block;
    width: 10px;
    height: 9px
}

.list-social li:last-child a svg {
    text-align: center;
    margin: 4px auto;
    display: block;
    width: 10px;
    height: 10px
}

#authRegistration .wrap-registration {
    background: #f0f0f0;
    border-radius: 5px;
    margin: 30px auto;
    width: 540px;
    padding: 12px 30px
}

#authRegistration {
    min-height: 600px
}

.wrap-registration .tabs ul li {
    display: inline-block;
    width: 49%;
    vertical-align: middle
}

.wrap-registration .tabs ul li a {
    display: block;
    text-align: center;
    color: #284d5d;
    font-size: 20px;
    position: relative;
    margin-bottom: 18px
}

.wrap-registration .tabs ul li:first-child a:after {
    position: absolute;
    right: 0;
    height: 35px;
    width: 1px;
    content: "";
    border-right: 1px solid #c4c4c4
}

.wrap-registration .tabs {
    border-bottom: 1px solid #c4c4c4
}

.form-control-fields {
    text-align: center;
    margin: 20px 10px 0
}

.form-control-fields span {
    display: inline-block;
    font-size: 16px;
    color: #606060;
    text-align: right;
    width: 160px;
    vertical-align: middle;
    padding-right: 4px
}

.form-control-fields a.list-field, .form-control-fields input {
    display: inline-block;
    width: 270px;
    height: 30px;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    outline: 0;
    float: right;
    padding-left: 15px
}

.intl-tel-input {
    vertical-align: middle;
    float: right
}

.form-control-fields .form-field {
    margin-bottom: 15px;
    position: relative
}

.list-field, .list-field:focus {
    position: relative;
    background-color: #fff;
    text-align: left;
    padding-left: 15px;
    line-height: 28px;
    color: #284d5d
}

.list-field:after {
    position: absolute;
    content: url(../images/svg/arrow-bottom-gray.svg);
    right: 10px
}

.form-field ul li {
    display: inline-block
}

.form-field input[type=checkbox], .form-field input[type=radio] {
    position: absolute;
    z-index: -3;
    opacity: 0
}

.form-field ul {
    width: 270px;
    display: inline-block;
    padding-left: 10px;
    padding-top: 7px
}

.form-field ul li {
    margin-right: 5px
}

.form-field ul li:last-child {
    margin-right: 0
}

.form-field ul li label {
    font-weight: 400;
    font-size: 12px;
    color: #284d5d;
    position: relative;
    padding-left: 25px
}

.form-field ul li label:before {
    position: absolute;
    content: "";
    cursor: pointer;
    width: 20px;
    top: -2px;
    height: 20px;
    border-radius: 50%;
    left: 0;
    background-color: #fff;
    border: 1px solid #284d5d
}

.form-field ul li input:checked + label:after {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #284d5d;
    content: "";
    border-radius: 50%;
    left: 0;
    top: -2px
}

.form-field p {
    width: 270px;
    float: right;
    text-align: left;
    font-size: 10px;
    line-height: 15px;
    color: #606060
}

.agree-field label {
    font-size: 10px;
    line-height: 15px;
    color: #606060;
    width: 270px;
    position: relative;
    float: right;
    text-align: left;
    padding-left: 30px;
    cursor: pointer;
    padding-top: 6px
}

.agree-field label:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: #f0f0f0;
    border-radius: 5px;
    left: 0;
    top: 5px;
    border: 1px solid #284d5d;
    cursor: pointer
}

.agree-field input:checked + label:after {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #284d5d;
    border-radius: 5px;
    content: "";
    left: 0;
    top: 5px
}

.g-recaptcha {
    float: right;
    position: relative;
    z-index: 8787878
}

.form-field input[type=submit] {
    width: 225px;
    height: 40px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: #284d5d;
    border-radius: 5px;
    margin-top: 15px;
    float: none;
    padding-left: 0;
    margin-left: -20px
}

.list-values {
    display: none;
    width: 270px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    padding: 10px 15px;
    right: 25px;
    z-index: 99999999;
    top: 32px;
    height: 200px;
    overflow-y: auto
}

.form-field .list-values li {
    display: block;
    margin-bottom: 10px;
    color: #606060;
    text-align: left;
    cursor: pointer
}

.list-field.active:after {
    transform: rotate(180deg);
    top: 3px
}

.list-field.active ~ .list-values {
    display: block !important
}

.list-values li.active, .list-values li:hover {
    color: #284d5d
}

.wrap-registration .tabs ul li a.active {
    font-weight: 700
}

.form-field .list-remember {
    padding-left: 0;
    margin-left: 10px;
    float: right
}

.list-remember a {
    font-size: 12px;
    color: #284d5d;
    text-align: right
}

.list-remember li:last-child {
    float: right
}

.list-remember li:first-child {
    margin-left: -35px
}

label {
    cursor: pointer
}

.form-field-password a {
    position: absolute;
    right: 10px;
    top: 2px
}

.form-field-password a:after {
    content: url(../images/svg/eye.svg)
}

.form-field-password a.active:after {
    content: url(../images/svg/eye-password.svg)
}

.country-list li {
    display: block !important
}

.intl-tel-input .country-list {
    left: 0;
    top: 33px;
    text-align: left;
    z-index: 99999999 !important
}

.form-field .country-name {
    text-align: left;
    width: auto
}

.form-field .dial-code {
    float: none;
    text-align: left;
    width: auto
}

.form-field .country-list {
    width: auto
}

.form-field .list-values ul {
    width: auto
}

.list-values {
    text-align: left
}

.list-values li {
    margin-bottom: 0
}

.auth-account a {
    padding-left: 20px
}

.auth-account > a:before {
    position: absolute;
    left: 0;
    top: 2px;
    content: url(../images/svg/user.svg)
}

.account-list {
    display: none;
    position: absolute;
    background: #f0f0f0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    width: 225px;
    padding: 8px;
    z-index: 10;
    right: 0
}

#wrapper .top-header .account-list li a {
    color: #606060;
    text-align: left
}

#wrapper .top-header .account-list li a:hover {
    color: #284d5d
}

#wrapper .top-header .account-list li a:before {
    left: 0;
    top: 2px;
    position: absolute
}

#wrapper .top-header .account-list li:first-child a:before {
    content: url(../images/svg/home.svg);
    left: -4px
}

#wrapper .top-header .account-list li:first-child a:hover:before {
    content: url(../images/svg/home-active.svg)
}

#wrapper .top-header .account-list li:nth-child(2) a:before {
    content: url(../images/svg/business.svg)
}

#wrapper .top-header .account-list li:nth-child(2) a:hover:before {
    content: url(../images/svg/business-active.svg)
}

#wrapper .top-header .account-list li:nth-child(3) a:before {
    content: url(../images/svg/favorites.svg)
}

#wrapper .top-header .account-list li:nth-child(3) a:hover:before {
    content: url(../images/svg/favorites-active.svg)
}

#wrapper .top-header .account-list li:nth-child(4) a:before {
    content: url(../images/svg/messages.svg)
}

#wrapper .top-header .account-list li:nth-child(4) a:hover:before {
    content: url(../images/svg/messages-active.svg)
}

#wrapper .top-header .account-list li:nth-child(5) a:before {
    content: url(../images/svg/payments.svg)
}

#wrapper .top-header .account-list li:nth-child(5) a:hover:before {
    content: url(../images/svg/payments-active.svg)
}

#wrapper .top-header .account-list li:nth-child(6) a:before {
    content: url(../images/svg/setting.svg)
}

#wrapper .top-header .account-list li:nth-child(6) a:hover:before {
    content: url(../images/svg/setting-active.svg)
}

#wrapper .top-header .account-list li:nth-child(7) a:before {
    content: url(../images/svg/Import.svg)
}

#wrapper .top-header .account-list li:nth-child(7) a:hover:before {
    content: url(../images/svg/import-active.svg)
}

#wrapper .top-header .account-list li:nth-child(8) a:before {
    content: url(../images/svg/add-article.svg)
}

#wrapper .top-header .account-list li:nth-child(8) a:hover:before {
    content: url(../images/svg/add-article-active.svg)
}

#wrapper .top-header .account-list li:last-child a:before {
    content: url(../images/svg/logout.svg)
}

#wrapper .top-header .account-list li:last-child a:hover:before {
    content: url(../images/svg/logout-active.svg)
}

.list-subcategories li {
    display: inline-block;
    vertical-align: bottom;
    width: 165px;
    height: 125px
}

.list-countries-popular > li {
    padding: 3px;
    margin-bottom: 14px
}

.list-countries-popular > li:hover {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.list-subcategories li:hover {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.list-subcategories {
    text-align: center
}

.list-subcategories li a img {
    height: 70px
}

.list-subcategories li:nth-child(4) {
    margin-right: 0
}

.list-subcategories li a {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #143c57;
    margin-top: 5px
}

.btn-show-categories {
    display: block;
    width: 255px;
    height: 35px;
    line-height: 31px;
    font-weight: 600;
    color: #143c57;
    font-size: 16px;
    margin: 21px auto;
    border: 1px solid #143c57;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center
}

.btn-show-categories:hover, .show-more-countries:hover {
    color: #fff;
    background: #284d5d
}

.list-currencies ul {
    position: absolute;
    background: #f0f0f0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 0 0 5px 5px;
    width: 100px;
    z-index: 10;
    padding: 5px 15px;
    display: none;
    margin-top: -1px;
    max-height: 135px;
    overflow-y: scroll;
    overflow-x: hidden
}

#wrapper .list-currencies ul li a {
    color: #284d5d;
    margin-right: 0;
    text-align: left;
    margin-bottom: 3px;
    line-height: 18px
}

#wrapper .list-currencies ul li a:hover {
    font-weight: bold;
}

.list-currencies a.active + ul, .list-languages a.active + ul {
    display: block
}

.list-currencies a.active:after {
    transform: rotate(180deg);
    top: 2px
}

.list-languages ul {
    position: absolute;
    background: #f0f0f0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 0 0 5px 5px;
    padding: 5px 15px;
    z-index: 10;
    width: 100%;
    display: none;
    max-height: 135px;
    overflow-y: scroll;
    overflow-x: hidden
}

#wrapper .list-languages ul li a {
    color: #284d5d;
    margin-right: 0;
    text-align: left;
    margin-bottom: 3px;
    line-height: 18px
}

.wrapper-contacts {
    padding: 10px 15px;
    background: #f0f0f0;
    border-radius: 5px
}

#contacts {
    margin-top: 30px;
    margin-bottom: 50px
}

#contacts .col-lg-4:first-child {
    padding-left: 0
}

#contacts .col-lg-4:last-child {
    padding-right: 0
}

#contacts h4 {
    text-align: center;
    font-size: 24px;
    color: #284d5d;
    font-weight: 700;
    margin-bottom: 20px
}

.first-info-block span {
    font-weight: 600
}

.first-info-block p, .first-info-block span {
    font-size: 18px;
    color: #606060;
    line-height: 22px;
    display: block;
    margin-bottom: 8px
}

.first-info-block p {
    font-size: 16px
}

.first-info-block ul li {
    margin-bottom: 30px
}

.first-info-block ul li:last-child {
    margin-bottom: 0
}

.map-contacts {
    padding: 0
}

.map-contacts {
    position: relative
}

.map-contacts h4 {
    padding-top: 10px
}

.form-field-contacts span {
    display: block;
    font-size: 18px;
    color: #606060;
    padding-bottom: 3px
}

.form-field-contacts input[type=email], .form-field-contacts input[type=text] {
    display: block;
    background: #fff;
    border-radius: 5px;
    height: 30px;
    margin-bottom: 12px;
    width: 100%;
    outline: 0;
    border: none;
    padding-left: 10px
}

.form-field-contacts textarea {
    resize: none;
    outline: 0;
    border: none;
    width: 100%;
    height: 150px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 12px;
    padding: 10px
}

.form-field-contacts input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.form-field-contacts a {
    display: block;
    width: 130px;
    height: 30px;
    line-height: 30px;
    color: #606060;
    font-size: 12px;
    text-align: center;
    background: #fff;
    border-radius: 5px
}

.wrapper-contacts form input[type=submit] {
    width: 150px;
    border: none;
    margin-top: 25px;
    height: 40px;
    text-align: center;
    color: #fff;
    line-height: 36px;
    background: #284d5d;
    border-radius: 5px
}

.wrapper-contacts form input[type=submit]:hover {
    background: #21404e
}

#news h1 {
    margin-top: 20px;
    font-weight: 700;
    font-size: 26px;
    color: #284d5d;
    margin-bottom: 20px
}

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

.categories-news li a {
    font-size: 16px;
    color: #284d5d;
    padding-right: 16px;
    position: relative;
    font-weight: 600
}

.categories-news li:nth-child(n+2) a {
    padding-left: 16px
}

.categories-news li a:after {
    position: absolute;
    width: 1px;
    height: 20px;
    background-color: #c4c4c4;
    content: "";
    margin-left: 16px;
    top: 0
}

.categories-news li:last-child a:after {
    display: none
}

.categories-news {
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #c4c4c4
}

.sorts-news li {
    display: inline-block
}

.sorts-news li:last-child {
    float: right
}

.sorts-news li a {
    font-size: 12px;
    color: #606060;
    margin-bottom: 10px;
    display: block
}

.sorts-news li a span {
    font-weight: 600
}

.one-news {
    background: #f0f0f0;
    border-radius: 5px;
    padding: 10px 5px 10px 18px
}

.one-news > ul li {
    display: inline-block;
    color: #606060;
    font-size: 10px;
    position: relative;
    margin-right: 10px;
    padding-bottom: 15px
}

.one-news > ul li:after {
    position: absolute;
    width: 1px;
    height: 8px;
    background-color: #c4c4c4;
    content: "";
    margin-left: 5px;
    top: 5px
}

.one-news > ul li:last-child:after {
    display: none
}

.one-news > ul li:nth-child(2) {
    padding-left: 20px
}

.one-news > ul li:nth-child(2):before {
    position: absolute;
    left: 0;
    content: url(../images/svg/eye-news.svg)
}

.news-img {
    float: left;
    width: 200px;
    height: 150px
}

.news-description {
    float: left;
    width: 200px;
    padding-left: 15px
}

.name-news {
    font-weight: 600;
    font-size: 16px;
    height: 45px;
    overflow: hidden;
    color: #284d5d;
    line-height: 22px;
    display: block;
    margin-bottom: 10px
}

.news-description p {
    font-size: 10px;
    color: #606060;
    line-height: 18px
}

.padding-left-0 {
    padding-left: 0
}

.padding-right-0 {
    padding-right: 0
}

.btn-more-news {
    padding-top: 5px;
    font-size: 12px
}

.news-description ul li {
    display: inline-block;
    margin-top: 10px
}

.news-description ul li a {
    display: block;
    background: #c4c4c4;
    border-radius: 5px;
    color: #606060;
    font-size: 10px;
    text-align: center;
    padding: 2px 7px;
    margin-right: 5px
}

.wrap-one-news {
    margin-bottom: 30px
}

.paginate {
    text-align: center;
    margin-bottom: 50px
}

.paginate ul li {
    display: inline-block;
    margin-right: 5px
}

.paginate ul li a, .paginate ul li span {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #284d5d;
    background: #f0f0f0;
    border-radius: 5px;
    font-weight: 600
}

.paginate ul li a:hover, .paginate ul li span {
    color: #f0f0f0;
    display: block;
    background: #284d5d
}

.paginate .btn-back, .paginate .btn-next {
    background: 0 0;
    width: auto
}

.paginate .btn-back:hover, .paginate .btn-next:hover {
    background: 0 0;
    color: #284d5d
}

.list-banners {
    margin: 35px auto 0
}

.list-banners li {
    border-radius: 5px;
    width: auto;
    overflow: hidden;
    margin: 0 auto 40px
}

.list-info-news > ul {
    display: inline-block
}

.list-info-news > ul > li {
    display: inline-block
}

.list-info-news > ul {
    margin-top: 30px
}

.list-info-news > ul > li, .list-info-news > ul > li > a {
    font-size: 12px;
    color: #606060
}

.list-info-news > ul:first-child li a {
    position: relative;
    padding-left: 10px
}

.list-info-news > ul:first-child li a span {
    font-weight: 600
}

.list-info-news > ul:first-child li a:before {
    position: absolute;
    left: 0;
    top: 1px;
    content: url(../images/svg/arrow-left.svg)
}

.list-info-news > ul:last-child {
    float: right
}

.list-info-news > ul:last-child li {
    margin-left: 16px;
    position: relative
}

.list-info-news > ul:last-child li:after {
    position: absolute;
    width: 1px;
    height: 8px;
    background-color: #c4c4c4;
    content: "";
    margin-left: 8px;
    top: 5px
}

.list-info-news > ul:last-child li:last-child:after {
    display: none
}

.list-info-news > ul:last-child li:nth-child(2):before {
    position: absolute;
    left: 0;
    content: url(../images/svg/eye-news.svg)
}

.list-info-news > ul:last-child li:nth-child(2) {
    padding-left: 20px
}

.content-news {
    background: #f0f0f0;
    border-radius: 5px;
    min-height: 300px;
    margin-top: 15px;
    padding: 30px;
    margin-bottom: 20px
}

#news .col-lg-2, #oneNews .col-lg-2 {
    padding-right: 0
}

.list-share {
    margin-top: 11px
}

.list-share ul {
    float: right
}

.list-share ul li {
    display: inline-block;
    vertical-align: middle
}

.list-share ul li:first-child {
    margin-right: 10px
}

.list-share ul li a {
    position: relative
}

.list-share ul li {
    color: #284d5d;
    font-size: 16px;
    font-weight: 600
}

.list-share ul li a {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #284d5d;
    margin-right: 5px;
    position: relative;
    display: block
}

.list-share ul li:last-child a {
    margin-right: 0
}

.list-share ul li a:before {
    position: absolute;
    left: 50%;
    top: 38%;
    transform: translate(-50%, -50%)
}

.list-share ul li:nth-child(2) a:before {
    content: url(../images/svg/facebook-blue.svg)
}

.list-share ul li:nth-child(3) a:before {
    content: url(../images/svg/twitter-blue.svg)
}

.list-share ul li:nth-child(4) a:before {
    content: url(../images/svg/linkedin-blue.svg)
}

.list-share ul li:nth-child(5) a:before {
    content: url(../images/svg/mail.svg)
}

.content-news > ul > li {
    display: inline-block;
    vertical-align: top
}

.content-news > ul > li:first-child {
    width: 390px
}

.content-news > ul > li:last-child {
    width: 410px;
    margin-left: 55px
}

.content-news h1 {
    font-weight: 700;
    font-size: 26px;
    color: #284d5d;
    line-height: 30px;
    margin-bottom: 10px
}

.content-news p, .main-information-news p {
    font-size: 12px;
    line-height: 18px;
    color: #606060
}

.content-news > ul {
    padding-bottom: 15px;
    border-bottom: 1px solid #c4c4c4
}

.caption-news {
    color: #284d5d;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
    margin-top: 10px
}

.main-information-news p {
    margin-bottom: 20px
}

.other-news span {
    font-size: 20px;
    color: #606060;
    font-weight: 700;
    display: block;
    margin: 10px 20px 20px
}

.other-news ul li {
    display: inline-block;
    width: 150px;
    vertical-align: top;
    background: #f0f0f0;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    margin-right: 29px;
    margin-bottom: 10px
}

.other-news ul li:last-child {
    margin-right: 0
}

.other-news ul li a {
    color: #284d5d;
    font-size: 12px;
    height: 78px;
    padding: 10px 0;
    display: block;
    overflow: hidden
}

.other-news ul li a:hover {
    font-weight: bold;
}

.clear {
    clear: both
}

.info-articles {
    clear: both;
    border-top: 1px solid #c4c4c4;
    padding-top: 18px
}

.info-articles.first-block {
    padding-top: 0;
    border: none;
    padding-top: 15px
}

.info-articles li {
    display: inline-block
}

.info-articles li:first-child {
    color: #284d5d;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 18px
}

.info-articles li:last-child {
    float: right
}

.info-articles li:last-child a {
    display: block;
    width: 160px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #284d5d;
    border-radius: 5px;
    margin-top: 5px
}

.info-articles li:last-child a:hover {
    opacity: .9;
}

#news .list-subcategories a {
    display: block;
    height: 200px;
    width: 100%;
    text-align: center;
    background: #f0f0f0;
    border-radius: 5px;
    color: #fff;
    font-size: 26px;
    margin-bottom: 30px;
    padding-top: 50px
}

.breadcrumbs ul li {
    display: inline-block
}

.breadcrumbs {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 3px;
    margin-bottom: 10px
}

.breadcrumbs ul li a, .breadcrumbs ul li span {
    font-size: 12px;
    color: #606060;
    position: relative;
    margin-right: 10px
}

.breadcrumbs ul li a:hover, .breadcrumbs ul li span:hover {
    color: #284d5d
}

.breadcrumbs ul li a:after {
    position: absolute;
    content: url(../images/svg/arrow-right-breadcrumbs.svg);
    top: 2px;
    margin-left: 5px
}

#text404 h1 {
    font-size: 30px;
    color: #284d5d;
    margin-bottom: 20px
}

#text404 p {
    padding-bottom: 15px;
    font-size: 24px
}

#text404 p b {
    font-weight: 600
}

#text404 {
    margin-top: 25px;
    margin-bottom: 45px
}

.caption-container-profile {
    padding-left: 170px;
    padding-top: 20px;
    margin-bottom: 10px
}

.caption-container-profile h3 {
    font-weight: 700;
    font-size: 24px;
    color: #606060;
    padding-bottom: 10px
}

.caption-container-profile p {
    color: #606060;
    font-size: 12px
}

.content-profile {
    margin-bottom: 75px
}

.wrap-content-profile {
    background: #f0f0f0;
    border-radius: 5px;
    min-height: 420px;
    padding: 25px 5px
}

.content-profile .col-lg-10 {
    padding: 0
}

.bottom-links-profile {
    width: 60px;
    z-index: 3;
    display: inline-block
}

.links-profile {
    width: 60px;
    position: absolute;
    display: inline-block;
    vertical-align: top;
    margin-top: -25px;
    padding-top: 25px;
    z-index: 10;
    left: 5px
}

.links-profile ul li a {
    display: block;
    position: relative;
    margin-bottom: 15px;
    margin-left: 15px;
    height: 26px;
    font-size: 0;
    padding-left: 25px;
    color: #606060;
    white-space: nowrap
}

.links-profile ul li a:hover {
    color: #284d5d
}

.links-profile ul li a svg {
    width: 26px;
    height: 32px;
    fill: #606060
}

.links-profile ul li a:hover svg {
    fill: #284d5d
}

.links-profile ul li a:after {
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-50%, 0)
}

.links-profile ul li:first-child a:after {
    content: url(../images/svg/account-home.svg);
    top: -6px
}

.links-profile ul li:first-child a.active:after, .links-profile ul li:first-child a:hover:after {
    content: url(../images/svg/account-home-active.svg)
}

.links-profile ul li:nth-child(2) a:after {
    content: url(../images/svg/account-business.svg);
    top: -1px
}

.links-profile ul li:nth-child(2) a.active:after, .links-profile ul li:nth-child(2) a:hover:after {
    content: url(../images/svg/account-business-active.svg)
}

.links-profile ul li:nth-child(3) a:after {
    content: url(../images/svg/account-favorites.svg)
}

.links-profile ul li:nth-child(3) a.active:after, .links-profile ul li:nth-child(3) a:hover:after {
    content: url(../images/svg/account-favorites-active.svg)
}

.links-profile ul li:nth-child(4) a:after {
    content: url(../images/svg/account-messages.svg);
    top: 1px
}

.links-profile ul li:nth-child(4) a.active:after, .links-profile ul li:nth-child(4) a:hover:after {
    content: url(../images/svg/account-messages-active.svg)
}

.links-profile ul li:nth-child(5) a:after {
    top: -9px;
    content: url(../images/svg/account-payment.svg)
}

.links-profile ul li:nth-child(5) a.active:after, .links-profile ul li:nth-child(5) a:hover:after {
    content: url(../images/svg/account-payment-active.svg)
}

.links-profile ul li:nth-child(6) a:after {
    top: -2px;
    content: url(../images/svg/account-setting.svg)
}

.links-profile ul li:nth-child(6) a.active:after, .links-profile ul li:nth-child(6) a:hover:after {
    content: url(../images/svg/account-setting-active.svg)
}

.links-profile ul li:nth-child(7) a:after {
    top: -7px;
    content: url(../images/svg/account-import.svg)
}

.links-profile ul li:nth-child(7) a.active:after, .links-profile ul li:nth-child(7) a:hover:after {
    content: url(../images/svg/account-import-active.svg)
}

.links-profile ul li:nth-child(8) a:after {
    content: url(../images/svg/account-add-article.svg)
}

.links-profile ul li:nth-child(8) a.active:after, .links-profile ul li:nth-child(8) a:hover:after {
    content: url(../images/svg/account-add-article-active.svg)
}

.links-profile ul li:last-child a:after {
    top: -4px;
    content: url(../images/svg/account-logout.svg)
}

.links-profile ul li:last-child a:hover:after {
    content: url(../images/svg/account-logout-active.svg)
}

.registration-data, .rows-business, .width-account-wrap, .wrap-list-favorites {
    width: 840px;
    display: inline-block;
    position: relative
}

.wrap-list-favorites {
    padding-left: 15px
}

.registration-data .list-data > li {
    display: inline-block;
    vertical-align: top;
    width: 420px;
    margin-left: -.36em;
    position: relative
}

.registration-data .list-data li h4 {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: #284d5d;
    margin-bottom: 20px
}

.registration-data .list-data > li:first-child:after {
    position: absolute;
    width: 1px;
    height: 100%;
    content: "";
    right: 15px;
    top: 5px;
    background-color: #c4c4c4
}

.field-registration-data > span {
    display: inline-block;
    width: 170px;
    color: #606060;
    text-align: right;
    padding-right: 15px;
    vertical-align: middle
}

.field-registration-data input {
    width: 210px;
    height: 30px;
    padding-left: 15px;
    line-height: 30px;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    outline: 0
}

.field-registration-data {
    margin-bottom: 15px
}

.field-registration-data p {
    display: inline-block;
    width: 210px;
    color: #284d5d;
    vertical-align: middle;
    padding-left: 15px
}

.field-registration-data > ul {
    width: 210px;
    display: inline-block;
    vertical-align: top
}

.field-registration-data > ul > li > span {
    display: block;
    position: relative;
    color: #606060;
    padding-left: 25px
}

.field-registration-list-email ul li a {
    color: #284d5d;
    font-weight: 700;
    margin-top: 5px;
    display: block;
    position: relative;
    padding-left: 25px
}

.field-registration-data > ul > li:nth-child(n+2) span b.remove-email:before, .field-registration-data > ul > li:nth-child(n+2) span b.remove-phone:before {
    position: absolute;
    left: 0;
    top: 2px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    cursor: pointer;
    content: url(../images/svg/remove-email-home.svg)
}

.field-registration-data > ul > li:nth-child(n+2) span b.remove-email {
    left: -20px;
    position: absolute
}

.field-registration-list-email ul li a:before {
    position: absolute;
    left: 0;
    content: url(../images/svg/remove-email.svg)
}

.wrap-label label {
    font-weight: 400;
    color: #606060;
    position: relative;
    padding-left: 25px;
    display: block;
    margin-bottom: 30px
}

.wrap-label input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.wrap-label label:before {
    position: absolute;
    border-radius: 50%;
    border: 1px solid #606060;
    content: "";
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px
}

.wrap-label input:checked + label:after {
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #284d5d;
    left: 0;
    top: 2px;
    content: "";
    border-radius: 50%
}

.btn-save-info-account {
    display: block;
    width: 110px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin: 0 auto;
    color: #f0f0f0;
    background: #284d5d;
    border-radius: 5px;
    margin-top: 15px;
    border: none
}

.wrap-not-rows-business {
    position: absolute;
    left: 50%;
    top: 180px;
    transform: translate(-50%, -50%)
}

.wrap-not-rows-business span {
    display: block;
    color: #606060;
    font-size: 18px;
    text-align: center
}

.wrap-not-rows-business a {
    display: block;
    margin: 20px auto;
    width: 190px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #b70416;
    border-radius: 5px
}

.wrap-list-rows-business table th {
    text-align: center;
    color: #606060;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 10px
}

.wrap-list-rows-business table th:first-child {
    width: 310px
}

.wrap-list-rows-business table th:nth-child(2), .wrap-list-rows-business table th:nth-child(3) {
    width: 120px
}

.wrap-list-rows-business table th:nth-child(4) {
    width: 150px
}

.wrap-list-rows-business table th:nth-child(5) {
    width: 150px
}

.wrap-list-rows-business table td {
    padding-top: 10px;
    border-bottom: 1px solid #c4c4c4;
    position: relative;
    padding-bottom: 10px
}

.wrap-list-rows-business table td:after {
    position: absolute;
    right: 0;
    width: 1px;
    background-color: #c4c4c4;
    height: 90%;
    content: "";
    top: 10px
}

.wrap-list-rows-business table tr:last-child td {
    border-bottom: none
}

.wrap-list-rows-business table td:last-child:after {
    display: none
}

.wrap-list-rows-business table td:last-child {
    border-right: none
}

.wrap-one-business {
    width: 300px;
    padding: 10px;
    background: #fff;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px
}

.wrap-business-image {
    position: relative;
    width: 130px;
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top
}

.business-status {
    position: absolute;
    padding: 5px;
    color: #fff;
    top: 15px;
    left: 0;
    font-size: 10px;
    background: #284d5d
}

.business-id {
    position: absolute;
    padding: 5px;
    color: #fff;
    left: 0;
    font-size: 10px;
    background: #284d5d;
    bottom: 0;
    border-radius: 0 0 0 5px
}

.name-business-style {
    font-size: 12px;
    color: #284d5d
}

.wrap-info-business {
    width: 140px;
    display: inline-block;
    vertical-align: top;
    padding-left: 7px
}

.wrap-info-business p {
    color: #323232;
    font-size: 10px;
    padding-top: 5px
}

.wrap-info-business span {
    color: #284d5d;
    font-size: 16px;
    padding-top: 5px;
    display: block;
    font-weight: 700
}

.link-business {
    position: relative;
    font-size: 10px;
    color: #606060;
    display: block;
    padding-top: 5px
}

.description-business a:after, .link-business:after {
    position: absolute;
    content: url(../images/svg/link.svg);
    margin-left: 5px;
    top: 0
}

.description-business a:after {
    top: 15px
}

.description-business a {
    position: relative
}

.list-stats-business ul li {
    text-align: center;
    font-weight: 700;
    color: #284d5d;
    position: relative;
    margin-bottom: 15px;
    padding-left: 25px
}

.list-stats-business ul li:before {
    position: absolute;
    margin-left: -30px
}

.list-stats-business ul li:first-child:before {
    content: url(../images/svg/eye-stats.svg)
}

.list-stats-business ul li:nth-child(2):before {
    content: url(../images/svg/phone.svg)
}

.list-stats-business ul li:last-child:before {
    content: url(../images/svg/favorite-stats.svg)
}

.publication-info {
    text-align: center
}

.publication-info p {
    font-size: 12px;
    color: #606060;
    line-height: 18px
}

.publication-info a {
    color: #f0f0f0;
    font-size: 13px;
    text-align: center;
    width: 90px;
    height: 25px;
    line-height: 21px;
    display: block;
    margin: 10px auto;
    background: #284d5d;
    border-radius: 5px
}

.setting-business ul li a {
    display: block;
    margin-bottom: 15px;
    color: #606060;
    font-size: 10px;
    position: relative;
    padding-left: 30px;
    margin-left: 20px
}

.setting-business ul li a:before {
    position: absolute;
    left: 0
}

.setting-business .btn-edit-ad-ads:before {
    content: url(../images/svg/edit.svg)
}

.setting-business .btn-activate-ads:before {
    content: url(../images/svg/activate.svg)
}

.setting-business .btn-delete-ad-ads:before {
    content: url(../images/svg/hide-business.svg)
}

.setting-business .sold-business:before {
    content: url(../images/svg/faq-business.svg)
}

.setting-business .remove-business:before {
    content: url(../images/svg/remove-business.svg);
    top: -2px
}

.links-profile ul li a.active:before, .links-profile ul li a:hover:before {
    position: absolute;
    width: 3px;
    height: 100%;
    left: -20px;
    top: -3px;
    background: #284d5d;
    content: ""
}

.links-profile ul li:last-child a:hover {
    color: #b70416
}

.setting-business ul li a.remove-business:hover, .setting-business ul li a.sold-business:hover {
    color: #b70416
}

.setting-business ul li a.remove-business:hover:before {
    content: url(../images/svg/remove-business-active.svg)
}

.setting-business ul li a.sold-business:hover:before {
    content: url(../images/svg/sayle-active.svg)
}

.publication-info a:hover {
    background: #21404e
}

.wrap-favorites {
    position: absolute;
    top: 180px;
    left: 50%;
    transform: translate(-50%, -50%)
}

.wrap-favorites p {
    color: #606060;
    font-size: 18px;
    text-align: center
}

.list-favorites > div {
    width: 820px;
    background: #fff;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    min-height: 200px;
    padding: 15px;
    position: relative
}

.tabs-favorites ul li {
    display: inline-block
}

.tabs-favorites ul li a {
    display: block;
    color: #284d5d;
    margin-right: 25px;
    padding-bottom: 5px
}

.tabs-favorites ul li:last-child a {
    margin-right: 0
}

.tabs-favorites ul li a.active {
    font-weight: 600;
    border-bottom: 2px solid #284d5d
}

.tabs-favorites ul {
    border-bottom: 1px solid #284d5d;
    width: max-content
}

.list-favorites {
    margin-top: 20px
}

.favorite-name-business {
    font-weight: 600;
    font-size: 18px;
    color: #284d5d
}

.favorite-country {
    color: #323232;
    font-size: 12px;
    padding-left: 15px;
    position: relative;
    padding-top: 5px
}

.favorite-price {
    padding-bottom: 5px
}

.favorite-country:before {
    position: absolute;
    left: 0;
    content: url(../images/svg/location-mini.svg)
}

.list-favorites > div > ul > li {
    display: inline-block;
    vertical-align: top
}

.list-favorites > div > ul > li:first-child {
    width: 300px
}

.list-favorites > div > ul > li:nth-child(2) {
    width: 285px;
    padding-left: 30px
}

.list-favorites > div > ul > li:last-child {
    width: 190px;
    text-align: center;
    padding-top: 50px;
    position: relative
}

.list-favorites > div > ul > li:last-child:before {
    position: absolute;
    height: 80%;
    width: 1px;
    background-color: #c4c4c4;
    content: "";
    left: 5px
}

.favorite-price {
    font-weight: 700;
    font-size: 24px;
    color: #284d5d
}

.favorite-description {
    color: #606060;
    font-size: 10px;
    line-height: 15px;
    width: 245px
}

.btn-read-business {
    display: block;
    color: #284d5d;
    font-size: 14px;
    padding-top: 5px;
    font-weight: 600
}

.list-categories-business li {
    display: inline-block;
    margin-top: 10px
}

.list-categories-business li a {
    display: block;
    padding: 2px 5px;
    color: #606060;
    font-size: 10px;
    margin-right: 10px;
    background: #c4c4c4;
    border-radius: 5px
}

.remove-favorite {
    position: absolute;
    top: 20px;
    z-index: 5;
    right: 40px;
    color: #606060;
    font-size: 10px
}

.remove-favorite:after {
    position: absolute;
    top: -2px;
    right: -25px;
    content: url(../images/svg/remove-favorite.svg)
}

.list-more-information-business {
    padding-left: 20px
}

.list-more-information-business ul li {
    margin-bottom: 10px
}

.list-more-information-business ul li > span {
    font-weight: 600;
    color: #323232;
    display: block
}

.list-more-information-business p {
    color: #284d5d;
    font-size: 12px;
    font-weight: 700
}

.list-more-information-business ul li p.price-filter {
    font-weight: 700;
    font-size: 18px
}

.list-more-information-business ul li p span {
    font-size: 10px
}

.list-favorites > div {
    margin-bottom: 30px
}

.filter-messages > ul > li {
    display: inline-block;
    color: #606060;
    font-size: 12px
}

.filter-messages > ul > li:last-child {
    float: right
}

.filter-messages {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 10px
}

.filter-messages > ul > li > p a {
    display: inline-block;
    min-width: 70px;
    height: 20px;
    color: #284d5d;
    font-size: 12px;
    line-height: 16px;
    background: #f0f0f0;
    position: relative;
    margin-left: 10px;
    padding-left: 8px;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: -2px;
    text-align: left;
    padding-right: 20px
}

.filter-messages > ul > li > p a:after {
    position: absolute;
    right: 5px;
    content: url(../images/svg/arrow-bottom-gray-little.svg)
}

.filter-messages > ul > li > p.active + ul {
    display: block
}

.wrap-list-messages {
    padding-left: 15px
}

.wrap-list-messages table {
    width: 100%
}

.wrap-list-messages table th {
    border-bottom: 1px solid #c4c4c4;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    color: #606060;
    padding: 11px 0
}

.list-btn-messages {
    padding-left: 10px
}

.list-btn-messages ul li {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top
}

.list-btn-messages ul li a {
    display: block;
    width: 20px;
    position: relative
}

.list-btn-messages ul li a:before {
    position: absolute;
    left: 0
}

.list-btn-messages ul li:first-child a:before {
    content: url(../images/svg/favorite-message.svg)
}

.list-btn-messages ul li:last-child a:before {
    content: url(../images/svg/remove-message.svg)
}

#accountProfile .add-favorite-dialog.active:before, .add-favorite-dialog:hover:before, .list-btn-messages ul li:first-child a.active:before, .list-btn-messages ul li:first-child a:hover:before {
    content: url(../images/svg/favorite-message-active.svg) !important
}

.list-btn-messages ul li:last-child a.active:before, .list-btn-messages ul li:last-child a:hover:before, .wrap-list-control-dialog ul li:nth-child(2) a:hover:before {
    content: url(../images/svg/remove-message-active.svg)
}

.wrap-list-control-dialog ul li:nth-child(2) a:hover {
    color: #b70416;
    font-weight: 600
}

.wrap-list-messages table th:first-child {
    width: 80px
}

.wrap-list-messages table th:nth-child(2) {
    width: 170px
}

.wrap-list-messages table th:nth-child(3) {
    width: 450px
}

.wrap-list-messages table th:nth-child(4) {
    width: 130px
}

.list-btn-messages ul li:last-child {
    margin-right: 0
}

.wrap-list-messages table td {
    padding-top: 10px;
    position: relative;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 10px
}

.wrap-list-messages table tr:last-child td {
    border-bottom: none
}

.name-user-message {
    text-align: center
}

.wrap-list-messages table td:after {
    position: absolute;
    right: 0;
    top: 10px;
    width: 1px;
    background-color: #c4c4c4;
    height: 30px;
    content: ""
}

.wrap-list-messages table td:last-child:after {
    display: none
}

.name-user-message {
    font-weight: 700;
    color: #606060;
    font-size: 12px
}

.message-business a {
    color: #284d5d;
    font-size: 12px;
    font-weight: 600
}

.message-business {
    padding: 0 25px
}

.message-business p {
    font-size: 10px;
    color: #606060;
    line-height: 15px;
    padding-top: 5px
}

.message-time {
    text-align: center;
    color: #606060;
    font-size: 12px
}

.filter-messages p {
    position: relative
}

.filter-messages ul li p.active + ul {
    display: block
}

.filter-messages ul li ul {
    position: absolute;
    right: 0;
    top: 22px;
    background: #f0f0f0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    padding: 7px 10px;
    z-index: 10;
    display: none;
    width: 120px
}

.filter-messages > ul > li > ul > li > a {
    display: block;
    color: #606060;
    font-size: 12px;
    height: 18px;
    width: 100%;
    margin-bottom: 6px
}

.filter-messages > ul > li > ul > li > a:hover {
    font-weight: 600;
    color: #284d5d
}

.wrap-list-payments {
    padding-left: 15px
}

.wrap-list-payments table {
    width: 100%
}

.wrap-list-payments table th {
    text-align: center;
    color: #606060;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 10px
}

.wrap-list-payments td {
    text-align: center;
    color: #606060;
    padding: 12px 0;
    position: relative;
    border-bottom: 1px solid #c4c4c4
}

.wrap-list-payments tr:last-child td {
    border-bottom: none
}

.wrap-list-payments td:after {
    position: absolute;
    height: 70%;
    width: 1px;
    background-color: #c4c4c4;
    top: 5px;
    content: "";
    right: 0
}

.wrap-list-payments td:last-child:after {
    display: none
}

.wrap-list-payments table th:first-child {
    width: 170px
}

.wrap-list-payments table th:nth-child(2) {
    width: 140px
}

.wrap-list-payments table th:nth-child(4) {
    width: 300px
}

.wrap-list-payments table th:nth-child(5) {
    width: 85px
}

.wrap-list-payments a {
    color: #284d5d
}

.wrap-list-payments span {
    font-weight: 700;
    font-size: 18px;
    color: #284d5d
}

.wrap-settings-profile > ul > li {
    display: inline-block;
    vertical-align: top;
    width: 420px;
    margin-left: -.36em;
    position: relative
}

.wrap-settings-profile > ul > li:first-child:after {
    position: absolute;
    width: 1px;
    background-color: #c4c4c4;
    height: 100%;
    content: "";
    top: 10px;
    right: 0
}

.wrap-no-active-package {
    text-align: center;
    margin-top: 75px
}

.wrap-no-active-package span {
    margin-bottom: 30px;
    display: block;
    color: #606060;
    font-size: 18px
}

.wrap-no-active-package p {
    margin-bottom: 18px;
    display: block;
    color: #606060;
    font-size: 18px
}

.wrap-no-active-package a {
    width: 190px;
    height: 40px;
    background: #284d5d;
    border-radius: 5px;
    text-align: center;
    line-height: 36px;
    font-weight: 700;
    color: #fffdfd;
    display: block;
    margin: 0 auto
}

#faq h1 {
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    color: #284d5d;
    margin: 25px 0
}

.list-categories-faq {
    width: 730px;
    margin: 0 auto
}

.list-categories-faq ul li {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    height: 130px;
    margin-right: 65px;
    margin-bottom: 25px;
    background: #f0f0f0;
    border-radius: 5px;
    overflow: hidden;
    margin-left: -.36em;
    position: relative
}

.list-categories-faq ul li:nth-child(3n) {
    margin-right: 0
}

.list-categories-faq ul li a span {
    display: block;
    position: absolute;
    left: 50%;
    top: 70%;
    width: 95%;
    text-align: center;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    z-index: 10
}

.list-categories-faq .overlay {
    background-color: #000;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .7;
    width: 100%;
    height: 100%
}

.list-categories-faq ul li a img {
    position: relative;
    z-index: 1
}

#page h1 {
    font-weight: 700;
    font-size: 26px;
    color: #284d5d;
    margin: 20px 0 10px
}

.breadcrumbs-page {
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 30px
}

.breadcrumbs-page ul li {
    display: inline-block
}

.breadcrumbs-page ul li a {
    display: block;
    font-size: 12px;
    color: #606060;
    position: relative;
    margin-right: 10px
}

.breadcrumbs-page ul li a:after {
    position: absolute;
    right: -8px;
    top: 1px;
    content: url(../images/svg/arrow-right-breadcrumbs.svg)
}

.page-text p {
    font-size: 12px;
    color: #606060;
    line-height: 18px
}

.good-article {
    background: #f0f0f0;
    border-radius: 5px;
    width: 730px;
    height: 90px;
    padding: 17px 25px;
    margin: 50px auto
}

.good-article p, .good-article span {
    display: block;
    color: #284d5d;
    font-size: 16px;
    font-weight: 600
}

.other-questions {
    margin-top: 100px;
    background: #f0f0f0;
    border-radius: 5px;
    padding: 20px 15px
}

.other-questions ul li a {
    display: block;
    color: #284d5d;
    font-size: 12px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 10px
}

.other-questions ul li a:before {
    position: absolute;
    left: 0;
    content: url(../images/svg/other-questions.svg)
}

.other-questions span {
    text-align: center;
    font-size: 16px;
    color: #284d5d;
    display: block;
    font-weight: 700;
    margin-bottom: 20px
}

.breadcrumbs-page ul li:last-child a:after {
    display: none
}

#page .col-lg-10 {
    padding-left: 0
}

#page .col-lg-2 {
    padding-right: 0
}

.list-categories-filter {
    min-width: 362px;
    position: absolute;
    background: #f0f0f0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    padding: 12px 5px;
    z-index: 15;
    top: 45px;
    white-space: nowrap;
    display: none
}

.content-list-last:after, .list-values-filter .content-list-last:last-child:after {
    display: none !important
}

.list-values-filter .content-list-last:after {
    display: block
}

.location-filter > div {
    vertical-align: top
}

.home-search .list-categories-filter li {
    display: block;
    width: 165px
}

.list-categories-filter li a {
    color: #606060;
    font-size: 12px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    padding-left: 5px;
    padding-right: 25px;
    white-space: initial
}

.list-values-filter .list-categories-filter li a {
    padding-right: 10px
}

.list-values-filter {
    position: relative
}

.list-values-filter.design-thumb {
    max-height: 145px;
    overflow-x: hidden;
    overflow-y: auto
}

.list-values-filter .list-categories-filter li a:after {
    right: 5px
}

.location-filter ul[data-name=city] li a:after {
    display: none
}

.list-categories-filter li:last-child a {
    margin-bottom: 0
}

.list-categories-filter li a.active, .list-categories-filter li a:hover {
    color: #284d5d
}

.list-categories-filter li a:after {
    position: absolute;
    top: 0;
    right: 15px;
    content: url(../images/svg/arrow-right-breadcrumbs.svg)
}

.list-categories-filter div {
    display: none;
    position: relative
}

.list-categories-filter div ul {
    max-width: 200px;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 5px;
    position: relative
}

.list-categories-filter div.content-list:after {
    position: absolute;
    right: -5px;
    top: 17px;
    height: 90%;
    width: 1px;
    content: "";
    border-right: 1px solid #c4c4c4
}

.list-categories-filter div:first-of-type {
    display: inline-block;
    vertical-align: top
}

.location-filter ul {
    max-width: 145px
}

.wrap-btn-search {
    border-top: 1px solid #c4c4c4;
    display: block !important
}

.wrap-btn-search a {
    width: 160px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    background: #284d5d;
    border-radius: 5px;
    float: right;
    margin-top: 10px
}

.design-thumb::-webkit-scrollbar, .list-categories-filter div ul::-webkit-scrollbar, .list-categories-list ul::-webkit-scrollbar {
    width: 10px;
    background: #f0f0f0;
    border-radius: 5px
}

.design-thumb::-webkit-scrollbar-thumb, .list-categories-filter ul::-webkit-scrollbar-thumb, .list-categories-list ul::-webkit-scrollbar-thumb {
    width: 10px;
    border-radius: 5px;
    background: #c4c4c4
}

.btn-model-category.active + .list-categories-filter {
    display: block
}

.btn-model-category.active:after {
    transform: rotate(180deg);
    top: 3px
}

.wrap-list-categories {
    padding-left: 10px
}

.list-categories-filter ul:first-child {
    width: 180px
}

.location-filter ul:first-child {
    width: 180px
}

.list-search {
    position: absolute;
    width: 370px;
    min-height: 50px;
    background: #f0f0f0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    padding: 10px;
    z-index: 15;
    top: 45px;
    display: none
}

.list-search ul li a {
    display: block;
    margin-bottom: 5px;
    color: #c4c4c4
}

.list-search ul li a span {
    color: #606060
}

.list-search ul li a p {
    color: #284d5d;
    display: inline-block
}

.close-search {
    position: absolute;
    right: 20px;
    top: 14px;
    display: none
}

.close-search:after {
    position: absolute;
    right: 0;
    content: url(../images/svg/close.svg)
}

.field-search.active .close-search, .field-search.active .list-search {
    display: block
}

.field-import {
    margin-bottom: 25px
}

.field-import span {
    display: inline-block;
    width: 190px;
    font-size: 16px;
    color: #606060;
    vertical-align: middle
}

.wrap-field-list-import {
    display: inline-block;
    position: relative
}

.wrap-field-list-import a {
    vertical-align: middle;
    display: block;
    width: 270px;
    height: 30px;
    line-height: 26px;
    background: #fff;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    color: #284d5d;
    padding-left: 15px;
    position: relative
}

.wrap-list-buttons-import ul li {
    display: inline-block
}

.wrap-list-buttons-import ul li a {
    display: block;
    width: 300px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #606060;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 16px;
    color: #606060;
    font-weight: 700;
    margin-right: 20px;
    margin-bottom: 25px
}

.add-file-import {
    display: inline-block;
    padding-left: 30px;
    position: relative;
    color: #284d5d;
    vertical-align: middle
}

.add-file-import:before {
    position: absolute;
    left: 0;
    top: 2px;
    content: url(../images/svg/file.svg)
}

.field-import input[name=file] {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.field-import input[name=link] {
    background: #fff;
    padding-left: 20px;
    width: 540px;
    height: 30px;
    color: #000;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    outline: 0
}

.field-import input[name=link]::placeholder {
    color: #c4c4c4
}

.agree-import label {
    font-weight: 400;
    color: #606060;
    position: relative;
    padding-left: 25px
}

.agree-import input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.agree-import input[type=checkbox]:checked + label:after {
    position: absolute;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    background-color: #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    display: block;
    z-index: 65;
    top: 0
}

.agree-import label:before {
    position: absolute;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px
}

.wrapper-import input[type=submit] {
    display: block;
    width: 190px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    margin-top: 20px;
    background: #284d5d;
    border-radius: 5px;
    font-weight: 700;
    color: #f0f0f0;
    font-size: 16px;
    border: none
}

.wrapper-import input[type=submit] {
    background: #21404e
}

.wrap-field-list-import:after {
    position: absolute;
    right: 10px;
    top: 5px;
    content: url(../images/svg/arrow-bottom-gray.svg)
}

.field-create-article > span {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    font-weight: 700;
    font-size: 16px;
    color: #606060
}

.field-create-article {
    position: relative;
    margin-bottom: 15px
}

.field-create-article > span > span {
    color: #b70416;
    font-size: 16px
}

.wrap-list-languages-field {
    width: 540px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.field-create-article input[type=text] {
    width: 100%;
    height: 30px;
    background: #fff;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    padding-left: 15px;
    outline: 0
}

.field-create-article input[type=text]::placeholder {
    color: #c4c4c4
}

.field-add-business > a, .wrap-list-languages-field > a {
    color: #606060;
    padding-right: 15px;
    font-size: 10px;
    position: absolute;
    right: 0;
    top: -15px
}

.field-add-business > a:after, .wrap-list-languages-field > a:after {
    position: absolute;
    right: 0;
    content: url(../images/svg/arrow-bottom-gray-little.svg)
}

.field-add-business p, .wrap-list-languages-field p {
    font-size: 10px;
    color: #606060
}

.wrap-list-create-article {
    display: inline-block;
    position: relative
}

.wrap-list-create-article > a {
    display: block;
    width: 300px;
    height: 30px;
    line-height: 26px;
    background: #fff;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    color: #284d5d;
    padding-left: 15px;
    position: relative
}

.wrap-list-create-article > a:after {
    position: absolute;
    right: 5px;
    content: url(../images/svg/arrow-bottom-gray.svg)
}

.wrap-list-languages-field textarea {
    width: 100%;
    height: 100px;
    resize: none;
    background: #fff;
    padding: 10px;
    outline: 0;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px
}

.field-create-article textarea[name=text] {
    height: 200px
}

.field-create-article span a, .text-hint {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #284d5d;
    text-align: center;
    position: relative;
    font-family: Literata;
    vertical-align: middle;
    white-space: normal
}

.field-create-article span a:after, .text-hint:after {
    content: "?";
    color: #fff;
    left: 50%;
    top: 0;
    line-height: 20px;
    transform: translate(-50%, 0);
    position: absolute
}

.wrap-list-images ul li {
    display: inline-block;
    width: 80px;
    height: 80px;
    vertical-align: top;
    margin-right: 15px;
    margin-bottom: 15px
}

.wrap-list-images > ul > li > a {
    display: block;
    width: 80px;
    height: 80px;
    background: #284d5d;
    border-radius: 5px;
    position: relative;
    overflow: hidden
}

.wrap-list-images {
    width: 540px;
    display: inline-block;
    vertical-align: middle
}

.wrap-list-images > ul > li > a:after {
    position: absolute;
    content: url(../images/svg/add-image.svg);
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    z-index: 4
}

.agree-create-article input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.agree-create-article label {
    padding-left: 25px;
    font-weight: 400;
    position: relative;
    color: #606060
}

.agree-create-article label:before {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    content: "";
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px
}

.agree-create-article input:checked + label:after {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #284d5d;
    content: "";
    left: 0;
    top: 0;
    border-radius: 5px
}

.list-buttons-create-article ul li {
    display: inline-block;
    vertical-align: top
}

.list-buttons-create-article ul li input[type=submit] {
    display: block;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    line-height: 36px;
    margin-right: 20px;
    border: none;
    margin-top: 25px;
    outline: 0
}

.list-buttons-create-article ul li:first-child input {
    width: 125px;
    background: #284d5d;
    color: #f0f0f0;
    font-size: 16px
}

.list-buttons-create-article ul li:first-child input:hover {
    opacity: .9;
}

.list-buttons-create-article ul li:last-child a {
    width: 250px;
    color: #284d5d;
    background: #f0f0f0;
    border: 1px solid #284d5d;
    font-size: 16px;
    display: block;
    height: 40px;
    margin-top: 25px;
    text-align: center;
    border-radius: 5px;
    line-height: 36px
}

.wrap-list-create-article > ul {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 10;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    display: none
}

.wrap-list-create-article ul li a {
    display: block;
    color: #606060;
    margin-bottom: 10px
}

.wrap-list-create-article a.active + ul {
    display: block
}

.wrap-list-create-article a.active:hover:after {
    transform: rotate(180deg);
    top: 5px
}

.list-languages-translate {
    position: absolute;
    width: 100px;
    right: 0;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    padding: 5px;
    display: none;
    z-index: 3333
}

.list-languages {
    position: relative
}

.list-languages-translate li a {
    font-size: 10px;
    color: #606060
}

.field-add-business > a.active + .list-languages-translate, .wrap-list-languages-field > a.active + .list-languages-translate {
    display: block
}

.field-create-article span a:hover:before, .text-hint:hover:before {
    position: absolute;
    content: attr(data-text);
    width: 196px;
    z-index: 14;
    font-size: 10px;
    line-height: 15px;
    text-align: left;
    color: #606060;
    padding: 10px;
    background: #f0f0f0;
    border-radius: 5px;
    left: 25px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.field-add-business input[type=file], .field-create-article input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0
}

#listCustomerServices h1, #paymentTariff h1, #subscribeProfessional h1 {
    text-align: center;
    color: #284d5d;
    font-size: 26px;
    font-weight: 700;
    margin: 25px 0
}

.list-customer-services, .list-subscribes, .wrap-payment-tariff {
    margin: 0 auto;
    width: 730px
}

.list-customer-services > ul > li, .list-subscribes > ul > li, .wrap-payment-tariff .list-payment-tariff > ul > li {
    display: inline-block;
    margin-right: 35px;
    width: 220px;
    background: #f0f0f0;
    border-radius: 5px;
    min-height: 100px;
    padding: 20px 10px;
    vertical-align: top;
    margin-bottom: 100px
}

.list-customer-services > ul > li:not(:first-child), .list-subscribes > ul > li:not(:first-child), .wrap-payment-tariff .list-payment-tariff > ul > li:not(:first-child) {
    margin-left: -.26em
}

.wrap-payment-tariff .list-payment-tariff > ul > li {
    margin-bottom: 20px
}

.list-customer-services > ul > li:last-child, .list-subscribes > ul > li:last-child, .wrap-payment-tariff .list-payment-tariff > ul > li:last-child {
    margin-right: 0
}

.list-customer-services > ul > li > span, .list-subscribes > ul > li > span {
    display: block;
    text-align: center;
    color: #284d5d;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px
}

.list-subscribes > ul > li > span {
    margin-bottom: 30px
}

.list-subscribes > ul > li p {
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    color: #284d5d;
    margin-bottom: 10px
}

.list-subscribes > ul > li ul.list-info-subscribes li {
    display: block;
    margin-bottom: 25px;
    position: relative;
    padding-left: 20px;
    color: #606060;
    font-size: 12px
}

.list-subscribes > ul > li ul.list-info-subscribes li:before {
    position: absolute;
    left: 0;
    top: 2px;
    content: url(../images/svg/list-subscribe.svg)
}

.list-customer-services > ul > li a, .list-subscribes > ul > li > a {
    display: block;
    margin: 0 auto;
    width: 190px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    background: #284d5d;
    border-radius: 5px;
    color: #f0f0f0;
    font-size: 18px;
    font-weight: 700
}

.list-customer-services > ul > li a:hover, .list-subscribes > ul > li > a:hover {
    opacity: .9;
}

.list-customer-services > ul > li span {
    margin-bottom: 45px
}

.discount-package {
    text-align: center;
    font-size: 16px;
    text-decoration: line-through;
    color: #284d5d;
    padding-left: 25px;
    height: 22px
}

.price-package {
    text-align: center;
    color: #284d5d;
    font-size: 30px;
    line-height: 18px;
    font-weight: 700
}

.list-customer-services > ul > li p {
    text-align: center;
    color: #606060;
    padding-top: 20px;
    padding-bottom: 30px
}

.list-description-services {
    margin: 0 auto;
    width: 510px
}

.list-customer-services > ul > li {
    margin-bottom: 50px
}

.list-description-services ul li {
    margin-bottom: 25px;
    position: relative;
    padding-left: 25px;
    font-size: 12px;
    color: #606060
}

.list-description-services ul li:before {
    position: absolute;
    left: 0;
    top: 3px;
    content: url(../images/svg/list-subscribe.svg)
}

.list-payment-tariff > ul > li {
    text-align: center
}

.list-payment-tariff > ul > li a {
    color: #284d5d;
    font-size: 16px;
    font-weight: 700;
    padding-top: 65px;
    display: block;
    position: relative
}

.list-payment-tariff > ul > li a:before {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%)
}

.list-payment-tariff > ul > li:first-child a:before {
    content: url(../images/svg/payment-1.svg)
}

.list-payment-tariff > ul > li:nth-child(2) a:before {
    content: url(../images/svg/payment-2.svg)
}

.list-payment-tariff > ul > li.active, .list-payment-tariff > ul > li:hover {
    background: #284d5d
}

.list-payment-tariff > ul > li.active a, .list-payment-tariff > ul > li:hover a {
    color: #f0f0f0
}

.list-payment-tariff > ul > li.active:first-child a:before, .list-payment-tariff > ul > li:first-child:hover a:before {
    content: url(../images/svg/payment-1-active.svg)
}

.list-payment-tariff > ul > li.active:nth-child(2) a:before, .list-payment-tariff > ul > li:nth-child(2):hover a:before {
    content: url(../images/svg/payment-2-active.svg)
}

.wrap-payment-tariff > p {
    display: block;
    color: #606060;
    font-size: 18px;
    margin-bottom: 40px
}

.wrap-payment-tariff > p span {
    font-weight: 700
}

.list-payment-tariff p {
    color: #606060;
    font-size: 12px;
    position: relative;
    padding-left: 25px;
    line-height: 15px;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 10px;
    margin-bottom: 40px
}

.list-payment-tariff p:before {
    position: absolute;
    left: 0;
    content: url(../images/svg/info.svg)
}

.wrap-form-payment {
    width: 530px;
    margin: 0 auto;
    display: none
}

.field-payment {
    margin-bottom: 20px
}

.field-payment > ul > li {
    display: inline-block;
    margin-right: 35px
}

.field-payment > ul > li a {
    color: #606060
}

.field-payment > ul > li a.active, .field-payment > ul > li a:hover {
    font-weight: 700;
    color: #284d5d
}

.field-payment > ul > li:last-child {
    margin-right: 0
}

.field-payment span, .field-payment ul {
    display: inline-block;
    vertical-align: middle
}

.field-payment span {
    width: 250px;
    text-align: right;
    color: #606060;
    font-size: 16px;
    padding-right: 25px
}

.field-payment input, .field-payment > a {
    width: 270px;
    height: 30px;
    padding-left: 15px;
    background: #fff;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    outline: 0
}

.field-payment > a {
    display: inline-block;
    line-height: 26px;
    color: #284d5d;
    position: relative
}

.list-country-payment {
    position: relative
}

.btn-payment-way-for-pay, .btn-payment-way-for-pay:hover, .wrap-form-payment input[type=submit] {
    float: right;
    width: 200px;
    height: 30px;
    text-align: center;
    line-height: 26px;
    background: #284d5d;
    border-radius: 5px;
    border: none;
    color: #f0f0f0;
    margin-bottom: 35px;
    margin-right: 7px
}

.btn-payment-way-for-pay, .btn-payment-way-for-pay:hover {
    float: none !important;
    display: block;
    margin: 30px auto !important
}

.wrap-form-payment input[type=submit]:hover {
    background: #21404e
}

.list-country-payment > a:after {
    position: absolute;
    content: url(../images/svg/arrow-bottom-gray.svg);
    right: 15px
}

.tabs-payment {
    display: none
}

.list-payment-countries {
    position: absolute;
    right: 8px;
    top: 30px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    padding: 5px 15px;
    width: 270px;
    display: none;
    z-index: 78788787
}

.list-payment-countries ul li a {
    color: #606060;
    display: block;
    padding-bottom: 5px
}

.list-payment-countries ul li a:hover {
    color: #21404e
}

.list-country-payment a.active + .list-payment-countries {
    display: block
}

.list-country-payment a.active:after {
    transform: rotate(180deg);
    top: 3px
}

.wrap-form-payment.active {
    display: block
}

.tabs-payment.active {
    display: block
}

#forProfessional h1 {
    color: #284d5d;
    font-size: 26px;
    text-align: center;
    font-weight: 700;
    margin: 25px 0
}

.caption-page-professional {
    text-align: center;
    color: #606060;
    font-size: 20px;
    display: block;
    margin-bottom: 30px
}

.wrap-page-professional {
    width: 730px;
    margin: 0 auto
}

.wrap-page-professional h4 {
    text-align: center;
    font-weight: 600;
    display: block;
    color: #284d5d;
    font-size: 20px;
    margin-bottom: 25px
}

.wrap-page-professional > ul > li {
    margin-bottom: 70px
}

.wrap-page-professional > ul > li > ul > li {
    display: inline-block;
    vertical-align: top;
    width: 220px;
    margin-right: 45px
}

.wrap-page-professional > ul > li > ul > li:first-child {
    font-size: 12px;
    color: #606060
}

.wrap-page-professional > ul > li > ul > li:nth-child(2) {
    width: 190px
}

.wrap-page-professional > ul > li > ul > li:last-child {
    margin-right: 0
}

.wrap-page-professional > ul > li > ul > li:last-child img {
    float: right
}

.list-pluses li {
    position: relative;
    padding-left: 25px;
    color: #284d5d;
    font-size: 12px;
    margin-bottom: 10px
}

.list-pluses li:before {
    position: absolute;
    left: 0;
    top: 2px;
    content: url(../images/svg/list-subscribe.svg)
}

.list-pluses-stats li:first-child:before {
    display: none
}

.list-subscribes > h4, .promotial-caption {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    color: #606060;
    margin-bottom: 25px
}

.promotial-list {
    text-align: center
}

.promotial-list h4 {
    font-weight: 600;
    font-size: 20px;
    color: #284d5d;
    margin-bottom: 20px
}

.promotial-list a:first-of-type {
    display: block;
    width: 220px;
    height: 40px;
    line-height: 36px;
    background: #284d5d;
    border-radius: 5px;
    color: #f0f0f0;
    font-size: 16px;
    margin: 0 auto 25px
}

.promotial-list a:nth-of-type(2) {
    display: block;
    width: 260px;
    height: 40px;
    line-height: 36px;
    background: #284d5d;
    border-radius: 5px;
    color: #f0f0f0;
    font-size: 16px;
    margin: 0 auto 25px
}

.promotial-list p {
    max-width: 600px;
    color: #284d5d;
    line-height: 16px;
    font-weight: 600;
    display: block;
    margin: 0 auto 25px
}

.promotial-list a:last-of-type {
    display: block;
    width: 240px;
    height: 40px;
    line-height: 36px;
    background: #284d5d;
    border-radius: 5px;
    color: #f0f0f0;
    font-size: 16px;
    margin: 0 auto 100px
}

.promotial-list a:hover {
    background: #21404e
}

#category .left-filter-category {
    margin-top: 80px;
    min-height: 100px;
    background: #f0f0f0;
    border-radius: 5px
}

.wrap-list-categories {
    margin-top: 15px
}

#category .col-lg-3 {
    padding-left: 0
}

#category .col-lg-9 {
    padding-right: 0
}

.left-filter-category {
    padding: 5px 15px
}

.left-filter-category > span {
    text-align: center;
    color: #284d5d;
    font-size: 20px;
    display: block;
    font-weight: 700;
    position: relative;
    padding-bottom: 5px
}

.one-filter-price {
    position: relative;
    padding-bottom: 10px;
    padding-top: 10px
}

.left-filter-category > span:after, .one-filter-price:after, .one-filter:before {
    position: absolute;
    bottom: 0;
    width: 90%;
    left: 50%;
    transform: translate(-50%, 0);
    content: "";
    height: 1px;
    background-color: #c4c4c4
}

.one-filter-price:last-child:after {
    display: none
}

.one-filter {
    margin-top: 10px;
    position: relative;
    padding-bottom: 5px
}

.no-active:after {
    display: none
}

.one-filter-price > a, .one-filter > a {
    display: block;
    position: relative;
    font-weight: 700;
    color: #606060;
    margin-bottom: 10px;
    padding-right: 10px
}

.one-filter-price > a:after, .one-filter > a:after {
    position: absolute;
    content: url(../images/svg/arrow-bottom-gray.svg);
    right: 0;
    top: 0
}

.one-filter-price > a.active:after, .one-filter > a.active:after {
    transform: rotate(180deg);
    top: 3px
}

.list-values-filter li {
    margin-bottom: 3px
}

.list-values-filter li input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.list-values-filter li label {
    font-weight: 400;
    color: #284d5d;
    font-size: 12px;
    position: relative;
    padding-left: 20px
}

.list-values-filter li label:before {
    position: absolute;
    left: 0;
    content: "";
    width: 15px;
    height: 15px;
    display: block;
    background: #f0f0f0;
    border: 1px solid #606060;
    box-sizing: border-box;
    border-radius: 5px;
    top: 1px
}

.list-values-filter li input[type=checkbox]:checked + label:after, .list-values-filter li input[type=radio]:checked + label:after {
    position: absolute !important;
    left: 0 !important;
    top: 1px !important;
    display: block !important;
    background: #284d5d;
    width: 15px;
    height: 15px;
    display: block;
    z-index: 7567567;
    content: "";
    border-radius: 5px
}

.one-filter input[name=search] {
    width: 180px;
    height: 25px;
    background: #fff;
    outline: 0;
    padding-left: 10px;
    border-radius: 5px;
    border: none;
    margin-bottom: 5px
}

.wrap-btn-search-category a {
    width: 25px;
    height: 25px;
    position: relative;
    display: block
}

.wrap-btn-search-category a:after {
    position: absolute;
    content: url(../images/svg/btn-search.svg)
}

.wrap-btn-search-category {
    float: right
}

.one-filter-price ul li {
    display: inline-block;
    width: 80px;
    height: 25px;
    margin-right: 20px
}

.one-filter-price ul li:nth-child(3) {
    width: 25px !important;
    float: right;
    margin-right: 0
}

.one-filter-price ul li:nth-child(3) a {
    position: relative;
    width: 25px;
    height: 25px;
    display: block
}

.one-filter-price ul li:last-child {
    position: relative;
    display: block;
    width: 100%
}

.one-filter-price-square ul li:last-child a {
    display: block;
    background: #fff;
    border-radius: 5px;
    height: 25px;
    line-height: 25px;
    font-weight: 400;
    font-size: 12px;
    color: #606060;
    padding-left: 10px;
    margin-top: 10px
}

.one-filter-price-square ul li:last-child a:after {
    position: absolute;
    right: 10px;
    top: 0;
    content: url(../images/svg/arrow-bottom-gray.svg)
}

.one-filter-price ul li:nth-child(3) a:after {
    position: absolute;
    content: url(../images/svg/btn-search.svg)
}

.one-filter-price ul li input {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 5px;
    border: none;
    outline: 0;
    padding-left: 10px
}

.wrap-header-list-categories {
    position: absolute;
    width: 732px;
    background: #f0f0f0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 0 0 15px 15px;
    height: 30px;
    left: 50%;
    bottom: -29px;
    transform: translate(-128px, 0);
    display: block;
    opacity: 0;
    padding: 0 20px;
    text-align: center;
    visibility: hidden;
    z-index: 10
}

.header-links li:hover > .wrap-header-list-categories {
    opacity: 1;
    visibility: visible
}

.header-links {
    display: flex
}

.wrap-header-list-categories ul li {
    display: inline-block;
    margin-right: 30px
}

.top-header .wrap-header-list-categories ul li a {
    color: #284d5d;
    display: block
}

.wrap-header-list-categories a:hover {
    color: #000 !important
}

.one-filter:last-child:before {
    display: none
}

.wrap-list-categories h1 {
    font-weight: 700;
    font-size: 26px;
    color: #284d5d;
    margin-bottom: 15px;
    order: 1
}

.breadcrumbs-categories {
    position: relative;
    order: 2
}

.breadcrumbs-categories:after {
    position: absolute;
    left: 20px;
    bottom: -5px;
    content: "";
    height: 1px;
    width: 90%;
    border-bottom: 1px solid #c4c4c4
}

.breadcrumbs-categories ul li {
    display: inline-block
}

.breadcrumbs-categories ul li a {
    display: block;
    color: #606060;
    font-size: 12px;
    margin-right: 16px;
    position: relative;
    margin-bottom: 3px
}

.breadcrumbs-categories ul li a:after {
    position: absolute;
    right: -8px;
    top: 1px;
    width: 1px;
    height: 90%;
    content: "";
    background: #c4c4c4
}

.breadcrumbs-categories ul li:last-child a:after {
    display: none
}

.filters-categories {
    padding-top: 10px;
    order: 3
}

.filters-categories > ul > li {
    display: inline-block;
    margin-right: 50px;
    position: relative
}

.filters-categories > ul > li:last-child {
    float: right;
    margin-right: 0;
    line-height: 24px
}

.filters-categories ul li {
    color: #606060;
    font-size: 10px
}

.filters-categories > ul > li > a {
    color: #606060;
    position: relative;
    font-weight: 600
}

.filters-categories > ul > li > a:after {
    position: absolute;
    right: -15px;
    content: url(../images/svg/arrow-bottom-gray-little.svg)
}

.one-current-business {
    background: #f0f0f0;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 15px 18px;
    position: relative
}

.one-current-business:hover {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.one-current-business > ul > li {
    display: inline-block;
    vertical-align: top
}

.one-current-business > ul > li:first-child {
    width: 300px;
    margin-right: 15px
}

.one-current-business > ul > li:nth-child(2) {
    width: 250px;
    margin-right: 20px;
    position: relative
}

.one-current-business > ul > li:nth-child(2):after {
    position: absolute;
    right: -15px;
    content: "";
    top: 40px;
    height: 75%;
    width: 1px;
    background: #c4c4c4
}

.one-current-business > ul > li:nth-child(3) {
    width: 160px;
    text-align: center;
    padding-top: 50px;
    padding-left: 40px
}

.remove-after:after {
    display: none
}

.info-business.remove-after {
    width: 50% !important
}

.wrap-business-img {
    position: relative;
    height: 220px;
    overflow: hidden;
    background-color: #fff
}

.no-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mark-top {
    position: absolute;
    color: #f0f0f0;
    font-size: 12px;
    text-align: center;
    padding: 2px 5px;
    background: #b70416;
    top: 10px;
    left: 0
}

.mark-quickly {
    position: absolute;
    top: 40px;
    left: 0;
    color: #f0f0f0;
    font-size: 12px;
    padding: 2px 5px;
    background: #284d5d
}

.info-business > a {
    display: block;
    color: #284d5d;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px
}

.info-business .price-business {
    font-weight: 700;
    font-size: 24px;
    color: #284d5d;
    display: block;
    margin: 5px 0
}

.info-business .price-business span {
    display: block
}

.description-business {
    color: #606060;
    font-size: 10px;
    line-height: 15px
}

.description-business a {
    display: block;
    font-weight: 600;
    color: #284d5d;
    font-size: 12px;
    padding-top: 5px
}

.list-mini-categories {
    margin-top: 10px
}

.list-mini-categories li {
    display: inline-block
}

.list-mini-categories li a {
    display: block;
    margin-right: 10px;
    padding: 2px 10px;
    color: #284d5d;
    font-size: 10px;
    text-align: center;
    background: #f0f0f0;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 10px
}

.list-mini-categories li a:hover {
    color:white;
    background: #284d5d;
}

.list-favorites-business {
    position: absolute;
    right: 15px;
    top: 15px
}

.list-favorites-business li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.list-favorites-business li span {
    display: block;
    width: 40px;
    height: 18px;
    text-align: center;
    line-height: 14px;
    color: #284d5d;
    font-size: 12px;
    border: 2px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px
}

.add-favorite {
    position: relative;
    display: block;
    width: 20px;
    height: 20px
}

.add-favorite:before {
    position: absolute;
    content: url(../images/svg/add-favorite.svg)
}

.add-favorite.active:before, .add-favorite:hover:before, .info-account-business .add-favorite.active:before {
    content: url(../images/svg/mini-favorite.svg)
}

.list-favorites-business .add-favorite.active:before, .list-favorites-business .add-favorite:hover:before {
    content: url(../images/svg/add-favorite-active.svg)
}

.list-parameters span {
    font-weight: 600;
    font-size: 12px;
    color: #606060;
    margin-bottom: 10px
}

.list-parameters p span {
    color: #284d5d
}

.list-parameters p {
    display: block;
    color: #284d5d;
    font-size: 12px;
    margin-bottom: 10px
}

.wrap-list-categories {
    margin-bottom: 30px
}

#category h2 {
    font-weight: 700;
    font-size: 18px;
    color: #606060;
    margin-bottom: 10px
}

.wrap-description-page p {
    color: #606060;
    font-size: 12px;
    line-height: 18px
}

#category {
    margin-bottom: 20px
}

#oneBusiness {
    margin-top: 20px
}

#oneBusiness .breadcrumbs {
    border-bottom: none
}

.breadcrumbs ul li:last-child a:after {
    display: none
}

.wrap-page-business {
    width: 980px;
    margin: 0 auto
}

.list-info-page-business > ul > li {
    display: inline-block;
    color: #606060;
    font-size: 12px
}

.list-info-page-business > ul > li:nth-child(n+2) {
    float: right;
    margin-left: 20px
}

.list-info-page-business > ul > li > a {
    position: relative;
    padding-left: 10px;
    color: #284d5d;
    font-size: 12px
}

.list-info-page-business > ul > li > a:before {
    position: absolute;
    left: 0;
    top: 2px;
    content: url(../images/svg/arrow-left.svg)
}

.list-info-page-business ul li span {
    font-weight: 600
}

.left-content-business {
    width: 640px;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.right-content-business {
    width: 280px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: center;
    padding-left: 15px;
    padding-top: 15px
}

.left-content-business:before {
    position: absolute;
    right: -10px;
    width: 1px;
    background: #c4c4c4;
    height: 90%;
    content: ""
}

.main-content-business {
    background: #f0f0f0;
    border-radius: 5px;
    margin-top: 10px;
    min-height: 400px;
    margin-bottom: 40px;
    padding: 5px 15px 50px 30px
}

.main-content-business h1 {
    color: #284d5d;
    padding-top: 10px;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px
}

.list-images-business {
    margin-top: 20px
}

.list-images-business ul li {
    display: inline-block;
    margin-right: 15px;
    max-width: 190px;
    height: 150px;
    overflow: hidden;
    border-radius: 5px
}

.count-images {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 30px;
    height: 30px;
    display: block
}

.count-images:after {
    content: url(../images/svg/count-photo.svg)
}

.count-images span {
    position: absolute;
    right: -10px;
    top: -10px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #b70416;
    text-align: center;
    color: #f0f0f0;
    font-size: 12px;
    display: block
}

.list-images-business ul li:nth-child(3) {
    margin-right: 0;
    vertical-align: top
}

.list-images-business {
    position: relative
}

.list-images-business ul {
    height: 150px;
    overflow: hidden
}

.caption-business {
    position: relative;
    margin-top: 20px;
    padding-top: 10px
}

.caption-business:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: "";
    width: 90%;
    background: #c4c4c4;
    height: 1px;
    transform: translate(-50%, 0)
}

.caption-business h4 {
    font-weight: 700;
    font-size: 20px;
    color: #284d5d;
    text-transform: lowercase
}

.caption-business h4:first-letter {
    text-transform: uppercase
}

.description-business a, .description-business p {
    font-size: 14px;
    line-height: 18px;
    color: #284d5d;
    padding-top: 15px;
    font-weight: 600
}

.price-content-business {
    width: 265px;
    line-height: 50px;
    background: #fff;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
    color: #284d5d
}

.message-business-error {
    width: 100%;
    display: none
}

.message-business-error.active {
    display: block
}

.price-content-business {
    font-size: 26px;
    font-weight: 600
}

.price-content-business span {
    display: block
}

.name-profile {
    font-weight: 600;
    font-size: 20px;
    display: block;
    margin-top: 10px;
    color: #284d5d
}

.right-content-business p {
    color: #606060;
    font-size: 12px;
    padding-top: 10px
}

.info-account-business > li a {
    display: block;
    text-align: center;
    width: 200px;
    height: 35px;
    line-height: 31px;
    background: #f0f0f0;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    color: #284d5d;
    font-weight: 600;
    margin: 10px auto 0
}

.info-account-business > li a:hover {
    background: #284d5d;
    color: white;
}

.info-account-business > ul {
    margin-top: 10px
}

.info-account-business > ul > li {
    display: inline-block;
    margin-right: 10px;
    position: relative
}

.info-account-business > ul > li:last-child {
    margin-right: 0
}

.info-account-business > ul > li > a {
    display: block;
    width: 60px;
    height: 40px;
    text-align: center;
    background: #f0f0f0;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    color: #284d5d;
    font-size: 9px;
    position: relative;
    padding-top: 22px
}

.info-account-business > ul > li > a:before {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%)
}

.info-account-business > ul > li:first-child > a:before {
    content: url(../images/svg/favorite-business.svg)
}

.info-account-business > ul > li:nth-child(2) > a:before {
    content: url(../images/svg/share-business.svg)
}

.info-account-business > ul > li:last-child > a:before {
    content: url(../images/svg/print.svg)
}

.wrap-row-business ul li {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    padding: 7px;
    background: #f0f0f0;
    border-radius: 5px;
    margin-right: 20px
}

.wrap-row-business ul li:last-child {
    margin-right: 0
}

.list-info-page-business {
    margin-top: 15px
}

#listOtherBusinessAccount h4 {
    color: #606060;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px
}

.wrap-row-business ul li a {
    display: block;
    font-size: 12px;
    color: #284d5d;
    padding-bottom: 3px
}

.price-other-business {
    font-weight: 700;
    color: #284d5d
}

.wrap-row-business .country-business {
    font-size: 10px;
    padding-top: 5px
}

.show-more-business {
    display: block;
    text-align: center;
    color: #284d5d;
    font-size: 12px;
    padding: 15px 0;
    position: relative;
    padding-right: 20px;
    width: 130px;
    margin: 0 auto
}

.show-more-business:after {
    position: absolute;
    right: 2px;
    content: url(../images/svg/arrow-bottom-gray.svg)
}

.wrap-list-other-business-account {
    width: 854px;
    margin: 0 auto 100px
}

.wrap-list-other-business-account h4 {
    padding-left: 10px
}

.bottom-banner {
    width: 728px;
    margin: 10px auto;
    height: 90px;
    border-radius: 5px
}

.list-share-btn {
    position: absolute;
    background: #f0f0f0;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    padding: 7px 15px;
    top: 42px;
    width: 60px;
    display: none
}

.list-share-btn li a {
    display: block;
    position: relative;
    height: 30px;
    width: 30px;
    margin-bottom: 5px
}

.list-share-btn li:last-child a {
    margin-bottom: 0
}

.list-share-btn li a:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.list-share-btn li:first-child a:before {
    content: url(../images/svg/share-facebook.svg)
}

.list-share-btn li:nth-child(2) a:before {
    content: url(../images/svg/share-twitter.svg)
}

.list-share-btn li:nth-child(3) a:before {
    content: url(../images/svg/share-linkedin.svg)
}

.list-share-btn li:nth-child(4) a:before {
    content: url(../images/svg/share-mail.svg)
}

.btn-show-share.active + .list-share-btn {
    display: block
}

#messagePopupAccount .modal-dialog {
    width: 350px;
    background: #f0f0f0;
    border-radius: 5px;
    padding: 25px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0
}

.modal-backdrop.fade {
    background: #000;
    opacity: .7
}

.show {
    opacity: 1
}

.wrap-modal-message h4 {
    text-align: center;
    color: #284d5d;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px
}

.form-field-message textarea {
    width: 100%;
    resize: none;
    outline: 0;
    border: none;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    height: 150px;
    font-size: 18px
}

.form-field-message {
    margin-bottom: 25px
}

.form-field-message input {
    width: 100%;
    font-size: 18px;
    outline: 0;
    border: none;
    height: 30px;
    padding-left: 10px;
    background: #fff;
    border-radius: 5px
}

.form-field-message input::placeholder, .form-field-message textarea::placeholder {
    color: #c4c4c4;
    font-size: 18px
}

.wrap-modal-message p {
    color: #606060;
    font-size: 10px;
    line-height: 15px;
    padding-bottom: 25px
}

.btn-send-popup {
    width: 100%;
    height: 40px;
    line-height: 36px;
    background: #284d5d;
    border-radius: 5px;
    text-align: center;
    color: #f0f0f0;
    font-size: 18px;
    display: block
}

.btn-send-popup:hover {
    color: #f0f0f0;
    background: #21404e
}

.btn-registration-business {
    font-size: 11px
}

.wrap-list-control-dialog ul li {
    display: inline-block
}

.wrap-list-control-dialog ul li:nth-child(n+2) {
    float: right;
    margin-left: 25px
}

.wrap-list-control-dialog ul li a {
    display: block;
    color: #606060;
    font-size: 12px;
    position: relative;
    padding-left: 25px
}

.wrap-list-control-dialog ul li a:before {
    position: absolute;
    left: 0
}

.wrap-list-control-dialog ul li:first-child a {
    padding-left: 10px
}

.wrap-list-control-dialog ul li:first-child a:before {
    content: url(../images/svg/arrow-left.svg)
}

.wrap-list-control-dialog ul li:nth-child(2) a:before {
    content: url(../images/svg/delete-dialog.svg)
}

.wrap-list-control-dialog ul li:nth-child(3) a:before {
    content: url(../images/svg/favorite-dialog.svg)
}

.header-dialog {
    padding: 10px 0;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    margin-top: 10px
}

.header-dialog > ul > li {
    display: inline-block;
    margin-left: -.36em;
    width: 50%;
    vertical-align: top
}

.header-dialog > ul > li:last-child {
    float: right
}

.name-account-participant {
    text-align: right;
    color: #606060;
    font-size: 12px;
    display: block
}

.wrap-info-business-dialog > ul > li {
    display: inline-block;
    vertical-align: top
}

.name-business-dialog {
    color: #284d5d;
    font-size: 12px;
    display: block;
    font-weight: 600
}

.country-business-dialog {
    color: #323232;
    font-size: 12px;
    display: block
}

.wrap-info-business-dialog > ul > li:last-child {
    padding-left: 10px;
    max-width: 80%
}

.wrap-info-business-dialog ul li ul li {
    display: inline-block;
    margin-right: 20px
}

.wrap-info-business-dialog ul li ul li a {
    color: #284d5d;
    font-size: 12px;
    position: relative
}

.wrap-info-business-dialog ul li ul li a:after {
    position: absolute;
    right: -17px;
    content: url(../images/svg/show-business.svg)
}

.wrap-info-business-dialog img {
    width: 70px
}

.wrap-info-business-dialog ul li ul li p {
    color: #606060;
    font-size: 12px
}

.date-message {
    display: block;
    margin: 10px auto;
    color: #606060;
    font-size: 12px;
    text-align: center;
    clear: both
}

.message-style {
    width: 665px;
    margin-bottom: 15px;
    clear: both;
    position: relative
}

.message-style p {
    width: 100%;
    color: #606060;
    font-size: 12px;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    min-height: 20px;
    display: block
}

.right-message {
    float: right
}

.message-style span {
    display: block;
    text-align: right;
    color: #284d5d;
    font-size: 12px;
    padding-top: 2px
}

.content-dialog {
    height: 440px;
    overflow-x: auto
}

.footer-dialog {
    float: right
}

.footer-dialog ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.footer-dialog ul li:first-child a {
    position: relative;
    color: #284d5d;
    font-size: 12px;
    padding-left: 30px
}

.footer-dialog ul li:first-child a:before {
    position: absolute;
    left: 0;
    content: url(../images/svg/file.svg)
}

.footer-dialog ul li:nth-child(2) textarea {
    width: 550px;
    height: 30px;
    resize: none;
    background: #fff;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    outline: 0;
    padding: 4px 20px
}

.footer-dialog ul li:last-child input {
    display: block;
    width: 95px;
    border: none;
    height: 35px;
    line-height: 31px;
    text-align: center;
    background: #284d5d;
    border-radius: 5px;
    color: #f0f0f0;
    font-size: 12px;
    outline: 0
}

.footer-dialog input[name="file[]"] {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.list-messages-dialog {
    padding-right: 20px
}

.auth-account {
    position: relative;
    padding-left: 10px
}

.list-currencies {
    padding-left: 10px
}

.account-list a span, .auth-account > span, .is-not-read {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    background: #b70416;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    text-align: center;
    border-radius: 50%;
    color: #f0f0f0;
    font-size: 10px;
    line-height: 13px;
    z-index: 6;
    left: 0;
    top: 7px
}

.is-not-read {
    position: initial;
    display: inline-block
}

.account-list a span {
    left: 5px;
    top: 4px
}

.links-profile > ul > li {
    position: relative
}

.links-profile .is-not-read {
    top: -6px;
    right: 10px;
    display: block;
    position: absolute;
    left: inherit
}

.auth-account.active {
    padding-left: 20px
}

.auth-account:hover > .account-list {
    display: block
}

.wrap-active-package > span {
    display: block;
    text-align: center;
    color: #606060;
    margin-bottom: 10px
}

.wrap-active-package p {
    text-align: center;
    font-weight: 600;
    color: #284d5d
}

.wrap-active-package p span {
    font-size: 20px;
    font-weight: 600
}

.wrap-active-package > a {
    display: block;
    margin: 30px auto;
    width: 190px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    background: #284d5d;
    border-radius: 5px;
    color: #fffdfd;
    font-size: 16px
}

.wrap-active-package ul {
    text-align: center
}

.wrap-active-package li {
    display: inline-block
}

.wrap-active-package li:first-child {
    margin-right: 12px
}

.wrap-active-package li a {
    display: block;
    margin: 30px auto;
    width: 190px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    background: #284d5d;
    border-radius: 5px;
    color: #fffdfd;
    font-size: 16px
}

.wrap-active-package li:nth-child(2) a {
    background-color: transparent;
    color: #284d5d;
    border: 2px solid #284d5d
}

.field-registration-data-list {
    position: relative
}

.field-registration-data-list > a {
    position: relative;
    width: 210px;
    color: #284d5d;
    height: 30px;
    padding-left: 15px;
    line-height: 28px;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff
}

.field-registration-data-list > a:after {
    position: absolute;
    right: 10px;
    top: -2px;
    content: url(../images/svg/arrow-bottom-gray.svg)
}

.list-data input[name=file] {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.btn-file-logo, .btn-file-logo:active, .btn-file-logo:focus, .btn-file-logo:hover {
    display: inline-block;
    width: 145px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    background: #284d5d;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    color: #f0f0f0;
    vertical-align: middle
}

.field-registration-data textarea {
    resize: none;
    width: 210px;
    height: 110px;
    padding-left: 15px;
    line-height: 30px;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle
}

.field-registration-data-textarea span {
    vertical-align: top
}

.field-registration-data-password {
    position: relative
}

.field-registration-data-password > a {
    position: absolute;
    right: 0;
    display: block;
    width: 25px;
    height: 25px;
    top: -3px;
    z-index: 10
}

.field-registration-data-password > a.active {
    display: none
}

.field-registration-data-password > a:before {
    position: absolute;
    left: 0;
    content: url(../images/svg/change-password.svg)
}

.list-data > li:first-child {
    padding-right: 35px
}

.field-change-password {
    display: none;
    position: relative
}

.field-change-password.active {
    display: block
}

.field-registration-data-password ul {
    position: absolute;
    right: 0;
    top: -3px;
    display: none;
    text-align: right
}

.field-registration-data-password ul li {
    display: inline-block;
    vertical-align: middle
}

.field-registration-data-password ul li a {
    display: block;
    width: 25px;
    height: 25px;
    position: relative
}

.btn-save-password:before {
    position: absolute;
    left: 0;
    content: url(../images/svg/save-password.svg)
}

.btn-cancel-password:before {
    position: absolute;
    left: 0;
    content: url(../images/svg/cancel-password.svg)
}

.list-buttons-change-password {
    display: none
}

.list-buttons-change-password.active {
    display: block
}

.field-registration-data-list > ul {
    position: absolute;
    right: 38px;
    top: 32px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    padding: 10px;
    display: none
}

.field-registration-data-list ul li a {
    display: block;
    color: #606060;
    font-size: 12px;
    margin-bottom: 5px
}

.field-registration-data-list > a.active + ul {
    display: block
}

.field-registration-data-list > a.active:after {
    transform: rotate(180deg);
    top: 2px
}

.field-registration-data img {
    display: block;
    text-align: right;
    height: 100px;
    margin: 15px 0 15px 170px
}

.field-add-email {
    display: none
}

.field-add-email.active {
    display: block
}

.field-add-email a {
    display: block;
    width: 110px;
    height: 25px;
    line-height: 25px;
    background: #284d5d;
    border-radius: 5px;
    float: right;
    text-align: center;
    color: #f0f0f0;
    margin: 15px 35px 5px 0
}

.field-registration-list-email ul li {
    margin-bottom: 5px
}

.field-registration-data .intl-tel-input {
    float: none
}

.show-phones {
    height: auto !important
}

.list-account-articles > a, .wrap-no-articles-mobile a {
    display: block;
    width: 190px;
    height: 40px;
    text-align: center;
    background: #284d5d;
    border-radius: 5px;
    line-height: 40px;
    color: #f0f0f0;
    font-size: 16px
}

.wrap-no-articles-mobile a {
    margin: 20px auto
}

.wrap-no-articles-mobile h4 {
    text-align: center;
    margin-top: 50px;
    font-size: 16px;
    display: block
}

.list-account-articles table {
    width: 100%;
    margin-top: 15px
}

.list-account-articles table th {
    text-align: center;
    color: #606060;
    padding-bottom: 7px
}

.list-account-articles table tr {
    border-bottom: 1px solid #c4c4c4
}

.list-account-articles table tr:last-child {
    border-bottom: none
}

.list-account-articles table tr th:first-child {
    width: 380px
}

.list-account-articles table tr th:nth-child(2), .list-account-articles table tr th:nth-child(3), .list-account-articles table tr th:nth-child(4) {
    width: 125px
}

.list-account-articles table tr td {
    padding: 10px 0;
    position: relative
}

.list-account-articles table tr td:after {
    position: absolute;
    right: 0;
    width: 1px;
    height: 80%;
    top: 10px;
    background-color: #c4c4c4;
    content: ""
}

.list-account-articles table tr td:last-child:after {
    display: none
}

.one-article-list {
    width: 380px;
    height: 120px;
    background: #fff;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px
}

.one-article-list ul li {
    display: inline-block;
    vertical-align: top
}

.one-article-list ul li:first-child {
    width: 130px;
    height: 100px;
    overflow: hidden
}

.wrap-img-article {
    position: relative
}

.marker-article {
    position: absolute;
    top: 10px;
    padding: 5px 7px;
    display: block;
    text-align: center;
    color: #f0f0f0;
    font-size: 10px
}

.status-active {
    background: #284d5d
}

.status-no-active {
    background: #606060
}

.status-moderation {
    background: #25851c
}

.wrap-img-article img {
    width: 100%;
    height: 100%
}

.one-article-list ul li:last-child {
    width: 215px;
    padding-left: 10px
}

.name-article {
    color: #284d5d;
    font-size: 12px;
    font-weight: 600
}

.excerpt-article {
    font-size: 12px;
    color: #606060;
    line-height: 15px
}

.link-more {
    display: block;
    font-size: 10px;
    padding-top: 2px
}

.show-article {
    display: inline-block;
    color: #606060;
    font-size: 10px;
    padding-top: 5px;
    position: relative
}

.show-article:after {
    position: absolute;
    right: -17px;
    top: -1px;
    content: url(../images/svg/link.svg)
}

.views-articles {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    position: relative;
    padding-left: 25px;
    color: #284d5d;
    font-weight: 700
}

.views-articles:before {
    position: absolute;
    left: -5px;
    top: 2px;
    content: url(../images/svg/eye-stats.svg)
}

.list-account-articles table tr td:nth-child(2), .list-account-articles table tr td:nth-child(3), .list-account-articles table tr td:nth-child(4) {
    text-align: center
}

.create-date {
    display: block;
    color: #606060;
    font-size: 12px
}

.list-setting-article ul li a {
    color: #606060;
    font-size: 12px;
    position: relative;
    padding-left: 25px;
    margin-left: 35px;
    text-align: left;
    display: block;
    margin-bottom: 20px
}

.list-setting-article ul li a:before {
    position: absolute;
    left: 0
}

.list-setting-article ul li:first-child a:before {
    content: url(../images/svg/edit-article.svg)
}

.list-setting-article ul li:nth-child(2) a:before {
    content: url(../images/svg/remove-publication.svg)
}

.list-setting-article ul li:nth-child(2) a.active:before {
    content: url(../images/svg/activate.svg)
}

#countries-sitemap, #sitemapPage h1 {
    font-weight: 700;
    font-size: 26px;
    color: #284d5d;
    border-bottom: 1px solid #c4c4c4;
    margin: 20px 0 0;
    padding-bottom: 10px
}

#sitemapPage h1 {
    border-bottom: none
}

.sitemap-h2 {
    color: #284d5d;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block
}

.sitemap-h3 {
    display: block;
    font-size: 18px;
    color: #284d5d;
    margin-bottom: 10px;
    padding-left: 10px
}

.sitemap-h4 {
    display: block;
    color: #284d5d;
    font-size: 16px;
    margin-bottom: 10px;
    padding-left: 15px
}

.sitemap-h5 {
    display: block;
    color: #284d5d;
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 15px
}

#sitemapPage a {
    color: #284d5d
}

.sitemap-h2 {
    margin-top: 20px
}

#faq.subfaq h1 {
    text-align: left
}

.caption-subcategory {
    display: block;
    color: #606060;
    font-size: 18px;
    margin-bottom: 10px
}

.list-pages li a {
    display: block;
    color: #284d5d;
    font-size: 14px;
    margin-bottom: 10px
}

#sitemapPage {
    margin-bottom: 100px
}

#step1Business h2 {
    font-size: 26px;
    font-weight: 700;
    color: #284d5d;
    margin: 25px 0;
    text-align: center
}

#step1Business form > ul > li > span, .wrap-append-block > ul > li > span {
    display: inline-block;
    width: 175px;
    font-size: 14px;
    position: relative;
    margin-right: 40px;
    color: #606060;
    vertical-align: top;
    top: 3px
}

#step1Business form > ul > li > span.required-span, .wrap-append-block > ul > li > span.required-span {
    font-weight: 700
}

#step1Business form > ul > li, .wrap-append-block > ul > li {
    padding-bottom: 30px
}

#step1Business form > ul > li:nth-child(3) {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px
}

#step1Business .list-categories-list ul li a, .list-countries ul li a {
    padding-right: 10px
}

#step1Business form > ul > li > span > p, .wrap-append-block > ul > li > span > p {
    color: red;
    display: inline-block
}

#step1Business form > ul > li > ul, .wrap-append-block > ul > li > ul {
    display: inline-block;
    vertical-align: top
}

#step1Business form > ul > li > ul li, .wrap-append-block > ul > li > ul li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    width: 145px
}

#step1Business form > ul > li > ul li:nth-child(3), .wrap-append-block > ul > li > ul li:nth-child(3) {
    width: 250px
}

#step1Business form {
    width: 775px;
    margin: 0 auto 50px
}

#step1Business form > ul > li > ul, .wrap-append-block > ul > li > ul {
    width: 555px
}

#step1Business form > ul > li > ul li input, .wrap-append-block > ul > li > ul li input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

#step1Business form > ul > li > ul li label, .list-field-price li label, .list-field-radio ul li label {
    position: relative;
    padding-left: 25px;
    color: #284d5d;
    font-weight: 400;
    word-break: break-word;
    margin-bottom: 0;
    font-size: 12px;
    top: 2px
}

#step1Business form > ul > li > ul li label:before, .list-field-price li label:before, .list-field-radio ul li label:before {
    position: absolute;
    left: 0;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 50%;
    top: 0
}

#step1Business form > ul > li > ul li input:checked + label:after, .list-field-price li input[type=checkbox]:checked + label:after, .list-field-radio ul li input:checked + label:after {
    position: absolute;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #284d5d;
    top: 0
}

.btn-list-show, .btn-show-list-categories, .field-add-business .btn-list-countries {
    display: inline-block;
    width: 100%;
    height: 30px;
    background: #fff;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    line-height: 28px;
    color: #284d5d;
    padding-left: 15px;
    position: relative
}

.btn-list-countries:focus, .btn-list-show:focus, .btn-list-show:hover, .btn-show-list-categories:focus {
    color: #284d5d
}

.btn-list-show:after, .btn-show-list-categories:after, .field-add-business .btn-list-countries:after {
    position: absolute;
    right: 10px;
    content: url(../images/svg/arrow-bottom-gray.svg)
}

.btn-list-show.active:after, .btn-show-list-categories.active:after, .field-add-business .btn-list-countries.active:after {
    transform: rotate(180deg);
    top: 2px
}

.wrap-list-type {
    position: absolute;
    right: 0;
    width: 270px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    padding: 10px 15px;
    display: none;
    z-index: 1232
}

.wrap-btn-list {
    position: relative;
    display: inline-block;
    width: 270px
}

.wrap-list-type ul li a {
    display: block;
    color: #606060;
    margin-bottom: 10px;
    height: 20px
}

.wrap-list-type ul li:last-child a {
    margin-bottom: 0
}

.wrap-list-type ul li a:hover {
    color: #284d5d
}

.btn-list-show.active + .wrap-list-type {
    display: block
}

.field-add-business, .wrap-field-business {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 555px;
    white-space: nowrap
}

.field-add-business .width-100-precent {
    width: 100%
}

.field-add-business input[type=number], .field-add-business input[type=text], .text-field {
    height: 30px;
    padding-left: 15px;
    background: #fff;
    outline: 0;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px
}

.width-270 {
    width: 270px
}

.field-add-business input[type=text]::placeholder, .list-field-price input[type=number]::placeholder {
    color: #c4c4c4
}

.list-field-price li {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px
}

.list-field-price input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.list-field-price input[type=number] {
    width: 130px;
    height: 30px;
    background: #fff;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    padding-left: 10px;
    outline: 0
}

.list-field-price .wrap-btn-list {
    width: 130px
}

.two-field-square {
    display: block;
    margin-top: 10px
}

.list-field-price li label {
    font-weight: 400
}

.caption-current-block {
    color: #284d5d;
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0;
    border-top: 1px solid #c4c4c4;
    padding: 20px 0 0 0
}

.list-field-radio ul li {
    display: inline-block;
    margin-right: 15px
}

.list-field-radio ul li input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.list-field-radio {
    vertical-align: middle
}

.field-add-business textarea {
    resize: none;
    height: 200px;
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px
}

#step1Business input[type=submit] {
    margin-top: 0
}

#step1Business form > ul > li:last-of-type {
    padding-bottom: 10px
}

.hint-description {
    color: #606060;
    font-size: 12px;
    padding-top: 25px
}

.wrap-step2 {
    width: 730px;
    margin: 0 auto;
    min-height: 600px
}

.style-service {
    padding-top: 70px
}

.style-service h4 {
    text-align: center;
    padding-bottom: 30px
}

.wrap-step2 h2 {
    color: #284d5d;
    font-size: 26px;
    margin: 25px auto;
    font-weight: 700;
    text-align: center
}

.list-payments-business > ul > li {
    display: inline-block;
    width: 220px;
    min-height: 122px;
    background: #f0f0f0;
    border-radius: 5px;
    padding: 10px 5px 25px;
    text-align: center;
    margin-right: 35px;
    position: relative;
    margin-left: -.36em;
    vertical-align: top;
    cursor: pointer
}

.list-payments-services > ul > li {
    width: 350px
}

.list-payments-services .list-period {
    display: none
}

.list-payments-business > ul > li:last-child {
    margin-right: 0
}

.list-other-services input[type=checkbox], .list-payments-business > ul > li input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.list-payments-business > ul > li label {
    display: block;
    width: 20px;
    height: 20px
}

.list-payments-business > ul > li label:before, .name-service:before {
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    content: "";
    display: block
}

.list-other-services input:checked + label:after, .list-payments-business > ul > li input:checked + label:after {
    position: absolute;
    left: 7px;
    top: 12px;
    content: url(../images/svg/check.svg)
}

.list-payments-business > ul > li > span {
    padding-top: 15px;
    display: block;
    font-size: 16px;
    color: #284d5d;
    font-weight: 700
}

.btn-info-payment {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 16px;
    height: 16px
}

.btn-info-payment:before {
    position: absolute;
    left: 0;
    content: url(../images/svg/info-payment.svg)
}

.description-payment {
    position: absolute;
    width: 200px;
    padding: 10px;
    background: #f0f0f0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    right: 0;
    top: 20px;
    color: #284d5d;
    font-size: 10px;
    line-height: 12px;
    text-align: left;
    display: none;
    z-index: 9
}

.description-payment b {
    font-weight: 400;
    display: block;
    padding-bottom: 5px;
    font-weight: 600
}

.btn-info-payment.active .description-payment, .btn-info-payment:hover .description-payment {
    display: block
}

.list-period {
    border: 1px solid #284d5d;
    border-radius: 5px;
    width: 180px;
    overflow: hidden;
    margin: 10px auto
}

.list-period ul {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: space-between;
    justify-content: space-between
}

.list-period ul li a {
    display: block;
    width: 60px;
    height: 20px;
    text-align: center;
    color: #284d5d;
    font-size: 12px;
    line-height: 18px
}

.list-period ul li:last-child {
    border: none
}

.list-period ul li a.active, .list-period ul li a:hover {
    background: #284d5d;
    color: #fff
}

#step2business .caption-placement {
    display: block;
    color: #284d5d;
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 15px
}

.price-payment {
    color: #284d5d
}

.discount-percent {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #b70416;
    border-radius: 5px;
    padding: 2px 12px;
    color: #f0f0f0
}

.price-payment {
    position: relative;
    width: max-content;
    margin: 25px auto 0
}

.discount-price {
    position: absolute;
    font-size: 16px;
    color: #284d5d;
    right: 0;
    top: -15px;
    text-decoration: line-through
}

.discount-price-to-payment {
    text-align: right;
    text-decoration: line-through;
    color: #284d5d;
    position: absolute;
    right: 0;
    bottom: 15px
}

.list-payments-business {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 50px;
    margin-bottom: 20px
}

.list-other-services > ul > li {
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px
}

.list-other-services > ul > li:after {
    position: absolute;
    width: 94%;
    height: 1px;
    background-color: #c4c4c4;
    left: 6%;
    bottom: 0;
    content: ""
}

.list-other-services > ul > li:last-child:after {
    display: none
}

.list-other-services > ul > li > ul {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: space-between;
    justify-content: space-between
}

.list-other-services > ul > li > ul > li {
    display: inline-block
}

.list-other-services h4 {
    color: #284d5d;
    font-size: 20px;
    margin: 10px 0 20px;
    font-weight: 700
}

.list-other-services > ul > li > ul {
    width: 100%
}

.list-other-services {
    width: 670px;
    margin: 0 auto
}

.name-service {
    color: #284d5d;
    font-size: 18px;
    padding-left: 30px;
    position: relative;
    font-weight: 400
}

#step2business .list-other-services .name-service:before {
    position: absolute;
    left: 0
}

#step2business .list-other-services .name-service:after {
    left: 1px;
    top: 2px
}

.discount-service {
    background: #b70416;
    border-radius: 5px;
    color: #f0f0f0;
    padding: 2px 10px
}

.total-price {
    font-size: 20px;
    color: #284d5d;
    font-weight: 700
}

.btn-select-month {
    font-size: 18px;
    color: #284d5d;
    position: relative
}

.btn-select-month:after {
    position: absolute;
    right: -25px;
    content: url(../images/svg/arrow-bottom-gray.svg)
}

.name-service a {
    position: absolute;
    right: -10px
}

.name-service a:after {
    content: url(../images/svg/info-payment.svg);
    position: absolute
}

.name-service a:hover > .description-payment {
    display: block;
    left: 0;
    z-index: 5454
}

.list-date-month {
    position: absolute;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    width: 110px;
    padding: 5px;
    z-index: 6565;
    display: none
}

.list-date-month li a {
    display: inline-block;
    margin-bottom: 8px;
    color: #606060
}

.list-date-month li span {
    display: inline-block;
    color: #b70416;
    font-size: 12px;
    float: right;
    padding-top: 4px
}

.btn-select-month.active:after {
    transform: rotate(180deg);
    top: 5px
}

.btn-select-month.active + .list-date-month {
    display: block
}

.wrap-description-payment-current p {
    color: #606060;
    font-size: 14px;
    padding-bottom: 25px
}

.wrap-description-payment-current span {
    font-weight: 600
}

.wrap-description-payment-current div {
    font-size: 18px;
    color: #606060
}

.list-other-services {
    margin-bottom: 50px
}

.list-other-services .list-buttons-create-article ul li:first-child input {
    width: 285px
}

.list-other-services .list-buttons-create-article ul li:first-child input:hover {
    background: #21404e
}

.list-other-services .list-buttons-create-article ul li:last-child a {
    background: #fff
}

#step1Business input[name=submit_preload] {
    background-color: #fff
}

.wrap-description-page {
    display: block;
    clear: both;
    order: 9
}

#category.services-page .left-filter-category {
    margin-top: 20px
}

.btn-create-service {
    display: block;
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    color: #f0f0f0;
    font-weight: 700;
    background: #284d5d;
    border-radius: 5px;
    height: 50px;
    padding-top: 3px
}

.btn-create-service:hover {
    opacity: .9;
    color:#f0f0f0;
}

.btn-create-service span {
    display: block;
    font-size: 14px;
    font-family: Literata
}

.list-categories-services {
    margin-top: 30px
}

.list-categories-services {
    border-bottom: 1px solid #c4c4c4
}

.list-categories-services ul li {
    display: inline-block;
    vertical-align: middle;
    width: 26%
}

.list-categories-services ul li:last-child {
    width: 20%
}

.list-categories-services ul li a {
    display: block;
    color: #284d5d;
    font-size: 14px;
    position: relative;
    padding: 10px 0;
    width: 100%;
    text-align: center
}

.list-categories-services ul li a:after {
    position: absolute;
    right: 0;
    content: "";
    width: 1px;
    height: 70%;
    top: 50%;
    background-color: #c4c4c4;
    transform: translate(0, -50%)
}

.list-categories-services ul li:last-child a:after {
    display: none
}

.one-service-page {
    height: 180px;
    background: #f0f0f0;
    border-radius: 5px;
    position: relative;
    padding: 10px;
    margin-bottom: 30px
}

.list-services-page {
    margin-top: 10px;
    order: 3
}

.one-service-page > ul > li {
    display: inline-block;
    vertical-align: top
}

.one-service-page > ul > li:nth-child(2) {
    width: 400px;
    position: relative
}

.one-service-page > ul > li:nth-child(3) {
    width: 240px;
    padding-left: 20px;
    padding-top: 50px
}

.one-service-page > ul > li:nth-child(2):after {
    position: absolute;
    right: 0;
    width: 1px;
    background-color: #c4c4c4;
    height: 60%;
    content: "";
    top: 50px
}

.wrap-info-service {
    padding-left: 20px;
    width: 360px
}

.wrap-info-service .name-service-current {
    font-weight: 700;
    font-size: 18px;
    color: #284d5d;
    padding-bottom: 5px;
    display: block
}

.wrap-info-service .country-business {
    padding-bottom: 5px
}

.options-service li {
    color: #606060;
    font-size: 12px;
    margin-bottom: 15px
}

.options-service li p {
    width: 100px;
    display: inline-block
}

.options-service li span {
    display: inline-block;
    float: right;
    color: #284d5d;
    font-weight: 700;
    width: 70px
}

#step1Business {
    min-height: 700px
}

.btn-list-show.active + .wrap-list-type {
    display: block
}

.field-add-business .wrap-list-images ul li .img-wrap {
    height: 80px;
    overflow: hidden;
    text-align: center;
    outline: 1px solid #c4c4c4
}

.field-add-business .wrap-list-images ul li .img-wrap img {
    height: 100%
}

.wrap-list-countries, .wrapper-categories-list {
    min-width: 362px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    height: 350px;
    padding: 10px;
    position: absolute;
    z-index: 8876;
    width: max-content;
    display: none
}

.list-categories-list, .list-countries {
    height: 220px
}

.list-categories-list > ul > li:nth-child(n+2), .list-countries > ul > li:nth-child(n+2) {
    padding-left: 10px;
    border-left: 1px solid #ccc
}

.list-categories-list ul li a, .list-countries ul li a {
    font-size: 12px;
    color: #606060;
    display: block;
    position: relative;
    margin-bottom: 5px;
    padding-right: 25px;
    white-space: pre-line
}

#category .other-class-stype {
    margin-top: 20px
}

.list-categories-list ul li a.active, .list-categories-list ul li a:hover, .list-countries ul li a.active, .list-countries ul li a:hover {
    color: #284d5d
}

.list-categories-list ul li a:after, .list-countries ul li a:after {
    position: absolute;
    content: url(../images/svg/arrow-right-breadcrumbs.svg);
    margin-left: 5px;
    top: 1px;
    right: 0
}

.list-categories-list > ul > li:first-child, .list-countries > ul > li:first-child {
    width: 200px
}

.list-categories-list > ul > li, .list-countries > ul > li {
    display: inline-block;
    vertical-align: top;
    max-height: 200px;
    max-width: 200px;
    overflow-x: hidden;
    overflow-y: auto
}

.list-countries > ul > li {
    display: none
}

.wrap-find-category span {
    font-size: 12px;
    color: #606060;
    display: block
}

.wrap-search-category {
    position: relative
}

.list-search-category {
    position: absolute;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    padding: 5px 10px;
    overflow-y: auto;
    top: 20px;
    left: 0;
    height: 70px;
    width: 100%;
    display: none
}

.list-search-category ul li a {
    display: block;
    color: #606060;
    font-size: 10px;
    padding-bottom: 5px;
    cursor: pointer
}

#step1Business .wrap-search-category input {
    display: inline-block;
    width: 165px;
    height: 20px;
    border: 1px solid #606060;
    box-sizing: border-box;
    border-radius: 5px;
    margin-right: 10px;
    vertical-align: top;
    font-size: 12px
}

.wrap-search-category > a {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #606060;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
    display: none
}

.field-registration-data-list .wrap-search-category > a {
    top: 5px;
    left: 5px
}

.wrap-find-category {
    border-top: 1px solid #c4c4c4;
    padding: 7px 0
}

.wrap-search-category > a:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: url(../images/svg/search-category.svg)
}

.wrap-find-info-search li, .wrap-find-info-search-home li {
    display: inline-block;
    width: 49%
}

.wrap-find-info-search li:first-child {
    font-size: 12px;
    line-height: 18px;
    color: #606060
}

.wrap-find-info-search, .wrap-find-info-search-home {
    border-top: 1px solid #c4c4c4;
    padding-top: 7px
}

.wrap-find-info-search li:last-child a, .wrap-find-info-search-home li:last-child a {
    display: block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    background: #c4c4c4;
    border-radius: 5px;
    color: #f0f0f0;
    font-size: 16px;
    text-align: center;
    margin-left: auto
}

.list-categories-list, .list-categories-list > ul, .list-countries, .list-countries > ul {
    width: auto;
    position: relative;
    min-width: 362px
}

.list-categories-list > ul > li > ul, .list-countries > ul > li > ul {
    padding: 0 10px;
    min-height: 200px
}

#step1Business .no-arrow:after {
    content: url(../images/svg/plus.svg)
}

#category .no-arrow:after {
    display: none
}

#step1Business .no-arrow.active:after {
    content: url(../images/svg/check-category.svg)
}

.list-categories-list > ul > li {
    display: none
}

.list-categories-list > ul > li:first-child, .list-countries > ul > li:first-child {
    display: inline-block
}

.list-countries > ul > li {
    vertical-align: top
}

.btn-list-countries.active + .wrap-list-countries, .btn-show-list-categories.active + .wrapper-categories-list {
    display: block
}

.wrapper-categories-list span {
    display: none
}

.list-countries > ul > li:last-child a:after {
    display: none
}

.ipad-element {
    display: none
}

.wrap-find-info-search li:last-child a, .wrap-find-info-search-home li:last-child a {
    background: #284d5d
}

.selected-categories {
    padding-top: 10px
}

.selected-categories li {
    color: #606060;
    font-size: 12px;
    padding-bottom: 10px
}

.selected-categories li a {
    display: block;
    position: relative;
    color: #284d5d;
    width: max-content;
    cursor: pointer
}

.selected-categories li a:after {
    position: absolute;
    content: url(../images/svg/remove-message.svg);
    margin-left: 5px
}

.selected-categories li a:hover:after {
    content: url(../images/svg/remove-message-active.svg)
}

.list-search-category.active {
    display: block
}

.btn-list-valutes.active + .wrap-list-type {
    display: block
}

.wrap-list-valutes {
    width: 110px
}

.list-values-filter a {
    display: block;
    position: relative;
    color: #284d5d;
    font-size: 12px;
    padding-bottom: 7px
}

.list-values-filter label a {
    display: inline-block
}

.show-filters-category {
    cursor: pointer
}

.list-values-filter.some-filter > li > .show-filters-category:after {
    position: absolute;
    right: 0;
    top: 2px;
    content: url(../images/svg/more.svg)
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.show-filters-category.active + .list-categories-filter {
    display: block;
    top: -5px;
    left: 250px
}

.wrap-btn-search a {
    color: #fff !important;
    font-size: 16px
}

.list-values-filter .four-list-categories li a:after, .removeAfter:after {
    display: none !important
}

.list-values-filter > li > span {
    display: block;
    position: relative;
    color: #284d5d;
    font-size: 12px;
    padding-bottom: 7px
}

.breadcrumbs-categories ul li a:hover {
    color: #284d5d
}

.list-sort, .list-sort-company {
    position: absolute;
    width: max-content;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    padding: 10px 15px;
    font-size: 12px;
    z-index: 9;
    right: -25px;
    display: none
}

.list-sort ul li, .list-sort-company ul li {
    display: block
}

.list-sort ul li a, .list-sort-company ul li a {
    display: block;
    color: #606060;
    width: max-content;
    padding-bottom: 7px
}

.list-sort ul li:last-child a, .list-sort-company ul li:last-child a {
    padding-bottom: 0
}

.filters-categories > ul > li > a.active ~ div {
    display: block
}

body {
    position: relative
}

body .preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999999999999;
    background-color: #606060;
    opacity: .7;
    display: none
}

.preloader.active {
    display: block
}

.load-wrapp {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff
}

.load-6 .letter {
    animation-name: loadingF;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    width: max-content;
    display: block;
    height: 10px;
    padding-left: 5px
}

.l-1 {
    animation-delay: .48s
}

.l-2 {
    animation-delay: .6s
}

.l-3 {
    animation-delay: .72s
}

.l-4 {
    animation-delay: .84s
}

.l-5 {
    animation-delay: .96s
}

.l-6 {
    animation-delay: 1.08s
}

.l-7 {
    animation-delay: 1.2s
}

.l-8 {
    animation-delay: 1.32s
}

.l-9 {
    animation-delay: 1.44s
}

.l-11 {
    animation-delay: 1.56s
}

.l-12 {
    animation-delay: 1.68s
}

.l-13 {
    animation-delay: 1.8s
}

.l-14 {
    animation-delay: 1.92s
}

.l-15 {
    animation-delay: 2.04s
}

.l-16 {
    animation-delay: 2.16s
}

.l-17 {
    animation-delay: 2.28s
}

.l-18 {
    animation-delay: 2.4s
}

.l-19 {
    animation-delay: 2.52s
}

.l-20 {
    animation-delay: 2.64s
}

.l-21 {
    animation-delay: 2.76s
}

.l-22 {
    animation-delay: 2.88s
}

.l-23 {
    animation-delay: 3s
}

.l-24 {
    animation-delay: 3.12s
}

@keyframes loadingF {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.letter {
    float: left;
    font-size: 18px
}

.list-business-page h4 {
    padding: 40px 0
}

.list-business-page {
    order: 4
}

#soldBusiness .modal-dialog {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 225px;
    background: #f0f0f0;
    border-radius: 5px;
    padding: 20px
}

#soldBusiness .modal-dialog h4 {
    color: #606060;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
    line-height: 24px
}

#soldBusiness .modal-dialog p {
    line-height: 21px;
    font-size: 16px;
    color: #606060
}

.buttons-sold-popup li {
    display: inline-block;
    margin-right: 10px
}

.buttons-sold-popup li a {
    display: block;
    padding: 3px 20px;
    font-size: 16px;
    border-radius: 5px;
    text-align: center
}

.buttons-sold-popup li:first-child a {
    color: #f0f0f0;
    background: #284d5d
}

.buttons-sold-popup li:last-child a {
    color: #284d5d;
    border: 1px solid #284d5d
}

#removeBusiness .modal-dialog {
    width: 565px;
    height: 350px;
    background: #f0f0f0;
    border-radius: 5px;
    padding: 25px 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#removeBusiness .modal-dialog h4 {
    text-align: left;
    color: #606060;
    font-weight: 600;
    margin-bottom: 10px
}

#removeBusiness .modal-dialog form > span {
    color: #606060;
    margin-bottom: 10px;
    display: block
}

#removeBusiness .modal-dialog form input[type=radio] {
    position: absolute;
    z-index: -1;
    opacity: 0
}

#removeBusiness .modal-dialog form label {
    font-weight: 400;
    color: #606060;
    display: block;
    padding-bottom: 10px;
    padding-left: 25px;
    position: relative
}

#removeBusiness .modal-dialog form label:before {
    position: absolute;
    left: 0;
    content: "";
    display: block;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    border: 1px solid #606060
}

#removeBusiness .modal-dialog form input:checked + label:after {
    position: absolute;
    left: 1px;
    top: 1px;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: #284d5d;
    border-radius: 50%
}

#removeBusiness .modal-dialog form textarea {
    resize: none;
    outline: 0;
    width: 100%;
    border: none;
    height: 70px;
    padding: 10px
}

.buttons-remove-business li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    padding-top: 10px
}

.buttons-remove-business li a {
    display: block;
    border-radius: 5px;
    font-size: 16px;
    padding: 2px 15px;
    text-align: center
}

.buttons-remove-business li:first-child a {
    background: #b70416;
    color: #f0f0f0
}

.buttons-remove-business li:last-child a {
    border: 1px solid #284d5d;
    color: #284d5d
}

.buttons-remove-business li:first-child a:hover {
    background: #c80216
}

.mini-text-professional {
    color: #284d5d;
    font-size: 20px;
    text-align: center;
    font-weight: 600
}

.btn-activate, .btn-activate:hover {
    display: block;
    width: 220px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #284d5d;
    border-radius: 5px;
    color: #f0f0f0;
    font-size: 16px;
    font-weight: 700;
    margin: 20px auto 70px
}

.btn-activate:hover {
    background: #21404e
}

.home-search .no-arrow:after {
    display: none
}

.append-block h4 {
    color: #284d5d;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 25px;
    position: relative;
    margin-top: 10px
}

.append-block h4:after {
    top: -10px;
    width: 70%;
    left: 50%;
    transform: translate(-50%, 0);
    content: "";
    height: 1px;
    background-color: #c4c4c4;
    display: block;
    position: absolute
}

#step1Business input[name=submit_preload], #wrapper .create-account-article input[name=submit_preload] {
    border: 1px solid #284d5d;
    width: 285px
}

#step1Business input[name=submit_preload]:hover, #wrapper .create-account-article input[name=submit_preload]:hover {
    background: #284d5d;
    color: #f0f0f0
}

.list-payment-countries {
    max-height: 200px;
    overflow-y: auto
}

.cookie-use {
    position: fixed;
    background: #284d5d;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, .25);
    padding: 20px;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    color: #f0f0f0;
    z-index: 999999999999999999999
}

.cookie-use p {
    line-height: 21px
}

.cookie-use .col-lg-9 a {
    color: #fff;
    font-weight: 600
}

.btn-save-cookie {
    display: block;
    width: 215px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #f0f0f0;
    border-radius: 5px;
    color: #284d5d;
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px
}

.btn-save-cookie:hover {
    color: #284d5d;
    opacity: .9;
}

.caption-container-profile p br {
    display: none
}

#category .price-filter {
    color: #284d5d;
    font-size: 18px;
    font-weight: 700
}

.list-parameters p {
    font-weight: 700
}

.img-link {
    height: 220px
}

.img-link img {
    width: 100%
}

.desktop-none {
    display: none !important
}

.wrap-list-create-article {
    width: 300px
}

.select2-container {
    width: 100% !important
}

#profileAccount .col-lg-4 {
    text-align: center
}

#profileAccount .col-lg-4 img {
    display: block;
    margin: 0 auto 10px
}

#profileAccount .col-lg-4 span {
    display: block;
    color: #284d5d;
    font-size: 20px;
    font-weight: 700
}

#profileAccount .col-lg-4 > a {
    display: block;
    color: #284d5d;
    position: relative;
    font-size: 12px;
    padding: 5px 0
}

#profileAccount .col-lg-4 > a:before {
    position: absolute;
    margin-left: -20px;
    content: url(../images/svg/link-profile.svg)
}

.wrap-profile {
    background: #f0f0f0;
    border-radius: 5px;
    margin-top: 30px;
    padding-top: 20px;
    margin-bottom: 50px;
    padding-bottom: 25px
}

.description-profile {
    color: #606060;
    font-size: 12px;
    display: block;
    padding-top: 25px
}

#profileAccount .list-business-page {
    margin-bottom: 40px
}

#oneBusiness .country-business {
    cursor: pointer
}

#showMap .modal-dialog {
    width: 700px;
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto
}

#showMap #map_canvas {
    display: block;
    overflow: auto;
    width: 100%;
    height: 100%
}

.close-map-popup {
    position: absolute;
    right: 0;
    top: -30px;
    display: block;
    width: 20px;
    height: 20px
}

.close-map-popup:after {
    content: url(../images/svg/close-map.svg)
}

.desktop-block {
    display: block
}

.activity-type {
    display: none
}

.activity-type.active {
    display: block
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #284d5d !important
}

.name-article {
    display: block
}

.tabs-favorites-content > div {
    display: none
}

.tabs-favorites-content .tab-favorite-active {
    display: block
}

.list-images-business li a img {
    height: 100%
}

.description-business.caption-business ul li {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    color: #606060
}

#oneBusiness .categories-business li {
    display: block
}

.description-business.caption-business ul li a {
    display: block;
    font-weight: 600
}

#oneBusiness .description-business.caption-business ul li a.active {
    color: #284d5d
}

.wrap-btn-list-two {
    display: none
}

.wrap-btn-list-two.active {
    display: block;
    margin-top: 10px
}

.wrap-list-valutes {
    width: 100%;
    margin-top: 10px
}

.list-business li img {
    margin: 0 auto
}

.message-business-error a {
    background: #f0f0f0;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .25);
    border-radius: 5px;
    padding: 10px;
    color: #606060;
    font-size: 12px;
    display: block
}

.message-business-error a.active {
    display: block
}

.btn-list-show.disabled {
    background-color: #f0f0f0;
    color: #284d5d
}

.links-profile {
    transition: all .3s ease
}

.links-profile:hover {
    position: absolute;
    width: 250px;
    box-shadow: 7px 0 5px -3px rgba(0, 0, 0, .56);
    z-index: 999999999999;
    background: #f0f0f0;
    border-radius: 5px;
    transition: all .3s ease
}

.links-profile:hover a {
    font-size: 14px
}

.error-field, .select2-selection.select2-selection--multiple.error-field {
    border: 1px solid red !important
}

.error-message {
    font-size: 12px !important;
    color: red !important
}

.coordinate-wrapper {
    display: none
}

#step1Business .btn-coordinate {
    position: relative;
    font-size: 14px;
    top: 0;
    left: 15px;
    color: #284d5d
}

#step1Business .btn-coordinate:after {
    display: none
}

.coordinate-wrapper.active {
    display: block
}

.categories-news > li > a.active {
    font-weight: 700
}

.categories-news > li > a.active:before {
    position: absolute;
    width: 100%;
    bottom: -11px;
    content: "";
    height: 3px;
    background-color: #284d5d;
    left: 0;
    top: inherit;
    margin-left: 0
}

.html-wrap {
    display: flex;
    flex-direction: column
}

#category .wrap-list-categories {
    order: 1
}

.wrap-description-page {
    padding-left: 10px
}

.wrap-description-page .wrap-text-text-description {
    height: 120px;
    overflow: hidden
}

.breadcrumbs-categories > a, .wrap-description-page > a {
    font-weight: 600;
    font-size: 14px;
    display: block;
    margin-top: 10px;
    color: #284d5d
}

.breadcrumbs-categories ul {
    max-height: 45px;
    overflow: hidden
}

.filter-values-business span {
    width: 50%;
    float: right;
    padding-left: 30px
}

.show-mobile-filters-category, .show-mobile-filters-category:hover {
    background: #284d5d;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #f0f0f0;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 20px
}

.show-mobile-filters-category {
    display: none
}

.img-control {
    position: relative;
    cursor: pointer
}

.img-control span.btn-coup {
    position: absolute;
    left: -8px;
    top: -7px;
    content: url(../images/svg/coup.svg);
    cursor: pointer;
    display: none;
    z-index: 867867
}

.img-control span.btn-remove-image {
    position: absolute;
    right: -7px;
    font-size: 0;
    top: -7px;
    cursor: pointer;
    content: url(../images/svg/remove-image.svg);
    display: none;
    padding: 0;
    margin: 0;
    background-image: none;
    border: none;
    z-index: 876876
}

.img-control.active {
    outline: 2px solid #284d5d
}

.img-control:hover span {
    display: block
}

.rotate-0 {
    transform: rotate(0)
}

.rotate-1 {
    transform: rotate(90deg)
}

.rotate-2 {
    transform: rotate(180deg)
}

.rotate-3 {
    transform: rotate(270deg)
}

.rotate-4 {
    transform: rotate(360deg)
}

.wrap-list-filter-country > a {
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    height: 25px;
    padding-left: 10px;
    color: #284d5d;
    font-size: 14px;
    line-height: 23px;
    position: relative
}

.wrap-list-images ul {
    display: inline-block;
    white-space: initial
}

.wrap-list-filter-country > a:after {
    position: absolute;
    z-index: 6456;
    right: 10px;
    content: url(../images/svg/arrow-bottom-gray.svg)
}

.list-countries-filter-new {
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    position: absolute;
    padding: 10px;
    display: none;
    width: 100%;
    z-index: 88989
}

.wrap-list-filter-country {
    position: relative
}

.wrap-list-filter-country > a.active:after {
    transform: rotate(180deg)
}

.wrap-list-filter-country > a.active + .list-countries-filter-new {
    display: block
}

.list-countries-filter-new ul li a {
    color: #606060;
    font-size: 12px;
    display: block;
    padding-bottom: 5px
}

.list-categories-services ul li a.active:before, .list-categories-services ul li a:hover:before, .list-categories-services ul li h1.active:before {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -1px;
    background: #284d5d;
    content: ""
}

.description-service:before {
    display: none
}

.left-content-service:before {
    top: 30px
}

.btn-add-price-list, .btn-add-price-list:active, .btn-add-price-list:focus, .btn-add-price-list:hover, .wrap-price-list-service a, .wrap-price-list-service a:focus {
    display: block;
    width: 160px;
    height: 30px;
    background: #284d5d;
    border-radius: 5px;
    text-align: center;
    color: #f0f0f0;
    line-height: 30px;
    overflow: hidden;
    padding-top: 0
}

#oneBusiness .service-caption {
    font-weight: 700;
    padding-bottom: 10px
}

.display-block {
    display: block
}

#oneBusiness .wrap-one-block-service span {
    font-size: 14px
}

.wrap-one-block-service {
    margin-bottom: 5px
}

.right-content-business .country-business:before {
    left: initial;
    margin-left: -15px
}

.web-site-link {
    position: relative;
    color: #284d5d;
    font-size: 12px
}

.web-site-link:before {
    position: absolute;
    margin-left: -20px;
    margin-top: 3px;
    content: url(../images/svg/web-site.svg)
}

.btn-top {
    bottom: 10px;
    right: 10px;
    position: fixed;
    z-index: 200;
    cursor: pointer;
    color: #fff;
    padding: 15px 17px;
    background: #294e5e;
    border-radius: 3px;
    display: none
}

.btn-top svg {
    transform: rotate(180deg)
}

.wrap-list-valutes ul li {
    display: block
}

#category .disabled-checkbox label, #category .disabled-checkbox label a, #category .disabled-checkbox label span {
    color: #c4c4c4 !important
}

.wrap-row-business .no-img-home {
    width: 90%;
    display: block;
    margin: 0 auto
}

#authRegistration .wrap-remember-password ul li {
    display: block;
    width: 100%
}

#authRegistration .wrap-remember-password ul li a:after {
    display: none
}

.btn-click-input-file {
    position: relative
}

.btn-click-input-file span {
    display: none;
    position: absolute;
    left: 5px;
    top: -10px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    font-size: 10px;
    background: #294e5e;
    color: #fff
}

.top-header .wrap-header-list-categories ul li a {
    margin-right: 0
}

.wrap-no-ads-mobile a {
    display: block;
    background-color: #284d5d;
    color: #fff;
    border-radius: 3px;
    margin-top: 10px;
    font-size: 16px;
    position: relative;
    padding: 10px 0;
    width: 200px;
    text-align: center
}

.promotion-text {
    text-align: center
}

.promotion-text p {
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    color: #606060;
    padding: 0 5px
}

.promotion-text a {
    display: block;
    position: relative;
    font-size: 12px;
    line-height: 18px;
    color: #284d5d;
    margin-top: 15px
}

.promotion-text a:before {
    content: url(../images/svg/arrow-promotial.svg)
}

.promotion-text h4 {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    margin-bottom: 10px;
    position: relative
}

.promotion-text h4:before {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 4px;
    content: url(../images/svg/promotial.svg)
}

.promotion-text ul {
    padding-top: 15px;
    text-align: left;
    padding-left: 15px
}

.promotion-text ul li {
    font-size: 10px;
    padding-bottom: 3px;
    color: #606060
}

#wrapper .btn-square {
    display: block
}

.owl-carousel .owl-stage-outer {
    padding-bottom: 10px
}

.owl-nav {
    display: none
}

.owl-theme .owl-dots {
    margin-top: 15px
}

#wrapper .owl-theme .owl-dots .owl-dot span {
    background: #fff;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    outline: 0
}

.owl-theme .owl-dots .owl-dot {
    outline: 0
}

#wrapper .owl-theme .owl-dots .owl-dot.active span {
    background: #284d5d
}

.map-contacts iframe {
    width: 100%
}

.wrap-pagination-category {
    order: 8
}

.list-countries-popular img {
    width: 22px;
    height: 22px;
    border-radius: 50%
}

#messageBill .modal-dialog {
    width: 350px;
    height: 200px;
    background: #f0f0f0;
    border-radius: 5px;
    padding: 25px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0;
    text-align: center
}

#messageBill .modal-dialog a {
    font-size: 18px;
    font-weight: 700;
    color: #284d5d;
    padding-top: 40px;
    display: block;
    padding-bottom: 20px
}

.wrap-append-block span.required-span p {
    position: absolute
}

#category .wrap-list-categories {
    display: flex;
    flex-flow: column
}

.caption-business a:after {
    display: none
}

.border-payment-top {
    border: 2px solid #284d5d
}

#step1Business .field-add-business > a[data-title]:hover:before {
    content: attr(data-title);
    width: 210px;
    padding: 7px 10px;
    font-size: 10px;
    line-height: 15px;
    color: #606060;
    position: absolute;
    background: #f0f0f0;
    border-radius: 5px;
    bottom: 15px;
    right: -195px;
    white-space: initial;
    text-align: left
}

#wrapper .remove-values:after {
    content: url(../images/svg/remove-value.svg)
}

.list-squares-catalog {
    position: absolute;
    width: 100%;
    margin-top: 3px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    display: none;
    z-index: 8
}

#wrapper .list-squares-catalog li {
    display: block;
    width: 100%
}

#wrapper .list-squares-catalog li a {
    margin-bottom: 0;
    margin-top: 0
}

#wrapper .list-squares-catalog li a:after {
    display: none
}

#wrapper .list-squares-catalog li a:hover {
    color: #284d5d
}

.list-metr.active:after {
    transform: rotate(180deg)
}

.list-metr.active + .list-squares-catalog {
    display: block
}

.list-squares-catalog li:nth-child(3) {
    float: none !important
}

#oneBusiness .description-business a, #oneBusiness .description-business p {
    color: #606060
}

.list-params-services {
    margin-top: 10px
}

.list-params-services li {
    font-size: 12px;
    line-height: 14px;
    color: #606060;
    margin-bottom: 15px;
    width: 300px
}

.list-params-services li span {
    display: block;
    float: right;
    font-size: 12px;
    line-height: 14px;
    color: #284d5d;
    font-weight: 700
}

.wrap-price-list-service a {
    color: #fff !important
}

.left-content-service .list-images-business ul {
    max-height: 150px;
    height: auto
}

.service-caption-style:before {
    display: none
}

.country-service span {
    font-size: 12px;
    line-height: 18px;
    color: #284d5d;
    position: relative;
    cursor: pointer
}

.country-service span:before {
    content: url(../images/svg/marker-map.svg)
}

.auth-mobile-icon:before {
    content: url(../images/svg/auth-mobile-icon.svg) !important
}

.remove-after .price-business span {
    display: inline-block
}

.btn-search-mobile-category:focus, .btn-search-mobile-category:hover {
    color: #fff
}

.select-language-text li a {
    cursor: default
}

.select-language-text li a.active {
    cursor: pointer
}

.load-7 {
    display: none
}

#category .show-filters-category.active:after {
    content: url(../images/svg/white-arrow.svg)
}

.field-create-article .btn-add-image img {
    height: 100%;
    position: relative;
    z-index: 9
}

.form-control-fields a.list-field:hover {
    color: #284d5d
}

.buy-subscribe, .buy-subscribe:hover {
    color: #fff;
    border-radius: 5px;
    display: block;
    width: 90%;
    margin: 0 auto;
    background-color: #284d5d;
    padding: 5px;
    text-align: center;
    font-size: 10px
}

.wrap-row-business {
    display: none
}

.wrap-row-business.active {
    display: block
}

.tab2-favorite .list-favorites > div > ul > li:last-child {
    padding-top: 0;
    text-align: left;
    padding-left: 0
}

.tab2-favorite .list-favorites > div > ul > li:last-child:before {
    display: none
}

.tab2-favorite .list-favorites-mobile .remove-favorite {
    top: initial;
    bottom: 40px
}

.tab2-favorite .one-current-business {
    background: #fff;
    border: 1px solid #284d5d
}

.mini-text-style {
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    color: #606060;
    padding-bottom: 5px
}

.btn-seo {
    width: 90px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: #284d5d;
    border-radius: 5px;
    font-size: 12px;
    color: #f0f0f0
}

.list-payments-business > ul > li.active {
    border: 1px solid #284d5d
}

.field-registration-data-list > a.active + .wrap-list-countries {
    display: block
}

.field-registration-data-list .wrap-list-countries .list-countries ul {
    display: block
}

.field-registration-data-list .wrap-list-countries {
    height: auto
}

.articles-page .news-img {
    width: 48%
}

.articles-page .news-img img {
    width: 100%
}

.articles-page .name-news {
    height: auto
}

.articles-page .news-description {
    width: 50%
}

.articles-page .sorts-news {
    margin-bottom: 15px
}

#menus.menus-other ul {
    height: 49px
}

#menus {
    border-bottom: 2px solid #284d5d
}

#menus.menus-other ul li a.active, #menus.menus-other ul li a:hover {
    border: none
}

#menus.menus-other ul li a:before {
    bottom: -2px !important
}

.wrap-text-text-description ul {
    list-style: circle !important
}

.wrap-text-text-description ul li {
    color: #606060;
    font-size: 12px;
    line-height: 18px
}

.wrap-text-text-description ul {
    display: list-item;
    padding-left: 40px
}

.wrap-text-text-description ul li {
    display: list-item;
    list-style: disc
}

.page-text ol li, .page-text ul li {
    display: list-item;
    list-style: initial;
    margin-left: 35px;
    font-size: 12px;
    color: #606060;
    line-height: 18px
}

.wrap-label:hover:before {
    position: absolute;
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    color: #606060;
    width: 180px;
    display: block;
    background: #fff;
    border-radius: 5px;
    left: 0;
    top: -70px;
    content: attr(data-text);
    padding: 7px
}

.wrap-label {
    position: relative
}

.sale-top {
    background: #25851c;
    position: absolute;
    padding: 5px;
    color: #fff;
    top: 15px;
    left: 0;
    font-size: 10px
}

.field-registration-list-email span {
    padding-right: 30px
}

.field-registration-list-email > ul > li:nth-child(n+2) span:before {
    left: -20px
}

.logo {
    display: block;
    margin-left: -35px
}

.categories-news li:first-child a {
    padding-left: 16px
}

.select-email {
    position: absolute;
    border: 1px solid #606060;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding-left: 0;
    margin-left: -25px;
    top: 2px;
    cursor: pointer
}

.main-email.active .select-email, .select-email.active {
    background: #284d5d
}

.btn-desktop-right {
    padding: 0
}

.left-content-service .list-images-business li a img {
    width: 100%;
    height: auto
}

.business-top-subscribe img {
    width: 70%
}

.list-subscribes.list-b2b-page {
    display: block !important
}

.list-subscribes.list-b2b-page > ul > li {
    width: 350px
}

.list-b2b {
    position: absolute;
    width: 100%;
    height: 245px;
    background: #f0f0f0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    left: 0;
    z-index: 99999999;
    top: 48px;
    padding-top: 22px;
    display: none
}

#wrapper .list-b2b-page span {
    margin-bottom: 10px
}

.list-b2b.active ul {
    height: auto !important
}

.list-b2b.active {
    display: block
}

.list-b2b span {
    display: block;
    text-align: center;
    font-family: Literata;
    font-size: 14px;
    line-height: 16px;
    color: #606060;
    margin-bottom: 15px
}

#wrapper .list-b2b ul li {
    display: block;
    width: 100%;
    padding-left: 20px
}

#wrapper .list-b2b ul li a {
    padding-left: 45px;
    font-family: Literata;
    font-size: 14px;
    line-height: 30px;
    color: #284d5d;
    margin-bottom: 12px;
    white-space: nowrap
}

#wrapper .list-b2b a:hover:before {
    display: none
}

#wrapper .list-b2b ul li a img {
    position: absolute;
    left: 0;
    display: block;
    top: 0;
    width: 30px;
    height: 30px
}

#wrapper .first-type-b2b ul li {
    padding-left: 45px
}

.list-b2b p {
    font-family: Literata;
    font-size: 16px;
    line-height: 22px;
    color: #606060;
    padding-top: 15px
}

#wrapper .btn-b2b {
    width: 200px;
    margin-top: 30px;
    height: 35px;
    background: #284d5d;
    border-radius: 5px;
    font-family: Literata;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    color: #f0f0f0 !important;
    display: block
}

.two-b2b {
    position: relative;
    padding-left: 60px
}

.last-b2b:before {
    position: absolute;
    background: #c4c4c4;
    width: 1px;
    content: "";
    height: 200px;
    top: 0;
    left: 20px
}

.last-b2b {
    padding-left: 70px
}

#wrapper .list-b2b ul li a:hover {
    text-decoration: underline
}

.list-payments-services .description-payment {
    width: 350px;
    right: -10px
}

#wrapper .list-services-page .info-business.full-width {
    width: 100% !important
}

.caption-ads {
    font-family: Literata;
    font-size: 20px;
    line-height: 23px;
    color: #284d5d;
    padding: 10px 0
}

#successRegistration {
    text-align: center;
    padding-top: 20px
}

.wrap-content-success-registration {
    margin: 0 auto;
    max-width: 800px
}

#successRegistration {
    margin-bottom: 300px
}

#successRegistration h1 {
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    color: #284d5d;
    padding-bottom: 20px
}

#successRegistration a, #successRegistration p {
    font-family: Literata;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #606060
}

#successRegistration p {
    margin-bottom: 30px
}

#successRegistration a {
    text-decoration: underline
}

.list-subscribes .list-period {
    height: 20px;
    margin-bottom: 40px
}

.list-subscribes .caption-placement {
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    color: #284d5d
}

.list-period.no-active-period {
    border: none
}

.list-subscribes .discount-price-to-payment {
    top: -80px;
    right: 35px
}

.list-subscribes .price-payment {
    width: auto
}

.counter-services {
    background: #f0f0f0;
    border-radius: 5px;
    width: 730px;
    height: 140px;
    margin: 0 auto 18px;
    margin-left: -.36em;
    padding: 25px 20px;
    position: relative
}

.counter-services p {
    font-family: Literata;
    font-size: 14px;
    line-height: 30px;
    color: #606060
}

.counter-services p span {
    font-weight: 700;
    font-size: 16px;
    color: #284d5d;
    line-height: 26px
}

#wrapper .position-absolute-counter {
    position: absolute;
    left: 50%;
    bottom: 7px;
    font-size: 10px;
    line-height: 12px;
    color: #606060;
    transform: translate(-50%, 0);
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.wrap-counter-service {
    position: absolute;
    right: 20px;
    top: 23px
}

.wrap-counter-service li {
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    color: #284d5d;
    display: inline-block;
    vertical-align: top
}

.wrap-counter-service li span {
    display: block;
    font-size: 16px;
    line-height: 10px
}

.main-price-b2b, .wrap-discounts-tariff > span {
    display: block;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    text-decoration-line: line-through;
    color: #284d5d;
    padding-right: 15px
}

.wrap-discount-b2b {
    width: max-content;
    margin: 0 auto
}

.discount-price-b2b {
    display: block;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    font-weight: 700;
    color: #284d5d;
    padding-top: 10px
}

.text-b2b {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #606060;
    padding-top: 10px;
    padding-bottom: 10px
}

.wrap-discounts-tariff > span {
    padding-right: 35px
}

#wrapper .list-b2b-page .discount-price-b2b, #wrapper .list-b2b-page .main-price-b2b, #wrapper .list-b2b-page .text-b2b {
    margin-bottom: 0
}

#wrapper .time-message {
    right: 10px;
    top: 10px;
    color: #606060;
    font-size: 12px;
    position: absolute
}

.owl-carousel .owl-stage-outer {
    direction: ltr
}

.resume {
    font-size: 18px;
    line-height: 21px;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #606060;
    font-weight: 700
}

.excerpt-news {
    font-style: italic
}

.form-control-fields .form-field {
    padding-right: 25px
}

.error-field-auth, .success-field-auth {
    position: relative
}

#wrapper .error-field-auth input, #wrapper .error-field-auth textarea {
    border: 1px solid #b70416
}

.error-field-auth:after {
    position: absolute;
    right: 0;
    top: 5px;
    content: url(../images/svg/error-field.svg)
}

.success-field-auth:after {
    position: absolute;
    right: 0;
    top: 5px;
    content: url(../images/svg/success-field.svg)
}

#wrapper .disabled-button {
    background: #c4c4c4;
    border: none;
    cursor: initial
}

.intl-tel-input.success-field-auth:after {
    right: -25px
}

.form-control-fields input[type=radio] {
    width: 0
}

.wrap-password {
    width: 270px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.tariff-list-price {
    display: block;
    height: 30px;
    width: 100%;
    margin: 0 auto 15px;
    background: #fff;
    border: 1px solid #284d5d;
    font-size: 12px;
    line-height: 30px;
    color: #284d5d;
    padding-left: 10px;
    border-radius: 5px;
    position: relative
}

.tariff-list-price:after {
    position: absolute;
    right: 10px;
    content: url(../images/svg/arrow-bottom-gray.svg)
}

.tariff-list-price.active:after {
    transform: rotate(180deg)
}

.tariff-list-price.active + ul {
    display: block
}

.wrap-prices {
    position: relative;
    height: 30px;
    margin-bottom: 10px
}

.wrap-prices ul {
    position: absolute;
    display: none;
    left: 0;
    top: 30px;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    z-index: 4;
    padding: 10px
}

.wrap-prices ul li a {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #284d5d;
    margin-bottom: 10px
}

.wrap-prices ul li:last-child a {
    margin-bottom: 0
}

.wrap-discounts-tariff {
    position: relative
}

.wrap-discounts-tariff > span {
    position: absolute;
    right: 10px;
    top: -15px
}

#step1Business .success-field-auth:after {
    right: -25px
}

#step1Business .error-field-auth:after {
    right: -25px
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .form-field > p > a {
        display: block
    }

    .wrap-password {
        width: 100%
    }

    .counter-services br {
        display: none
    }

    .counter-services p {
        line-height: 22px;
        margin-bottom: 10px
    }

    .form-control-fields .form-field {
        padding-right: 0
    }

    #wrapper .list-services-page .info-business {
        width: 100% !important
    }

    .list-payments-services .description-payment {
        width: 200px
    }

    .one-current-business > ul > li:first-child {
        width: 100%
    }

    .list-params-services li {
        width: 100%
    }

    .info-business > a {
        margin-bottom: 10px
    }

    .wrap-list-services .one-current-business > ul > li:first-child {
        width: 100%
    }

    #category .wrap-list-services .info-business.remove-after {
        width: 100% !important
    }

    .wrap-list-services .list-params-services li {
        width: 100%
    }

    .wrap-list-services .list-params-services li span {
        float: none
    }

    .wrap-list-services .filters-categories > ul > li:last-child {
        float: none
    }

    .list-currencies {
        padding-left: 0
    }

    .counter-services {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: auto
    }

    .wrap-counter-service {
        position: relative;
        order: 1;
        text-align: center;
        right: initial;
        top: initial;
        margin-bottom: 30px
    }

    .counter-services p {
        order: 2
    }

    #wrapper .position-absolute-counter {
        order: 3
    }

    .one-filter a.active + .some-filter, .one-filter-price a.active + .some-filter {
        display: block !important
    }

    .bottom-banner {
        width: 100%
    }

    .list-setting-buttons-business.hide, .list-stats-business.hide {
        display: block !important
    }

    .list-info-news > ul > li, .list-info-news > ul > li > a {
        font-size: 10px
    }

    .info-articles li {
        display: block;
        text-align: center
    }

    .info-articles li:last-child a {
        margin: 0 auto
    }

    .content-news h1 {
        font-size: 16px;
        line-height: 23px
    }

    .list-share ul li:first-child {
        display: block
    }

    #wrapper .top-header .sections-header-mobile a {
        position: relative
    }

    #wrapper .top-header .sections-header-mobile-menu > ul > li > a:after {
        position: absolute;
        content: url(../images/svg/arrow-right-mobile.svg);
        right: 5px;
        top: 1px
    }

    .btn-select-month {
        padding-left: 25px
    }

    .notifyjs-corner .notifyjs-container, .notifyjs-corner .notifyjs-wrapper {
        width: 100% !important
    }

    .wrap-list-countries, .wrapper-categories-list {
        min-width: initial
    }

    .list-categories-list, .list-categories-list > ul, .list-countries, .list-countries > ul {
        min-width: initial
    }

    .render-categories, .render-location {
        display: none
    }

    .list-field-price li:last-child {
        display: block
    }

    .notifyjs-bootstrap-base {
        white-space: inherit !important
    }

    .list-buttons-create-article ul li {
        margin-top: 10px
    }

    .info-articles li:last-child {
        float: none;
        margin-bottom: 15px
    }

    #listCustomerServices h1, #paymentTariff h1, #subscribeProfessional h1 {
        font-size: 20px
    }

    .list-customer-services > ul > li {
        display: block;
        margin: 0 auto 30px
    }

    .list-description-services {
        width: 100%
    }

    .list-customer-services > ul > li:last-child, .list-subscribes > ul > li:last-child, .wrap-payment-tariff .list-payment-tariff > ul > li:last-child {
        margin: 0 auto 30px
    }

    #text404 h1 {
        font-size: 20px
    }

    #text404 p {
        font-size: 16px
    }

    .home-search .content-list {
        border: none
    }

    .owl-carousel.owl-loaded {
        padding: 0
    }

    .field-filters-mobile > a:before {
        display: none
    }

    .home-search form > ul > li {
        width: 60% !important
    }

    .field-registration-data > ul {
        padding-left: 30px
    }

    .home-search form > ul > li.field-filters-mobile {
        width: 39% !important
    }

    #oneBusiness .col-lg-12 {
        padding: 0 !important
    }

    #wrapper .field-filters-mobile > a {
        padding-left: 0;
        text-align: center
    }

    .owl-theme .owl-dots {
        margin-top: -10px
    }

    .logo {
        display: block;
        margin-left: 0
    }

    .top-header .col-lg-5 > ul > li, .top-header .col-lg-6 > ul > li {
        position: relative
    }

    .categories-news > li > a.active:before {
        top: initial;
        bottom: -3px
    }

    .categories-news li {
        display: block
    }

    .categories-news li a, .categories-news li:nth-child(n+2) a {
        padding-left: 0;
        display: block
    }

    .home-search .content-list {
        width: 49% !important
    }

    .categories-news li a:after {
        display: none
    }

    .one-filter-price > a, .one-filter > a {
        line-height: initial !important;
        height: initial !important;
        padding: 10px 0
    }

    .list-values-filter > li > span {
        display: none
    }

    .one-filter-price > a:after, .one-filter > a:after {
        top: 10px !important
    }

    .g-recaptcha {
        float: none !important;
        position: relative;
        z-index: 8787878;
        transform: scale(.7);
        text-align: center;
        margin: 0 auto;
        transform-origin: 30px 0
    }

    #category .list-favorites-mobile > div {
        background: #f0f0f0
    }

    #wrapper .owl-carousel .owl-item img {
        height: 100%;
        width: 100%
    }

    .message-style li {
        word-wrap: break-word !important
    }

    .description-payment {
        bottom: initial;
        top: 35px
    }

    .paginate {
        margin-top: 30px
    }

    .paginate ul li {
        margin-bottom: 5px
    }

    .list-subcategories li {
        width: 49%
    }

    .categories-news li a {
        font-size: 14px;
        margin-right: 7px;
        margin-bottom: 10px
    }

    .categories-news li a:hover {
        font-weight: bold;
    }

    .list-categories-filter {
        min-width: auto !important
    }

    .list-values-filter .content-list {
        width: 49% !important
    }

    .field-registration-data-list .list-countries, .field-registration-data-list .list-countries ul, .field-registration-data-list .wrap-list-countries {
        min-width: 50px
    }

    .content-news img {
        width: 100%
    }

    #oneNews .article-other-news ul li:last-child {
        display: block
    }

    .field-registration-data-list .wrap-list-countries {
        position: relative
    }

    .wrap-find-info-search-home li {
        width: 100%
    }

    .wrap-list-services .info-business.remove-after {
        width: 70% !important
    }

    .articles-page .news-img {
        width: 100%
    }

    .articles-page .news-img img {
        width: auto;
        margin: 0 auto;
        display: block
    }

    .articles-page .news-description {
        width: 100%
    }

    .wrap-row-business ul li {
        margin-bottom: 20px
    }

    .wrap-list-other-business-account {
        width: 100%
    }

    .filter-values-business span {
        padding-left: 0
    }

    .some-filter {
        padding-bottom: 10px
    }

    .news-description {
        width: 100%;
        padding-left: 0
    }

    .news-img {
        float: none;
        margin: 0 auto
    }

    .wrap-step2 {
        width: auto
    }

    .discount-percent {
        left: 0;
        top: 45px;
        right: initial
    }

    .list-payments-business > ul > li:first-child {
        padding-bottom: 0
    }

    .name-service a:after {
        margin-left: 3px
    }

    .list-payments-business > ul > li {
        max-width: 440px;
        width: 100%;
        margin: 0 auto 30px;
        display: block
    }

    .list-payments-business > ul > li label {
        position: absolute
    }

    .list-payments-business > ul > li input:checked + label:after {
        left: 2px;
        top: 2px
    }

    .list-payments-business > ul > li > span {
        padding-top: 0;
        text-align: left;
        padding-left: 50px
    }

    .btn-info-payment {
        bottom: initial;
        top: 15px
    }

    .list-payments-business > ul > li:last-child {
        margin-right: auto
    }

    .list-period {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        margin: 0
    }

    .list-period > ul > li {
        width: 33%
    }

    .list-period > ul > li > a {
        width: 100%
    }

    .price-payment {
        text-align: right;
        width: auto
    }

    #step2business .caption-placement {
        padding-top: 30px;
        padding-bottom: 0
    }

    .owl-carousel.owl-loaded {
        padding: 0 10px
    }

    .list-favorites-mobile.list-business-page-mobile.desktop-none.mobile-block {
        order: 4
    }

    .registration-data .list-data > li:first-child:after {
        display: none
    }

    .categories-news li a {
        margin-right: 10px
    }

    .categories-news li a:after {
        margin-left: 6px
    }

    .list-info-page-business > ul {
        margin-bottom: 25px;
        clear: both
    }

    .no-active:after {
        display: block
    }

    .location-filter.list-categories-filter div:not(.wrap-btn-search) {
        width: 49% !important
    }

    .name-news {
        text-align: center
    }

    .news-description p {
        padding-top: 10px
    }

    .location-filter > div:first-of-type:after {
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        right: -5px;
        top: 0;
        border-right: 1px solid #c4c4c4
    }

    #category .col-lg-3 {
        padding-left: 15px
    }

    .one-filter-price > a.active:after, .one-filter > a.active:after {
        transform: rotate(90deg)
    }

    .wrap-list-categories h1 {
        font-size: 18px
    }

    .list-business li img {
        width: 100%;
        height: auto
    }

    .list-business li {
        max-width: 100%
    }

    .no-img-home {
        height: 100%
    }

    #wrapper .other-link-mobile-header {
        display: none !important
    }

    .auth-account > a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0
    }

    .load-6 {
        display: none
    }

    .load-7 {
        display: block
    }

    .list-favorites-business {
        bottom: 15px;
        top: initial
    }

    .account-list {
        left: 0;
        top: 45px;
        width: 100%
    }

    .footer-dialog ul li:first-child {
        position: relative;
        left: -10px;
        top: 25px
    }

    .list-values-filter.render-categories, .list-values-filter.render-location {
        clear: both
    }

    .wrap-list-favorites {
        padding-left: 0
    }

    .wrap-list-messages-mobile {
        display: block !important
    }

    .footer-dialog ul li:nth-child(2) {
        width: 80%;
        float: right;
        margin-right: 10px
    }

    #category .content-list {
        border: none
    }

    .one-filter-price {
        clear: both
    }

    .one-filter {
        clear: both
    }

    .some-filter {
        display: none
    }

    .one-filter-price > a:after, .one-filter > a:after {
        transform: rotate(270deg)
    }

    .one-filter-price > a, .one-filter > a {
        height: 50px;
        line-height: 50px;
        margin-bottom: 0
    }

    .one-filter {
        margin-top: 0;
        padding-bottom: 0
    }

    .one-filter-price {
        padding: 0
    }

    .wrap-btn-search {
        border: none
    }

    .logo img {
        margin-top: -10px
    }

    .show-mobile-filters-category {
        display: block
    }

    .one-filter input[name=search] {
        width: 85%
    }

    #category .left-filter-category {
        margin-top: 20px
    }

    #step1Business .btn-coordinate {
        position: relative;
        font-size: 14px;
        color: #284d5d;
        display: block;
        left: 0;
        top: 10px;
        padding-bottom: 20px;
        text-align: center
    }

    .left-filter-category {
        display: none
    }

    .left-filter-category.active {
        display: block
    }

    .mobile-block {
        display: block !important
    }

    .img-link img {
        margin: 0 auto;
        display: block;
        width: 100%
    }

    .wrap-list-messages-mobile h5 {
        margin-top: 20px
    }

    .bottom-links-profile {
        display: none
    }

    .wrap-no-active-package {
        margin-top: 0;
        padding-bottom: 20px
    }

    .wrap-settings-profile > ul > li:last-child {
        margin-top: 15px
    }

    #category > .container > form > .row {
        flex-flow: column
    }

    .field-filters-mobile {
        display: inline-block !important
    }

    .home-search form > ul > li {
        width: 49%
    }

    .field-filters-mobile > a {
        width: 100%
    }

    .left-content-business:before {
        display: none
    }

    .description-business a, .description-business p {
        font-size: 12px;
        font-family: Literata
    }

    .right-content-business {
        padding-left: 0
    }

    .list-favorites-mobile > div {
        width: 100%;
        border: 2px solid #284d5d;
        box-sizing: border-box;
        border-radius: 5px;
        margin-top: 20px;
        background-color: #fff;
        padding: 15px;
        position: relative;
        padding-top: 10px
    }

    .list-favorites-mobile .remove-favorite {
        top: 15px;
        font-size: 0
    }

    .list-favorites-mobile .list-more-information-business {
        padding-left: 0;
        padding-top: 20px
    }

    .caption-container-profile {
        padding-left: 0;
        text-align: center
    }

    .wrap-list-categories {
        padding-left: 0
    }

    #category .col-lg-9 {
        padding-right: 15px
    }

    .img-link {
        margin: 10px 0;
        display: block;
        height: auto
    }

    .favorite-name-business {
        width: 70px
    }

    .links-profile {
        display: none
    }

    .registration-data {
        width: 100%
    }

    .list-customer-services, .list-subscribes, .wrap-payment-tariff {
        width: 100%
    }

    #wrapper .list-subscribes > ul > li {
        width: 100%;
        margin: 0 auto 50px;
        position: relative
    }

    #wrapper #page .col-lg-10 {
        float: initial
    }

    #wrapper .list-categories-faq ul li {
        margin: 0 auto 20px
    }

    .wrap-page-professional {
        width: 100%
    }

    .wrap-page-professional > ul > li > ul > li {
        margin-right: 0;
        width: 100% !important;
        margin-bottom: 15px
    }

    .wrap-page-professional > ul > li > ul > li:last-child img {
        float: none;
        margin: 0 auto;
        display: block
    }

    #news .list-subcategories .col-lg-4 {
        padding: 0 15px !important
    }

    .registration-data .list-data > li {
        display: block;
        width: 100%;
        padding: 0;
        margin-left: initial
    }

    .list-data input[name=file] {
        width: 0
    }

    .wrapper-contacts {
        margin-bottom: 25px
    }

    #contacts .col-lg-4:first-child {
        padding-left: 15px
    }

    #contacts .col-lg-4:last-child {
        padding-right: 15px
    }

    .map-contacts iframe {
        width: 100%
    }

    .field-registration-data > span {
        display: block;
        text-align: left;
        padding-bottom: 5px
    }

    .field-registration-data p {
        padding-left: 0
    }

    .field-registration-data-password > a {
        top: 10px
    }

    .field-add-email a {
        margin-right: 0
    }

    .wrap-label {
        width: 270px;
        margin: 0 auto
    }

    .field-registration-data img {
        margin: 10px auto
    }

    .field-registration-data textarea {
        width: 100%
    }

    .field-registration-data {
        width: 100%;
        margin: 0 auto 15px
    }

    .field-registration-data input {
        width: 100%
    }

    .list-payments-business > ul > li {
        width: 100%;
        margin-bottom: 25px
    }

    .home-search .field-search input {
        width: 170px
    }

    .btn-submit-search a {
        width: 145px
    }

    .header-links {
        display: none
    }

    .home-search form > ul > li.field-category, .home-search form > ul > li.field-country {
        display: none
    }

    .col-lg-12 {
        padding: 0 15px
    }

    #categoriesCountries h4 {
        font-size: 16px
    }

    .list-info-footer li, .list-info-footer li:last-child {
        width: auto;
        display: block;
        margin-top: 10px
    }

    #footer {
        height: auto
    }

    .list-info-footer {
        text-align: center
    }

    .text-subscribe {
        text-align: center;
        margin-top: 15px
    }

    .cookie-use {
        width: 100%;
        height: auto
    }

    .logo img {
        width: 120px
    }

    .top-header:after {
        display: none
    }

    .mobile-none {
        display: none
    }

    .list-social {
        margin: 10px 0;
        text-align: center
    }

    .text-copyright {
        text-align: center
    }

    .main-header .h1-top {
        font-size: 16px;
        text-align: right;
        max-width: 170px;
        float: right;
        margin-top: 15px
    }

    .main-header .h2-top {
        display: none
    }

    #menus {
        display: none
    }

    #footer .row {
        display: flex;
        flex-flow: wrap
    }

    #footer .first-block-footer-mobile {
        order: 2
    }

    #footer .order-sm-1 {
        order: 1
    }

    #step1Business form > ul > li > span, .wrap-append-block > ul > li > span {
        display: block;
        width: 100%;
        padding-bottom: 7px
    }

    .field-add-business, .wrap-field-business {
        width: 100%
    }

    .range-price li:nth-child(3) {
        display: block
    }

    .wrap-find-info-search li, .wrap-find-info-search-home li {
        display: block;
        width: 100%;
        margin-bottom: 5px
    }

    .close-search {
        top: 10px
    }

    #step1Business form {
        width: 100%
    }

    #step1Business form > ul > li, .wrap-append-block > ul > li {
        padding-bottom: 10px
    }

    .list-field-price input[type=number] {
        width: 100%
    }

    .agree-create-article {
        padding: 15px 0
    }

    .list-buttons-create-article ul li input[type=submit] {
        margin-right: 0
    }

    .wrap-payment-tariff .list-payment-tariff > ul > li {
        margin: 0 auto 20px !important;
        display: block
    }

    .wrap-form-payment {
        width: 100%
    }

    .field-payment span {
        display: block;
        width: auto;
        text-align: left;
        padding-bottom: 5px
    }

    .wrap-form-payment input[type=submit] {
        margin-right: 0
    }

    .field-payment input, .field-payment > a {
        width: 100%
    }

    .list-buttons-create-article ul li:first-child input {
        width: 105px
    }

    .list-buttons-create-article ul li:last-child input {
        width: 220px
    }

    .wrap-list-images {
        width: 100%
    }

    .wrap-list-images ul li {
        margin-bottom: 15px;
        margin-right: 2px
    }

    .wrap-list-images ul li:nth-child(4n) {
        margin-right: 0
    }

    .main-content-business {
        padding: 10px;
        width: 100%
    }

    .left-content-business, .wrap-page-business {
        width: 100%;
        display: block
    }

    .right-content-business {
        display: block;
        border-top: 1px solid #c4c4c4;
        width: 100%;
        margin: 30px auto
    }

    .price-content-business {
        margin: 0 auto;
        width: 100%
    }

    .message-business-error {
        padding-top: 10px
    }

    .list-info-page-business > ul > li:nth-child(n+2) {
        display: inline-block;
        margin-left: 10px;
        float: none
    }

    .list-images-business ul li {
        margin-right: 10px;
        width: 30%
    }

    .caption-business h4 {
        font-size: 14px
    }

    .list-categories-faq ul li, .list-categories-faq ul li:nth-child(3n) {
        display: block;
        margin: 0 auto 20px
    }

    .list-categories-faq {
        width: 100%
    }

    #page .col-lg-10 {
        padding-left: 15px
    }

    .good-article {
        width: 100%;
        height: auto
    }

    #page .col-lg-2 {
        padding-right: 15px
    }

    .wrap-settings-profile > ul > li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #c4c4c4;
        margin-left: 0
    }

    .wrap-no-active-package p, .wrap-no-active-package span {
        font-size: 16px
    }

    .field-registration-data-list > a {
        width: 270px
    }

    .intl-tel-input .country-list {
        height: 200px
    }

    .left-message p {
        background-color: rgba(196, 196, 196, .5)
    }

    .form-field-password a {
        top: 5px;
        right: 10px
    }

    .form-field ul {
        text-align: left;
        width: 100%;
        display: block;
        padding-left: 0;
        padding-top: 7px
    }

    .wrap-settings-profile > ul > li:last-child {
        border-bottom: none
    }

    .wrap-settings-profile > ul > li:first-child:after {
        display: none
    }

    .registration-data, .rows-business, .width-account-wrap, .wrap-list-favorites {
        width: 100%
    }

    #sitemapPage .col-lg-4 {
        padding: 0 15px !important
    }

    #authRegistration .wrap-registration {
        width: 100%;
        padding: 12px 5px
    }

    .agree-field label {
        float: none;
        width: 100%
    }

    .list-values {
        top: 60px;
        width: 100%
    }

    .form-control-fields a.list-field, .form-control-fields input, .intl-tel-input {
        width: 100%;
        float: none;
        display: block
    }

    #authRegistration input[type=radio] {
        width: 1px
    }

    .form-field .country-list, .intl-tel-input .flag-dropdown {
        width: 100%
    }

    .form-field p {
        float: none
    }

    .selected-categories li {
        font-size: 10px;
        white-space: pre-line
    }

    #step1Business .list-categories-list .design-thumb.mobile-list, #step1Business .list-countries .design-thumb.mobile-list {
        display: block !important
    }

    #wrapper .wrap-search-category input[type=text] {
        width: 80% !important
    }

    .wrap-find-info-search li:last-child a, .wrap-find-info-search-home li:last-child a {
        width: 100%
    }

    .selected-categories li a {
        width: auto
    }

    .list-field-price li {
        width: 49%
    }

    .wrap-list-images ul li {
        float: left;
        margin-right: 5px
    }

    .wrap-list-images ul li:nth-child(4n) {
        margin-right: 5px
    }

    .list-field-price li {
        margin-right: 5px;
        margin-bottom: 5px
    }

    .list-field-price .wrap-btn-list {
        width: 85px
    }

    .list-other-services > ul > li > ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-around;
        vertical-align: top
    }

    .header-dialog > ul > li {
        width: 70%
    }

    .header-dialog > ul > li:last-child {
        width: 29%
    }

    .message-style {
        width: 100%
    }

    .footer-dialog ul li:nth-child(2) textarea {
        width: 100%;
        margin-right: 0
    }

    .footer-dialog ul li:first-child a:before {
        top: -20px
    }

    .footer-dialog ul li:first-child a {
        font-size: 0
    }

    .footer-dialog ul li:last-child {
        display: block;
        float: right;
        margin-right: 10px;
        margin-top: 15px
    }

    .wrap-info-business-dialog > ul > li:last-child {
        padding-left: 0;
        padding-top: 5px
    }

    .wrap-list-control-dialog ul li:first-child {
        display: block;
        margin-bottom: 10px
    }

    .wrap-list-control-dialog ul li:nth-child(n+2) {
        float: none
    }

    .wrap-list-control-dialog ul li:nth-child(2) {
        margin-left: 0
    }

    .list-other-services {
        width: 100%
    }

    .list-other-services .list-buttons-create-article ul li:first-child input, .list-other-services .list-buttons-create-article ul li:last-child a {
        width: max-content;
        font-size: 13px;
        padding: 0 5px
    }

    .list-payments-business > ul > li {
        margin-right: 0
    }

    .name-service {
        font-size: 13px;
        padding-left: 25px
    }

    .list-buttons-create-article ul li:last-child a {
        margin-top: 0
    }

    .name-service a {
        right: 0
    }

    .list-other-services > ul > li > ul > li:first-child {
        margin-right: 15px
    }

    .btn-select-month {
        font-size: 13px;
        margin-right: 35px
    }

    .append-block h4 {
        text-align: center
    }

    .wrap-append-block > ul > li > span {
        width: 170px;
        margin-right: 40px
    }

    #step1Business .wrap-append-block > ul > li > span {
        width: 100% !important
    }

    #step1Business .wrap-btn-list {
        width: 100%
    }

    #step1Business .list-field-price .wrap-btn-list {
        width: 120px
    }

    .field-add-business input[type=text] {
        width: 100% !important
    }

    #step1Business input[name=submit_preload] {
        width: auto
    }

    .wrap-list-languages-field {
        width: 100%
    }

    .buttons-mobile-create ul li {
        width: 69%
    }

    .buttons-mobile-create ul li:first-child {
        width: 30%
    }

    .buttons-mobile-create ul li:last-child input {
        width: 200px !important
    }

    .list-categories-footer h5 {
        font-size: 14px
    }

    .list-categories-footer li a {
        font-size: 12px
    }

    .wrap-registration .tabs ul li a {
        font-size: 16px
    }

    .form-field > span {
        text-align: left;
        display: block;
        padding-bottom: 7px;
        width: 100%
    }

    .form-field input[type=submit] {
        margin: 15px auto
    }

    .list-remember li:first-child {
        margin-left: 0
    }

    .form-field .list-remember {
        float: none;
        margin-left: 0
    }

    .content-profile .col-lg-10 {
        padding: 0 15px
    }

    .wrap-list-payments-mobile div {
        position: relative;
        border-bottom: 1px solid #c4c4c4;
        padding-bottom: 15px;
        padding-left: 25px
    }

    .wrap-list-payments-mobile div a {
        display: block;
        font-weight: 600;
        color: #284d5d
    }

    .wrap-list-payments-mobile div span {
        display: block;
        font-size: 12px;
        font-weight: 600;
        padding-top: 5px;
        width: 70%
    }

    .categories-news li:first-child a {
        padding-left: 0
    }

    .wrap-list-payments-mobile ul li {
        display: inline-block;
        color: #606060;
        font-size: 10px;
        margin-right: 15px
    }

    .wrap-list-payments-mobile div p {
        position: absolute;
        right: 10px;
        top: 0;
        font-size: 18px;
        color: #284d5d;
        font-weight: 700
    }

    .wrap-list-messages-mobile .filter-messages > ul > li {
        vertical-align: top;
        width: 50%
    }

    .filter-messages > ul > li:last-child {
        text-align: right
    }

    .filter-messages > ul > li > p a {
        margin-top: 5px
    }

    .wrap-list-messages-mobile .filter-messages {
        padding: 0 10px 5px
    }

    .filter-messages ul li ul {
        right: 20px
    }

    .wrap-list-messages-mobile .filter-messages > ul > li:first-child {
        width: 50%
    }

    .one-dialog-mobile {
        border-bottom: 1px solid #c4c4c4;
        padding: 15px 10px;
        position: relative
    }

    .wrap-btn-search a {
        margin: 10px auto;
        float: none
    }

    .name-dialog {
        display: block;
        color: #606060 !important;
        font-size: 12px;
        font-weight: 700;
        padding-bottom: 5px;
        position: relative
    }

    .one-dialog-mobile > a {
        display: block;
        font-weight: 600;
        font-size: 12px;
        color: #284d5d
    }

    .add-favorite-dialog:hover {
        width: auto
    }

    .list-btn-messages ul li a:before {
        position: initial
    }

    .one-dialog-mobile > p {
        display: block;
        color: #606060;
        font-size: 10px
    }

    .list-business li {
        width: 100%
    }

    .country-business {
        font-size: 10px
    }

    .name-business {
        font-size: 12px
    }

    .one-dialog-mobile .message-time {
        position: absolute;
        right: 0;
        top: 15px;
        color: #606060;
        font-size: 12px
    }

    .one-dialog-mobile .list-btn-messages {
        right: 0;
        position: absolute;
        bottom: 10px
    }

    #profileAccount .list-favorites-mobile {
        margin-bottom: 25px
    }

    .one-mobile-business {
        background: #fff;
        border: 1px solid #284d5d;
        box-sizing: border-box;
        border-radius: 5px;
        width: 100%;
        margin-bottom: 30px;
        padding: 10px
    }

    .business-status {
        position: relative;
        display: block;
        top: 1px;
        text-align: center;
        height: 25px;
        font-size: 12px;
        left: -2px;
        line-height: 16px;
        border-radius: 5px
    }

    .one-mobile-business > ul > li {
        display: inline-block;
        width: 58%;
        vertical-align: top
    }

    .tabs-favorites ul li a {
        font-size: 12px
    }

    .one-mobile-business > ul > li:first-child {
        width: 40%
    }

    .list-stats-business ul li {
        display: inline-block;
        margin-right: 15px
    }

    .list-stats-business {
        padding-top: 10px;
        padding-left: 15px
    }

    .list-setting-buttons-business > ul > li {
        display: inline-block;
        margin-top: 10px;
        position: relative
    }

    .list-setting-buttons-business > ul > li:last-child a {
        margin-right: 0
    }

    .list-setting-buttons-business > ul > li > a {
        display: block;
        width: 100px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        margin-right: 10px;
        border-radius: 5px;
        font-size: 12px
    }

    .list-setting-buttons-business > ul > li:first-child a {
        background: #284d5d;
        color: #f0f0f0;
        font-weight: 700
    }

    .wrap-info-business {
        padding-left: 15px;
        width: auto
    }

    .list-setting-buttons-business > ul > li:nth-child(2) > a {
        border: 1px solid #284d5d;
        box-sizing: border-box;
        border-radius: 5px;
        background: #f0f0f0;
        color: #284d5d
    }

    .list-setting-buttons-business > ul > li:nth-child(3) > a {
        color: #284d5d;
        background: #f0f0f0
    }

    .list-mobile-setting-business {
        position: absolute;
        background: #f0f0f0;
        border-radius: 5px;
        padding: 10px;
        width: 150px;
        right: 0;
        margin-top: 2px;
        display: none
    }

    .list-mobile-setting-business ul li a {
        display: block;
        color: #606060;
        font-size: 12px;
        margin-bottom: 5px
    }

    .show-mobile-setting.active + .list-mobile-setting-business {
        display: block
    }

    .list-mobile-setting-business ul li:last-child a {
        margin-bottom: 0
    }

    #removeBusiness .modal-dialog {
        width: 95%;
        height: auto;
        margin: 0 auto
    }

    #removeBusiness .modal-dialog form label:before {
        top: 5px
    }

    #removeBusiness .modal-dialog form input:checked + label:after {
        top: 6px
    }

    .one-article-mobile {
        background: #fff;
        padding: 10px;
        border: 1px solid #284d5d;
        box-sizing: border-box;
        border-radius: 5px
    }

    #soldBusiness .modal-dialog {
        margin: 0 auto
    }

    .one-article-mobile > ul li:first-child {
        width: 36%
    }

    .one-article-mobile .marker-article {
        position: relative;
        top: 1px;
        border-radius: 5px;
        height: 25px;
        font-size: 10px;
        line-height: 12px
    }

    .one-article-mobile > ul li {
        display: inline-block;
        vertical-align: top
    }

    .one-article-mobile > ul li:last-child {
        width: 60%;
        padding-left: 15px
    }

    .list-setting-article-mobile ul li {
        display: inline-block;
        margin-top: 10px
    }

    .list-setting-article-mobile ul li a {
        display: block;
        width: 120px;
        color: #fff;
        font-size: 12px;
        line-height: 25px;
        height: 25px;
        background: #284d5d;
        border-radius: 5px;
        text-align: center;
        margin-right: 10px
    }

    .views-articles {
        display: block;
        text-align: left;
        margin: 10px 0
    }

    .create-date br {
        display: none
    }

    .wrap-no-ads-mobile {
        text-align: center;
        padding-top: 100px
    }

    .wrap-no-ads-mobile h4 {
        color: #606060;
        font-size: 18px;
        margin-bottom: 20px
    }

    .wrap-no-ads-mobile a {
        display: block;
        background: #b70416;
        border-radius: 5px;
        width: 190px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        margin: 0 auto
    }

    .list-favorites-mobile h4 {
        margin-top: 40px
    }

    #wrapper .mobile-add-business {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 26px;
        text-align: center;
        background: #b70416;
        box-sizing: border-box;
        font-weight: 700;
        position: relative;
        border-radius: 0 0 5px 5px
    }

    #wrapper .mobile-add-business:before {
        position: absolute;
        left: 50%;
        top: 60%;
        transform: translate(-50%, -50%);
        content: url(../images/svg/mobile-plus.svg)
    }

    .top-header .col-lg-5 > ul > li, .top-header .col-lg-6 > ul > li {
        vertical-align: middle;
        position: initial
    }

    #wrapper .mobile-add-business span {
        display: none
    }

    .list-mobile-menu-header {
        position: absolute;
        min-height: 100px;
        width: 100%;
        background: #f0f0f0;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        border-radius: 0 0 5px 5px;
        padding: 5px;
        display: none;
        top: 0;
        left: 0;
        z-index: 2
    }

    .link-mobile-header.active + .list-mobile-menu-header {
        display: block;
        padding-top: 50px;
        z-index: 7657
    }

    .btn-show-categories {
        width: 100%
    }

    .home-search .btn-submit-search {
        display: none
    }

    .filters-category-location {
        position: absolute;
        width: 100%;
        min-height: 100px;
        background: #f0f0f0;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        border-radius: 5px;
        left: 0;
        z-index: 87867867;
        margin-top: 10px;
        display: none
    }

    .field-filters-mobile > a.active + .filters-category-location {
        display: block
    }

    .link-mobile-header {
        width: 40px;
        height: 40px;
        background: #f0f0f0;
        border-radius: 0 0 5px 5px;
        border: 2px solid #284d5d
    }

    .link-mobile-header:before {
        position: absolute;
        left: 50%;
        top: 60%;
        transform: translate(-50%, -50%);
        content: url(../images/svg/mobile-menu.svg)
    }

    .link-mobile-header span {
        display: none
    }

    .top-header .col-lg-5 > ul > li a, .top-header .col-lg-6 > ul > li a {
        margin-right: 0;
        z-index: 7676
    }

    .auth-account {
        width: 40px;
        height: 40px;
        position: relative;
        background: #f0f0f0;
        border-radius: 0 0 5px 5px;
        z-index: 7676
    }

    .auth-account span {
        display: none
    }

    .auth-account:before {
        position: absolute;
        top: 0;
        right: 5px;
        content: url(../images/svg/moble-login.svg);
        z-index: 99999999;
        border: 2px solid #284d5d;
        width: 40px;
        height: 40px;
        text-align: center;
        padding-top: 5px;
        border-radius: 0 0 5px 5px
    }

    .auth-account > a:before {
        display: none
    }

    .wrap-list-countries, .wrapper-categories-list {
        width: 100%;
        height: auto
    }

    .wrap-list-type {
        width: 100%
    }

    .list-categories-list > ul > li, .list-countries > ul > li {
        width: 100% !important
    }

    .wrap-search-category input {
        width: 90%
    }

    .list-categories-list > ul > li, .list-countries > ul > li {
        max-width: initial
    }

    .list-categories-list, .list-countries {
        height: auto
    }

    .list-categories-list > ul > li:first-child, .list-categories-list > ul > li:nth-child(2), .list-countries > ul > li:first-child, .list-countries > ul > li:nth-child(2) {
        border: none;
        padding-left: 0;
        margin-top: 12px;
        border-bottom: 1px solid #c4c4c4
    }

    .list-categories-list > ul > li:nth-child(n+3), .list-countries > ul > li:nth-child(n+3) {
        margin-top: 10px
    }

    .list-categories-list > ul > li:nth-child(3), .list-countries > ul > li:nth-child(3) {
        border-left: none;
        padding-left: 0
    }

    .wrap-btn-search-mobile {
        border-top: 1px solid #c4c4c4;
        display: block !important;
        margin-top: -1px
    }

    .btn-search-mobile-category {
        width: 160px;
        height: 40px;
        background: #284d5d;
        border-radius: 5px;
        text-align: center;
        margin: 15px 15px 15px 0;
        color: #f0f0f0;
        font-size: 16px;
        font-weight: 700;
        display: block;
        line-height: 40px;
        float: right
    }

    .list-categories-filter {
        display: block;
        position: initial;
        z-index: 43545;
        box-shadow: none;
        background: 0 0;
        padding: 0;
        white-space: initial
    }

    .content-list {
        width: 49% !important;
        border-bottom: 1px solid #c4c4c4
    }

    .list-categories-filter div:first-of-type {
        padding-left: 10px
    }

    .list-categories-filter ul:first-child {
        width: 100%
    }

    .list-categories-filter div ul {
        max-width: none
    }

    .wrap-content-list {
        width: 100%
    }

    .current-filter-mobile {
        display: none
    }

    .current-filter-mobile.active {
        display: block
    }

    .list-values-filter-mobile > ul > li {
        display: inline-block;
        width: 50%;
        margin-left: -.36em;
        text-align: center;
        height: 40px;
        line-height: 40px
    }

    .list-values-filter-mobile > ul > li > span {
        color: #606060;
        font-weight: 600
    }

    .list-values-filter-mobile > ul > li a {
        display: block;
        position: relative;
        font-weight: 600;
        color: #284d5d
    }

    .list-values-filter-mobile > ul > li a:after {
        position: absolute;
        margin-left: 5px;
        top: 1px;
        content: url(../images/svg/arrow-right-mobile.svg)
    }

    .current-filter-mobile {
        background: #e2e2e2;
        position: relative;
        z-index: 10
    }

    .field-filters-mobile > a {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: #f0f0f0;
        border-radius: 5px;
        position: relative;
        padding-left: 45px;
        color: #606060;
        margin-right: 0
    }

    .field-filters-mobile > a:before {
        position: absolute;
        left: 10px;
        top: 8px;
        content: url(../images/svg/filter.svg)
    }

    .home-search .field-search {
        width: 49%;
        margin-right: 0
    }

    .breadcrumbs-categories ul {
        max-height: 45px;
        overflow-y: auto
    }

    .breadcrumbs-categories ul::-webkit-scrollbar {
        width: 10px;
        background: #f0f0f0;
        border-radius: 5px
    }

    .breadcrumbs-categories ul::-webkit-scrollbar-thumb {
        width: 10px;
        border-radius: 5px;
        background: #c4c4c4
    }

    .form-field-password a:after {
        display: block;
        margin-top: -3px
    }

    .wrap-mobile-img-bussiness img {
        width: 100%
    }

    .auth-account a {
        z-index: 99999999999999999999999999 !important
    }

    #vip-business .col-lg-12, #vip-business .container, .home-search .col-lg-12, .main-header .container {
        padding: 0
    }

    .home-search .field-search input {
        margin-top: 0
    }

    .home-search .field-search:before {
        padding-top: 9px
    }

    .home-search .field-search input {
        width: 100%
    }

    .home-search form > ul > li {
        margin-left: 0
    }

    .list-search {
        z-index: 999999999999999999999;
        width: 290px
    }

    #showMap .modal-dialog {
        width: 96%
    }

    .auth-account {
        border: 2px solid #284d5d
    }

    .link-mobile-header.active:before {
        content: url(../images/svg/mobile-menu-close.svg)
    }

    .list-currencies span, .list-languages span {
        text-transform: none;
        color: #284d5d;
        font-weight: 600
    }

    #successRegistration br {
        display: none
    }

    .list-currencies span p, .list-languages span p {
        text-transform: uppercase;
        display: inline-block
    }

    .sections-header-mobile span {
        display: block;
        text-align: center;
        position: relative;
        color: #606060;
        font-size: 12px;
        font-weight: 700;
        padding-top: 10px
    }

    .sections-header-mobile > ul > li ul {
        display: none;
        background: #e2e2e2;
        padding: 10px
    }

    #wrapper .list-currencies ul {
        position: relative;
        box-shadow: none;
        width: 100%;
        padding: 5px 10px;
        background: #e2e2e2;
        margin-bottom: 10px
    }

    .list-languages ul {
        position: initial;
        box-shadow: none;
        width: 100%;
        padding: 5px 10px;
        background: #e2e2e2
    }

    .list-languages ul li a:after {
        display: none
    }

    .sections-header-mobile > ul > li a.active + ul {
        display: block
    }

    .sections-header-mobile span:before {
        position: absolute;
        top: 0;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #c4c4c4;
        transform: translate(-50%, 0);
        left: 50%
    }

    #wrapper .top-header .sections-header-mobile a {
        display: block;
        color: #284d5d;
        text-align: left
    }

    .list-currencies > a > span, .list-languages > a > span {
        float: right
    }

    .list-currencies a:after, .list-languages a:after {
        content: url(../images/svg/arrow-right-mobile.svg);
        right: 5px;
        top: 1px
    }

    .top-header .list-mobile-menu-header .list-currencies a, .top-header .list-mobile-menu-header .list-languages a {
        color: #606060;
        text-align: left;
        padding-right: 15px;
        margin-right: 0
    }

    .list-currencies, .list-languages {
        position: relative
    }

    .list-currencies ul, .list-languages ul {
        right: 0
    }

    .content-news > ul > li:first-child {
        width: 100%;
        padding-top: 20px
    }

    .content-news {
        padding: 30px 15px
    }

    .content-news > ul > li:last-child {
        width: 100%;
        margin: 10px 0
    }

    .list-banners {
        display: none
    }

    .other-news ul li:last-child {
        display: none
    }

    .other-news ul li {
        width: 45%
    }

    .list-info-news > ul:last-child {
        float: none
    }

    .other-news ul li:nth-child(2n) {
        margin-right: 0
    }

    .other-news img {
        display: block;
        width: 100%
    }

    .list-categories-filter div.content-list:after {
        right: -5px
    }

    .home-search .list-categories-filter li {
        width: 100%
    }

    .content-list:nth-child(2) {
        padding-left: 10px
    }

    .list-categories-filter div:first-of-type {
        padding-left: 0
    }

    .list-categories-services ul li {
        width: 100%
    }

    .list-categories-services h1:after, .list-categories-services ul li a:after {
        display: none
    }

    .list-categories-services ul li a {
        font-size: 12px;
        width: auto
    }

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

    #oneNews .list-banners {
        display: none
    }

    #wrapper .home-search .wrap-btn-search-mobile {
        width: 100% !important
    }

    .header-mobile-list.active:after {
        transform: rotate(180deg)
    }
}

@media only screen and (min-width: 481px) and (max-width: 520px) {
    .logo img {
        margin-top: -4% !important
    }

    .field-registration-data > span {
        display: block
    }

    .field-registration-data p {
        padding-left: 0
    }

    .field-add-business, .wrap-field-business {
        width: 100% !important
    }

    .wrap-list-services .list-params-services li span {
        float: none
    }
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
    .content-list {
        width: 43% !important
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .content-profile .col-lg-10 {
        padding: 0 15px
    }

    .list-customer-services > ul > li, .list-subscribes > ul > li, .wrap-payment-tariff {
        position: relative
    }

    #subscribeProfessional .list-subscribes .list-period {
        margin-bottom: 0
    }

    .counter-services p {
        text-align: center;
        order: 2
    }

    .wrap-page-professional > ul > li > ul > li:nth-child(2) {
        width: 30%
    }

    .counter-services {
        width: 100%
    }

    .wrap-counter-service {
        position: relative;
        left: initial;
        right: initial;
        text-align: center;
        display: block;
        order: 1;
        margin-bottom: 30px
    }

    .counter-services {
        display: flex;
        flex-direction: column;
        height: auto;
        padding: 5px 20px 25px
    }

    #successRegistration br {
        display: none
    }

    .list-categories-faq {
        width: 100%
    }

    #wrapper .list-categories-faq ul li {
        margin-right: 5px;
        width: 33%
    }

    #wrapper .list-categories-faq ul li a img {
        width: 100%
    }

    #wrapper .list-categories-faq ul li:nth-child(3n) {
        margin-right: 0
    }

    .one-current-business > ul > li:first-child {
        width: auto
    }

    #wrapper.list-services-page .info-business {
        width: 100% !important
    }

    .wrap-list-services .one-current-business > ul > li:first-child {
        width: 40%
    }

    .wrap-list-services .list-params-services li {
        width: 100%
    }

    .list-currencies {
        padding-left: 0
    }

    .auth-account {
        padding-left: 0
    }

    .wrap-mobile-img-bussiness img {
        width: 100%
    }

    .articles-page .news-img img {
        width: 100%;
        max-width: max-content
    }

    .list-stats-business.mobile-none {
        display: block !important
    }

    .list-setting-buttons-business.mobile-none {
        display: block !important;
        padding-left: 15px
    }

    .list-info-news > ul > li, .list-info-news > ul > li > a {
        font-size: 9px
    }

    #oneNews .list-banners {
        display: none
    }

    .selected-categories li {
        white-space: pre-line
    }

    .list-field-price li:last-child {
        display: block !important
    }

    #step1Business .list-categories-list .design-thumb.mobile-list:nth-child(n+3), #step1Business .list-countries .design-thumb.mobile-list:last-child {
        display: block !important
    }

    #step1Business input[name=submit_preload], #wrapper .create-account-article input[name=submit_preload] {
        width: 245px
    }

    #step1Business .btn-coordinate {
        display: block;
        left: 0;
        top: 5px
    }

    .append-block h4 {
        font-size: 16px
    }

    .wrap-list-images ul li {
        display: initial;
        float: left
    }

    .wrap-list-images {
        width: 100%
    }

    .selected-categories li a {
        width: auto
    }

    .field-registration-data, .wrap-label {
        max-width: 90%;
        margin: 0 auto 15px;
        clear: both
    }

    .field-add-email a {
        float: none
    }

    .field-registration-data > ul > li:nth-child(n+2) span b.remove-email:before, .field-registration-data > ul > li:nth-child(n+2) span b.remove-phone:before {
        margin-left: -25px
    }

    .field-registration-data > ul > li:nth-child(n+2) span b.remove-email {
        left: 0
    }

    #wrapper .registration-data, .rows-business, .width-account-wrap {
        width: 100% !important;
        margin-top: 50px
    }

    .list-categories-services ul li a {
        width: auto
    }

    .wrap-settings-profile > ul > li {
        width: 49%
    }

    .field-registration-data > ul > li > span {
        width: 170px;
        padding-left: 0;
        float: right;
        padding-bottom: 10px
    }

    .field-registration-data > span {
        padding-right: 5px
    }

    .field-registration-data ul {
        padding-bottom: 10px
    }

    .wrap-label {
        clear: both;
        padding-top: 25px
    }

    .field-registration-list-email span {
        padding-right: 0
    }

    .field-registration-list-email ul li a:before {
        left: initial;
        margin-left: -25px
    }

    .paginate {
        margin-top: 20px
    }

    .footer-dialog ul li:first-child {
        position: relative;
        left: 0;
        top: 0
    }

    .footer-dialog ul li:first-child a {
        font-size: 0
    }

    .footer-dialog {
        float: none
    }

    .owl-carousel.owl-loaded {
        padding: 0
    }

    #listOtherBusinessAccount .row {
        margin: 0 15px
    }

    .one-article-mobile {
        background: #fff;
        padding: 10px;
        border: 1px solid #284d5d;
        box-sizing: border-box;
        border-radius: 5px
    }

    .one-article-mobile > ul li:first-child {
        width: 36%
    }

    .one-article-mobile > ul li:last-child {
        width: 60%;
        padding-left: 15px
    }

    .one-article-mobile > ul li {
        display: inline-block;
        vertical-align: top
    }

    .views-articles {
        display: block;
        text-align: left;
        margin: 10px 0
    }

    .list-setting-article-mobile ul li a {
        display: block;
        width: 120px;
        color: #fff;
        font-size: 12px;
        line-height: 25px;
        height: 25px;
        background: #284d5d;
        border-radius: 5px;
        text-align: center;
        margin-right: 10px;
        margin-top: 5px
    }

    .wrap-list-other-business-account {
        width: 100%
    }

    .wrap-list-other-business-account {
        width: 100%
    }

    .left-content-business, .wrap-page-business {
        width: 100% !important;
        display: block
    }

    .left-content-business:before {
        display: none
    }

    .right-content-business {
        width: 100% !important;
        margin: 50px auto 0;
        padding-left: 0;
        border-top: 1px solid #ccc;
        padding-top: 20px;
        display: block
    }

    .field-registration-data ul {
        float: right;
        text-align: right
    }

    .list-categories-filter div.content-list:after {
        right: -5px;
        top: 3px
    }

    .list-categories-filter div ul {
        margin-bottom: 15px !important
    }

    .wrap-content-list {
        padding: 10px 0 0 0
    }

    .list-categories-filter div ul {
        height: 185px
    }

    .registration-data .list-data > li:first-child:after {
        display: none;
        padding-right: 0
    }

    .list-data > li:first-child {
        padding-right: 0;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px
    }

    #step1Business form > ul > li > span, .wrap-append-block > ul > li > span {
        padding-bottom: 10px
    }

    .description-business a, .description-business p {
        font-size: 12px;
        font-family: Literata
    }

    .show-mobile-filters-category {
        display: block
    }

    .wrap-step2 {
        width: 100%
    }

    .list-payments-business > ul > li {
        max-width: 440px;
        width: 100%;
        margin: 0 auto 30px;
        display: block
    }

    .list-payments-business > ul > li label {
        position: absolute
    }

    .list-payments-business > ul > li input:checked + label:after {
        left: 2px;
        top: 2px
    }

    .list-payments-business > ul > li > span {
        padding-top: 0;
        text-align: left;
        padding-left: 50px
    }

    .btn-info-payment {
        bottom: initial;
        top: 15px
    }

    .list-payments-business > ul > li:last-child {
        margin-right: auto
    }

    .list-period {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        margin: 0
    }

    .list-period > ul > li {
        width: 33%
    }

    .list-period > ul > li > a {
        width: 100%
    }

    .price-payment {
        text-align: right;
        width: auto
    }

    #step2business .caption-placement {
        padding-top: 30px;
        padding-bottom: 0
    }

    .discount-percent {
        left: 0;
        top: 45px;
        right: initial
    }

    .list-payments-business > ul > li:first-child {
        padding-bottom: 0
    }

    #step2business .col-lg-12 {
        padding: 0 15px
    }

    .list-other-services {
        width: 100%
    }

    .list-other-services .list-buttons-create-article ul li:first-child input {
        width: 200px;
        height: auto;
        white-space: pre-wrap;
        line-height: initial;
        padding: 5px 0
    }

    .list-buttons-create-article ul li:last-child a {
        width: 200px;
        height: auto;
        line-height: initial;
        padding: 5px 0
    }

    .list-buttons-create-article ul {
        text-align: center
    }

    .one-mobile-business {
        background: #fff;
        border: 1px solid #284d5d;
        box-sizing: border-box;
        border-radius: 5px;
        width: 100%;
        margin-bottom: 30px;
        padding: 10px
    }

    .business-status {
        position: relative;
        display: block;
        top: 1px;
        text-align: center;
        height: 25px;
        font-size: 12px;
        left: -2px;
        line-height: 16px;
        border-radius: 5px
    }

    .one-mobile-business > ul > li {
        display: inline-block;
        width: 59%;
        vertical-align: top
    }

    .one-mobile-business > ul > li:first-child {
        width: 40%
    }

    .content-dialog {
        width: 100%
    }

    #contacts .col-lg-4:first-child {
        padding-left: 15px
    }

    #contacts .col-lg-4 {
        margin-bottom: 15px
    }

    #contacts .col-lg-4:last-child {
        padding-right: 15px
    }

    #wrapper .owl-carousel .owl-item img {
        height: 100%;
        width: 100%
    }

    .list-business-page-mobile .img-link {
        display: block;
        height: auto;
        margin-bottom: 15px !important
    }

    #category .col-lg-9 {
        padding-right: 15px
    }

    #wrapper .rows-business {
        width: 100%
    }

    .caption-container-profile h3, .caption-container-profile p {
        text-align: center
    }

    .article-content .wrap-list-images {
        width: 52%
    }

    #wrapper .photos-style {
        display: inline-block !important;
        vertical-align: middle !important;
        width: 100px
    }

    .wrap-list-languages-field {
        width: 100%
    }

    #wrapper .create-account-article {
        width: 100%
    }

    #wrapper .wrap-list-messages-mobile {
        display: none !important
    }

    .wrap-list-messages {
        display: block !important
    }

    .wrap-list-messages-mobile h5 {
        padding-top: 10px
    }

    .list-info-footer img {
        display: block;
        margin: 30px auto 15px
    }

    .content-news > ul > li:last-child {
        width: 100%;
        margin: 10px 0
    }

    .content-news h1 {
        margin-top: 15px
    }

    .content-news > ul > li:last-child img {
        width: 100%
    }

    .list-banners {
        display: none
    }

    .list-customer-services > ul > li a, .list-subscribes > ul > li a {
        width: 100%
    }

    .list-customer-services, .list-subscribes, .wrap-payment-tariff {
        width: 100%;
        padding: 0 15px
    }

    .list-subscribes {
        text-align: center
    }

    .list-subscribes > ul > li ul li {
        text-align: left
    }

    .list-customer-services > ul > li, .list-subscribes > ul > li, .wrap-payment-tariff {
        width: 100%;
        margin-bottom: 40px;
        margin-right: 15px
    }

    #wrapper .list-payment-tariff > ul {
        text-align: center
    }

    #wrapper .list-payment-tariff > ul > li {
        margin-right: 20px;
        width: 30%;
        padding: 20px 0
    }

    .list-payment-tariff > ul > li a {
        font-size: 13px
    }

    #wrapper .list-payment-tariff > ul > li:last-child {
        margin-right: 0
    }

    .list-customer-services > ul > li > span, .list-subscribes > ul > li > span {
        font-size: 24px
    }

    .wrap-page-professional {
        width: 100%
    }

    .wrap-page-professional > ul > li > ul > li {
        width: 30%;
        margin-right: 15px
    }

    .wrap-page-professional p {
        font-size: 10px;
        padding-left: 10px
    }

    #text404 h1 {
        text-align: center;
        font-size: 20px
    }

    #text404 p {
        font-size: 16px;
        text-align: center
    }

    .list-pluses li {
        font-size: 10px
    }

    .wrap-page-professional > ul > li > ul > li:last-child img {
        width: 85%
    }

    .wrap-page-professional > ul > li > ul > li:last-child {
        width: 25%
    }

    .wrap-no-active-package {
        margin-top: 0
    }

    .wrap-no-active-package p, .wrap-no-active-package span {
        font-size: 14px
    }

    .wrap-settings-profile > ul > li {
        vertical-align: bottom
    }

    .wrap-settings-profile > ul > li:first-child {
        position: relative
    }

    #wrapper .registration-data, .rows-business, .width-account-wrap .wrap-settings-profile > ul > li:first-child:after {
        top: -45px
    }

    .home-search {
        margin-top: -1px
    }

    .header-links {
        display: none
    }

    .align-right h1, .align-right h2 {
        text-align: right
    }

    .field-create-article > span {
        display: block;
        padding-bottom: 7px
    }

    .wrap-one-business {
        width: 230px;
        text-align: center
    }

    header {
        height: 132px
    }

    .wrap-business-image {
        height: auto;
        margin: 0 auto
    }

    .mobile-none {
        display: none
    }

    .home-search .field-filters-mobile {
        display: inline-block !important
    }

    #profileAccount .list-favorites-mobile {
        margin-bottom: 25px
    }

    .message-style {
        width: 100%
    }

    .wrap-list-payments-mobile div {
        position: relative;
        border-bottom: 1px solid #c4c4c4;
        padding-bottom: 15px;
        padding-left: 25px
    }

    .wrap-list-payments-mobile div a {
        display: block;
        font-weight: 600;
        color: #284d5d
    }

    .wrap-list-payments-mobile div span {
        display: block;
        font-size: 12px;
        font-weight: 600;
        padding-top: 5px;
        width: 70%
    }

    .wrap-list-payments-mobile ul li {
        display: inline-block;
        color: #606060;
        font-size: 10px;
        margin-right: 15px
    }

    .wrap-list-payments-mobile div p {
        position: absolute;
        right: 10px;
        top: 0;
        font-size: 18px;
        color: #284d5d;
        font-weight: 700
    }

    .img-favorites .img-link {
        display: block;
        height: auto;
        width: auto !important
    }

    .favorite-price {
        font-size: 18px
    }

    .footer-dialog ul li:nth-child(2) textarea {
        width: 100%
    }

    .footer-dialog ul li:nth-child(2) {
        width: 53%
    }

    .one-article-list {
        width: 265px;
        height: auto
    }

    .one-article-list ul li:first-child {
        display: block
    }

    .one-article-list ul li:last-child {
        width: 175px
    }

    .filter-messages > ul > li {
        width: 50%
    }

    .filter-messages > ul > li:last-child {
        width: 40%;
        text-align: right
    }

    .wrap-active-package li a, .wrap-active-package > a {
        width: 150px
    }

    .wrap-active-package p span {
        font-size: 16px
    }

    .wrap-page-business {
        width: 100%
    }

    .registration-data .list-data > li {
        width: 100%
    }

    .field-registration-data p {
        width: auto;
        float: right
    }

    .field-registration-data-password p {
        padding-right: 40px
    }

    .field-registration-data img {
        text-align: left;
        margin: 15px 0
    }

    .field-registration-data input {
        width: 100%
    }

    #news .list-subcategories a {
        font-size: 16px;
        height: 100px;
        line-height: 16px;
        padding-top: 40px
    }

    .field-registration-data textarea, .field-registration-data-list > a {
        width: 100%
    }

    .field-registration-data > span {
        display: inline-block;
        text-align: left;
        width: auto
    }

    .left-content-business {
        width: 490px
    }

    .price-content-business {
        width: 40%;
        margin: 0 auto
    }

    .main-content-business {
        padding: 10px
    }

    .list-images-business ul li {
        width: 150px
    }

    .right-content-business {
        width: 225px
    }

    .registration-data, .rows-business, .width-account-wrap {
        width: 660px
    }

    .wrap-list-favorites, .wrap-list-messages {
        width: 100%
    }

    .img-link img {
        width: auto
    }

    .footer-dialog {
        margin-right: 20px
    }

    .links-profile {
        display: none
    }

    .field-import input[name=link] {
        width: 440px
    }

    .caption-container-profile {
        padding: 10px
    }

    .top-header:after {
        width: 55%;
        display: none
    }

    .list-countries-popular {
        width: 420px;
        margin: 0 auto
    }

    .show-more-countries {
        width: 420px
    }

    .btn-show-categories {
        margin-bottom: 50px
    }

    .main-header {
        position: relative
    }

    .main-header:after {
        position: absolute;
        height: 1px;
        width: 70%;
        background-color: #fff;
        content: "";
        left: 50%;
        transform: translate(-50%, 0);
        display: none
    }

    .logo img {
        height: 100px;
        margin-top: -15%
    }

    #wrapper .mobile-add-business {
        display: block;
        width: 160px;
        height: 30px;
        line-height: 26px;
        text-align: center;
        background: #b70416;
        border: 2px solid #1b3d58;
        box-sizing: border-box;
        border-radius: 5px;
        font-weight: 700
    }

    .ipad-element {
        display: block
    }

    .field-payment span {
        width: 160px
    }

    #step1Business form {
        width: 100%
    }

    .field-add-business, .wrap-field-business {
        width: 490px
    }

    .list-payment-countries {
        right: 98px
    }

    .wrap-form-payment input[type=submit] {
        margin-right: 98px
    }

    .account-list {
        right: 0
    }

    #wrapper .list-ipad-links {
        display: none !important
    }

    #wrapper .other-link-mobile-header {
        display: none !important
    }

    .list-stats-business ul li {
        display: inline-block;
        margin-right: 15px
    }

    .list-stats-business {
        padding-top: 10px;
        padding-left: 15px
    }

    .list-setting-buttons-business > ul > li {
        display: inline-block;
        margin-top: 10px;
        position: relative
    }

    .list-setting-buttons-business > ul > li:last-child a {
        margin-right: 0
    }

    .list-setting-buttons-business > ul > li > a {
        display: block;
        width: 100px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        margin-right: 10px;
        border-radius: 5px;
        font-size: 12px
    }

    .list-setting-buttons-business > ul > li:first-child a {
        background: #284d5d;
        color: #f0f0f0;
        font-weight: 700
    }

    .list-setting-buttons-business > ul > li:first-child a {
        background: #284d5d;
        color: #f0f0f0;
        font-weight: 700
    }

    .wrap-info-business {
        padding-left: 15px;
        width: auto
    }

    .list-setting-buttons-business > ul > li:nth-child(2) > a {
        border: 1px solid #284d5d;
        box-sizing: border-box;
        border-radius: 5px;
        background: #f0f0f0;
        color: #284d5d
    }

    .list-setting-buttons-business > ul > li:nth-child(3) > a {
        color: #284d5d;
        background: #f0f0f0
    }

    .list-mobile-setting-business {
        position: absolute;
        background: #f0f0f0;
        border-radius: 5px;
        padding: 10px;
        width: 150px;
        right: 0;
        margin-top: 2px;
        display: none
    }

    .list-mobile-setting-business ul li a {
        display: block;
        color: #606060;
        font-size: 12px;
        margin-bottom: 5px
    }

    .show-mobile-setting.active + .list-mobile-setting-business {
        display: block
    }

    .list-mobile-setting-business ul li:last-child a {
        margin-bottom: 0
    }

    #wrapper .link-mobile-header {
        font-size: 12px;
        color: #f0f0f0;
        line-height: 30px;
        position: relative;
        width: max-content;
        margin-right: 35px !important
    }

    .list-mobile-menu-header {
        position: absolute;
        min-height: 100px;
        width: 200px;
        background: #f0f0f0;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        border-radius: 0 0 5px 5px;
        z-index: 7676;
        padding: 5px;
        display: none;
        right: 0
    }

    .link-mobile-header.active + .list-mobile-menu-header {
        display: block
    }

    .field-filters-mobile {
        width: 33%;
        margin-right: 7px
    }

    .field-filters-mobile > a {
        width: 100% !important
    }

    #menus {
        display: none
    }

    .home-search .field-category {
        display: none
    }

    .field-filters-mobile > a {
        display: block;
        width: 180px;
        height: 40px;
        line-height: 40px;
        background: #f0f0f0;
        border-radius: 5px;
        position: relative;
        padding-left: 45px;
        color: #606060;
        margin-right: 10px
    }

    .field-filters-mobile > a:before {
        position: absolute;
        left: 10px;
        top: 8px;
        content: url(../images/svg/filter.svg)
    }

    .home-search .field-search {
        width: 43%
    }

    .main-header .h1-top {
        font-size: 17px;
        text-align: right
    }

    .main-header .h2-top {
        text-align: right
    }

    .home-search form > ul > li {
        margin-left: 0
    }

    .home-search form ul {
        margin: 0 auto
    }

    .filters-category-location {
        position: absolute;
        width: 100%;
        min-height: 100px;
        background: #f0f0f0;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        border-radius: 5px;
        left: 0;
        z-index: 87867867;
        margin-top: 10px;
        display: none
    }

    .field-filters-mobile > a.active + .filters-category-location {
        display: block
    }

    .field-filters-mobile > a.active:after {
        transform: rotate(180deg);
        top: 2px
    }

    .close-search {
        top: 11px
    }

    .home-search .field-search:before {
        top: -5px
    }

    .field-filters-mobile > a:after {
        position: absolute;
        right: 10px;
        content: url(../images/svg/arrow-bottom-big-mobile.svg)
    }

    .home-search .field-country {
        display: none
    }

    .list-currencies span, .list-languages span {
        text-transform: none;
        color: #284d5d;
        font-weight: 600
    }

    .list-currencies span p, .list-languages span p {
        text-transform: uppercase;
        display: inline-block
    }

    .sections-header-mobile span {
        display: block;
        text-align: center;
        position: relative;
        color: #606060;
        font-size: 12px;
        font-weight: 700;
        padding-top: 10px
    }

    .sections-header-mobile > ul > li ul {
        display: none;
        background: #e2e2e2;
        padding: 10px
    }

    #wrapper .list-currencies ul {
        position: relative;
        box-shadow: none;
        width: 100%;
        padding: 5px 10px;
        background: #e2e2e2;
        margin-bottom: 10px
    }

    .list-languages ul {
        position: initial;
        box-shadow: none;
        width: 100%;
        padding: 5px 10px;
        background: #e2e2e2
    }

    .list-languages ul li a:after {
        display: none
    }

    .sections-header-mobile > ul > li a.active + ul {
        display: block
    }

    .cookie-use {
        width: 100%;
        height: auto
    }

    .sections-header-mobile span:before {
        position: absolute;
        top: 0;
        content: "";
        width: 100%;
        height: 1px;
        background-color: #c4c4c4;
        transform: translate(-50%, 0);
        left: 50%
    }

    #wrapper .top-header .sections-header-mobile a {
        display: block;
        color: #284d5d;
        text-align: left
    }

    .list-currencies > a > span, .list-languages > a > span {
        float: right
    }

    .list-currencies a:after, .list-languages a:after {
        content: url(../images/svg/arrow-right-mobile.svg);
        right: 5px;
        top: 1px
    }

    .top-header .list-mobile-menu-header .list-currencies a, .top-header .list-mobile-menu-header .list-languages a {
        color: #606060;
        text-align: left;
        padding-right: 15px;
        margin-right: 0
    }

    .list-currencies, .list-languages {
        position: relative
    }

    .list-currencies ul, .list-languages ul {
        right: 0
    }

    .link-mobile-header:after {
        position: absolute;
        right: -15px;
        content: url(../images/svg/arrow-bottom.svg)
    }

    .top-header .col-lg-5 {
        padding-left: 25px
    }

    .main-header h1 {
        font-size: 26px;
        margin-top: 15px
    }

    .main-header h2 {
        line-height: 16px
    }

    .btn-add-business {
        width: 130px;
        height: auto;
        line-height: 18px;
        padding: 7px 0;
        margin-top: 15px
    }

    #menus ul li a {
        font-size: 14px
    }

    #menus ul {
        width: 100%
    }

    .home-search .field-search input {
        width: 97%;
        margin-top: 0
    }

    .field-category > a, .field-country > a {
        width: 200px
    }

    .btn-submit-search {
        width: 20%
    }

    .btn-submit-search > a {
        width: 100%;
        margin-top: 1px
    }

    #categoriesCountries h4 {
        font-size: 18px
    }

    .list-info-footer li {
        display: block;
        width: 100%;
        margin-top: 0
    }

    .list-info-footer li:last-child {
        width: 100%
    }

    .list-categories-footer h5 {
        font-size: 12px
    }

    #footer {
        height: auto;
        padding-bottom: 10px
    }

    .list-categories-footer li a {
        font-size: 12px
    }

    .text-subscribe {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .ipad-none {
        display: none
    }

    .list-favorites-mobile > div {
        width: 100%;
        border: 2px solid #284d5d;
        box-sizing: border-box;
        border-radius: 5px;
        margin-top: 20px;
        background-color: #fff;
        padding: 15px;
        position: relative
    }

    .list-favorites-mobile .img-link {
        width: 100%;
        overflow: hidden;
        border-radius: 5px;
        margin: 0 auto;
        text-align: center
    }

    .list-categories-business {
        margin-bottom: 30px
    }

    .desktop-none {
        display: block !important
    }

    .wrap-list-countries, .wrapper-categories-list {
        width: 425px;
        height: auto
    }

    .list-categories-list, .list-countries {
        height: auto
    }

    .wrap-no-ads-mobile {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: max-content;
        text-align: center;
        padding-top: 170px
    }

    .wrap-no-ads-mobile a {
        margin: 20px auto
    }

    .list-categories-list > ul > li:first-child, .list-categories-list > ul > li:nth-child(2), .list-countries > ul > li:first-child, .list-countries > ul > li:nth-child(2) {
        border: none;
        padding-left: 0;
        margin-top: 12px;
        border-bottom: 1px solid #c4c4c4
    }

    .list-categories-list > ul > li:nth-child(n+3), .list-countries > ul > li:nth-child(n+3) {
        margin-top: 10px
    }

    .list-categories-list > ul > li:nth-child(3), .list-countries > ul > li:nth-child(3) {
        border-left: none;
        padding-left: 0
    }

    .list-favorites-mobile > div > ul > li {
        display: inline-block;
        vertical-align: top;
        width: 39%
    }

    .list-favorites-mobile > div > ul > li:first-child {
        width: 60%;
        padding-right: 15px;
        border-right: 1px solid #ccc
    }

    .list-favorites-mobile .remove-favorite {
        top: 15px;
        right: 0;
        padding-right: 40px;
        width: 100%;
        text-align: right
    }

    .list-favorites-mobile .remove-favorite:after {
        right: 10px
    }

    .list-favorites-mobile .favorite-description {
        color: #606060;
        font-weight: 400
    }

    .list-values-filter-mobile > ul > li {
        display: inline-block;
        width: 50%;
        margin-left: -.36em;
        text-align: center;
        height: 40px;
        line-height: 40px
    }

    .list-values-filter-mobile > ul > li > span {
        color: #606060;
        font-weight: 600
    }

    .list-values-filter-mobile > ul > li a {
        display: block;
        position: relative;
        font-weight: 600;
        color: #284d5d
    }

    .list-values-filter-mobile > ul > li a:after {
        position: absolute;
        margin-left: 5px;
        top: 1px;
        content: url(../images/svg/arrow-right-mobile.svg)
    }

    .current-filter-mobile {
        background: #e2e2e2;
        position: relative;
        z-index: 10
    }

    .list-categories-filter {
        display: block;
        position: initial;
        z-index: 43545;
        box-shadow: none;
        background: 0 0;
        padding: 0;
        white-space: initial
    }

    .content-list {
        width: 49% !important
    }

    .bottom-banner {
        width: 100%
    }

    .location-filter > div:after {
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        right: -5px;
        top: 0;
        border-right: 1px solid #c4c4c4
    }

    #wrapper .show-filters-category {
        display: none
    }

    .list-categories-filter ul:first-child {
        width: 100%;
        padding-left: 10px
    }

    .list-categories-filter div:first-of-type {
        margin-left: 0;
        vertical-align: initial
    }

    .list-categories-filter div {
        padding-top: 5px
    }

    .list-categories-filter div ul {
        max-width: none
    }

    .wrap-content-list {
        width: 100%
    }

    .btn-search-mobile-category {
        width: 160px;
        height: 40px;
        background: #284d5d;
        border-radius: 5px;
        text-align: center;
        margin: 15px 15px 15px 0;
        color: #f0f0f0;
        font-size: 16px;
        font-weight: 700;
        display: block;
        line-height: 40px;
        float: right
    }

    .left-filter-category {
        display: none
    }

    .left-filter-category.active {
        display: block
    }

    #category .left-filter-category {
        margin-top: 20px
    }

    .one-filter-price {
        clear: both;
        padding: 0
    }

    .one-filter {
        clear: both
    }

    .some-filter {
        display: none
    }

    .one-filter-price .some-filter {
        padding-bottom: 10px
    }

    .one-filter-price > a:after, .one-filter > a:after {
        transform: rotate(270deg)
    }

    .one-filter-price > a, .one-filter > a {
        height: 50px;
        line-height: 50px;
        margin-bottom: 0
    }

    .one-filter {
        margin-top: 0;
        padding-bottom: 0
    }

    #category .wrap-btn-search {
        border: none
    }

    .one-filter input[name=search] {
        width: 70%;
        margin-right: 10px
    }

    .wrap-btn-search-category {
        float: none;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -2px
    }

    .no-active:after {
        display: block
    }

    #category .col-lg-3 {
        padding-left: 15px
    }

    .one-filter-price > a.active:after, .one-filter > a.active:after {
        transform: rotate(90deg)
    }

    .some-filter {
        display: none;
        padding-bottom: 5px
    }

    .wrap-btn-search-mobile {
        border-top: 1px solid #c4c4c4;
        display: block !important;
        margin-top: -4px
    }

    .current-filter-mobile {
        display: none
    }

    .current-filter-mobile.active {
        display: block
    }

    .list-values-filter-mobile > ul > li > a.active:after {
        transform: rotate(180deg);
        top: 3px
    }

    .home-search .list-categories-filter li {
        width: 100%
    }

    .wrap-list-categories {
        padding-left: 0
    }

    .list-business-page-mobile > div {
        border: none;
        background: #f0f0f0
    }

    .wrap-page-business {
        width: 100%
    }

    .left-content-business {
        width: 69%
    }

    .list-info-page-business > ul {
        margin-bottom: 25px;
        clear: both
    }

    .right-content-business {
        width: 28%
    }

    .info-account-business > li a {
        width: 100%;
        height: auto
    }

    .info-account-business > ul > li {
        margin-right: -2px
    }

    .info-account-business > ul > li > a {
        width: 56px;
        margin-bottom: 5px
    }

    .info-account-business > li {
        width: 45%;
        margin: 0 auto
    }

    .info-account-business > ul > li a {
        margin: 0 auto 5px
    }

    .info-account-business > li a {
        font-size: 11px
    }

    .main-content-business h1 {
        font-size: 22px
    }

    .caption-business h4 {
        font-size: 16px
    }

    #oneBusiness .col-lg-12 {
        padding: 0 15px
    }

    .registration-data {
        width: 100%;
        padding: 0 20px
    }

    .auth-mobile-icon:before {
        display: none
    }

    #category > .container > form > .row {
        flex-direction: column
    }

    .list-more-information-business {
        padding-top: 50px
    }

    .news-description {
        width: 50% !important
    }

    .articles-page .news-img {
        width: 34%
    }

    .news-description p {
        font-size: 14px;
        line-height: 26px
    }

    .list-favorites-mobile.list-business-page-mobile.desktop-none.mobile-block {
        order: 4
    }

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

    .logo {
        display: block;
        margin-left: 0
    }

    .wrap-one-news {
        padding-right: 0
    }

    .business-top-subscribe img {
        width: 40%
    }

    .header-mobile-list:after {
        content: url(../images/svg/arrow-right-mobile.svg);
        right: 5px;
        top: 1px;
        position: absolute
    }

    .header-mobile-list.active:after {
        transform: rotate(180deg)
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .one-news .news-description {
        width: 165px
    }

    .two-b2b {
        padding-left: 0
    }

    .list-b2b p br {
        display: none
    }

    #wrapper .first-type-b2b ul li {
        padding-left: 0;
        margin-left: -25px
    }

    .last-b2b {
        padding-left: 50px
    }

    .list-b2b p {
        font-size: 14px
    }

    .list-b2b .col-lg-6 {
        padding-left: 20px
    }

    .other-news ul li {
        margin-right: 15px
    }

    .content-news h1 {
        font-size: 16px;
        line-height: 21px
    }

    .list-share ul li {
        font-size: 14px
    }

    .breadcrumbs-categories ul {
        max-height: initial
    }

    .categories-news li a {
        font-size: 13px
    }

    #news .list-subcategories a {
        font-size: 20px
    }

    .header-dialog > ul > li {
        width: 80%
    }

    .header-dialog > ul > li:last-child {
        width: 19%
    }

    .message-style {
        width: 100%
    }

    .logo {
        display: block;
        margin-left: 0
    }

    .articles-page .one-news .news-description {
        width: 50%
    }

    .one-news .news-description p {
        max-height: 89px;
        overflow: hidden
    }

    .list-params-services li {
        width: auto
    }

    .list-categories-services ul {
        display: flex;
        column-count: 4
    }

    .list-categories-services ul li a {
        width: 100%;
        font-size: 14px
    }

    .filter-messages > ul > li:first-child {
        width: 60%
    }

    .field-registration-data p {
        width: auto
    }

    .list-banners li {
        width: initial;
        overflow: initial
    }

    .wrap-settings-profile > ul > li {
        width: 49%
    }

    .field-add-business, .wrap-field-business {
        width: 55%
    }

    .list-field-price input[type=number] {
        width: 80px
    }

    .list-field-price .wrap-btn-list {
        width: 90px
    }

    .list-field-price li:last-child {
        margin-left: 10px
    }

    .header-links {
        display: none
    }

    .publication-info p {
        font-size: 10px
    }

    .one-current-business > ul > li:first-child {
        width: 40%;
        margin-right: 15px
    }

    .list-business li {
        width: 100%
    }

    .wrap-business-img {
        height: 150px
    }

    .one-filter-price ul li {
        width: 75px;
        margin-right: 5px
    }

    .one-current-business > ul > li:nth-child(2) {
        width: 55%;
        margin-right: 0
    }

    .description-business a, .description-business p {
        padding-top: 0
    }

    .one-current-business > ul > li:nth-child(2):after {
        display: none
    }

    .one-current-business > ul > li:nth-child(3) {
        width: 100%;
        padding-top: 15px
    }

    .list-parameters p {
        margin-bottom: 10px;
        font-size: 14px
    }

    .list-parameters {
        border-top: 1px solid #ccc;
        padding-top: 10px
    }

    #category .price-filter {
        font-size: 14px
    }

    .list-parameters p {
        font-weight: 600
    }

    .one-current-business > ul > li:nth-child(3) .list-parameters li {
        display: inline-block;
        margin: 0 15px;
        vertical-align: top
    }

    .one-current-business .list-parameters {
        text-align: left
    }

    .list-info-footer li {
        width: 100%;
        display: block;
        margin-top: 0
    }

    .list-info-footer li:last-child {
        width: 100%
    }

    .text-subscribe {
        padding-top: 15px
    }

    .info-business .price-business {
        font-size: 14px
    }

    .info-business > a {
        font-size: 14px;
        width: 90%
    }

    .link-mobile-header, .link-mobile-header:active, .link-mobile-header:focus, .link-mobile-header:hover {
        display: block !important;
        font-size: 12px;
        color: #f0f0f0;
        line-height: 30px;
        z-index: 887878;
        position: relative
    }

    .list-params-services li span {
        float: none
    }

    .list-ipad-links {
        position: absolute;
        background: #f0f0f0;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        border-radius: 5px;
        padding: 12px 0;
        z-index: 4545;
        width: 190px;
        display: none
    }

    .list-ipad-links > li a {
        padding-left: 10px
    }

    .list-ipad-links li ul {
        display: none;
        background: #e2e2e2;
        padding: 10px 10px 10px 0
    }

    .list-ipad-links li ul li:last-child a {
        margin-bottom: 0 !important
    }

    .list-ipad-links-other-list.active + ul {
        display: block
    }

    .link-mobile-header.active + .list-ipad-links {
        display: block !important
    }

    .account-list {
        right: 0
    }

    .description-business a:after {
        top: 0
    }

    .link-mobile-header.active:after {
        transform: rotate(180deg);
        top: 3px;
        position: relative
    }

    #wrapper .list-ipad-links li {
        display: block
    }

    #wrapper .list-ipad-links li a {
        display: block;
        margin-right: 0;
        font-size: 12px;
        line-height: 18px;
        color: #284d5d;
        margin-bottom: 12px
    }

    .link-mobile-header:after {
        display: inline-block;
        margin-left: 3px;
        content: url(../images/svg/arrow-bottom.svg)
    }

    .top-header .col-lg-5 {
        padding-left: 0
    }

    .wrap-list-create-article, .wrap-list-images, .wrap-list-languages-field {
        width: 67%
    }

    .wrap-list-create-article > a {
        width: 100%;
        margin-bottom: 15px
    }

    .list-favorites > div {
        width: 100%
    }

    .list-favorites > div > ul > li:first-child {
        width: 25%
    }

    .list-favorites > div > ul > li:last-child:before {
        top: 10%
    }

    .wrap-page-business {
        width: 100%
    }

    .left-content-business {
        width: 100%
    }

    .right-content-business {
        width: 100%;
        display: block;
        margin: 0 auto;
        border-top: 1px solid #ccc
    }

    .right-content-business .price-content-business {
        width: 45%;
        margin: 0 auto
    }

    .info-account-business {
        width: 45%;
        margin: 0 auto
    }

    .left-content-business:before {
        display: none
    }

    .info-account-business > li a {
        width: 100%
    }

    .info-account-business > ul > li {
        margin-right: -2px
    }

    .main-content-business h1 {
        font-size: 24px
    }

    .price-content-business {
        font-size: 24px
    }

    .price-content-business {
        width: 100%
    }

    .caption-business h4 {
        margin-bottom: 10px
    }

    .description-business a, .description-business p {
        margin-bottom: 10px;
        font-size: 12px
    }

    .news-img {
        width: 45%;
        height: auto
    }

    .news-img img {
        width: 100%
    }

    #accountProfile .container {
        max-width: 880px;
        min-width: 750px;
        width: 100%
    }

    .content-profile .col-lg-10 {
        margin: 0 15px
    }

    #categoriesCountries h4 {
        font-size: 18px
    }

    .main-header .h1-top {
        font-size: 22px
    }

    .logo img {
        margin-top: -35px;
        margin-left: -35px
    }

    .top-header:after {
        width: 60%
    }

    #menus ul li a {
        font-size: 14px
    }

    .home-search .field-search input {
        width: 250px;
        font-size: 12px
    }

    .home-search .field-search input::placeholder {
        font-size: 12px
    }

    .field-category > a, .field-country > a {
        width: 175px;
        font-size: 12px
    }

    .btn-submit-search a {
        width: 100px;
        font-size: 12px
    }

    .registration-data, .rows-business, .width-account-wrap, .wrap-list-favorites {
        width: 100%;
        padding-left: 60px
    }

    .registration-data .list-data > li {
        width: 50%
    }

    .list-data > li:first-child {
        padding-right: 20px
    }

    .field-registration-data input {
        width: 165px
    }

    .field-registration-data > span {
        width: 115px;
        padding-right: 5px;
        font-size: 12px
    }

    .content-news > ul > li:first-child {
        width: 39%
    }

    .content-news > ul > li:last-child {
        width: 53%;
        margin-left: 0;
        float: right
    }

    .wrap-one-news {
        padding-right: 0
    }

    .content-news > ul > li:last-child img {
        width: 100%
    }

    .footer-dialog ul li:nth-child(2) textarea {
        width: 100%
    }

    .footer-dialog {
        width: 100%;
        float: none;
        text-align: right;
        padding-right: 20px
    }

    .footer-dialog ul li:first-child {
        width: 150px
    }

    .footer-dialog ul li:nth-child(2) {
        width: 54%
    }

    .business-top-subscribe img {
        width: 40%
    }

    #wrapper .list-b2b ul li {
        padding-left: 5px
    }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .one-current-business > ul > li:nth-child(3) {
        padding-left: 10px
    }
}

@media only screen and (min-width: 993px) and (max-width: 1368px) {
    .btn-add-business {
        float: right
    }

    .list-categories-services ul li a {
        width: auto
    }

    .list-info-footer li {
        vertical-align: top
    }

    .list-info-footer li {
        font-size: 11px;
        line-height: 17px
    }

    .field-search {
        width: 33%;
        margin-right: 10px
    }

    .field-category, .field-country {
        width: 23%;
        margin-right: 10px
    }

    .field-category > a, .field-country > a {
        width: 100%
    }

    .home-search .field-search input {
        width: 100%
    }

    .list-info-footer li a > img {
        width: 100%
    }

    .news-img {
        width: 45%
    }

    .articles-page .news-img {
        width: 45% !important
    }

    .news-img img {
        width: 100%
    }

    .news-description {
        width: 49%
    }

    .articles-page .news-description {
        width: 49% !important
    }

    .one-current-business > ul > li:first-child {
        width: 29%
    }

    .one-current-business > ul > li:nth-child(2) {
        width: 195px
    }

    .top-header .col-lg-5 {
        padding-left: 20px
    }

    .content-news > ul > li:first-child {
        width: 225px
    }

    .content-news h1 {
        font-size: 16px;
        line-height: 21px
    }

    .articles-page .news-img img {
        width: auto !important
    }

    .wrap-header-list-categories {
        transform: translate(-170px, 0)
    }

    .content-news > ul > li:last-child {
        width: 54%
    }

    .content-news > ul > li:last-child img {
        width: 100%
    }

    .last-b2b p br {
        display: none
    }

    #wrapper .list-b2b ul li {
        padding-left: 20px
    }

    #wrapper .first-type-b2b ul li {
        padding-left: 5px
    }

    .two-b2b {
        padding-left: 30px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1368px) {
    .one-current-business > ul > li:first-child {
        width: 300px
    }

    .one-current-business > ul > li:nth-child(2) {
        width: 250px
    }

    #wrapper .list-b2b ul li {
        padding-left: 65px
    }

    .field-search {
        width: 35.7%;
        margin-right: 10px
    }

    .home-search form > ul > li {
        margin-left: 0
    }

    .content-news > ul > li:first-child {
        width: 39%
    }
}

.dropdown, .dropend, .dropstart, .dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: .125rem
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #1e2125;
    background-color: #e9ecef
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1rem;
    color: #212529
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 280px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.tooltip-inner {
    padding: 3px 8px;
    font-weight: 400;
    color: #606060;
    font-size: 10px;
    line-height: 22px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    text-align: left
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #fff
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #fff
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #fff
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #fff
}

div#wrapper {
    display: flex;
    flex-direction: column;
    margin: 0;
    height: 100vh
}

#footer {
    background: #284d5d;
    padding-bottom: 10px;
    margin-top: auto
}

header {
    height: 110px
}

.logo {
    margin-left: -20px
}

.logo img {
    margin-top: -25px
}

.main-header .h1-top {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 20px;
    color: #f0f0f0;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center
}

.h1-top img {
    padding-left: 5px;
    padding-right: 5px
}

.main-header .btn-add-business {
    margin-top: 20px
}

.list-categories-footer > li > span {
    font-size: 14px;
    font-weight: 700
}

.list-categories-footer li a {
    font-size: 12px
}

.list-categories-footer li a:hover {
    font-weight: bold;
}

.list-categories-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.list-categories-footer > li {
    width: auto;
    vertical-align: baseline
}

.copywriter {
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    margin-top: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative
}

.copywriter:before {
    position: absolute;
    height: 1px;
    width: 80%;
    background-color: #fff;
    content: '';
    top: 0;
    left: 50%;
    transform: translate(-50%, 0)
}

.footer-desc {
    background: #f0f0f0;
    padding-top: 20px;
    padding-bottom: 50px
}

.site-description {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 980px
}

.site-description .footer-logo {
    margin-right: 40px
}

.description-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.description-text {
    color: #284d5d;
    font-size: 12px;
    line-height: 16px
}

.footer-logo img {
    max-width: 104px;
    max-height: 90px
}

.social-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 29px
}

.social-links .text-subscribe {
    color: #284d5d;
    line-height: 14px;
    margin-bottom: 7px;
    font-weight: 700
}

.social-links .list-social li a {
    border-color: #284d5d
}

.mobile-btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
}

.mobile-btn > li:not(:last-child) {
    margin-right: 15px
}

.mobile-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    max-height: 40px;
    transition: all .2s ease
}

.mobile-add-btn {
    background-color: #b70416;
    padding: 8px 11px;
    color: #f0f0f0;
    border-radius: 5px
}

.mobile-add-btn img, .mobile-menu-btn img, .mobile-profile-btn img {
    max-width: 16px;
    margin-right: 9px
}

.mobile-menu-btn, .mobile-profile-btn {
    padding: 8px 11px;
    color: #284d5d;
    border-radius: 5px;
    background-color: #f0f0f0
}

.mobile-menu-btn img + img, .mobile-profile-btn img + img {
    display: none
}

.mobile-menu-btn.open img, .mobile-profile-btn.open img {
    display: none
}

.mobile-menu-btn.open img + img, .mobile-profile-btn.open img + img {
    display: inline-block
}

.mobile-profile-btn .mobile-profile-img-box {
    position: relative
}

.mobile-profile-btn.no-auth .mobile-profile-img-box:after {
    content: '';
    position: absolute;
    right: 10px;
    bottom: 0;
    background-image: url(/images/new-icons/secure.png);
    width: 11px;
    height: 11px
}

.row.flex {
    display: flex;
    justify-content: center;
    align-items: center
}

.account-list-mobile, .list-mobile-menu-header {
    position: fixed;
    max-width: 320px;
    width: 320px;
    background: #f0f0f0;
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    padding: 15px;
    top: 110px;
    bottom: 0;
    right: -350px;
    transform: translateX(110%);
    z-index: 11;
    transition: all .2s ease;
    display: block;
    left: auto;
    overflow-y: scroll
}

.account-list-mobile.active, .list-mobile-menu-header.active {
    right: 0;
    transform: translateX(0)
}

.list-mobile-menu-header .h1-top {
    color: #284d5d;
    font-size: 20px
}

.sections-header-mobile ul li a {
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    position: relative;
    display: block
}

.sections-header-mobile ul li {
    margin-bottom: 10px
}

.fixed {
    position: fixed;
    top: 0
}

.menu-overlay {
    position: absolute;
    display: none;
    z-index: 1;
    top: 110px;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .4);
    transition: all .2s ease
}

.menu-overlay.open {
    display: block
}

.overflow {
    overflow: hidden
}

.sections-header-mobile {
    border-top: 1px solid #d3d3d3;
    padding-top: 10px;
    margin-top: 20px
}

.sections-header-mobile span {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    color: #606060;
    font-weight: 600;
    margin-bottom: 10px
}

.account-list-mobile > li {
    margin-bottom: 20px
}

.account-list-mobile > li > a {
    color: #284d5d;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    justify-content: start;
    align-items: center;
    position: relative
}

.account-list-mobile > li > a > img {
    margin-right: 16px
}

#menus ul li a.active:before, #menus ul li a:hover:before {
    bottom: 0;
    border-radius: 2px 2px 0 0;
    width: 100%
}

.home-search {
    background: inherit;
    margin-top: 30px
}

.search__block {
    display: flex;
    align-items: center
}

.search__box {
    border-right: 1px solid #c4c4c4;
    position: relative
}

.search__box > span {
    position: absolute;
    right: 20px;
    top: 14px;
    display: none;
    transition: all .2s ease;
    cursor: pointer
}

.search__box.has-text > span {
    display: block
}

.search__box input {
    width: 100%;
    height: 50px;
    background: #f0f0f0;
    border-radius: 5px 0 0 5px;
    border: none;
    padding-left: 55px;
    color: #606060;
    position: relative
}

.search__box input::placeholder {
    color: #c4c4c4
}

.search__box input:focus {
    outline: 0
}

.search__box::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(/images/new-icons/search.png);
    left: 17px;
    top: 14px
}

.search__button a {
    display: block;
    background: #284d5d;
    border-radius: 0 5px 5px 0;
    padding: 12px 0;
    height: 50px;
    font-size: 18px;
    color: #f0f0f0;
    vertical-align: middle;
    font-weight: 700
}

.dropdown-box {
    position: relative;
    background: #f0f0f0;
    height: 50px;
    cursor: pointer
}

.dropdown-box .dropdown__value {
    padding: 14px;
    color: #606060;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    clear: both;
    text-overflow: ellipsis
}

.dropdown-box .dropdown__value::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 8px;
    background: url(/images/new-icons/arrow.png);
    transition: all .2s ease;
    right: 21px;
    top: 22px
}

.search__dropdown.open .dropdown__value::after {
    transform: rotateZ(180deg)
}

.dropdown-box .dropdown__list {
    display: none;
    position: absolute;
    top: calc(100% + 3px);
    background: #f0f0f0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    transition: all .2s ease;
    z-index: 2;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px
}

.search__dropdown.open .dropdown__list {
    display: block
}

.dropdown-box .dropdown__list ul li a {
    color: #606060;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 12px;
    display: block;
    width: 100%
}

.dropdown-box .dropdown__list ul li a:hover {
    color: #284d5d
}

.search__button a span + span {
    display: none
}

.search__box {
    width: 67%
}

.search__dropdown {
    width: 20%
}

.search__button {
    width: 13%;
    text-align: center
}

.search__button:hover {
    opacity: .9;
}

.categories-of-ads, .map {
    margin-top: 30px
}

.categories-of-ads h4, .map h4 {
    display: block;
    text-align: center;
    font-size: 22px;
    line-height: 25px;
    color: #284d5d
}

#vip-business .home-h2, .categories-of-ads h4, .main-header .btn-add-business, .main-header .h1-top, .map h4, .popular-categories h4, .popular-locations h4, .top-header .col-lg-5 > ul > li a, .top-header .col-lg-6 > ul > li a {
    font-weight: 700
}

.categories-of-ads .list-categories {
    display: flex;
    flex-wrap: wrap;
    margin-right: -40px;
    margin-top: 30px
}

.categories-of-ads .list-categories li {
    flex-grow: 0;
    flex-shrink: 0;
    width: 33.3%
}

.categories-of-ads .list-categories li a {
    display: flex;
    align-items: center;
    background: #f0f0f0;
    border-radius: 5px;
    color: #284d5d;
    font-size: 14px;
    line-height: 16px;
    margin-right: 40px;
    margin-bottom: 15px;
    height: 50px;
    padding-left: 10px;
    border: 1px solid transparent
}

.categories-of-ads .list-categories li a:nth-child(3n) {
    margin-right: 0
}

.categories-of-ads .list-categories li a img {
    max-width: 30px;
    margin-right: 8px
}

.categories-of-ads .list-categories li a span {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding-left: 8px;
    font-weight: 500
}

.categories-of-ads .list-categories li a:hover {
    color: #f0f0f0;
    border: 1px solid #284d5d
}

.categories-of-ads .list-categories li a:hover span {
    background: #284d5d
}

.svg-map {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 50px
}

#map path {
    cursor: pointer;
    fill: #284d5d;
    fill-opacity: .2
}

.map-tooltip {
    background: #fff;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
    border-radius: 2px;
    padding: 6px 8px;
    min-width: 165px;
    position: fixed;
    overflow: hidden;
    display: none
}

.map-tooltip .map-tooltip-content p {
    font-size: 10px;
    line-height: 12px;
    color: #284d5d;
    margin-bottom: 5px;
    font-weight: 600
}

.map-tooltip .map-tooltip-content .text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.map-tooltip .map-tooltip-content .text .tooltip-country-name {
    display: flex;
    align-items: center
}

.map-tooltip .map-tooltip-content .text .tooltip-country-name span {
    font-size: 12px;
    line-height: 14px;
    color: #284d5d
}

.map-tooltip .map-tooltip-content .text .tooltip-country-name img {
    margin-right: 5px;
    max-width: 10px;
    border-radius: 50%
}

.map-tooltip .map-tooltip-content .text .tooltip-country-ads-count {
    font-size: 12px;
    line-height: 14px;
    color: #284d5d;
    font-weight: 700
}

#vip-business .home-h2 {
    font-size: 22px;
    line-height: 26px;
    color: #284d5d
}

.auth-account > a:before {
    content: url(/images/new-icons/profile-white.png)
}

.popular-categories h4 {
    display: block;
    text-align: center;
    font-size: 22px;
    line-height: 26px;
    color: #284d5d
}

.popular-cat-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px
}

.popular-cat-box .popular-cat-item {
    flex-shrink: 0;
    flex-grow: 0;
    width: calc(50% - 30px);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    background: #f0f0f0;
    margin-right: 30px;
    margin-bottom: 30px;
    border-radius: 5px
}

.popular-cat-box .popular-cat-item:nth-child(3), .popular-cat-box .popular-cat-item:nth-child(4), .popular-cat-box .popular-cat-item:nth-child(7), .popular-cat-box .popular-cat-item:nth-child(8) {
    flex-direction: row-reverse;
    justify-content: space-between
}

.popular-cat-box .popular-cat-item .popular-cat-image {
    margin-right: 15px;
    width: 50%;
    height: 100%;
    background-size: cover;
    max-width: 270px;
    border-radius: 5px 0 0 5px;
    min-height: 200px;
    background-position: center center
}

.popular-cat-box .popular-cat-item:nth-child(3) .popular-cat-image, .popular-cat-box .popular-cat-item:nth-child(4) .popular-cat-image, .popular-cat-box .popular-cat-item:nth-child(7) .popular-cat-image, .popular-cat-box .popular-cat-item:nth-child(8) .popular-cat-image {
    margin-right: 0;
    margin-left: 15px;
    border-radius: 0 5px 5px 0
}

.popular-cat-box .popular-cat-item .popular-cat-sub {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.popular-cat-box .popular-cat-item:nth-child(3) .popular-cat-sub, .popular-cat-box .popular-cat-item:nth-child(4) .popular-cat-sub, .popular-cat-box .popular-cat-item:nth-child(7) .popular-cat-sub, .popular-cat-box .popular-cat-item:nth-child(8) .popular-cat-sub {
    padding-left: 15px
}

.popular-cat-box .popular-cat-item .popular-cat-sub .popular-list > span {
    color: #606060;
    font-size: 14px;
    line-height: 16px;
    display: block;
    margin-bottom: 8px;
    font-weight: 600
}

.popular-cat-box .popular-cat-item .popular-cat-sub .popular-list > ul > li > a {
    font-size: 12px;
    line-height: 14px;
    color: #284d5d;
    margin-bottom: 10px;
    display: block
}

.popular-cat-box .popular-cat-item .popular-cat-sub .popular-list > ul > li > a:hover {
    font-weight: bold;
}

.popular-cat-box .popular-cat-item .popular-cat-sub a.popular-more {
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    font-weight: 600
}

.popular-locations {
    margin-top: 30px;
    margin-bottom: 30px
}

.popular-locations h4 {
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    color: #284d5d;
    display: block
}

.popular-locations .popular-location-box {
    display: flex;
    flex-direction: column;
    margin-top: 15px
}

.popular-locations .popular-location-box .popular-location-item {
    position: relative;
    width: 100%;
    display: flex;
    align-items: self-start;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px
}

.popular-locations .popular-location-box .popular-location-item:before {
    content: '';
    border: 1px solid #c4c4c4;
    position: absolute;
    bottom: 0;
    width: 90%;
    left: 5%
}

.popular-locations .popular-location-box .popular-location-item ul.popular-locations-list {
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
    display: none;
    transition: all .2ms ease;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 15px
}

.popular-locations .popular-location-box .popular-location-item ul.popular-locations-list li > a {
    font-size: 12px;
    line-height: 14px;
    color: #284d5d
}

.popular-locations .popular-location-box .popular-location-item ul.popular-locations-list li > a:hover {
    font-weight: bold;
}

.popular-locations .popular-location-box .popular-location-item ul.popular-locations-list li {
    margin-bottom: 8px
}

.popular-locations .popular-location-box .popular-location-item.active ul.popular-locations-list {
    display: block
}

.social-links .list-social li a:hover {
    color:white;
    background: #284d5d;
}

.social-links .list-social li a:hover svg {
    fill: white;
    stroke: white;
}

.popular-location-item .popular-location-collapse {
    font-size: 16px;
    line-height: 19px;
    color: #606060;
    position: relative;
    min-height: 40px;
    font-weight: 600
}

.popular-location-item {
    margin-bottom: 6px
}

.popular-location-item .popular-location-collapse::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 8px;
    background: url(/images/new-icons/arrow.png);
    transition: all .2s ease;
    top: 8px;
    right: -25px
}

.popular-location-item.active .popular-location-collapse::after {
    transform: rotateZ(180deg)
}

.search-list {
    position: absolute;
    width: 100%;
    background: #f0f0f0;
    top: calc(100% + 3px);
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    border-radius: 5px;
    z-index: 2;
    padding: 9px 11px;
    display: none
}

.search-list .search-group {
    margin-bottom: 11px
}

.search-list .search-group .search-title {
    font-size: 12px;
    line-height: 14px;
    color: #c4c4c4;
    margin-bottom: 10px
}

.search-list .search-group .search-content ul > li > a {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #284d5d
}

.search-list .search-group .search-content ul > li {
    margin-bottom: 11px
}

.search-list .search-group .search-content ul > li > a span.search-del {
    color: #c4c4c4
}

#authRegistration {
    height: auto;
    min-height: auto
}

#authRegistration .wrap-registration {
    padding: 0;
    background: 0 0
}

.wrap-registration .tabs {
    border-bottom: none
}

.wrap-registration .tabs ul li:first-child a:after {
    display: none
}

.wrap-registration .tabs ul li a {
    padding: 8px 10px;
    display: block;
    text-align: center;
    color: #284d5d;
    font-size: 20px;
    line-height: 23px;
    position: relative;
    margin-bottom: 0;
    font-weight: 600
}

.error-field-auth:after {
    top: 28px
}

.success-field-auth:after {
    top: 25px
}

.form-control-fields {
    margin: 0;
    background: #f0f0f0;
    padding: 30px
}

.wrap-registration .tabs ul {
    width: 100%;
    display: flex;
    flex-direction: row
}

.wrap-registration .tabs ul li {
    width: 50%
}

.wrap-registration .tabs ul li a.active {
    background: #f0f0f0;
    color: #606060
}

.wrap-registration .tabs ul li a.signin.active {
    border-radius: 5px 0 0 0
}

.wrap-registration .tabs ul li a.signup.active {
    border-radius: 0 5px 0 0
}

.wrap-registration .form-control-fields {
    text-align: inherit
}

.wrap-registration .form-field label {
    display: block;
    font-size: 16px;
    line-height: 19px;
    color: #606060;
    margin-bottom: 3px
}

.wrap-registration .form-control-fields input {
    display: block;
    appearance: none;
    width: 100%;
    float: none
}

.wrap-registration .wrap-password {
    width: 100%;
    display: block
}

.wrap-registration .form-field .list-remember {
    width: 100%;
    display: block;
    padding-left: 35px;
    padding-top: 0;
    margin-top: -10px;
    float: none
}

.wrap-registration .g-recaptcha {
    float: none
}

.wrap-registration .form-field input[type=submit] {
    margin-left: 0;
    width: 130px;
    margin-top: 0
}

.wrap-registration .form-field input[type=submit]:hover {
    opacity: .9;
}

.wrap-registration .form-control-fields a.list-field, .wrap-registration .form-control-fields input, .wrap-registration .form-field p {
    float: none
}

.wrap-registration .form-field p {
    width: 100%;
    font-size: 10px;
    line-height: 12px;
    color: #606060
}

.wrap-registration .form-field p a {
    color: #284d5d
}

.wrap-registration .agree-field label {
    float: none;
    width: 100%;
    font-size: 10px;
    line-height: 12px;
    color: #606060;
    vertical-align: middle
}

.wrap-registration .agree-field label:before {
    top: 2px
}

.wrap-registration .form-field input[type=submit].signup-btn {
    width: 225px
}

.wrap-registration .list-remember label {
    font-size: 12px;
    line-height: 14px;
    color: #606060
}

.wrap-registration .form-field .list-remember {
    margin-left: 0
}

.wrap-registration .form-control-fields .form-field {
    margin-bottom: 20px
}

.agree-field input:checked + label:after {
    top: 1px
}

#step1Business {
    min-height: auto
}

#step1Business form > ul > li:nth-child(3) {
    position: relative;
    border-bottom: none;
    padding-bottom: 35px
}

#step1Business form > ul > li:nth-child(3):after {
    bottom: -10px;
    width: 70%;
    left: 50%;
    transform: translate(-50%, 0);
    content: '';
    height: 1px;
    background-color: #c4c4c4;
    display: block;
    position: absolute
}

.wrap-append-block {
    padding-top: 35px
}

.add-success-block {
    margin-top: 30px;
    margin-bottom: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.add-success-block h1 {
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    color: #284d5d;
    max-width: 685px;
    font-weight: 700
}

.add-success-content {
    max-width: 832px;
    margin-top: 20px
}

.add-success-content p {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #606060;
    margin-bottom: 20px
}

.add-success-content p span.upper {
    text-transform: uppercase;
    color: #284d5d
}

.add-success-action a {
    display: flex;
    background: #284d5d;
    border-radius: 5px;
    height: 50px;
    color: #f0f0f0;
    width: 255px;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

.menu-list {
    position: absolute;
    width: 100%;
    height: auto;
    background: #f0f0f0;
    left: 0;
    right: 0;
    top: 48px;
    z-index: 9999999;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    padding: 30px;
    transition: all .2s ease;
    visibility: hidden
}

#menu ul li.has-list:hover a:before {
    bottom: 0;
    border-radius: 2px 2px 0 0;
    width: 125%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    content: '';
    border-bottom: 5px solid #284d5d
}

#menus ul li.has-list:hover .menu-list {
    visibility: visible
}

#menus .menu-list .freelance-for-offers .offer-link a:hover:before, #menus .services-box .services-link:hover:before {
    border: none
}

.personnel-and-freelance-box {
    display: flex;
    align-items: center;
    justify-content: center
}

.freelance-left, .freelance-right {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 425px
}

.freelance-for-offers {
    max-width: 342px
}

.freelance-left {
    border-right: 1px solid #c4c4c4;
    padding-right: 120px
}

.freelance-right {
    padding-left: 120px
}

.offers-title {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    margin-bottom: 20px
}

.offers-title a {
    font-size: 14px;
    line-height: 16px;
    color: #284d5d
}

.offers-title img {
    margin-right: 20px
}

.offer-text {
    font-size: 14px;
    line-height: 16px;
    color: #606060;
    margin-bottom: 20px
}

#menus .menu-list .freelance-for-offers .offer-link a {
    background: #284d5d;
    border-radius: 5px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #f0f0f0;
    max-width: 220px;
    max-height: 35px;
    padding: 7px
}

#menus .menu-list .freelance-for-offers .offer-link a:hover {
    opacity:.9;
}

.companies-box {
    display: flex;
    justify-content: center;
    align-items: center
}

.list-site-services {
    display: flex;
    justify-content: center;
    align-items: center
}

.services-box {
    column-gap: 60px;
    display: grid;
    grid-template-columns:repeat(3, 1fr)
}

.list-images-business li a img {
    object-fit: cover;
    object-position: bottom
}

#menus .services-box .services-link {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    font-weight: 400
}

.services-link img {
    margin-right: 16px
}

.ui-datepicker {
    display: none;
    z-index: 5 !important
}

div#ui-datepicker-div {
    background: #fff;
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    border-radius: 5px;
    padding: 25px
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    width: 1.8em;
    height: 1.8em;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-next {
    right: 20px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-widget-header .ui-icon {
    background-image: url(/images/new-icons/chevron-left.png)
}

.ui-datepicker .ui-datepicker-next span {
    transform: rotateY(180deg)
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker-month {
    font-size: 16px;
    line-height: 24px;
    color: #606060
}

.ui-datepicker-calendar {
    margin-top: 15px
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    border: 0;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #606060
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-widget-content a {
    color: #606060
}

.ui-datepicker td a, .ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
    font-size: 14px
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    color: #c4c4c4
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #21404e;
    border: 2px solid #21404e;
    box-sizing: border-box;
    border-radius: 50%;
    color: #f0f0f0;
    text-align: center;
    width: 32px;
    height: 32px
}

.date-input-group {
    position: relative
}

.list-field-price li div.date-input-group label.shevron::before {
    display: none
}

.list-field-price li div.date-input-group label.shevron {
    position: absolute;
    right: 10px;
    padding: 0;
    left: auto;
    top: 12px;
    background-image: url(/images/svg/arrow-bottom-gray.svg);
    width: 18px;
    height: 8px;
    transition: all .2s ease
}

div.date-input-group input.datepicker:focus + label {
    transform: rotateZ(180deg)
}

input.datepicker {
    max-width: 130px
}

label.custom-file-upload {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #f0f0f0;
    background: #284d5d;
    border-radius: 5px;
    padding: 5px 30px;
    margin-right: 15px
}

span.filename {
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #284d5d;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis
}

a.lending_link {
    display: flex;
    font-size: 12px;
    line-height: 14px;
    align-items: center;
    color: #284d5d;
    font-weight: 400
}

a.lending_link > img {
    margin-right: 5px
}

a.open_describe {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #284d5d;
    font-weight: 400;
    margin-top: 5px
}

.modal.fade.describe-modal .modal-dialog {
    transform: none
}

.modal.fade.describe-modal .modal-dialog {
    background: #f0f0f0;
    padding: 20px;
    border-radius: 5px;
    top: 50%;
    transform: translate(0, -50%)
}

.describe-title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 21px;
    color: #284d5d;
    margin-bottom: 15px;
    font-weight: 700
}

.describe, .describe > p, .wrap-modal-message > .describe-content > .describe > p {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #606060;
    margin-bottom: 20px;
    padding-bottom: 0;
    width: 100%;
    text-align: left
}

.describe-link img {
    width: 100%
}

a.describe-close {
    display: block;
    position: absolute;
    right: 0;
    top: -30px
}

.arrow-link {
    display: block;
    position: relative;
    padding-right: 10px;
    color: #284d5d;
    font-size: 14px;
    line-height: 16px
}

.arrow-link.left-arrow:before, .arrow-link.right-arrow:after {
    content: "";
    position: absolute;
    border-top: 2px solid #284d5d;
    border-right: 2px solid #284d5d;
    width: 8px;
    height: 8px;
    top: 6px
}

.arrow-link.right-arrow:after {
    transform: rotate(45deg)
}

.arrow-link.left-arrow:before {
    transform: rotate(-140deg)
}

.bbsBtn {
    background: #284d5d;
    border-radius: 5px;
    border: none;
    padding: 8px 15px;
    color: #f0f0f0;
    font-size: 14px;
    line-height: 16px;
    display: block;
    text-align: center
}

.bbsBtn:hover {
    opacity:.9;
}

.bbsBtn:disabled {
    background: #c4c4c4
}

.company-is-public > a {
    min-width: 200px;
    display: inline-block
}

.company-is-public > a[disabled] {
    background: #c4c4c4
}

.companies-cats {
    margin-top: 30px;
    margin-bottom: 30px
}

.companies-cats strong, .companies-gallery strong {
    display: block;
    text-align: center;
    font-size: 22px;
    line-height: 26px;
    color: #284d5d
}

.categories-box {
    margin-top: 25px;
    display: grid;
    grid-template-columns:auto auto auto auto;
    flex-wrap: wrap;
    gap: 13px
}

.categories-box .company-cat-item {
    background: #f0f0f0;
    border-radius: 5px;
    height: 60px;
    position: relative;
    border: 1px solid transparent
}

.company-cat-title-box {
    display: flex;
    align-items: center
}

.company-cat-title-box .company-cat-title {
    color: #284d5d;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 58px;
    padding-left: 9px;
    width: 100%
}

.company-cat-title-box .company-cat-title > a {
    max-width: 180px;
    font-weight: 500
}

.categories-box .company-cat-item > ul {
    position: absolute;
    background: #f0f0f0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px;
    width: 100%;
    padding: 14px;
    top: calc(100% + 1px);
    display: none;
    z-index: 3
}

.categories-box .company-cat-item > ul > li > a {
    font-size: 10px;
    line-height: 12px;
    color: #606060;
    display: block
}

.categories-box .company-cat-item > ul > li:not(:last-child) > a {
    margin-bottom: 10px
}

.categories-box .company-cat-item > ul > li > a:hover {
    color: #284d5d
}

.categories-box .company-cat-item > ul > li > a.company-sub-title {
    color: #284d5d
}

.company-cat-title-box > div.company-cat-img {
    padding-left: 13px;
    padding-right: 13px
}

.company-cat-title-box .company-cat-arrow {
    padding-right: 10px
}

.company-cat-title-box .company-cat-arrow > img + img {
    display: none
}

.company-cat-item.active {
    border: 1px solid #284d5d
}

.company-cat-item.active .company-cat-title-box .company-cat-title {
    background: #284d5d
}

.company-cat-item.active .company-cat-title-box .company-cat-title > a {
    color: #f0f0f0
}

.company-cat-title-box .company-cat-title > a {
    color: #284d5d
}

.company-cat-item.active .company-cat-title-box .company-cat-arrow > img {
    display: none
}

.company-cat-item.active .company-cat-title-box .company-cat-arrow > img + img {
    display: block
}

section.companies-gallery {
    margin-bottom: 30px
}

.companies-gallery .companies-logo {
    margin-top: 30px;
    display: grid;
    grid-template-columns:repeat(6, 1fr);
    column-gap: 70px;
    align-items: center;
    justify-items: center;
    row-gap: 30px
}

.companies-gallery .company-logo a {
    display: block
}

.companies-gallery .companies-logo .company-logo {
    align-self: center;
    margin-right: 0
}

.companies-gallery .companies-logo .company-logo.not {
    display: none
}

.companies-gallery .companies-logo .company-logo.not.active {
    display: block
}

.companies-gallery-more {
    display: flex;
    justify-content: center;
    align-items: center
}

.companies-gallery-more > a {
    font-size: 16px;
    line-height: 19px;
    text-decoration-line: underline;
    color: #284d5d;
    margin-top: 20px
}

.companies-gallery-more > a > span + span {
    display: none
}

.companies-gallery-more > a.active > span {
    display: none
}

.companies-gallery-more > a.active > span + span {
    display: block
}

section.companies-info {
    padding: 40px 30px;
    background: #f0f0f0;
    background-repeat: no-repeat;
    background-position: right;
    background: linear-gradient(115deg, #f0f0f0 45.44%, rgba(240, 240, 240, 0) 53.45%), linear-gradient(290deg, #f0f0f0 9.15%, rgba(240, 240, 240, 0) 15.76%), url(/images/new-icons/company/companies-splash.png);
    background-size: cover
}

.companies-info-box .companies-info-block {
    display: flex;
    align-items: center
}

.companies-info-box .companies-info-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: self-start
}

.companies-info-box .companies-info-block .companies-info-text {
    font-size: 16px;
    line-height: 21px;
    color: #606060;
    max-width: 537px
}

.companies-info-box .companies-info-block .companies-info-action {
    margin-top: 30px
}

.companies-info-box .companies-info-block .companies-info-action > a {
    background: #284d5d;
    border-radius: 5px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #f0f0f0;
    padding: 8px 40px
}

.seo-box {
    margin-top: 30px;
    margin-bottom: 30px
}

.seo-box h1 {
    font-size: 18px;
    line-height: 21px;
    color: #606060;
    display: block;
    margin-bottom: 10px
}

.seo-box p {
    font-size: 12px;
    line-height: 18px;
    color: #606060;
    max-height: 65px;
    overflow: hidden
}

.seo-box p.active {
    max-height: 100%
}

.seo-box a.seo-more {
    margin-top: 30px;
    color: #284d5d;
    display: block
}

.seo-box a.seo-more > span + span {
    display: none
}

.seo-box a.seo-more.active > span {
    display: none
}

.seo-box a.seo-more.active > span + span {
    display: block
}

.candidate {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 15px
}

.candidate .arrow-link {
    text-decoration-line: underline;
    font-weight: 700
}

.banners {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 80px
}

.banners .left-banner, .banners .right-banner {
    width: 100%;
    display: flex
}

.banners .banner-content {
    max-width: 530px;
    width: 100%;
    padding: 22px 0 22px 31px;
    background: #f0f0f0;
    background: linear-gradient(274.46deg, #f0f0f0 4.48%, rgba(255, 255, 255, 0) 11.26%), linear-gradient(96.63deg, #f0f0f0 56.31%, rgba(255, 255, 255, 0) 76.57%);
    border-radius: 5px;
    background-size: contain
}

.banners .left-banner .banner-content {
    background: linear-gradient(274.46deg, #f0f0f0 4.48%, rgba(255, 255, 255, 0) 11.26%), linear-gradient(96.63deg, #f0f0f0 56.31%, rgba(255, 255, 255, 0) 76.57%), url(/images/new-icons/employer/escalator.png);
    background-position: right
}

.banners .right-banner .banner-content {
    background: linear-gradient(274.46deg, #f0f0f0 4.48%, rgba(255, 255, 255, 0) 11.26%), linear-gradient(96.63deg, #f0f0f0 56.31%, rgba(255, 255, 255, 0) 76.57%), url(/images/new-icons/employer/people.png);
    background-position-x: right
}

.banners .left-banner .banner-content.applicant {
    background-position-x: right;
    background: linear-gradient(274.46deg, #f0f0f0 4.48%, rgba(255, 255, 255, 0) 11.26%), linear-gradient(96.63deg, #f0f0f0 56.31%, rgba(255, 255, 255, 0) 76.57%), url(/images/new-icons/employer/escalator1.png)
}

.banners .right-banner .banner-content.applicant {
    background: linear-gradient(274.46deg, #f0f0f0 4.48%, rgba(255, 255, 255, 0) 11.26%), linear-gradient(96.63deg, #f0f0f0 56.31%, rgba(255, 255, 255, 0) 76.57%), url(/images/new-icons/employer/people1.png)
}

.banners .banner-content .banner-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.banners .banner-content .banner-info .banner-text {
    font-size: 14px;
    line-height: 18px;
    color: #606060;
    max-width: 300px;
    margin-bottom: 40px
}

.banners .banner-content .banner-info .banner-action > a {
    background: #284d5d;
    border-radius: 5px;
    color: #f0f0f0;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    padding: 8px 15px
}

.banners .banner-content .banner-info .banner-action > a:hover {
    opacity: .9;
}

.banner-action {
    margin-bottom: 10px
}

.banners {
    margin-top: 15px
}

.employer-catalog-box {
    display: flex;
    margin-top: 25px;
    border-top: 1px solid #c4c4c4;
    padding-top: 10px;
    padding-bottom: 10px
}

.employer-catalog-box .catalog-left, .employer-catalog-box .catalog-right {
    width: 50%;
    border-bottom: 1px solid #c4c4c4;
    position: relative
}

.employer-catalog-box .catalog-right {
    padding-left: 45px
}

.employer-catalog-box .catalog-right::after {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    height: 80px;
    top: -5px;
    background: #c4c4c4
}

.employer-catalog-box .catalog-title {
    font-size: 18px;
    line-height: 21px;
    color: #284d5d;
    margin-bottom: 20px;
    font-weight: 600
}

.catalog-title > span {
    font-weight: 600
}

.employer-catalog-box .catalog-tabs {
    padding-bottom: 10px;
    position: relative
}

.employer-catalog-box .catalog-tabs:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%
}

.employer-catalog-box .catalog-right .catalog-tabs:after {
    left: -45px;
    width: calc(100% + 45px)
}

.employer-catalog-box .catalog-tabs ul {
    display: flex
}

.employer-catalog-box .catalog-tabs ul > li:not(:last-child) {
    margin-right: 45px
}

.employer-catalog-box .catalog-tabs ul > li > a > span + span {
    display: none
}

.employer-catalog-box .catalog-tabs ul > li > a {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    position: relative
}

.employer-catalog-box .catalog-tabs ul > li > a.active:after, .employer-catalog-box .catalog-tabs ul > li > a:hover:after {
    content: "";
    position: absolute;
    bottom: -11px;
    border: 2px solid #284d5d;
    border-radius: 2px 2px 0 0;
    width: 100%;
    z-index: 5
}

.employer-catalog-box .catalog-tabs ul > li > a > img, .employer-catalog-box .catalog-tabs ul > li > a > svg {
    margin-right: 10px
}

.employer-catalog-box .catalog-tabs ul > li > a {
    color: #606060;
    font-weight: 600
}

.employer-catalog-box .catalog-tabs ul > li > a.active {
    color: #284d5d
}

.employer-catalog-box .catalog-tabs ul > li > a > svg, .employer-catalog-box .catalog-tabs ul > li > a > svg mask, .employer-catalog-box .catalog-tabs ul > li > a > svg path, .employer-catalog-box .catalog-tabs ul > li > a > svg rect {
    fill: #606060;
    stroke: #606060
}

.employer-catalog-box .catalog-tabs ul > li > a.active > svg, .employer-catalog-box .catalog-tabs ul > li > a.active > svg mask, .employer-catalog-box .catalog-tabs ul > li > a.active > svg path, .employer-catalog-box .catalog-tabs ul > li > a.active > svg rect {
    fill: #284d5d;
    stroke: #284d5d
}

.employer-catalog .catalog-tabs-content > div {
    display: none
}

.employer-catalog .catalog-tabs-content > div.active {
    display: block
}

.employer-catalog .catalog-tabs-content {
    padding-top: 15px;
    padding-bottom: 15px
}

.employer-catalog .catalog-tabs-content > div ul > li:not(:last-child) {
    margin-bottom: 15px
}

.employer-catalog .catalog-tabs-content > div ul > li > a {
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    font-weight: 500
}

.employer-catalog .catalog-tabs-content > div ul > li > a:hover {
    font-weight: bold;
}

.employer-catalog .catalog-tabs-content div > div.list-wrapper {
    display: grid;
    grid-template-columns:repeat(2, 1fr)
}

.alph-wrapper {
    margin-bottom: 30px
}

.alph-title {
    font-size: 20px;
    line-height: 23px;
    color: #284d5d;
    margin-bottom: 30px
}

.seller-services {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 100px
}

.seller-services .seller-service-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.seller-services h1 {
    font-size: 26px;
    line-height: 30px;
    color: #284d5d;
    text-align: center
}

.seller-services .service {
    display: flex;
    align-items: flex-start;
    max-width: 730px;
    background: #f0f0f0;
    padding: 15px 20px;
    margin-top: 30px
}

.seller-services .service .service-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 20px
}

.seller-services .service .service-title {
    font-size: 20px;
    line-height: 16px;
    color: #284d5d
}

.seller-services .service .service-desc {
    font-size: 12px;
    line-height: 16px;
    color: #606060;
    margin-top: 20px
}

.seller-services .service .service-desc a {
    display: block;
    color: #284d5d;
    text-decoration: underline
}

.seller-services .service .service-action {
    padding-left: 20px
}

.seller-services .service .service-action a {
    display: block;
    background: #284d5d;
    border-radius: 5px;
    font-size: 12px;
    line-height: 16px;
    color: #f0f0f0;
    padding: 10px 5px;
    text-align: center;
    min-width: 100px
}

.seller-services .service .service-action a:hover {
    opacity: .9;
}

.forWork {
    padding-top: 30px;
    padding-bottom: 100px
}

.forWork h1 {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 30px;
    color: #284d5d;
    font-weight: 700
}

.forWork .caption-work {
    font-size: 20px;
    line-height: 23px;
    color: #606060;
    text-align: center;
    display: block;
    margin-top: 30px;
    font-weight: 700
}

.forWork .work-sections {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.forWork .work-section h4 {
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    display: block;
    color: #284d5d;
    margin-bottom: 25px;
    font-weight: 700
}

.forWork .work-section {
    margin-top: 30px
}

.forWork .work-section .work-section-content {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    column-gap: 40px
}

.forWork .work-section .work-section-content .work-section-desc {
    max-width: 222px;
    font-size: 12px;
    line-height: 16px;
    color: #606060
}

.forWork .work-section .work-section-content .work-section-pluses {
    max-width: 190px
}

.forWork .work-section .work-section-content .work-section-pluses span {
    font-size: 12px;
    line-height: 16px;
    color: #284d5d;
    padding-left: 25px;
    margin-bottom: 15px;
    display: block
}

.forWork .work-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 100px
}

.forWork .work-button h4 {
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #284d5d;
    margin-bottom: 20px;
    font-weight: 700
}

.contact-in-ads {
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.contact-in-ads h1 {
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    color: #284d5d;
    display: block
}

.contact-packages-wrapp {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.contact-packages {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    column-gap: 35px;
    margin-top: 30px;
    margin-bottom: 30px
}

.contact-packages .package {
    background: #f0f0f0;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    max-width: 220px;
    padding: 15px 20px
}

.contact-packages .package .package-title {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #284d5d
}

.contact-packages .package .package-price {
    margin-top: 50px
}

.contact-packages .package .package-price span {
    display: block;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    color: #284d5d
}

.contact-packages .package .package-price span.discount {
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    text-decoration-line: line-through;
    color: #284d5d;
    padding-right: 25px;
    min-height: 20px
}

.contact-packages .package .package-info {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #284d5d;
    margin-top: 25px;
    margin-bottom: 30px
}

.vacancies-and-projects {
    padding-top: 30px;
    padding-bottom: 30px
}

.vacancies-and-projects h1 {
    display: block;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    color: #284d5d;
    font-weight: 700
}

.vacancies-and-projects .tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px
}

.vacancies-and-projects .tabs > ul {
    display: flex;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #284d5d
}

.vacancies-and-projects .tabs > ul > li:first-child {
    margin-right: 25px
}

.vacancies-and-projects .tabs > ul > li > a {
    font-size: 16px;
    line-height: 19px;
    color: #284d5d;
    display: block;
    position: relative
}

.vacancies-and-projects .tabs > ul > li > a.active:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    border-radius: 2px 2px 0 0;
    background: #284d5d;
    height: 5px;
    width: 100%
}

.tabs-content > div {
    display: none
}

.tabs-content > div.active {
    display: block
}

.counter-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 18px
}

.counter-services {
    margin-left: 0
}

.list-subscribes > ul > li ul.list-info-subscribes li > a {
    display: block;
    font-size: 10px;
    line-height: 12px;
    color: #284d5d
}

.price-package {
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    color: #284d5d
}

.discount-package {
    padding-left: 0;
    padding-right: 30px;
    text-align: right
}

.list-description-services ul li b {
    color: #284d5d
}

span.list-customer-caption {
    text-align: center;
    margin-top: -25px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 14px;
    color: #284d5d
}

span.list-customer-caption > img {
    margin-right: 5px
}

.for-companies {
    padding-top: 30px;
    padding-bottom: 30px
}

.for-companies-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.for-companies-wrap h1 {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 30px;
    color: #284d5d;
    font-weight: 700
}

.companies-pluses {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 80px;
    margin-top: 40px
}

.c-plus {
    display: flex;
    justify-content: flex-start;
    align-items: self-start
}

.c-plus-ico {
    margin-right: 15px
}

.c-plus-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.c-plus-title {
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    font-weight: 600
}

.c-plus-desc {
    font-size: 12px;
    line-height: 16px;
    color: #606060;
    margin-top: 10px;
    max-width: 250px
}

.for-companies-slider {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 70px
}

.footer-desc h4, .for-companies-slider h4, .for-companies-steps h4 {
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    color: #284d5d;
    font-weight: 700
}

.fc-sliders .fc-slider .fc-slider-content {
    max-width: 800px;
    max-height: 600px;
    background: #c4c4c4
}

.fc-sliders .fc-slider .fc-slider-content > img {
    width: 100%
}

.for-companies-steps {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.fc-sliders {
    max-width: 800px;
    margin-top: 40px
}

.foc-steps {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    column-gap: 55px;
    margin-top: 40px
}

.foc-steps .foc-step {
    display: flex;
    align-items: self-start;
    justify-content: flex-start;
    max-width: 240px
}

.foc-steps .foc-step .foc-step-ico {
    margin-right: 15px
}

.foc-steps .foc-step .foc-step-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.foc-steps .foc-step .foc-step-content .foc-step-title {
    color: #284d5d;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600
}

.foc-steps .foc-step .foc-step-content .foc-step-decs {
    font-size: 12px;
    line-height: 14px;
    color: #606060
}

.for-companies-steps a.bbsBtn {
    max-width: 220px;
    margin-top: 40px;
    padding: 8px 14px
}

.footer-desc.bg-none {
    background: 0 0
}

.footer-desc h4 {
    margin-bottom: 30px
}

span.subtitle {
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #606060;
    display: block;
    margin-top: 25px;
    font-weight: 700
}

.tariffs {
    margin-top: 30px;
    margin-bottom: 100px;
    display: inline-block
}

.list-subscribes > ul.tariffs > li {
    width: 100%;
    margin: 0;
    max-width: 350px;
    display: inline-block
}

.list-subscribes > ul.tariffs > li:first-child {
    margin-right: 27px
}

ul.tariffs h4 {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #284d5d
}

.tariff-price {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 5px
}

.tariff-price .price {
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    color: #284d5d;
    margin-top: 5px;
    margin-bottom: 5px
}

.tariff-price .discount {
    font-size: 12px;
    line-height: 14px;
    text-decoration-line: line-through;
    color: #606060;
    margin-left: 65px;
    min-height: 14px
}

.tariff-count, .tariff-period {
    display: flex;
    justify-content: space-between
}

.tariff-count-box {
    display: flex;
    align-items: center;
    max-height: 20px;
    overflow: hidden
}

.tariff-count-box i {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #284d5d;
    border-radius: 5px;
    position: relative;
    cursor: pointer
}

.tariff-count-box i.minus:after {
    content: "";
    font-size: 16px;
    position: absolute;
    height: 2px;
    width: 10px;
    background: #284d5d;
    top: calc(50% - 1px);
    left: calc(50% - 5px)
}

.tariff-count-box i.plus:after {
    content: "";
    font-size: 16px;
    position: absolute;
    height: 2px;
    width: 10px;
    background: #284d5d;
    top: calc(50% - 1px);
    left: calc(50% - 5px)
}

.tariff-count-box i.plus:before {
    content: "";
    font-size: 16px;
    position: absolute;
    height: 2px;
    width: 10px;
    background: #284d5d;
    top: calc(50% - 1px);
    left: calc(50% - 5px);
    transform: rotate(90deg)
}

.tariff-count-box .count-box {
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    margin-right: 15px;
    margin-left: 15px;
    min-width: 100px;
    text-align: center
}

.tariff-count-title {
    font-size: 14px;
    line-height: 16px;
    color: #284d5d
}

.price-caption {
    font-size: 12px;
    line-height: 14px;
    color: #606060;
    margin-top: 10px;
    margin-bottom: 15px
}

.tariff-period {
    margin-top: 15px
}

.pluses {
    margin-top: 20px
}

ul.variants {
    transition: all .5s ease;
    visibility: hidden
}

ul.variants li {
    max-height: 20px;
    height: 20px
}

.wrap-page-professional > ul > li > ul > li > span {
    font-size: 12px;
    line-height: 16px;
    color: #284d5d;
    padding-left: 25px;
    margin-bottom: 15px;
    display: block
}

.list-subscribes > ul.tariffs > li:last-child {
    border: 1px solid #284d5d
}

.order {
    margin-top: 20px;
    display: flex;
    justify-content: center
}

.order button {
    max-width: 190px;
    width: 190px
}

.list-pluses > li > a {
    font-size: 10px;
    line-height: 12px;
    text-decoration-line: underline;
    color: #284d5d
}

.counter-box .counter-services {
    margin: 0
}

.append-block h4 {
    padding-bottom: 0
}

.attention {
    font-size: 14px;
    line-height: 16px;
    color: #606060
}

.images-business li img {
    width: 100%
}

.wrap-list-valutes {
    width: 100%;
    margin-top: 10px;
    max-height: 200px;
    overflow: hidden;
    overflow-y: scroll
}

label.radio {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    padding-left: 20px;
    position: relative
}

label.radio input {
    display: none
}

label.radio input:checked + span {
    background: #284d5d
}

label.radio span {
    content: "";
    position: absolute;
    left: 0;
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    width: 15px;
    height: 15px;
    top: 2px;
    background: #fff
}

.list-business-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px
}

.list-business-location, .list-business-title, .list-filter-price {
    display: flex;
    margin-bottom: 5px
}

.list-business-title a {
    font-size: 18px;
    line-height: 21px;
    color: #284d5d;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 30px;
    font-weight: 700;
    max-width: 90%
}

.list-business-wish.simple > a.add-favorite {
    position: absolute;
    right: 20px;
    top: 20px
}

.list-business-location p.country-business {
    font-size: 12px;
    line-height: 14px;
    color: #606060
}

.list-filter-price .price-business {
    font-size: 22px;
    line-height: 26px;
    color: #284d5d
}

.list-business-content {
    display: flex
}

.list-business-content .list-business-image {
    margin-right: 17px
}

.list-business-image .wrap-business-img {
    max-width: 180px;
    max-height: 130px;
    border-radius: 5px
}

.list-business-filters ul.list-parameters li {
    display: grid;
    grid-template-columns:160px 1fr;
    column-gap: 30px
}

.list-business-filters ul.list-parameters li > span {
    font-size: 12px;
    line-height: 14px;
    color: #606060
}

.list-business-filters ul.list-parameters li > p {
    font-size: 12px;
    line-height: 14px;
    color: #284d5d
}

.list-business-filters ul.list-parameters li.countries-list > p, .list-business-filters ul.list-parameters li.countries-list > span {
    width: auto;
    display: block;
    margin-bottom: 0
}

.list-business-filters ul.list-parameters li.countries-list > span {
    min-width: 101px
}

.list-business-filters ul.list-parameters a.show-more-country, .list-business-filters ul.list-parameters a.show-more-country-mobile {
    font-size: 12px;
    line-height: 14px;
    display: block;
    text-decoration-line: underline;
    margin-top: 10px;
    color: #284d5d;
    font-weight: 600
}

.list-business-filters ul.list-parameters li.countries-list > p > span {
    display: inline-block;
    align-items: center
}

.list-business-filters ul.list-parameters li.countries-list > p > span.country-hide {
    display: none
}

.list-business-filters ul.list-parameters li.countries-list > p > span > img {
    margin-right: 5px
}

.list-business-filters ul.list-parameters li.countries-list > p > span:not(:last-child) {
    margin-right: 15px
}

.list-business-filters > a {
    position: relative
}

.link-business:after, .list-business-filters > a:after {
    position: absolute;
    content: url(../images/svg/link.svg);
    margin-left: 5px
}

.datepicker-wrap {
    position: relative;
    background: #fff;
    border-radius: 5px
}

.datepicker-wrap > input {
    font-size: 12px;
    line-height: 14px;
    color: #606060
}

.datepicker-wrap:before {
    content: '';
    background: url(/images/new-icons/calendar.png);
    position: absolute;
    top: 1px;
    right: 0;
    width: 20px;
    height: 20px
}

.list-business-filters {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 80%
}

.list-business-filters > li {
    margin-top: 15px
}

.mobile-filter-btns {
    display: none;
    height: 50px;
    background: #f0f0f0;
    width: 100vw;
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 15px
}

.mobile-filter-btns a {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    color: #284d5d
}

.mobile-filter-btns a > span {
    margin-right: 5px
}

.filters-arrow-back {
    display: block;
    width: 9px;
    height: 15px;
    position: relative
}

.filters-arrow-back:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/images/new-icons/arrow-left.svg)
}

.mobile-filter-show span.filters-menu {
    display: block;
    width: 15px;
    height: 15px;
    position: relative
}

.mobile-filter-show span.filters-menu:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/images/new-icons/filters.svg)
}

.mobile-filter-show.active span.filters-menu {
    width: 15px;
    height: 15px
}

.mobile-filter-show.active span.filters-menu:after {
    background: url(/images/new-icons/filters-close.svg)
}

.mobile-filter-wish span.filter-wish {
    display: block;
    width: 17px;
    height: 17px;
    position: relative
}

.mobile-filter-wish span.filter-wish:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/images/new-icons/wish/vector.svg)
}

.mobile-filter-wish.active span.filter-wish:after {
    content: url(/images/new-icons/wish/vector-active.svg);
    background: 0 0
}

.mobile-filter-wish span.filter-wish-text + span.filter-wish-text {
    display: none
}

.mobile-filter-wish.active span.filter-wish-text {
    display: none
}

.mobile-filter-wish.active span.filter-wish-text + span.filter-wish-text {
    display: block
}

.filter-head {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative
}

.filter-head:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 90%;
    height: 1px;
    background: #c4c4c4;
    left: 50%;
    transform: translate(-50%, 0)
}

.filter-head > span {
    font-size: 16px;
    line-height: 19px;
    color: #606060
}

.filter-head > a {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    color: #284d5d
}

.filter-head span.filter-wish {
    display: block;
    width: 17px;
    height: 17px;
    position: relative;
    margin-right: 6px;
    top: 1px
}

.filter-head span.filter-wish:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/images/new-icons/filters-wish.png)
}

.filter-head.active span.filter-wish:after {
    content: url(/images/svg/mini-favorite.svg)
}

#category .left-filter-category {
    display: block
}

#category .backdoor {
    position: absolute;
    display: none;
    z-index: 1;
    top: 150px;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(96, 96, 96, .25);
    transition: all .2s ease
}

#category .backdoor.active {
    display: block
}

.list-business-page, .list-services-page {
    position: relative
}

.wrap-remember-password .form-control-fields .form-field span {
    text-align: left
}

body .preloader {
    position: absolute;
    width: 100%;
    height: 99%;
    left: 0;
    top: 10px;
    z-index: 100;
    display: none;
    background: rgba(240, 240, 240, .5)
}

.filter-value-span {
    float: right;
    margin-right: 20px;
    max-width: 70px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    line-height: 14px;
    color: #284d5d;
    display: none
}

#category .left-filter-category::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 5px;
    background: #284d5d;
    margin-left: -15px;
    display: none;
    transition: all .3s ease;
    animation: load 5s ease-in-out infinite
}

#category .left-filter-category.load::after {
    display: block
}

@keyframes load {
    0% {
        width: 10%;
        transform: translateX(0)
    }
    40% {
        width: 50%
    }
    60% {
        transform: translateX(-140%)
    }
    100% {
        width: 100%
    }
}

.list-business-filters ul.list-parameters.list-parameters-freelance > li {
    display: inline-block;
    margin-right: 20px;
    position: relative
}

.list-business-filters ul.list-parameters.list-parameters-freelance > li:last-child {
    margin-right: 0
}

.list-business-filters ul.list-parameters.list-parameters-freelance > li > p, .list-business-filters ul.list-parameters.list-parameters-freelance > li > span {
    font-size: 12px;
    line-height: 14px;
    color: #606060;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 0
}

.list-business-filters ul.list-parameters.list-parameters-freelance > li:last-child > span.tire {
    display: none !important
}

.list-business-filters ul.list-parameters.list-parameters-freelance > li:not(:last-child):before {
    content: "";
    height: 1px;
    width: 5px;
    background: #606060;
    right: -15px;
    position: absolute;
    top: 12px
}

.list-business-logo-avatar {
    position: absolute;
    right: 10px;
    bottom: 10px
}

.list-business-logo-avatar {
    max-width: 100px;
    max-height: 100px
}

.list-business-logo-avatar > img {
    max-width: 100px;
    max-height: 100px
}

span.tire {
    display: none !important;
    color: #606060;
    font-size: 12px
}

.price-date span {
    display: block;
    font-size: 12px;
    color: #606060;
    line-height: normal;
    font-weight: 400
}

.price-date span.price-date-to {
    font-size: 14px;
    line-height: 30px;
    font-weight: 600
}

.price-content-business {
    border: none
}

.price-content-business > span {
    font-weight: 600
}

.message-business-error {
    width: 200px;
    margin: 10px auto 0
}

span.onboard {
    font-size: 12px;
    line-height: 14px;
    color: #606060;
    margin-bottom: 10px;
    display: block
}

.company-online > span.onboard {
    margin-bottom: 0
}

.caption-business.no-border:before {
    display: none
}

.caption-business, .description-business {
    padding-top: 20px
}

.description-business p {
    line-height: 18px
}

.files {
    margin-top: 30px
}

.files > a {
    display: block;
    margin-bottom: 15px;
    position: relative;
    padding-left: 25px;
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #284d5d;
    font-weight: 600
}

.files > a.file-download:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    background: url(/images/new-icons/download.svg)
}

.files > a.source-link:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    background: url(/images/new-icons/original-link.svg)
}

.left-content-business:before {
    top: 45px
}

.description-business a, .description-business p {
    font-weight: 400
}

.description-business p > span {
    font-weight: 600
}

.description-business.caption-business ul li a {
    font-weight: 400
}

#oneBusiness .country-business {
    font-weight: 400;
    color: #284d5d
}

.wrap-list-other-business-account.wrap-row-business-related {
    width: 980px;
    margin: 0 auto 40px
}

.wrap-list-other-business-account.wrap-row-business-related h4 {
    padding-left: 50px
}

.wrap-row-business-related.wrap-row-business-related .wrap-row-business ul li:not(:last-child) {
    margin-right: 13px
}

.wrap-row-business-related.wrap-row-business-related .wrap-row-business ul li a {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.offline-user, .online-user {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative
}

.online-user {
    font-size: 12px;
    line-height: 14px;
    color: #b70416;
    padding-left: 15px;
    font-weight: 600;
    display: flex;
    justify-content: center
}

.online-user i {
    display: block;
    position: relative
}

.online-user i:before {
    content: "";
    position: absolute;
    top: 2px;
    left: -20px;
    background: #b70416;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.videoWrapper {
    position: relative;
    padding-bottom: 50%;
    height: 0;
    max-width: 605px;
    margin-bottom: 15px;
    border-radius: 5px
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 5px
}

.one-business-countries h4 {
    font-size: 16px;
    line-height: 19px;
    color: #606060;
    font-weight: 600;
    margin-bottom: 15px
}

.one-business-countries .country-list {
    display: flex;
    flex-wrap: wrap
}

.one-business-countries .country-list span {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    margin-right: 15px;
    margin-bottom: 20px;
    font-weight: 600
}

.one-business-countries .country-list span > img {
    margin-right: 5px
}

.price-content-business-freelance {
    margin-top: 10px;
    margin-bottom: 10px
}

.price-content-business-freelance, .price-content-business-freelance .price-date span, .price-content-business-freelance span {
    font-size: 22px;
    line-height: 26px;
    color: #284d5d;
    font-weight: 700
}

.right-content-service .wrap-img-business img {
    max-width: 170px
}

p.employment-type {
    padding-top: 0
}

ul.one-business-tags li {
    margin-right: 0 !important
}

.one-business-tags > li > span {
    display: block;
    padding-top: 15px;
    font-weight: 400 !important
}

.caption-business h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #606060
}

.list-info-page-business > ul > li > span {
    display: inline-block
}

.list-info-page-business > ul > li > span.title-xs {
    display: none
}

.field-add-business, .wrap-field-business {
    white-space: normal
}

.img-flag {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    position: relative
}

.selected-languages li a {
    display: block;
    position: relative;
    color: #284d5d;
    width: max-content;
    cursor: pointer
}

.selected-languages li a:after {
    position: absolute;
    content: url(../images/svg/remove-message.svg);
    margin-left: 5px
}

.selected-languages-wrap {
    margin-top: 10px
}

.language-modal-title {
    text-align: center;
    font-size: 18px;
    line-height: 21px;
    color: #284d5d
}

.language-radio-title, .language-select-title {
    display: block;
    font-size: 16px;
    line-height: 19px;
    color: #606060;
    margin-bottom: 10px;
    margin-top: 10px
}

.language-modal-select {
    margin-top: 10px
}

.language-radio-title p, .language-select-title p {
    position: absolute;
    color: red;
    display: inline-block
}

.language-modal-select .wrap-list-type {
    max-height: 200px;
    overflow-x: scroll
}

ul.lang-levels {
    padding-left: 15px
}

.list-value-languages div.languages-filter label {
    font-weight: 400;
    color: #284d5d;
    font-size: 12px;
    position: relative;
    padding-left: 20px
}

.list-value-languages div.languages-filter label > a {
    position: relative;
    color: #284d5d;
    font-size: 12px;
    padding-bottom: 7px;
    display: inline-block
}

.list-value-languages div.languages-filter li input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.list-value-languages div.languages-filter label:before {
    position: absolute;
    left: 0;
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    background: #f0f0f0;
    border: 1px solid #606060;
    box-sizing: border-box;
    border-radius: 5px;
    top: 1px
}

.list-value-languages div.languages-filter > ul.langs > li > label > a {
    position: relative
}

.list-value-languages div.languages-filter > ul.langs > li {
    position: relative
}

.list-value-languages div.languages-filter > ul.langs > li > span {
    position: absolute;
    width: 6px;
    height: 16px;
    background: url(/images/new-icons/arrow-left.png);
    transform: rotate(-90deg);
    display: block;
    top: 0;
    right: 30px;
    cursor: pointer;
    transition: all .2s ease
}

.list-value-languages div.languages-filter > ul.langs > li > ul.lang-levels {
    display: none
}

.list-value-languages div.languages-filter > ul.langs > li.active > ul.lang-levels {
    display: block
}

.list-value-languages div.languages-filter > ul.langs > li.active > span {
    transform: rotate(90deg)
}

.badge {
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    margin-right: 15px;
    padding-left: 20px;
    position: relative
}

.badge.premium {
    color: #f2994a
}

.badge.hot {
    color: #b70416
}

.badge.company {
    color: #284d5d
}

.badge.optimal {
    color: #284d5d
}

.company-all-link {
    color: #284d5d;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    text-decoration-line: underline;
    margin-bottom: 15px;
    display: block
}

.badge.company-reviews, .badge.company-reviews a, .badge.company-reviews:active, .badge.company-reviews:hover {
    color: #f2994a
}

.badge.company-ads, .badge.company-ads a, .badge.company-ads a:active, .badge.company-ads a:hover, .badge.company-vacancias, .badge.company-vacancias a, .badge.company-vacancias a:active, .badge.company-vacancias a:hover {
    color: #284d5d
}

.badge:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0
}

.badge.premium:before {
    background: url(/images/new-icons/badge/premium-badge.svg)
}

.badge.hot:before {
    background: url(/images/new-icons/badge/hot-badge.svg)
}

.badge.company:before {
    background: url(/images/new-icons/badge/company-badge.svg)
}

.badge.optimal:before {
    background: url(/images/new-icons/badge/optimal.svg);
    width: 17px;
    height: 17px
}

.badge.company.vip:before {
    content: "";
    background: url(/images/new-icons/badge/vip.svg);
    width: 16px;
    height: 16px
}

.badge.company-reviews:before {
    background: url(/images/new-icons/badge/company-reviews.svg)
}

.badge.company-ads:before {
    background: url(/images/new-icons/badge/company-ads.svg)
}

.badge.company-vacancias:before {
    background: url(/images/new-icons/badge/company-vacantions.svg)
}

.links-profile ul li > a:after {
    content: "";
    background-color: #606060;
    width: 25px;
    height: 25px
}

#wrapper .top-header .account-list li > a:before {
    content: "";
    background-color: #606060;
    width: 17px;
    height: 17px
}

.links-profile {
    height: 100%
}

.links-profile ul li:first-child a.active:after, .links-profile ul li:first-child a:hover:after, .links-profile ul li:nth-child(2) a.active:after, .links-profile ul li:nth-child(2) a:hover:after, .links-profile ul li:nth-child(3) a.active:after, .links-profile ul li:nth-child(3) a:hover:after, .links-profile ul li:nth-child(4) a.active:after, .links-profile ul li:nth-child(4) a:hover:after, .links-profile ul li:nth-child(5) a.active:after, .links-profile ul li:nth-child(5) a:hover:after, .links-profile ul li:nth-child(6) a.active:after, .links-profile ul li:nth-child(6) a:hover:after, .links-profile ul li:nth-child(7) a.active:after, .links-profile ul li:nth-child(7) a:hover:after, .links-profile ul li:nth-child(8) a:hover:after {
    content: ""
}

#wrapper .top-header .account-list li:first-child a:before, #wrapper .top-header .account-list li:first-child a:hover:before, #wrapper .top-header .account-list li:nth-child(2) a:before, #wrapper .top-header .account-list li:nth-child(2) a:hover:before, #wrapper .top-header .account-list li:nth-child(3) a:before, #wrapper .top-header .account-list li:nth-child(3) a:hover:before, #wrapper .top-header .account-list li:nth-child(4) a:before, #wrapper .top-header .account-list li:nth-child(4) a:hover:before, #wrapper .top-header .account-list li:nth-child(5) a:before, #wrapper .top-header .account-list li:nth-child(5) a:hover:before, #wrapper .top-header .account-list li:nth-child(6) a:before, #wrapper .top-header .account-list li:nth-child(6) a:hover:before, #wrapper .top-header .account-list li:nth-child(7) a:before, #wrapper .top-header .account-list li:nth-child(7) a:hover:before, #wrapper .top-header .account-list li:nth-child(8) a:before, #wrapper .top-header .account-list li:nth-child(8) a:hover:before, #wrapper .top-header .account-list li:nth-child(9) a:before, #wrapper .top-header .account-list li:nth-child(9) a:hover:before {
    content: ""
}

.links-profile ul li > a.account-ads-link:after {
    content: "";
    -webkit-mask-image: url(/images/new-icons/profile-links/my-listings.svg);
    -webkit-mask: url(/images/new-icons/profile-links/my-listings.svg)
}

#wrapper .top-header .account-list li > a.account-ads-link:before {
    content: "";
    -webkit-mask-image: url(/images/new-icons/profile-links/my-listings.svg);
    -webkit-mask: url(/images/new-icons/profile-links/my-listings.svg);
    left: 0;
    -webkit-mask-size: contain
}

.links-profile ul li > a.account-wish-link:after {
    content: "";
    -webkit-mask-image: url(/images/new-icons/profile-links/my-wish.svg);
    -webkit-mask: url(/images/new-icons/profile-links/my-wish.svg)
}

#wrapper .top-header .account-list li > a.account-wish-link:before {
    content: "";
    -webkit-mask-image: url(/images/new-icons/profile-links/my-wish.svg);
    -webkit-mask: url(/images/new-icons/profile-links/my-wish.svg);
    -webkit-mask-size: contain
}

.links-profile ul li > a.account-inbox-link:after {
    content: "";
    -webkit-mask-image: url(/images/new-icons/profile-links/my-message.svg);
    -webkit-mask: url(/images/new-icons/profile-links/my-message.svg)
}

#wrapper .top-header .account-list li > a.account-inbox-link:before {
    content: "";
    -webkit-mask-image: url(/images/new-icons/profile-links/my-message.svg);
    -webkit-mask: url(/images/new-icons/profile-links/my-message.svg);
    -webkit-mask-size: contain
}

.links-profile ul li > a.account-payment-link:after {
    content: "";
    -webkit-mask-image: url(/images/new-icons/profile-links/my-payments.svg);
    -webkit-mask: url(/images/new-icons/profile-links/my-payments.svg)
}

#wrapper .top-header .account-list li > a.account-payment-link:before {
    content: "";
    -webkit-mask-image: url(/images/new-icons/profile-links/my-payments.svg);
    -webkit-mask: url(/images/new-icons/profile-links/my-payments.svg);
    -webkit-mask-size: contain
}

.links-profile ul li > a.account-setting-link:after {
    content: url(/images/new-icons/profile-links/my-settings.svg);
    width: auto;
    height: auto;
    background-color: transparent
}

#wrapper .top-header .account-list li > a.account-setting-link:before {
    content: "";
    width: 17px;
    height: 17px;
    background-color: transparent;
    background: url(/images/new-icons/profile-links/my-settings.svg);
    background-size: 17px
}

.links-profile ul li > a.account-import-link:after {
    content: "";
    -webkit-mask-image: url(/images/new-icons/profile-links/my-import.svg);
    -webkit-mask: url(/images/new-icons/profile-links/my-import.svg)
}

#wrapper .top-header .account-list li > a.account-import-link:before {
    content: "";
    -webkit-mask-image: url(/images/new-icons/profile-links/my-import.svg);
    -webkit-mask: url(/images/new-icons/profile-links/my-import.svg);
    -webkit-mask-size: contain
}

.links-profile ul li > a.account-company-link:after {
    content: "";
    -webkit-mask-image: url(/images/new-icons/profile-links/my-company.svg);
    -webkit-mask: url(/images/new-icons/profile-links/my-company.svg)
}

#wrapper .top-header .account-list li > a.account-company-link:before {
    content: "";
    -webkit-mask-image: url(/images/new-icons/profile-links/my-company.svg);
    -webkit-mask: url(/images/new-icons/profile-links/my-company.svg);
    -webkit-mask-size: contain
}

.links-profile ul li > a.account-services-link:after {
    content: "";
    -webkit-mask-image: url(/images/new-icons/profile-links/my-services.svg);
    -webkit-mask: url(/images/new-icons/profile-links/my-services.svg)
}

#wrapper .top-header .account-list li > a.account-services-link:before {
    content: "";
    -webkit-mask-image: url(/images/new-icons/profile-links/my-services.svg);
    -webkit-mask: url(/images/new-icons/profile-links/my-services.svg);
    -webkit-mask-size: contain
}

.links-profile ul li > a.account-logout-link:after {
    content: url(/images/new-icons/profile-links/my-exit.svg);
    width: auto;
    height: auto;
    background-color: transparent
}

#wrapper .top-header .account-list li > a.account-logout-link:before {
    content: "";
    width: 17px;
    height: 17px;
    background-color: transparent;
    background: url(/images/new-icons/profile-links/my-exit.svg);
    background-size: 17px
}

.account-list {
    width: 275px
}

.auth-account a {
    padding-left: 25px
}

.account-list a span {
    left: 8px;
    top: 0
}

.links-profile ul li > a.account-article-link:after {
    content: url(/images/svg/account-add-article.svg);
    width: auto;
    height: auto;
    background-color: transparent
}

#wrapper .top-header .account-list li > a.account-article-link:before {
    content: url(/images/svg/account-add-article.svg);
    width: 17px;
    height: 17px;
    background-color: transparent
}

.links-profile ul li > a.active:after, .links-profile ul li > a:hover:after {
    background-color: #284d5d
}

#wrapper .top-header .account-list li > a.active:before, #wrapper .top-header .account-list li > a:hover:before {
    background-color: #284d5d
}

.links-profile ul li > a.account-article-link.active:after {
    content: url(/images/svg/account-add-article-active.svg);
    background-color: transparent
}

.links-profile ul li > a.account-article-link:hover:after {
    content: url(/images/svg/account-add-article-active.svg);
    background-color: transparent
}

#wrapper .top-header .account-list li > a.account-article-link:hover:before {
    content: "";
    background: url(/images/svg/account-add-article-active.svg);
    background-color: transparent;
    background-size: 17px
}

.links-profile ul li > a.account-setting-link.active:after {
    content: url(/images/new-icons/profile-links/my-setting-active.svg);
    background-color: transparent
}

.links-profile ul li > a.account-setting-link:hover:after {
    content: url(/images/new-icons/profile-links/my-setting-active.svg);
    background-color: transparent
}

#wrapper .top-header .account-list li > a.account-setting-link.active:before, #wrapper .top-header .account-list li > a.account-setting-link:hover:before {
    content: "";
    background: url(/images/new-icons/profile-links/my-setting-active.svg);
    background-color: transparent;
    background-size: 17px
}

.links-profile ul li > a.account-logout-link.active:after {
    content: url(/images/new-icons/profile-links/my-exit-active.svg);
    background-color: transparent
}

.links-profile ul li > a.account-logout-link:hover:after {
    content: url(/images/new-icons/profile-links/my-exit-active.svg);
    background-color: transparent
}

#wrapper .top-header .account-list li > a.account-logout-link:hover:before {
    content: "";
    background: url(/images/new-icons/profile-links/my-exit-active.svg);
    background-color: transparent;
    background-size: 17px
}

span.account-tooltip {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/images/new-icons/attention.png);
    cursor: pointer;
    margin-left: 10px
}

.one-business-account-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 25px;
    padding: 10px;
    position: relative
}

.one-business-account-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between
}

.business-title a.link-business {
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    font-weight: 700
}

.business-title a.link-business:after {
    top: 4px
}

.one-business-account-image {
    margin-right: 10px;
    display: flex;
    align-items: self-start
}

.one-business-account-image img {
    max-width: 200px;
    max-height: 130px;
    border-radius: 5px
}

.business-info {
    display: flex;
    align-items: center;
    margin-top: 5px
}

.business-status-badge {
    margin-right: 20px
}

.business-status-badge span {
    background: 0 0;
    font-size: 10px;
    font-weight: 700;
    display: block
}

.business-status-badge span.status-active {
    color: #284d5d
}

.business-status-badge span.status-no-active {
    color: #606060
}

.business-status-badge span.status-moderation {
    color: #25851c
}

.business-account-id, .business-dates, .business-location {
    color: #323232;
    font-size: 10px
}

.business-account-id {
    margin-right: 15px
}

.business-dates {
    margin-right: 10px
}

.business-price {
    font-size: 16px;
    line-height: 19px;
    color: #284d5d;
    font-weight: 700;
    margin-top: 10px
}

.business-price > span {
    font-size: 16px;
    line-height: 19px;
    color: #284d5d;
    font-weight: 700
}

.business-title i.attention {
    width: 16px;
    height: 16px;
    background: url(/images/new-icons/attention.png);
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.business-title i.attention.red {
    background: url(/images/new-icons/attention-red.png)
}

.one-business-account-content .bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.flex-1 {
    flex: 1
}

.business-actions {
    display: flex
}

.business-actions .business-top {
    margin-right: 10px
}

.business-actions .business-top > a {
    height: 30px;
    width: 110px;
    background: #284d5d;
    border-radius: 5px;
    font-size: 12px;
    line-height: 18px;
    color: #f0f0f0;
    text-align: center;
    display: block;
    padding-top: 5px
}

.business-setting > a {
    width: 100px;
    height: 30px;
    text-align: center;
    border: 1px solid #284d5d;
    border-radius: 5px;
    font-size: 12px;
    color: #284d5d;
    display: block;
    padding-top: 5px;
    cursor: pointer
}

.business-setting > a:after {
    display: none !important
}

.business-badges .badge {
    font-size: 10px;
    margin-right: 10px
}

.dropdown-menu {
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 5px
}

.bottom-content-mobile {
    display: none
}

.business-statistics {
    margin-top: 15px
}

.business-statistics ul {
    display: flex;
    align-items: center
}

.business-statistics ul > li {
    position: relative;
    padding-left: 20px;
    font-size: 10px;
    line-height: 12px;
    color: #284d5d;
    margin-right: 10px
}

.business-statistics ul > li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px
}

.business-statistics ul > li.views:before {
    background: url(/images/new-icons/statistics/views.svg);
    height: 9px;
    top: 2px
}

.business-statistics ul > li.contact-views:before {
    background: url(/images/new-icons/statistics/contacts.svg);
    width: 14px;
    top: -2px
}

.business-statistics ul > li.add-wish:before {
    background: url(/images/new-icons/statistics/wish.svg);
    width: 11px;
    height: 12px
}

.business-statistics ul > li.messages:before {
    background: url(/images/new-icons/statistics/messages.svg);
    width: 14px;
    height: 10px;
    top: 1px
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

ul.account-tabs {
    white-space: nowrap;
    border-bottom: 1px solid #284d5d;
    overflow: hidden;
    overflow-x: scroll
}

.list-currencies > a, .list-languages > a {
    color: #606060
}

ul.account-tabs {
    -ms-overflow-style: none;
    scrollbar-width: none
}

ul.account-tabs::-webkit-scrollbar {
    display: none
}

ul.account-tabs > li.nav-item {
    margin-right: 35px;
    display: inline-block
}

ul.account-tabs > li.nav-item > a {
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    padding-bottom: 10px;
    position: relative;
    display: block
}

ul.account-tabs > li.nav-item > a.active {
    font-weight: 700
}

ul.account-tabs > li.nav-item > a.active:before {
    content: "";
    width: 100%;
    height: 5px;
    background: #284d5d;
    position: absolute;
    bottom: 0
}

#accountTabContent .tab-pane {
    padding-top: 25px
}

#accountTabContent .tab-pane .field-registration-data > span {
    text-align: left
}

.btn-save-info-account {
    width: 140px;
    height: 30px;
    margin-left: 0
}

.btn-save-info-account:hover {
    opacity: .9;
}

.field-registration-data-password {
    max-width: 450px
}

.field-registration-data-password > a {
    right: 0
}

.field-notification > ul {
    width: 350px
}

.field-notification > span {
    width: 250px
}

.bbs-label {
    position: relative
}

.bbs-label input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.bbs-label label {
    font-weight: 400;
    color: #606060;
    position: relative;
    padding-left: 25px;
    display: block;
    margin-bottom: 30px
}

.bbs-label label:before {
    position: absolute;
    border-radius: 50%;
    border: 1px solid #606060;
    content: '';
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px
}

.bbs-label input:checked + label:after {
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #284d5d;
    left: 0;
    top: 2px;
    content: '';
    border-radius: 50%
}

.file_upload {
    display: none !important
}

.describe-target {
    font-size: 12px;
    line-height: 14px;
    color: #284d5d;
    display: block
}

.describe-import small {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #606060;
    max-width: 460px;
    margin-bottom: 30px
}

.buy-button a.btn {
    background: #284d5d;
    border-radius: 5px;
    color: #f0f0f0;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    width: 190px;
    height: 40px;
    display: block;
    padding-top: 10px
}

.buy-button a.btn:hover {
    opacity: .9;
}

.package-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.child-lines {
    margin-top: 10px
}

.child-lines .package-line {
    padding: 10px
}

.child-lines .package-line {
    margin-left: -20px;
    margin-right: -43px;
    padding-right: 43px;
    padding-left: 43px
}

.child-lines .package-line.active {
    background: #284d5d
}

.child-lines .package-line.not-active {
    background: #d5d5d5
}

.right-side a.reactive {
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #284d5d;
    margin-right: 20px
}

.child-lines .package-line.active .right-side {
    color: #f0f0f0
}

.child-lines .package-line.not-active .right-side, .child-lines .package-line.simple .right-side {
    color: #606060
}

.left-side span {
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #606060;
    font-weight: 600
}

.package-line.active span {
    color: #f0f0f0;
    position: relative
}

.package-line.active span:after {
    content: "";
    position: absolute;
    left: -22px;
    width: 15px;
    height: 15px;
    top: -1px;
    background: url(/images/new-icons/packages/active.svg)
}

.package-line.not-active span:after {
    content: "";
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(/images/new-icons/packages/not-active.svg)
}

.package-describe {
    display: flex;
    align-items: end
}

.left-side a {
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    margin-top: 5px;
    display: block
}

.left-side i {
    background: url(/images/new-icons/attention.png);
    margin-right: 5px;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer
}

.buy-button > .dropdown-menu {
    background: #f0f0f0
}

.buy-button a.dropdown-item {
    max-width: 190px;
    white-space: pre-wrap;
    text-align: center;
    color: #284d5d;
    position: relative
}

.buy-button a.dropdown-item:first-child {
    margin-bottom: 5px;
    padding-bottom: 5px
}

.buy-button a.dropdown-item:first-child:before {
    content: "";
    position: absolute;
    width: 80%;
    height: 1px;
    background: #606060;
    bottom: 0;
    left: 10%
}

.package-line.main:first-child {
    padding-bottom: 35px;
    border-bottom: 1px solid #c4c4c4
}

.package-line.main:last-child {
    margin-top: 35px
}

.child-lines {
    flex: 1;
    flex-basis: 100%
}

.search-box {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    margin-top: 20px
}

.search-box .search-filters ul li {
    margin-bottom: 10px
}

.search-box .search-filters ul li span {
    font-size: 14px;
    line-height: 16px;
    color: #606060
}

.search-box .search-filters ul li span:first-child {
    font-weight: 600
}

.search-box .search-filters {
    padding-bottom: 20px;
    position: relative
}

.search-box .search-filters:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 90%;
    height: 1px;
    background: #606060;
    left: 5%
}

.search-actions {
    margin-top: 20px
}

.search-actions ul li {
    margin-bottom: 15px
}

a.search-new-link {
    color: #f0f0f0;
    background: #c4c4c4;
    border-radius: 5px;
    display: block;
    width: 240px;
    height: 25px;
    text-align: center;
    padding-top: 2px
}

a.search-new-link.active {
    background: #284d5d
}

.checkbox input {
    display: none
}

.checkbox label {
    font-size: 14px;
    line-height: 16px;
    color: #606060;
    padding-left: 30px;
    position: relative
}

.checkbox label:before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 25px;
    height: 25px;
    border: 1px solid #284d5d;
    border-radius: 5px
}

.checkbox input:checked + label:before {
    background: #284d5d;
    content: "✓";
    text-align: center;
    color: #f0f0f0;
    font-size: 16px;
    padding-top: 3px
}

.delete-wish-search {
    font-size: 14px;
    line-height: 16px;
    display: block;
    color: #606060;
    padding-left: 30px;
    position: relative
}

.delete-wish-search:before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 25px;
    height: 25px;
    border: 1px solid #606060;
    border-radius: 5px;
    background: url(/images/new-icons/cross.svg);
    background-repeat: no-repeat;
    background-position: center center
}

.notify-company-not-active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.notify-company-not-active h4 {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #606060;
    font-weight: 700;
    margin-bottom: 20px
}

.notify-company-not-active p {
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #606060;
    max-width: 630px;
    margin-bottom: 20px
}

.list-subscribes.list-subscribe-company > ul > li {
    width: 350px
}

.list-subscribes.list-subscribe-company .discount-price-to-payment {
    right: 110px
}

span.price-describe {
    margin-top: -25px;
    font-size: 12px !important;
    line-height: 14px;
    text-align: center;
    color: #606060;
    font-weight: 400 !important
}

.list-subscribes.list-subscribe-company > ul > li > a.bbsBtn {
    height: inherit;
    line-height: normal;
    margin-top: -15px;
    margin-bottom: 15px
}

.list-subscribes.list-subscribe-company > ul > li ul.list-info-subscribes li > a {
    display: initial;
    font-size: 10px;
    line-height: 12px;
    text-decoration-line: underline;
    color: #284d5d
}

.list-subscribes.list-subscribe-company.list-bonus > ul > li {
    position: relative
}

.list-subscribes.list-subscribe-company.list-bonus > ul > li:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(/images/new-icons/plus.svg);
    left: calc(50% - 12.5px);
    top: -25%
}

.list-subscribe-company {
    display: flex;
    justify-content: center;
    gap: 35px
}

.list-subscribe-company .list-subscribes {
    width: auto !important
}

.bbsBtn:active, .bbsBtn:focus, .bbsBtn:hover {
    color: #f0f0f0
}

.links-profile:hover {
    width: 300px
}

.list-categories-list ul li a.no-arrow:after, .list-countries ul li a.no-arrow:after {
    display: none
}

a.addition-address-add {
    position: relative;
    top: 0;
    padding-right: 0;
    right: 0;
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #284d5d;
    padding-left: 25px
}

a.addition-address-add:after {
    display: none
}

a.addition-address-add:before {
    content: "+";
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #284d5d;
    border-radius: 50%;
    text-align: center;
    color: #284d5d;
    font-weight: 700;
    font-size: 18px
}

.additional-address-field-1 {
    background: #dedede;
    padding-top: 30px;
    padding-left: 20px
}

.additional-address-field-2 {
    background: #dedede;
    margin-bottom: 30px;
    padding-left: 20px
}

span.company-blok-caption {
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #284d5d !important
}

.max-width-250 {
    max-width: 250px
}

span.slug-site-link {
    font-size: 14px;
    line-height: 16px;
    color: #284d5d
}

input.company-submit {
    width: 140px;
    height: 30px;
    background: #284d5d;
    border-radius: 5px;
    font-size: 14px;
    line-height: 16px;
    color: #f0f0f0
}

.additional-address-field-1 .field-add-business, .additional-address-field-2 .field-add-business {
    max-width: 520px
}

#companyForm .error-field-auth:after {
    top: 10px
}

.company-is-public label {
    display: inline-block;
    background: #c4c4c4;
    border-radius: 5px;
    color: #f0f0f0;
    width: 200px;
    height: 30px;
    text-align: center;
    padding-top: 5px
}

.company-is-public input:checked + label {
    background: #284d5d
}

.company-is-public input {
    display: none
}

.company-is-public span {
    display: inline-block
}

.wrap-append-block > ul > li > span.is_public_button {
    width: 230px
}

#step1Business .child-lines {
    margin: 0
}

.price-list-wrap {
    padding-top: 25px
}

.pricelist-form input {
    display: none
}

.pricelist-form label {
    background: #284d5d;
    border-radius: 5px;
    color: #f0f0f0;
    width: 200px;
    height: 30px;
    padding-top: 5px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    display: block
}

.pricelist-form {
    margin-bottom: 25px
}

.one-price-list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    background: #fff;
    padding: 20px;
    align-items: center;
    margin-bottom: 15px
}

.price-list-name {
    font-size: 14px;
    color: #284d5d;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 10px
}

.price-list-info {
    display: flex;
    font-size: 10px;
    line-height: 12px;
    color: #323232
}

.price-list-status {
    margin-right: 25px
}

.reviews-wrap {
    padding-top: 25px
}

.one-review {
    margin-bottom: 15px
}

.review-block {
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 10px
}

.review-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.review-author {
    font-size: 16px;
    line-height: 19px;
    color: #284d5d;
    font-weight: 700;
    display: flex;
    align-items: center
}

.review-actions {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.review-date, .review-dislikes, .review-likes {
    font-size: 12px;
    line-height: 14px;
    color: #606060
}

.review-date, .review-likes {
    margin-right: 10px
}

.review-dislikes, .review-likes {
    display: flex;
    align-items: center
}

.review-dislikes a, .review-likes a {
    margin-right: 5px
}

.review-text p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #606060
}

.review-reply-link a {
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #284d5d
}

.replies .review-block {
    margin-left: 20px;
    position: relative
}

.replies .review-block:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 3px;
    background: #cdcdcd;
    left: -20px;
    top: 0
}

.review-author img {
    max-width: 30px;
    max-height: 20px;
    margin-right: 5px
}

.review-author img.review-flag {
    border-radius: 50%
}

.btn-send-reply {
    width: 100%;
    height: 40px;
    line-height: 36px;
    background: #284d5d;
    border-radius: 5px;
    text-align: center;
    color: #f0f0f0;
    font-size: 18px;
    display: block
}

.wrap-company-article {
    padding-top: 25px
}

li.company-ad-type {
    position: relative;
    margin-left: 15px
}

li.company-ad-type:before {
    content: "";
    position: absolute;
    height: 15px;
    top: 3px;
    width: 1px;
    background: #284d5d;
    left: -15px
}

.list-company-country-filter li {
    position: relative
}

.list-company-country-filter li ul {
    padding-left: 30px;
    display: none
}

.list-company-country-filter li.active ul {
    display: block
}

.list-company-country-filter > li:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 16px;
    background: url(/images/new-icons/arrow-left.png);
    transform: rotate(-90deg);
    display: block;
    top: 0;
    right: 30px;
    cursor: pointer;
    transition: all .2s ease
}

.list-company-country-filter > li.active:after {
    transform: rotate(90deg)
}

.btn-create-service, .btn-create-service:hover {
    padding-top: 12px
}

.company-header {
    background: #f0f0f0;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    padding: 30px;
    margin-bottom: 20px
}

.company-info {
    display: flex;
    flex-wrap: wrap
}

.company-logo {
    margin-right: 30px
}

.company-title h1 {
    font-size: 18px;
    line-height: 21px;
    color: #284d5d;
    font-weight: 700
}

.company-online .online-user:before {
    left: 0
}

.company-site {
    margin-top: 10px
}

.company-site > a.source-link {
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    position: relative;
    padding-left: 25px
}

.company-site > a.source-link:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    background: url(/images/new-icons/original-link.svg)
}

.company-online {
    display: flex;
    align-items: center;
    margin-top: 15px
}

.company-online .online-user {
    margin-right: 15px
}

.company-location {
    margin-top: 10px
}

.company-location span.country-business {
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline
}

.contacts-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.contacts-row:first-child {
    gap: 15px
}

.contacts-row:last-child {
    justify-content: center
}

.contacts-row > a {
    height: 35px !important;
    border: 1px solid #284d5c;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    min-width: 150px;
    padding-top: 7px;
    color: #284d5c;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600
}

.contacts-row > a:hover {
    background: #284d5c;
    color: #f0f0f0
}

.share-row {
    display: flex;
    justify-content: center;
    align-items: center
}

.share-row a {
    font-size: 10px;
    line-height: 12px;
    color: #284d5d;
    position: relative
}

.share-row a:not(:last-child) {
    margin-right: 20px
}

.share-row a.add-favorite, .share-row a.btn-show-share, .share-row a.print-content {
    width: auto;
    height: auto;
    padding-left: 20px
}

.share-row a.add-favorite:before {
    content: "";
    background: url(/images/svg/favorite-business.svg);
    background-size: 15px 15px, cover;
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    top: -1px
}

.share-row a.btn-show-share:before {
    content: "";
    background: url(/images/svg/share-business.svg);
    background-size: 15px 15px, cover;
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    top: -1px
}

.share-row a.print-content:before {
    content: "";
    background: url(/images/svg/print.svg);
    background-size: 15px 15px, cover;
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    top: -1px
}

.about-wrap {
    padding-bottom: 25px
}

.about-wrap .requisites {
    margin-top: 15px;
    font-size: 14px;
    line-height: 18px;
    color: #606060
}

.about-wrap .count-images {
    bottom: 25px
}

.about-wrap .countries {
    margin-top: 15px
}

.about-wrap .countries .continent-title {
    margin-bottom: 10px;
    color: #606060;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600
}

.about-wrap .countries .continent-line span {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 15px;
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    font-weight: 600
}

.list-images-company {
    gap: 30px;
    display: grid;
    grid-template-columns:1fr 1fr
}

.list-images-company .videoWrapper {
    width: 635px;
    max-width: 635px
}

.list-images-company .videoWrapper iframe {
    height: 100%
}

.list-images-company > .images-wrap ul {
    height: auto;
    overflow: visible;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 30px;
    grid-row-gap: 16px
}

.list-images-company .images-wrap ul li {
    margin: 0
}

.list-images-company > .images-wrap ul li {
    width: 100%
}

.listings-wrap .container {
    padding-left: 0;
    padding-right: 25px
}

.wrap-btn-search-company-ads {
    float: right
}

.wrap-btn-search-company-ads a:after {
    position: absolute;
    content: url(/images/svg/btn-search.svg)
}

.wrap-btn-search-company-ads a {
    width: 25px;
    height: 25px;
    position: relative;
    display: block
}

#wrapper .remove-values-company:after {
    content: url(/images/svg/remove-value.svg)
}

.one-filter-price-company-ads > a {
    display: block;
    position: relative;
    font-weight: 700;
    color: #606060;
    margin-bottom: 10px
}

.one-filter-price-company-ads > a:after {
    position: absolute;
    content: url(../images/svg/arrow-bottom-gray.svg);
    right: 0;
    top: 0
}

.one-filter-price-company-ads > a.active:after {
    transform: rotate(180deg);
    top: 3px
}

.one-filter-price-company-ads ul li {
    display: inline-block;
    width: 80px;
    height: 25px;
    margin-right: 20px
}

.one-filter-price-company-ads ul li input {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 5px;
    border: none;
    outline: 0;
    padding-left: 10px
}

.one-filter-price-company-ads ul li:nth-child(3) a {
    position: relative;
    width: 25px;
    height: 25px;
    display: block
}

.one-filter-price-company-ads ul li:nth-child(3) {
    width: 25px !important;
    float: right;
    margin-right: 0
}

.one-filter-price-company-ads ul li:nth-child(3) a:after {
    position: absolute;
    content: url(/images/svg/btn-search.svg)
}

.list-values-filter-company-ads {
    position: relative
}

.list-values-filter-company-ads li {
    margin-bottom: 3px
}

.list-values-filter-company-ads li input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.list-values-filter-company-ads li label {
    font-weight: 400;
    color: #284d5d;
    font-size: 12px;
    position: relative;
    padding-left: 20px
}

.list-values-filter-company-ads li label:before {
    position: absolute;
    left: 0;
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    background: #f0f0f0;
    border: 1px solid #606060;
    box-sizing: border-box;
    border-radius: 5px;
    top: 1px
}

.list-values-filter-company-ads li input[type=checkbox]:checked + label:after {
    position: absolute !important;
    left: 0 !important;
    top: 1px !important;
    display: block !important;
    background: #284d5d;
    width: 15px;
    height: 15px;
    display: block;
    z-index: 7567567;
    content: '';
    border-radius: 5px
}

.filter-category-company .mobile-filter-btns {
    margin-left: -45px
}

.prices-wrap {
    padding-top: 25px
}

.price-list-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.price-list-company-info {
    display: flex;
    align-items: center
}

.price-list-company-info a {
    padding-left: 25px;
    position: relative;
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #284d5d;
    text-transform: uppercase;
    margin-right: 30px;
    font-weight: 700
}

.price-list-company-info a:before {
    content: "";
    width: 16px;
    height: 16px;
    left: 0;
    background: url(/images/new-icons/download-prices.svg);
    display: block;
    position: absolute
}

.price-list-company-info span {
    font-size: 14px;
    line-height: 16px;
    color: #606060
}

.companies-rewiews-wrap .review-block {
    background: #f0f0f0
}

.companies-rewiews-wrap .review-block {
    background: #f0f0f0
}

.review-add-block {
    padding-top: 25px
}

.review-add-block p {
    font-size: 20px;
    line-height: 23px;
    color: #606060;
    margin-bottom: 20px
}

.review-add-block p + p {
    font-size: 14px
}

.review-add-block a {
    max-width: 215px
}

.review-strike {
    margin-left: 10px
}

i.attention {
    width: 16px;
    height: 16px;
    background: url(/images/new-icons/attention.png);
    display: block;
    right: 10px;
    top: 10px;
    cursor: pointer
}

#strikeFormModal h4 {
    font-size: 18px;
    line-height: 21px;
    color: #606060;
    text-align: left
}

#strikeFormModal p {
    font-size: 14px
}

#strikeFormModal .bbs-label label {
    margin-bottom: 15px
}

#strikeFormModal .actions {
    display: flex;
    align-items: center
}

#strikeFormModal .actions .bbsBtn {
    margin-right: 15px
}

#strikeFormModal .actions a:last-child {
    padding: 8px 20px;
    border: 1px solid #284d5d;
    border-radius: 5px;
    color: #284d5d
}

.company-articles-wrap {
    display: grid;
    grid-template-columns:repeat(2, 460px);
    padding-top: 25px;
    padding-bottom: 25px;
    gap: 30px
}

.company-article {
    background: #f0f0f0;
    border-radius: 5px;
    max-width: 460px;
    padding: 10px 20px
}

.artile-head {
    margin-bottom: 15px
}

.artile-head span {
    font-size: 10px;
    line-height: 9px;
    text-align: center;
    color: #606060
}

.artile-head span:not(:last-child) {
    padding-right: 15px;
    position: relative
}

.artile-head span:not(:last-child):after {
    content: "";
    position: absolute;
    width: 1px;
    height: 8px;
    background: #606060;
    right: 5px;
    bottom: 1px
}

.artile-head span.views-articles {
    padding-left: 15px
}

.artile-head span.views-articles:before {
    content: "";
    width: 9px;
    height: 8px;
    background: url(/images/svg/eye-stats.svg);
    background-size: 8px 9px;
    position: absolute;
    display: block;
    left: 0
}

.article-content {
    display: flex;
    align-items: flex-start
}

.article-image {
    margin-right: 15px
}

.article-image img {
    border-radius: 5px;
    max-width: 220px;
    max-height: 150px
}

.article-name a {
    font-size: 18px;
    line-height: 22px;
    color: #284d5d;
    display: block;
    font-weight: 600;
    margin-bottom: 15px
}

.excerpt-and-tags .excerpt {
    font-size: 12px;
    line-height: 14px;
    color: #606060
}

.excerpt-and-tags .excerpt a {
    display: block;
    color: #284d5d
}

.articles-cats {
    margin-top: 15px
}

.articles-cats .links-article li {
    display: inline-block;
    margin-right: 12px
}

.articles-cats .links-article li a {
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #606060;
    background: #c4c4c4;
    border-radius: 5px;
    padding: 2px 5px;
    display: block;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.links-article li a:hover {
    font-weight: bold;
}

.sticky-banner {
    position: fixed;
    right: 20px;
    bottom: 20px;
    visibility: hidden;
    transform: translateX(500px);
    z-index: 102
}

.sticky-banner.show {
    visibility: visible;
    transform: translateX(0);
    transition: all .5s ease-in-out
}

.sticky-banner-content {
    background: #c4c4c4;
    border-radius: 5px;
    position: relative;
    display: block
}

.sticky-banner-content a {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.sticky-banner-content a > img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    display: flex;
    max-height: 300px;
    max-width: 100%
}

.sticky-banner-close {
    position: absolute;
    background: url(/images/new-icons/close-banner.svg);
    display: block;
    width: 15px;
    height: 15px;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 2
}

.field-create-article span a, .text-hint {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #284d5d;
    text-align: center;
    position: absolute;
    font-weight: 400;
    vertical-align: middle;
    white-space: normal;
    top: 0;
    right: 0
}

#step1Business form > ul > li, .wrap-append-block > ul > li:not(.name-block) {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

#step1Business form > ul > li, .wrap-append-block > ul > li.lang-active:not(.name-block) {
    align-items: baseline
}

ul.selected-languages li {
    margin-bottom: 5px
}

#step1Business form > ul > li, .wrap-append-block > ul > li .attention {
    width: 100%;
    flex: 1;
    flex-basis: 100%
}

.filters-cabinet-ads {
    margin-bottom: 15px
}

.filters-cabinet-ads > ul {
    display: flex;
    justify-content: space-between;
    position: relative
}

.filters-cabinet-ads ul li {
    color: #606060;
    font-size: 10px;
    padding-right: 20px;
    position: relative
}

.filters-cabinet-ads > ul > li > a {
    color: #606060;
    position: relative;
    font-weight: 600
}

.filters-cabinet-ads > ul > li > a:after {
    position: absolute;
    right: -15px;
    content: url(../images/svg/arrow-bottom-gray-little.svg)
}

.filters-cabinet-ads > ul > li > a.active ~ div {
    display: block
}

.list-sort-ads {
    position: absolute;
    width: max-content;
    background: #fff;
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    padding: 10px 15px;
    font-size: 12px;
    z-index: 9;
    right: -25px;
    display: none
}

.list-sort-ads ul li a {
    display: block;
    color: #606060;
    width: max-content;
    padding-bottom: 7px
}

.commands-wrap {
    padding-top: 15px
}

.add-commands-btn {
    max-width: 200px
}

.commands-list {
    margin-top: 15px;
    margin-bottom: 15px
}

.commands-one {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px
}

.command-user-name {
    font-size: 14px;
    line-height: 16px;
    color: #284d5d;
    font-weight: 700
}

.command-user-data {
    display: flex;
    margin-top: 10px;
    gap: 15px
}

.command-user-data > div {
    font-size: 10px;
    line-height: 12px;
    color: #323232
}

.commnad-user-action a {
    width: 100px;
    height: 30px;
    text-align: center;
    border: 1px solid #284d5d;
    border-radius: 5px;
    font-size: 12px;
    color: #284d5d;
    display: block;
    padding-top: 5px;
    cursor: pointer
}

.form-commands-add {
    padding: 0;
    text-align: left
}

.form-control-fields.form-commands-add .form-field {
    padding-right: 25px;
    display: grid;
    grid-template-columns:220px 1fr
}

.form-commands-add .form-field > label {
    max-width: 200px
}

.form-commands-add .form-field .list-values {
    right: 0
}

.form-commands-add .form-field .required-span {
    font-weight: 700;
    position: relative;
    vertical-align: top;
    top: 3px;
    margin-right: 40px
}

.form-control-fields.form-commands-add .form-field.error-field-auth:after, .form-control-fields.form-commands-add .form-field.success-field-auth:after {
    top: 5px
}

.form-commands-add .form-field .required-span i {
    color: red;
    display: inline-block
}

.form-commands-add .form-field > input {
    float: none;
    width: 100%
}

.form-commands-add .form-field > input[type=submit] {
    height: 30px;
    line-height: 12px;
    margin-left: 0
}

.form-commands-add .form-field > .wrap-password {
    width: 100%
}

.form-commands-add .form-field > .wrap-password > input {
    width: 100%;
    float: none
}

.command-wrap {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    margin-top: 20px
}

.command-user {
    max-width: 250px;
    background: #f0f0f0;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px
}

.command-user .contacts-wrap .contacts-row > a {
    min-width: auto;
    font-size: 12px
}

.command-user-role {
    font-size: 10px;
    line-height: 12px;
    color: #606060;
    margin-bottom: 10px;
    margin-top: 5px
}

.command-user-hide {
    display: none
}

.command-show-more {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px
}

.command-show-more a {
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    padding-top: 0;
    width: 125px;
    display: block;
    height: 30px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #284d5d;
    line-height: 24px;
    position: relative
}

.command-show-more a:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 5px;
    background: url(/images/new-icons/arrow-little.svg);
    display: block;
    right: 10px;
    top: 12px
}

#messagePopupCompany .modal-dialog {
    width: 350px;
    height: 580px;
    background: #f0f0f0;
    border-radius: 5px;
    padding: 25px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0
}

#messagePopupCompanyCommand .modal-dialog {
    width: 350px;
    height: 580px;
    background: #f0f0f0;
    border-radius: 5px;
    padding: 25px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0
}

#menus .services-box .services-link:nth-child(4), #menus .services-box .services-link:nth-child(5) {
    margin-bottom: 0
}

.main-header .btn-add-business, .main-header .h1-top {
    margin-top: 0;
    margin-bottom: 0
}

.h1-top img {
    padding-top: 5px
}

.seller-services .service {
    border-radius: 5px
}

.seller-services .service .service-title, .tariff-price .price, .tariff-price .price > span, ul.tariffs h4 {
    font-weight: 700
}

.list-subscribes > ul.tariffs > li {
    padding: 20px
}

.list-business-title a {
    line-height: 25px
}

.coordinate-wrapper {
    padding-bottom: 0 !important
}

.coordinate-wrapper.active {
    padding-bottom: 30px !important
}

.coordinate-wrapper div, .coordinate-wrapper span {
    display: none !important
}

.coordinate-wrapper.active div, .coordinate-wrapper.active span {
    display: inline-block !important
}

.ui-datepicker td a, .ui-datepicker td span {
    width: 32px;
    height: 32px;
    text-align: center
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)";
    background-image: none
}

.list-value-languages div.languages-filter li.active-child > label:after {
    content: "";
    position: absolute;
    left: 3px;
    width: 9px;
    height: 9px;
    top: 4px;
    border-radius: 3px;
    background: #284d5d
}

.name-profile {
    margin-bottom: 10px
}

.online-user {
    margin-bottom: 15px
}

.w-210 {
    width: 210px
}

.notification-banner {
    display: flex;
    gap: 10px;
    background: #fff;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 16px;
    color: #606060;
    margin-bottom: 20px
}

.business-actions .business-top > a.renew {
    background: 0 0;
    width: 100px;
    height: 30px;
    text-align: center;
    border: 1px solid #284d5d;
    border-radius: 5px;
    font-size: 12px;
    color: #284d5d;
    display: block;
    padding-top: 5px;
    cursor: pointer
}

.description-business ul.select-language-text li {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    color: #606060
}

.description-business ul.select-language-text li a:after {
    content: ""
}

.description-business ul.select-language-text li a.active {
    color: #284d5d !important
}

.company-location span.country-business {
    padding-left: 25px
}

.company-location span.country-business:before {
    left: 4px
}

.company-online .online-user {
    padding-left: 25px
}

.company-online .online-user:before {
    left: 4px
}

.mobile-profile-btn i {
    position: absolute;
    right: -5px;
    top: -5px;
    background: #b70416;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    color: #f0f0f0;
    text-align: center;
    line-height: 14px;
    font-size: 10px
}

.field-registration-data.field-notification img {
    margin: 0;
    height: auto;
    text-align: left
}

span.company-name a {
    font-size: 12px;
    line-height: 14px;
    color: #284d5d;
    font-weight: 600;
    margin-left: 5px
}

.links-profile .is-not-read {
    right: auto;
    left: 15px;
    top: -5px
}

.tariff-count-box.contacts_count {
    color: #284d5d
}

span.payment-current-price, span.payment-discont, span.payment-old-price {
    font-size: 24px;
    position: relative
}

span.payment-old-price:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    top: 50%;
    background: #b70416;
    transform: rotate(31.68deg)
}

span.payment-discont {
    color: #b70416
}

span.payment-current-price {
    color: #284d5d
}

.list-account-packages {
    margin-left: -.36em;
    margin-right: 0;
    margin-bottom: 25px
}

.list-account-packages .package {
    display: flex;
    justify-content: space-between;
    background: #f0f0f0;
    padding: 15px;
    border-radius: 5px;
    align-items: center;
    max-width: 725px
}

.list-account-packages .package.active {
    border: 1px solid #284d5d
}

.check-label {
    font-size: 16px;
    line-height: 19px;
    color: #284d5d;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 35%
}

.check-label input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.check-label input + label {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: 3px
}

.check-label input + label:before {
    border: 1px solid #284d5d;
    box-sizing: border-box;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    content: '';
    display: block
}

.check-label input:checked + label:after {
    position: absolute;
    left: 1px;
    top: 2px;
    content: url(/images/svg/check.svg)
}

.service-counter, .service-stop-date {
    font-size: 14px;
    line-height: 16px;
    color: #284d5d
}

.top-border-grey {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0 -12px 5px -10px;
    width: auto;
    height: 60px;
    background-size: cover;
    background-position: center
}

.top-border-grey img {
    width: 100%;
    height: 100%
}

.wrap-list-type ul li a.tender_counter_value {
    height: auto
}

.list-business-filters ul.list-parameters li.countries-list {
    grid-template-columns:120px 1fr
}

.in-not-read-mobile {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    background: #b70416;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    text-align: center;
    border-radius: 50%;
    color: #f0f0f0;
    font-size: 10px;
    line-height: 13px;
    z-index: 6;
    left: 10px;
    top: -5px
}

.sections-header-mobile.sections-header-mobile-menu ul li > ul > li > a > img {
    max-width: 18px;
    margin-right: 5px
}

.sections-header-mobile.sections-header-mobile-menu ul li > ul > li {
    margin-bottom: 15px
}

.name-user-message.name-user-message-company {
    padding-left: 20px
}

.base-message-name {
    text-align: left
}

.base-message-name a {
    font-size: 12px;
    line-height: 14px;
    color: #606060;
    text-align: left;
    margin-bottom: 5px;
    font-weight: 400
}

.base-message-name.admin a {
    font-weight: 700
}

.second-message-name {
    font-size: 10px;
    line-height: 12px;
    color: #606060;
    font-weight: 400;
    text-align: left
}

.command-dialog-dropdown {
    position: relative
}

.command-dialog-list {
    position: absolute;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 2px #919191;
    z-index: 5;
    right: 0;
    display: none;
    transition: .2s ease;
    width: 100%;
    min-width: 120px
}

.command-dialog-dropdown.active .command-dialog-list {
    display: block
}

.command-dialog-list-item {
    margin-bottom: 5px
}

.wrap-list-control-dialog .command-dialog-list-item a {
    padding-left: 0
}

li.dialog-switcher > div, li.dialog-switcher > span {
    display: inline-block;
    font-size: 12px
}

li.dialog-switcher {
    position: relative;
    top: -2px
}

li.dialog-switcher > span {
    margin-right: 10px;
    color: #606060;
    font-weight: 400
}

.command-dialog-value {
    position: relative;
    color: #284d5d;
    padding-right: 25px;
    cursor: pointer
}

.command-dialog-value:before {
    content: "";
    background: url(../images/svg/arrow-bottom-gray.svg);
    width: 18px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 7px
}

.wrap-list-control-dialog .command-dialog-list-item a:hover {
    color: #284d5d
}

#map path:hover {
    fill: #21404e !important;
    fill-opacity: 1 !important
}

#step1Business form > ul > li > span, .wrap-append-block > ul > li > span {
    position: relative;
    top: auto
}

#step1Business a.no-arrow:after {
    content: url(/images/svg/plus.svg);
    display: block
}

#step1Business .no-arrow.active:after {
    content: url(/images/svg/check-category.svg);
    display: block
}

.field-create-article span a, .text-hint {
    top: 5px
}

.one-business-countries {
    margin-top: 25px
}

.links-profile ul li a {
    margin-bottom: 18px
}

.add-favorite.active:before, .add-favorite:hover:before, .info-account-business .add-favorite.active:before {
    content: url(/images/svg/remove-favorite.svg)
}

.mobile-add-btn:active, .mobile-add-btn:hover {
    color: #f0f0f0
}

.mobile-filter-btns.load:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 5px;
    background: #284d5d;
    margin-left: -15px;
    display: block;
    transition: all .3s ease;
    animation: load 5s ease-in-out infinite
}

.buy-button a.dropdown-item:active {
    background-color: initial
}

.selected-categories li a {
    width: 99%
}

#wrapper .top-header .account-list li:first-child a.command-message-icon:before {
    left: 0
}

.links-profile ul li:first-child a.command-message-icon:after {
    top: 0 !important
}

li.message-style:before {
    content: attr(title);
    font-size: 10px;
    color: #606060;
    position: absolute;
    top: -18px
}

li.message-style.right-message:before {
    right: 5px
}

.name-profile.company img {
    position: relative;
    margin-right: 5px;
    top: -2px
}

.sections-header-mobile.sections-header-mobile-menu ul li > ul > li:last-child {
    margin-bottom: 0
}

p.command-add-notify-text {
    font-size: 16px;
    line-height: 18px
}

p.command-add-notify-text > span.commanEmail {
    color: #284d5d
}

ul.one-business-tags li a {
    color: #284d5d !important
}

ul.one-business-tags li a:not(.text-link):hover {
    text-decoration: underline
}

.select-categories.has-selected {
    align-items: baseline !important
}

i {
    font-style: normal
}

.count_contacts {
    margin-right: 5px
}

.list-value-languages li input[type=checkbox]:checked + label:after, .list-value-languages li input[type=radio]:checked + label:after {
    position: absolute !important;
    left: 0 !important;
    top: 1px !important;
    display: block !important;
    background: #284d5d;
    width: 15px;
    height: 15px;
    display: block;
    z-index: 7567567;
    content: '';
    border-radius: 5px
}

.list-images-business.list-images-company ul li:nth-child(n+4) {
    display: block
}

.list-images-business.list-images-company ul li:nth-child(n+5) {
    display: none
}

.list-favorites > .one-current-business > .list-business-title > a {
    max-width: 80%
}

.for-proff-company-sale {
    background: #f0f0f0;
    border-radius: 5px;
    width: 100%;
    max-width: 730px;
    margin: 0 auto 18px -.36em;
    padding: 25px 20px;
    position: relative;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #606060
}

.caption-business:before {
    position: absolute;
    top: 0;
    content: '';
    width: 100%;
    max-width: 565px;
    background: #c4c4c4;
    height: 1px
}

.countries .continent-line {
    margin-top: 15px
}

.company-online .online-user {
    margin-bottom: 0;
    margin-top: 0
}

.company-online .offline-user {
    margin-right: 15px
}

.list-images-business li a img {
    border-radius: 5px
}

.about-wrap > .caption-business:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: '';
    width: 90%;
    background: #c4c4c4;
    height: 1px;
    transform: translate(-50%, 0);
    max-width: initial
}

a.btn-create-service {
    position: relative
}

a.btn-create-service:after {
    content: "";
    position: absolute;
    left: 10px;
    top: calc(50% - 8px);
    background: url(/images/new-icons/arrow-btn.png);
    width: 10px;
    height: 16px;
    display: block
}

.images-wrap {
    position: relative
}

.company-logo img {
    max-height: 120px;
    height: 100%;
    width: 100%
}

.images-wrap ul li a span {
    display: block;
    width: 100%;
    height: 150px;
    border-radius: 5px
}

.about-wrap > .description-business {
    padding-top: 0
}

.about-wrap > .caption-business {
    padding-top: 20px
}

.list-images-company .images-wrap ul li {
    max-width: 100%
}

.wrap-list-images.wrap-image-cover ul li.img-control {
    width: 270px
}

.list-images-company .images-wrap ul li:nth-child(2n) {
    margin-right: 0
}

a.btn-create-service:active, a.btn-create-service:focus {
    color: #f0f0f0
}

.wrap-img-business img {
    max-width: 170px
}

.offline-user {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 5px
}

#oneBusiness .description-business:not(.images-wrap-business) a, #oneBusiness .description-business:not(.images-wrap-business) p {
    word-wrap: break-word;
    display: flex;
    justify-content: space-between
}

.list-company-country-filter li {
    margin-bottom: 3px
}

.list-company-country-filter li input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.list-company-country-filter li label {
    font-weight: 400;
    color: #284d5d;
    font-size: 12px;
    position: relative;
    padding-left: 20px
}

.list-company-country-filter li label:before {
    position: absolute;
    left: 0;
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    background: #f0f0f0;
    border: 1px solid #606060;
    box-sizing: border-box;
    border-radius: 5px;
    top: 1px
}

.list-company-country-filter li input[type=checkbox]:checked + label:after, .list-company-country-filter li input[type=radio]:checked + label:after {
    position: absolute !important;
    left: 0 !important;
    top: 1px !important;
    display: block !important;
    background: #284d5d;
    width: 15px;
    height: 15px;
    display: block;
    z-index: 7567567;
    content: '';
    border-radius: 5px
}

.list-company-country-filter a {
    display: block;
    position: relative;
    color: #284d5d;
    font-size: 12px;
    padding-bottom: 7px
}

.list-company-country-filter label a {
    display: inline-block
}

.list-company-country-filter li.active-child > label:after {
    content: "";
    position: absolute;
    left: 3px;
    width: 9px;
    height: 9px;
    top: 4px;
    border-radius: 3px;
    background: #284d5d
}

.article-name a, .articles-page .name-news {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.excerpt-and-tags div > a {
    margin-top: 10px
}

.message-style {
    margin-bottom: 25px
}

.company-name {
    padding-bottom: 5px
}

.tabs-title {
    display: none
}

.tabs-title.active {
    display: block
}

.company-article.one-news > ul li:after {
    top: 4px
}

.wrap-list-other-business-account {
    width: 980px
}

.wrap-list-other-business-account h4 {
    padding-left: 50px
}

.other-header {
    display: flex;
    align-items: center
}

.other-header a {
    display: block;
    margin-bottom: 22px;
    margin-left: 30px
}

.list-business-image > .wrap-business-img img {
    width: 100%;
    height: 100%
}

#successRegistration .success-ad a {
    width: 255px;
    color: #f0f0f0;
    text-decoration: none
}

.succces-btn {
    display: flex;
    justify-content: center
}

#successRegistration .success-ad a:active, .success-ad a:hover {
    color: #f0f0f0;
    text-decoration: none
}

.counter-block {
    display: flex;
    justify-content: center;
    margin-bottom: 18px
}

.counter-block > .counter-services {
    margin: 0 0 0 -.36em
}

.list-other-services {
    width: 100%
}

.for-proff-company-sale {
    margin-left: 0
}

#listPromotional {
    display: flex;
    gap: 35px;
    margin-bottom: 100px;
    align-items: flex-start
}

#listPromotional > li {
    margin-left: 0;
    margin-right: 0;
    display: block
}

.count-images {
    z-index: 3
}

.no-padding {
    padding-top: 0
}

.block {
    display: flex;
    height: 30px;
    width: 100%;
    position: relative
}

.service-wrap {
    display: flex;
    justify-content: center
}

.list-mini-categories {
    margin-top: 15px
}

.description-business.caption-business.no-border {
    padding-top: 0
}

.price-date {
    padding-bottom: 10px
}

.companies-cats strong, .companies-gallery strong {
    font-weight: 700
}

.links-profile > ul > li > a.active:after, .links-profile > ul > li > a.active:before, .links-profile > ul > li > a:after, .links-profile > ul > li > a:before, .links-profile > ul > li > a:hover:after, .links-profile > ul > li > a:hover:before {
    top: auto !important
}

.links-profile > ul > li > a.active:after, .links-profile > ul > li > a:after, .links-profile > ul > li > a:hover:after {
    transform: translate(-50%, -2px)
}

.links-profile > ul > li > a.active:before, .links-profile > ul > li > a:before, .links-profile > ul > li > a:hover:before {
    transform: translate(0, -2px)
}

.account-images-field {
    display: flex;
    align-items: center
}

.style-service {
    padding-top: 10px
}

.seller-services h1 {
    font-weight: 700
}

.foc-steps .foc-step .foc-step-content .foc-step-title {
    margin-bottom: 5px
}

#replyReviewPopup .form-field-message {
    margin-bottom: 0
}

.sections-header-mobile ul li {
    margin-bottom: 15px
}

.list-images-business:not(.list-images-company) ul li:nth-child(n+4) {
    display: none
}

.ads-footer {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: end
}

.list-business-categories {
    max-width: 80%
}

.employer-catalog-box .catalog-title-mobile {
    display: none
}

#oneBusiness .description-business .command-show-more > a, #oneBusiness .description-business .contacts-wrap > .contacts-row > a {
    justify-content: center
}

.service-info-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-basis: 60%
}

a.describe-close {
    width: auto !important
}

.price-list-action-mobile {
    display: none
}

.employer-catalog-wrap {
    display: flex;
    flex-basis: 100%
}

.top-header .col-lg-6 ul.account-list > li a {
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: 400
}

.add-favorite:before {
    content: url(/images/new-icons/wish/vector.svg);
    position: absolute;
    top: 3px
}

.add-favorite.active:before, .add-favorite:hover:before, .info-account-business .add-favorite.active:before {
    content: url(/images/new-icons/wish/vector-active.svg)
}

.list-business-filters ul.list-parameters a.show-more-country-mobile {
    display: none
}

.list-business-filters.company-filters > li {
    margin-top: 10px;
    margin-bottom: 10px
}

.list-currencies ul > li > a:after, .list-languages ul > li > a:after {
    content: ""
}

.business-statistics.business-statistics-mobile, .renders-category-mobile {
    display: none
}

.one-current-business.no-top-paddind {
    padding: 0 10px 10px 10px
}

#listPromotional > li:last-child {
    border: 1px solid #284d5d
}

.show-filters-category.active + .list-categories-filter {
    z-index: 101;
    left: 100%
}

#wrapper .list-currencies ul li a, #wrapper .list-languages ul li a {
    font-weight: 400
}

#wrapper .list-languages ul li a:hover {
    font-weight: bold;
}

.mobile-add-btn, .mobile-menu-btn, .mobile-profile-btn {
    font-weight: 700
}

.images-wrap-business {
    padding-top: 20px;
    position: relative;
    margin-top: 20px;
    color: #606060;
    font-size: 10px;
    line-height: 15px
}

.left-content-service .list-images-business li a img {
    width: 100%;
    height: 100%
}

.company-online.mobile {
    display: none
}

.top-header .col-lg-5:last-child, .top-header .col-lg-6:last-child {
    padding-left: 0
}

.description-business.filter-values-business {
    padding-top: 10px
}

.list-values-filter.tags-filter > li > a {
    display: inline-block
}

.main-content-business h1 {
    margin-bottom: 0
}

.no-margin-top {
    margin-top: 0
}

#oneBusiness .country-business {
    margin-top: 10px
}

.description-business.caption-business .select-language-text li > a.active {
    font-weight: 700
}

.description-business .bussiness-desc, .description-business.caption-business .bussiness-desc {
    line-height: 20px
}

.one-current-business .list-business-location > p {
    margin-top: 0 !important
}

.form-registration .form-field.wrap-list .list-values {
    right: auto;
    top: 53px
}

.list-banners img {
    width: 100%
}

.tooltip {
    font-family: Literata;
    font-weight: 400
}

.about-wrap .countries .continent-line span > img {
    top: -2px;
    margin-right: 3px
}

.list-business-filters.company-filters .list-parameters .countries-list {
    margin-top: 10px
}

.list-business-filters.company-filters .list-parameters .countries-list > p > span > img {
    top: -1px
}

.field-import {
    display: flex
}

.field-import .wrap-btn-list a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 35px
}

.form-registration.form-commands-add .form-field.wrap-list .list-values {
    top: 32px
}

.contacts-row > a {
    height: auto !important;
    min-height: 35px;
    padding-bottom: 7px
}

.list-images-company.only-image {
    grid-template-columns:auto
}

.list-images-company.only-image > .images-wrap ul {
    grid-template-columns:repeat(4, 1fr)
}

.wrap-counter-service li > step {
    font-weight: 700
}

svg#map {
    width: 100%
}

ul.select-language-text li a {
    font-weight: 600
}

.date-message {
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .business-title a.link-business:after {
        top: auto
    }

    #successRegistration a, .add-success-content p {
        font-size: 12px
    }

    .check-label {
        max-width: 100%
    }

    .link-business {
        padding-top: 0
    }

    .package-line.not-active span:after {
        left: -22px
    }

    .info-account-business > ul {
        width: 45%;
        max-width: 45%
    }

    .list-subscribes .discount-price-to-payment {
        right: 40%
    }

    .list-subscribes .list-period {
        margin-bottom: 0
    }

    .list-business-logo-avatar > img {
        max-width: 70px;
        max-height: 70px
    }

    .list-business-logo-avatar {
        right: 10px
    }

    .render-categories, .render-location {
        display: none
    }

    .render-categories.renders-category-mobile, .render-location.renders-location-mobile {
        display: block
    }

    .filter-head a {
        display: none
    }

    .filter-head {
        justify-content: center
    }

    .account-images-field {
        flex-direction: column;
        align-items: flex-start
    }

    .list-currencies span i, .list-languages span i {
        text-transform: uppercase;
        display: inline-block
    }

    #listPromotional {
        flex-direction: column;
        gap: 15px;
        margin-top: 30px
    }

    .command-wrap {
        grid-template-columns:repeat(2, 1fr);
        gap: 10px
    }

    .command-user-name, .command-user-role {
        text-align: center
    }

    .command-user {
        max-width: 100%
    }

    .company-contacts {
        margin-top: 15px
    }

    .company-logo img {
        max-height: 120px;
        height: 100%
    }

    .company-article {
        max-width: 100%
    }

    .logo img {
        max-width: 90px;
        margin: 0;
        max-height: 70px
    }

    .btn-desktop-right {
        padding-right: 15px
    }

    .mobile-add-btn, .mobile-menu-btn, .mobile-profile-btn {
        width: 40px;
        height: 40px;
        padding: 8px 9px
    }

    .mobile-add-btn img, .mobile-menu-btn img, .mobile-profile-btn img {
        max-width: 22px;
        margin: 0
    }

    .top-border-grey {
        margin-top: 0;
        margin-left: -10px;
        margin-right: -12px
    }

    .mobile-profile-btn.no-auth .mobile-profile-img-box:after {
        right: 0
    }

    .account-list-mobile, .list-mobile-menu-header {
        width: 100%;
        max-width: 100%
    }

    .sections-header-mobile span:before {
        display: none
    }

    .list-mobile-menu-header .h1-top {
        float: none;
        text-align: center;
        max-width: 100%
    }

    #wrapper .list-currencies ul {
        width: 100vw;
        padding-left: 34px;
        padding-top: 13px
    }

    .list-categories-footer {
        flex-direction: column
    }

    .list-categories-footer > li {
        margin-bottom: 35px
    }

    .description-box {
        padding-right: 40px;
        padding-left: 40px
    }

    .site-description {
        align-items: center;
        flex-direction: column
    }

    .description-text {
        text-align: center
    }

    .site-description .footer-logo {
        margin: 0 0 20px 0
    }

    .main-mobile-row {
        height: 100px
    }

    .account-list-mobile, .list-mobile-menu-header {
        top: 100px
    }

    .list-categories-footer {
        flex-wrap: wrap;
        flex-direction: column
    }

    .search__button a span {
        display: none
    }

    .search__button a span + span {
        display: block
    }

    .dropdown-box .dropdown__value, .search__box input, .search__box input::placeholder {
        font-size: 10px
    }

    .dropdown-box .dropdown__value {
        padding: 18px 0 0 5px
    }

    .search__box {
        width: 55%
    }

    .search__dropdown {
        width: 30%
    }

    .search__button {
        width: 15%
    }

    .dropdown-box .dropdown__list {
        min-width: 120px;
        right: 0
    }

    .dropdown-box .dropdown__list ul li a {
        font-size: 12px;
        padding: 5px 6px
    }

    .categories-of-ads .list-categories {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-left: -15px;
        margin-right: -30px
    }

    .categories-of-ads .list-categories::-webkit-scrollbar {
        display: none
    }

    .categories-of-ads .list-categories {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .categories-of-ads .list-categories li {
        width: auto
    }

    .categories-of-ads .list-categories li a {
        margin-right: 7px
    }

    #wrapper .owl-carousel .owl-item img {
        height: auto
    }

    .categories-of-ads .list-categories li a {
        height: 40px;
        font-size: 10px;
        line-height: 12px
    }

    .categories-of-ads .list-categories li a img {
        max-width: 24px
    }

    .categories-of-ads .list-categories li a span {
        padding-right: 10px
    }

    .popular-cat-box {
        flex-direction: column
    }

    .popular-cat-box .popular-cat-item {
        width: 100%
    }

    .popular-cat-box .popular-cat-item .popular-cat-image {
        min-height: 200px
    }

    .popular-cat-box .popular-cat-item .popular-cat-image img {
        width: 100%;
        min-height: 200px
    }

    .popular-cat-box .popular-cat-item .popular-cat-sub {
        min-height: 200px
    }

    .popular-cat-box .popular-cat-item:nth-child(3), .popular-cat-box .popular-cat-item:nth-child(4), .popular-cat-box .popular-cat-item:nth-child(7), .popular-cat-box .popular-cat-item:nth-child(8) {
        flex-direction: row;
        justify-content: normal
    }

    .popular-cat-box .popular-cat-item:nth-child(3) .popular-cat-image, .popular-cat-box .popular-cat-item:nth-child(4) .popular-cat-image, .popular-cat-box .popular-cat-item:nth-child(7) .popular-cat-image, .popular-cat-box .popular-cat-item:nth-child(8) .popular-cat-image {
        margin-right: 15px;
        margin-left: 0
    }

    .popular-cat-box .popular-cat-item:nth-child(3) .popular-cat-sub, .popular-cat-box .popular-cat-item:nth-child(4) .popular-cat-sub, .popular-cat-box .popular-cat-item:nth-child(7) .popular-cat-sub, .popular-cat-box .popular-cat-item:nth-child(8) .popular-cat-sub {
        padding-left: 0
    }

    .popular-cat-box .popular-cat-item:nth-child(2n) {
        flex-direction: row-reverse;
        justify-content: space-between
    }

    .popular-cat-box .popular-cat-item:nth-child(2n) .popular-cat-image {
        margin-right: 0;
        margin-left: 15px;
        border-radius: 0 5px 5px 0
    }

    .popular-cat-box .popular-cat-item:nth-child(2n) .popular-cat-sub {
        padding-left: 15px
    }

    .popular-cat-box .popular-cat-item .popular-cat-image, .popular-cat-box .popular-cat-item .popular-cat-sub {
        width: 50%
    }

    .popular-cat-box .popular-cat-item .popular-cat-sub .popular-list > ul > li > a, .popular-cat-box .popular-cat-item .popular-cat-sub a.popular-more {
        font-size: 10px;
        line-height: 12px;
        max-width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .popular-cat-box .popular-cat-item .popular-cat-sub .popular-list > span {
        font-size: 12px;
        line-height: 14px
    }

    .popular-locations .popular-location-box .popular-location-item ul.popular-locations-list {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1
    }

    .wrap-registration .form-field .list-remember {
        padding-left: 0
    }

    .wrap-registration .g-recaptcha {
        float: none;
        transform: none;
        margin: 0;
        transform-origin: unset
    }

    .wrap-registration .form-field p a {
        display: unset
    }

    .wrap-registration .agree-field label:before {
        top: 5px
    }

    .categories-box {
        grid-template-columns:auto
    }

    .company-cat-title-box .company-cat-title > a {
        max-width: 210px
    }

    .categories-box .company-cat-item {
        height: 50px
    }

    .companies-gallery .companies-logo {
        grid-template-columns:repeat(4, 1fr)
    }

    .companies-gallery .companies-logo {
        column-gap: 30px
    }

    section.companies-info {
        background: #f0f0f0 none;
        padding: 15px
    }

    .companies-info-box .companies-info-block {
        justify-content: center;
        align-items: center;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .companies-info-box .companies-info-block .companies-info-text {
        text-align: center;
        font-size: 14px;
        line-height: 16px
    }

    .companies-info-box .companies-info-block .companies-info-action > a {
        font-size: 14px;
        line-height: 16px;
        padding: 10px 25px
    }

    .banners {
        grid-template-columns:auto;
        gap: 0;
        margin-top: 30px
    }

    .banners .left-banner {
        margin-bottom: 30px
    }

    .banners .left-banner, .banners .right-banner {
        width: 100%
    }

    .employer-catalog-box .catalog-left {
        width: 100%
    }

    .employer-catalog-box .catalog-left .catalog-title > span {
        display: none
    }

    .employer-catalog-box .catalog-tabs ul > li > a {
        font-size: 12px;
        line-height: 12px
    }

    .employer-catalog-box .catalog-tabs ul > li > a > img {
        max-width: 10px;
        margin-right: 5px
    }

    .employer-catalog-box .catalog-tabs ul > li > a > span {
        display: none
    }

    .employer-catalog-box .catalog-tabs ul > li > a > span + span {
        display: block
    }

    .employer-catalog-box .catalog-tabs ul > li:not(:last-child) {
        margin-right: 11px
    }

    .banners .left-banner .banner-content, .banners .right-banner .banner-content {
        padding: 15px;
        max-width: 100%
    }

    .employer-catalog .catalog-tabs-content div > div.list-wrapper {
        gap: 15px
    }

    .seller-services .service .service-title {
        line-height: 22px
    }

    .banners .banner-content .banner-info .banner-action > a {
        font-size: 14px;
        line-height: 16px
    }

    .employer-banners .col-lg-12, .employer-catalog .col-lg-12 {
        padding: 0
    }

    .catalog-tabs-content > div > ul {
        display: grid;
        grid-template-columns:repeat(2, 1fr)
    }

    .employer-catalog-box .catalog-tabs ul {
        display: block;
        white-space: nowrap
    }

    .employer-catalog-box .catalog-tabs ul {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .employer-catalog-box .catalog-tabs ul > li {
        display: inline-block;
        margin-right: 15px
    }

    .employer-catalog-box .catalog-tabs ul > li > a.active:after, .employer-catalog-box .catalog-tabs ul > li > a:hover:after {
        bottom: 0
    }

    .employer-catalog-box .catalog-tabs ul > li > a {
        padding-bottom: 10px
    }

    .employer-catalog-box .catalog-tabs {
        padding-bottom: 0
    }

    .employer-catalog-box .catalog-tabs-content > div > ul > li > a {
        font-size: 10px;
        line-height: 12px
    }

    .logo {
        margin: 0
    }

    .mobile-button span.ico {
        margin-right: 0
    }

    .seller-services .service {
        align-items: self-start;
        flex-direction: column
    }

    .seller-services .service .service-ico {
        margin-bottom: 20px
    }

    .seller-services .service .service-action, .seller-services .service .service-content {
        padding-left: 0;
        margin-bottom: 20px
    }

    .seller-services .service .service-action a {
        max-width: 110px
    }

    .forWork .work-section .work-section-content {
        grid-template-columns:repeat(1, 1fr)
    }

    .forWork .work-section .work-section-content .work-section-desc {
        max-width: 100%;
        margin-bottom: 15px
    }

    .forWork .work-section .work-section-content .work-section-pluses {
        max-width: 100%
    }

    .contact-packages-wrapp {
        align-items: inherit
    }

    .contact-packages {
        grid-template-columns:repeat(1, 1fr);
        row-gap: 35px
    }

    .contact-packages .package {
        max-width: 100%
    }

    .list-customer-services > ul > li {
        margin: 0 0 50px;
        width: 100%
    }

    .discount-package {
        padding-left: 50px;
        padding-right: 0;
        text-align: center
    }

    .counter-services {
        margin: 0
    }

    .companies-pluses {
        grid-template-columns:repeat(2, 1fr);
        gap: 45px
    }

    .fc-sliders {
        max-width: 300px
    }

    .c-plus {
        flex-direction: column
    }

    .c-plus-ico {
        margin-right: 0;
        margin-bottom: 15px
    }

    .foc-steps {
        grid-template-columns:repeat(2, 1fr);
        column-gap: 55px;
        row-gap: 60px
    }

    .footer-desc h4, .for-companies-slider h4, .for-companies-steps h4 {
        font-size: 16px;
        line-height: 19px
    }

    .for-companies-wrap h1 {
        font-size: 16px
    }

    .categories-of-ads .list-categories.package-list {
        flex-wrap: wrap;
        overflow: hidden;
        flex-direction: column;
        margin-left: 0
    }

    .tariff-count-box .count-box, .tariff-count-title {
        font-size: 12px;
        line-height: 14px
    }

    .tariff-count-box .count-box {
        width: 90px;
        min-width: 90px;
        margin-right: 5px;
        margin-left: 5px
    }

    .list-currencies > a > span, .list-languages > a > span {
        padding-right: 15px
    }

    .list-currencies, .list-languages {
        margin-bottom: 10px
    }

    .list-mobile-menu-header .h1-top {
        margin-top: 30px;
        margin-bottom: 30px
    }

    section#category > .container {
        padding-right: 0;
        padding-left: 0
    }

    .filters-categories > ul > li:last-child {
        display: none
    }

    .filters-categories > ul {
        display: flex;
        justify-content: space-between
    }

    .filters-categories > ul > li {
        margin-right: 0;
        padding-right: 20px
    }

    .list-sort {
        right: 0
    }

    .mobile-filter-btns {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .left-filter-category > span {
        display: none
    }

    .one-filter-price > a, .one-filter > a {
        font-weight: 400
    }

    .list-business-image .wrap-business-img {
        max-width: 100%;
        height: 100%
    }

    .list-business-filters ul.list-parameters li {
        display: flex;
        flex-direction: column
    }

    .list-business-title a {
        font-size: 14px;
        line-height: 19px
    }

    .list-filter-price .price-business {
        font-size: 18px;
        line-height: 21px
    }

    .list-business-filters ul.list-parameters li > span {
        font-size: 12px;
        line-height: 12px
    }

    #category .price-filter, .list-business-filters ul.list-parameters li > p {
        font-size: 10px;
        line-height: 12px
    }

    .list-business-location p.country-business {
        font-size: 10px;
        line-height: 12px
    }

    #category .left-filter-category {
        position: fixed;
        left: 0;
        top: 150px;
        bottom: 0;
        transform: translateX(-340px);
        width: 320px;
        transition: all .2s ease;
        margin-top: 0;
        border-radius: 0;
        z-index: 3;
        overflow-x: scroll
    }

    .filter-value-span {
        display: inline
    }

    .one-current-business.no-image .list-business-filters ul.list-parameters li {
        display: grid;
        grid-template-columns:160px 1fr
    }

    .list-business-filters ul.list-parameters.list-parameters-freelance > li {
        display: inline;
        margin-right: 0
    }

    .list-business-filters ul.list-parameters.list-parameters-freelance > li:not(:last-child):before {
        right: -8px;
        display: none
    }

    .list-business-filters ul.list-parameters.list-parameters-freelance > li > p, .list-business-filters ul.list-parameters.list-parameters-freelance > li > span {
        font-size: 10px
    }

    .list-services-page .list-business-filters {
        max-width: 230px
    }

    .list-business-logo-avatar {
        top: auto;
        max-width: 85px
    }

    span.tire {
        display: inline !important
    }

    .list-info-page-business > ul {
        margin-bottom: 0;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .list-info-page-business > ul > li {
        font-size: 10px
    }

    .list-info-page-business > ul > li:first-child {
        order: 1
    }

    .list-info-page-business > ul > li:nth-child(2) {
        order: 3
    }

    .list-info-page-business > ul > li:last-child {
        order: 2
    }

    .list-info-page-business > ul > li > span.title-lg {
        display: none
    }

    .list-info-page-business > ul > li > span.title-xs {
        display: inline-block
    }

    .content-profile .col-lg-10 {
        padding: 0
    }

    .bottom-content-mobile {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 15px
    }

    .bottom-content-mobile .business-badges {
        margin-bottom: 15px
    }

    .business-info, .one-business-account-wrap {
        flex-wrap: wrap
    }

    .one-business-account-image img {
        max-width: 100px;
        max-height: 90px
    }

    .one-business-account-image {
        align-items: flex-start
    }

    .one-business-account-content .bottom-content {
        display: none
    }

    .bottom-content-mobile {
        display: flex;
        flex: 1;
        flex-basis: 100%
    }

    .business-title a.link-business {
        max-width: 90%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 18px
    }

    .caption-container-profile h3 {
        text-align: left;
        padding-bottom: 0;
        font-size: 14px;
        color: #606060;
        padding-left: 5px
    }

    .tooltip-inner {
        max-width: 250px
    }

    .caption-container-profile {
        padding-top: 15px
    }

    ul.account-tabs {
        overflow: hidden;
        overflow-x: scroll
    }

    ul.account-tabs {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    ul.account-tabs::-webkit-scrollbar {
        display: none
    }

    ul.account-tabs > li.nav-item {
        margin-right: 15px
    }

    .field-registration-data-password > a {
        right: 0
    }

    .field-registration-data, .wrap-label {
        margin: 0 0 15px;
        width: 100%;
        max-width: 100%
    }

    .field-registration-data.field-registration-list-email ul, .field-registration-data.field-registration-list-phones ul {
        float: none;
        text-align: left;
        margin-top: 20px;
        display: block
    }

    .field-registration-data.field-registration-list-email > ul > li > span, .field-registration-data.field-registration-list-phones > ul > li > span {
        float: none;
        padding-left: 25px
    }

    .child-lines .package-line {
        margin: 0;
        padding-right: 10px;
        padding-left: 30px
    }

    .buy-button a.btn {
        max-width: 96px;
        max-height: 30px;
        font-size: 10px;
        line-height: 12px;
        color: #fffdfd
    }

    .left-side span {
        white-space: pre-line;
        max-width: 160px;
        font-size: 10px;
        line-height: 12px;
        position: relative
    }

    .left-side a, .right-side, .right-side a, .right-side span {
        font-size: 10px;
        line-height: 12px
    }

    .right-side a.reactive {
        font-size: 10px
    }

    .child-lines .package-line.simple {
        padding-left: 0
    }

    #wrapper .registration-data, .rows-business, .width-account-wrap {
        margin-top: 15px
    }

    .right-side a.reactive {
        display: block
    }

    .package-line.main > .left-side {
        padding-left: 10px
    }

    .list-favorites > div {
        width: 100%
    }

    .list-business-title a {
        max-width: 90%;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .wrap-list-favorites {
        padding-left: 0
    }

    .list-subscribe-company {
        flex-direction: column
    }

    .list-subscribes.list-subscribe-company.list-bonus > ul > li:before {
        top: -18%
    }

    .countries-list {
        padding-top: 20px
    }

    .list-business-filters .list-parameters > .countries-list {
        padding-top: 0
    }

    .badge {
        font-size: 12px
    }

    .company-header {
        flex-direction: column;
        padding: 10px
    }

    .contacts-row > a {
        min-width: auto
    }

    .list-images-company .videoWrapper {
        width: 100%;
        max-width: 100%
    }

    .list-images-company > .images-wrap ul li {
        height: auto;
        max-width: 100%
    }

    .list-images-company > .images-wrap {
        margin-top: 0
    }

    .images-wrap ul li a span {
        max-width: 100%
    }

    .images-wrap {
        margin-top: 90px
    }

    .company-articles-wrap {
        grid-template-columns:auto
    }

    .artile-head span.views-articles {
        display: initial
    }

    #step1Business form > ul > li, .wrap-append-block > ul > li:not(.name-block) {
        flex-direction: column;
        align-items: flex-start
    }

    .command-user-data {
        flex-direction: column
    }

    .form-control-fields.form-commands-add .form-field {
        grid-template-columns:auto;
        gap: 10px
    }

    .form-control-fields.form-commands-add .form-field.error-field-auth:after, .form-control-fields.form-commands-add .form-field.success-field-auth:after {
        top: 35px
    }

    .btn-create-service {
        display: none
    }

    .dropdown-box .dropdown__value::after {
        right: 5px
    }

    .search__box input {
        padding-left: 10px
    }

    .search__box::after {
        display: none
    }

    .categories-of-ads .container, .home-search .container {
        padding-right: 5px;
        padding-left: 5px
    }

    .list-currencies a.active + ul, .list-languages a.active + ul {
        width: 100vw
    }

    .sections-header-mobile > ul > li ul {
        width: 100vw
    }

    .field-registration-data.field-notification ul {
        float: none;
        display: block;
        margin-top: 15px;
        width: auto;
        text-align: left
    }

    .bbs-label label {
        text-align: left
    }

    .field-registration-data.field-small {
        grid-template-columns:auto
    }

    .field-change-password span {
        width: 140px
    }

    .search-list {
        width: calc(100vw - 10px)
    }

    .popular-cat-box .popular-cat-item:nth-child(2) .popular-cat-image {
        border-radius: 0 5px 5px 0
    }

    .popular-cat-box .popular-cat-item:nth-child(3) .popular-cat-image {
        border-radius: 5px 0 0 5px
    }

    .popular-cat-box .popular-cat-item:nth-child(6) .popular-cat-image {
        border-radius: 0 5px 5px 0
    }

    .popular-cat-box .popular-cat-item:nth-child(7) .popular-cat-image {
        border-radius: 5px 0 0 5px
    }

    .filter-head {
        display: none
    }

    .list-business-filters ul.list-parameters li.countries-list {
        row-gap: 10px
    }

    .list-business-filters ul.list-parameters a.show-more-country {
        display: none
    }

    .list-business-filters ul.list-parameters a.show-more-country-mobile {
        display: block;
        font-weight: 700;
        margin-top: -15px;
        margin-bottom: 10px
    }

    .list-images-business ul {
        display: grid;
        grid-template-columns:repeat(3, 1fr);
        gap: 15px
    }

    .list-images-business ul li {
        width: auto;
        max-width: 100%;
        margin-right: 0
    }

    .list-info-page-business > ul > li > a {
        font-size: 10px
    }

    .breadcrumbs ul {
        white-space: nowrap;
        overflow-x: scroll
    }

    .breadcrumbs ul {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .breadcrumbs ul::-webkit-scrollbar {
        display: none
    }

    .companies-cats strong, .companies-gallery strong {
        font-size: 16px
    }

    .employer-catalog-box .catalog-title-mobile {
        display: flex;
        flex-basis: 100%;
        font-size: 18px;
        line-height: 21px;
        color: #284d5d;
        margin-bottom: 20px;
        font-weight: 600
    }

    .employer-catalog-box .catalog-title-mobile span {
        font-weight: 600;
        margin-left: 5px
    }

    .employer-catalog-box .catalog-title {
        display: none
    }

    .employer-catalog-box {
        flex-wrap: wrap
    }

    .employer-catalog-box .catalog-right {
        padding-left: 0
    }

    .employer-catalog-box .catalog-right::after {
        display: none
    }

    .employer-catalog-wrap {
        display: flex;
        overflow: hidden;
        overflow-x: scroll;
        border-bottom: 1px solid #c4c4c4
    }

    .employer-catalog-wrap {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .employer-catalog-wrap::-webkit-scrollbar {
        display: none
    }

    .catalog-tabs svg {
        width: 20px;
        height: 20px
    }

    .employer-catalog-box .catalog-left, .employer-catalog-box .catalog-right {
        border-bottom: 0
    }

    .employer-catalog .catalog-tabs-content > div ul > li > a {
        font-size: 12px
    }

    .banners .left-banner .banner-content.applicant, .banners .right-banner .banner-content.applicant {
        background-position: right;
        background-repeat: no-repeat
    }

    .listings-wrap #category .col-lg-9 {
        padding-right: 0;
        padding-left: 0
    }

    #category .filter-category-company .left-filter-category {
        top: 50px;
        position: absolute;
        height: 100vh;
        left: -30px
    }

    .listings-wrap > #category {
        position: relative
    }

    .listings-wrap > #category > .backdoor {
        top: 50px;
        height: 100%;
        width: 100vw
    }

    .listings-wrap > #category .left-filter-category {
        transform: translateX(-350px)
    }

    .filter-category-company .mobile-filter-btns {
        margin-left: -30px;
        padding-right: 15px;
        padding-left: 15px
    }

    .price-list-action a, .price-list-company-info a, .price-list-company-info span {
        font-size: 12px
    }

    .review-add-block p {
        font-size: 14px
    }

    #companyForm .field-add-business {
        width: 100%
    }

    #companyForm .field-create-article span a, .text-hint {
        top: 0;
        right: 30%
    }

    .one-article-mobile {
        margin-bottom: 15px;
        display: flex;
        align-items: center
    }

    .list-setting-article-mobile {
        display: flex;
        justify-content: end;
        align-items: flex-end
    }

    .list-setting-article-mobile ul {
        display: flex;
        gap: 10px;
        flex-direction: column
    }

    .list-setting-article-mobile ul li a {
        width: 100%
    }

    .list-account-packages .package {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px
    }

    .service-info-wrap {
        flex: 1;
        flex-basis: 100%;
        width: 100%
    }

    .list-account-packages {
        margin-left: 0
    }

    .list-payments-business > ul > li {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        max-width: 100%
    }

    .list-payments-business > ul > li:first-child {
        padding-bottom: 25px
    }

    .list-period {
        border-radius: 0 0 5px 5px
    }

    .list-pluses li:before {
        top: 0
    }

    .tariff-count > .tariff-count-box > .count-box > ul > li, .tariff-period > .tariff-count-box > .count-box > ul > li {
        text-align: center
    }

    #listCustomerServices h1, #paymentTariff h1, #subscribeProfessional h1 {
        font-size: 20px
    }

    .list-subscribes > h4, .promotial-caption, .wrap-page-professional h4 {
        font-size: 14px
    }

    .list-subscribes > ul.tariffs > li {
        max-width: 100%
    }

    .describe-link img {
        max-height: 300px
    }

    .form-field-message input, .form-field-message input::placeholder, .form-field-message textarea, .form-field-message textarea::placeholder {
        font-size: 12px
    }

    .list-currencies ul, .list-languages ul {
        max-height: 160px
    }

    .employer-catalog-box .catalog-left {
        width: auto
    }

    #successRegistration h1 {
        font-size: 18px
    }

    #successRegistration p {
        font-size: 12px
    }

    .menu-overlay {
        top: 100px
    }

    .list-images-company {
        gap: 10px
    }

    .company-location span.country-business, .company-site > a.source-link {
        font-size: 12px
    }

    .list-images-business li a img, .list-images-business ul li {
        height: 100%;
        width: 100%;
        max-height: 150px
    }

    .list-images-business ul {
        height: auto
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .add-success-block h1 {
        font-size: 22px
    }

    .one-business-account-image + .one-business-account-content {
        max-width: 70%
    }

    .categories-of-ads .list-categories li a {
        font-size: 12px
    }

    .list-mobile-menu-header .h1-top {
        margin-top: 0
    }

    .dropdown__value > span {
        max-width: 80%;
        overflow: hidden;
        display: block;
        text-overflow: ellipsis
    }

    .company-online .online-user, .dropdown-box .dropdown__list ul li a {
        font-size: 12px
    }

    .dropdown-box .dropdown__value, .search__box input, .search__box input::placeholder {
        font-size: 12px
    }

    #successRegistration h1 {
        font-size: 22px
    }

    #successRegistration p {
        font-size: 12px
    }

    .filter-category-company .mobile-filter-btns {
        margin-left: -45px;
        padding-right: 30px;
        padding-left: 30px
    }

    .search-list {
        width: calc(100vw - 30px)
    }

    #vip-business .home-h2, .categories-of-ads h4, .map h4, .popular-categories h4, .popular-locations h4 {
        font-size: 18px
    }

    .dropdown-box .dropdown__value {
        padding: 18px 0 0 10px
    }

    .dropdown-box .dropdown__value::after {
        right: 10px
    }

    .search__box::after {
        content: '';
        position: absolute;
        width: 22px;
        height: 22px;
        background: url(/images/new-icons/search.png);
        left: 10px;
        top: 14px;
        display: block
    }

    .search__box input {
        padding-left: 40px
    }

    .popular-cat-box .popular-cat-item .popular-cat-sub a.popular-more {
        font-size: 12px
    }

    .wrap-content-profile {
        padding: 15px 5px
    }

    #wrapper .registration-data {
        top: unset
    }

    .bottom-links-profile {
        display: none
    }

    .list-field-price.list-field-date li:last-child, .list-field-price.list-field-tender li:last-child {
        display: inline-block !important
    }

    .left-side span {
        white-space: pre-line;
        max-width: 160px;
        font-size: 12px;
        line-height: 14px
    }

    .left-side a, .right-side, .right-side a, .right-side span {
        font-size: 12px;
        line-height: 14px
    }

    .right-side a.reactive {
        font-size: 12px
    }

    .buy-button a.btn {
        max-width: 150px;
        max-height: 35px;
        font-size: 12px;
        line-height: 14px;
        color: #fffdfd
    }

    .account-list-mobile, .list-mobile-menu-header {
        width: 320px;
        max-width: 320px
    }

    .list-categories-footer {
        flex-wrap: wrap;
        flex-direction: row
    }

    .list-categories-footer > li {
        flex: 50%
    }

    .main-mobile-row {
        height: 100px
    }

    .btn-desktop-right {
        padding: 0
    }

    .logo {
        margin-left: -15px
    }

    .search__button a span {
        display: none
    }

    .search__button a span + span {
        display: block
    }

    .search__box {
        width: 55%
    }

    .search__dropdown {
        width: 35%
    }

    .search__button {
        width: 15%
    }

    .dropdown-box .dropdown__list ul li a {
        font-size: 10px;
        padding: 5px 6px
    }

    .popular-locations .popular-location-box .popular-location-item ul.popular-locations-list {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2
    }

    #authRegistration .wrap-registration {
        width: 100%
    }

    .wrap-registration .form-field .list-remember {
        padding-left: 35px
    }

    .categories-box {
        grid-template-columns:repeat(2, 1fr)
    }

    .companies-gallery .companies-logo {
        column-gap: 30px
    }

    .companies-info-box .companies-info-block .companies-info-text {
        max-width: 340px;
        font-size: 14px;
        line-height: 16px
    }

    section.companies-info {
        padding: 30px 0 30px 0;
        background-image: linear-gradient(115deg, #f0f0f0 50%, rgba(240, 240, 240, 0) 70%), linear-gradient(290deg, #f0f0f0 9.15%, rgba(240, 240, 240, 0) 15.76%), url(/images/new-icons/company/companies-splash.png);
        background-repeat: no-repeat;
        background-position: right
    }

    .categories-box .company-cat-item {
        height: 60px
    }

    .companies-info-box .companies-info-block {
        justify-content: space-between;
        align-items: self-start
    }

    .companies-info-box .companies-info-block .companies-info-text {
        text-align: left
    }

    .banners {
        grid-template-columns:auto;
        gap: 0;
        margin-top: 30px
    }

    .banners .left-banner {
        margin-bottom: 30px
    }

    .banners .left-banner, .banners .right-banner {
        width: 100%
    }

    .employer-catalog-box .catalog-left {
        width: 100%
    }

    .employer-catalog-box .catalog-left .catalog-title > span {
        display: none
    }

    .employer-catalog-box .catalog-tabs ul > li > a {
        font-size: 12px;
        line-height: 14px
    }

    .employer-catalog-box .catalog-tabs ul > li > a > img {
        max-width: 10px;
        margin-right: 5px
    }

    .employer-catalog-box .catalog-tabs ul > li > a > span {
        display: none
    }

    .employer-catalog-box .catalog-tabs ul > li > a > span + span {
        display: block
    }

    .employer-catalog-box .catalog-tabs ul > li:not(:last-child) {
        margin-right: 11px
    }

    .seller-services .service {
        align-items: self-start;
        flex-direction: column
    }

    .seller-services .service .service-ico {
        margin-bottom: 20px
    }

    .seller-services .service .service-action, .seller-services .service .service-content {
        padding-left: 0;
        margin-bottom: 20px
    }

    .seller-services .service .service-action a {
        max-width: 110px
    }

    .fc-sliders {
        max-width: 430px
    }

    .list-subscribes > ul.tariffs > li {
        max-width: 100%
    }

    .list-subscribes > ul.tariffs > li:first-child {
        margin-bottom: 15px
    }

    .list-business-title a {
        font-size: 18px;
        line-height: 21px
    }

    .list-filter-price .price-business {
        font-size: 22px;
        line-height: 26px
    }

    .list-business-filters ul.list-parameters li > span {
        font-size: 12px;
        line-height: 14px
    }

    .list-business-filters ul.list-parameters li > p {
        font-size: 12px;
        line-height: 14px
    }

    #category .price-filter {
        font-size: 14px;
        line-height: 16px
    }

    .list-business-location p.country-business {
        font-size: 12px;
        line-height: 14px
    }

    #category .backdoor, #category .left-filter-category {
        top: 150px
    }

    .account-list-mobile, .list-mobile-menu-header {
        top: 100px
    }

    .filter-value-span {
        position: relative;
        top: 20px
    }

    .list-business-image .wrap-business-img {
        max-width: 180px
    }

    .list-services-page .list-business-filters {
        max-width: 100%
    }

    .categories-of-ads .list-categories {
        margin-left: 0;
        margin-right: -15px
    }

    .categories-of-ads .list-categories li a {
        height: 50px
    }

    .list-currencies a.active + ul, .list-languages a.active + ul {
        width: 320px
    }

    .sections-header-mobile > ul > li ul {
        width: 320px
    }

    .categories-of-ads .container, .home-search .container {
        padding-right: 15px;
        padding-left: 15px
    }

    .field-registration-data.field-small {
        display: grid;
        grid-template-columns:200px 1fr
    }
}

@media (min-width: 481px) and (max-width: 992px) {
    .message-business-error {
        width: 45%
    }

    .info-account-business > ul {
        display: grid;
        grid-template-columns:repeat(3, 1fr);
        margin: 10px auto;
        gap: 5px
    }

    .info-account-business > ul > li > a {
        width: 100%
    }
}

@media (max-width: 990px) {
    .caption-business:before {
        max-width: 100%
    }

    .list-currencies a.active + ul, .list-languages a.active + ul {
        display: block;
        position: initial;
        box-shadow: none;
        background: #e2e2e2;
        padding-left: 34px;
        padding-top: 13px;
        margin-top: 8px;
        margin-left: -15px;
        margin-right: -15px
    }

    .sections-header-mobile > ul > li ul {
        margin-left: -15px;
        margin-top: 8px;
        padding-left: 34px
    }

    #step1Business form {
        width: 100%
    }

    .list-categories-filter {
        min-width: 100%
    }

    #wrapper .list-currencies ul li, #wrapper .list-languages ul li {
        margin-bottom: 10px
    }

    .wrap-list-favorites {
        margin-top: 0
    }

    .remove-favorite {
        top: 10px
    }

    .header-mobile-list:after {
        content: url(/images/svg/arrow-right-mobile.svg);
        right: 5px;
        top: 1px;
        position: absolute
    }

    .sections-header-mobile > ul > li ul {
        display: none;
        background: #e2e2e2;
        padding: 10px 34px
    }

    .sections-header-mobile > ul > li a.active + ul {
        display: block
    }

    .wrap-list-messages {
        margin-top: 0
    }

    .bottom-links-profile {
        display: none
    }

    #wrapper .registration-data, .rows-business, .width-account-wrap {
        margin-top: 0
    }

    .rows-business.row-business-ads {
        margin-top: 0
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .one-filter input[name=search] {
        width: 160px
    }

    #companyForm .wrap-list-images {
        width: 100%
    }

    .list-images-company > .images-wrap ul {
        grid-template-columns:repeat(2, 1fr);
        gap: 15px
    }

    .business-info, .one-business-account-wrap {
        flex-wrap: wrap
    }

    .one-business-account-content .bottom-content {
        display: none
    }

    .one-business-account-image img {
        max-width: 100px;
        max-height: 90px;
        border-radius: 5px
    }

    #step1Business #companyForm form > ul > li > span, .wrap-append-block > ul > li > span {
        width: 150px
    }

    #companyForm .field-add-business, .wrap-field-business {
        width: 70%
    }

    .wrap-company-article > .width-account-wrap {
        padding-left: 0
    }

    .bottom-content-mobile {
        justify-content: space-between;
        margin-top: 15px;
        align-items: center
    }

    .bottom-content-mobile .business-badges {
        margin-bottom: 15px
    }

    .bottom-content-mobile {
        display: flex;
        flex: 1;
        flex-basis: 100%
    }

    .one-filter-price-company-ads ul li {
        width: 75px;
        margin-right: 5px
    }

    .top-border-grey {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin: 0 -12px 10px -10px;
        overflow: hidden
    }

    .list-currencies a, .list-languages a {
        color: #606060;
        font-size: 14px;
        line-height: 16px;
        display: block;
        position: relative;
        padding-right: 15px
    }

    .list-currencies, .list-languages {
        margin-bottom: 11px
    }

    .list-mobile-menu-header .h1-top {
        margin-bottom: 31px
    }

    .list-currencies span, .list-languages span {
        text-transform: none;
        color: #284d5d;
        font-weight: 600
    }

    .list-currencies a > span, .list-languages a > span {
        float: right
    }

    .list-currencies a > span > i, .list-currencies a > span > p, .list-languages a > span > p {
        display: inline-block;
        text-transform: uppercase
    }

    .list-currencies {
        padding: 0
    }

    .list-currencies > a:after, .list-languages > a:after {
        content: url(../images/svg/arrow-right-mobile.svg);
        right: 5px;
        top: 1px
    }

    #wrapper .list-currencies ul li a, #wrapper .list-languages ul li a {
        font-size: 12px;
        line-height: 14px
    }

    .show-more-languages {
        font-weight: 600
    }

    #menus {
        display: none
    }

    .dropdown-box .dropdown__value::after {
        right: 10px
    }

    .container {
        min-width: 100%
    }

    .categories-of-ads .list-categories {
        margin-left: 0
    }

    .categories-of-ads .list-categories li a {
        height: 50px;
        font-size: 12px;
        line-height: 14px;
        margin-right: 25px
    }

    .search__box {
        width: 50%
    }

    .search__dropdown {
        width: 30%
    }

    .search__button {
        width: 20%
    }

    .col-lg-12 {
        padding: 0
    }

    .list-currencies > ul > li, .list-languages > ul > li {
        margin-bottom: 8px
    }

    .mobile-button span.ico {
        display: block;
        width: 22px;
        height: 22px;
        margin-right: 8px
    }

    .companies-pluses {
        grid-template-columns:repeat(2, 1fr)
    }

    .fc-sliders {
        max-width: 715px
    }

    .list-categories-footer {
        display: grid;
        grid-template-columns:repeat(4, 1fr);
        column-gap: 25px
    }

    .list-currencies a.active + ul, .list-languages a.active + ul {
        width: 320px
    }

    .wrap-content-profile .registration-data {
        margin-top: -25px
    }
}

@media (max-width: 991px) {
    .breadcrumbs-categories ul li.hide {
        display: inline-block !important
    }

    .breadcrumbs-categories > a {
        display: none
    }

    .list-images-company.only-image > .images-wrap ul {
        grid-template-columns:repeat(2, 1fr)
    }

    .wrap-img-business {
        margin-top: 10px
    }

    .list-mobile-menu-header .h1-top img {
        padding-top: 2px
    }

    .list-images-business ul {
        max-width: 610px
    }

    .business-statistics {
        display: none
    }

    .business-statistics.business-statistics-mobile {
        flex: 1;
        flex-basis: 100%;
        display: block
    }

    .wrap-list-other-business-account, .wrap-row-business-related.wrap-row-business-related {
        width: 100%
    }

    .wrap-list-other-business-account .wrap-row-business > ul, .wrap-row-business-related.wrap-row-business-related .wrap-row-business > ul {
        display: grid;
        overflow: hidden;
        overflow-x: scroll;
        gap: 20px;
        grid-auto-flow: column;
        align-items: start
    }

    .list-images-company {
        grid-template-columns:auto;
        max-height: 100%;
        margin-bottom: 10px
    }

    .list-images-company .videoWrapper {
        max-width: 100%;
        width: 100%
    }

    .list-parameters {
        border-top: none;
        padding-top: 0
    }

    .list-business-filters > li {
        margin-top: 0
    }

    .list-business-filters {
        min-width: auto
    }

    .list-business-filters ul.list-parameters li > p, .list-business-filters ul.list-parameters li > span {
        width: auto;
        white-space: normal
    }

    .list-business-content .list-business-image {
        margin-right: 10px
    }

    .one-current-business {
        padding: 10px
    }

    .list-business-filters ul.list-parameters li {
        column-gap: 10px;
        grid-template-columns:1fr 1fr
    }

    .breadcrumbs-categories ul {
        max-height: 25px;
        overflow-y: hidden;
        overflow-x: scroll;
        white-space: nowrap
    }

    .breadcrumbs-categories ul {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .breadcrumbs-categories ul::-webkit-scrollbar {
        display: none
    }

    .list-field-price li {
        margin-right: 0
    }
}

@media (max-width: 992px) {
    .list-mobile-menu-header .h1-top {
        font-size: 17px
    }

    .one-filter.filter-tags-remove > a.default-filter.active + div.some-filter > ul.tags-filter {
        display: block
    }

    #category .tags-filter > li > .wrap-btn-search-category {
        float: right
    }

    #category .tags-filter > li > .wrap-btn-search-category > a {
        display: block
    }
}

@media (min-width: 600px) and (max-width: 992px) {
    .list-images-business, .list-images-company {
        max-width: 610px;
        margin: 20px auto 20px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .list-images-company {
        gap: 10px
    }

    .field-registration-data > span {
        font-size: 14px
    }

    .field-notification.account-images-field > ul, .field-notification.account-images-field > ul .field-add-business, .field-notification.account-images-field > ul .field-add-business .wrap-list-images {
        width: 100%
    }

    .logo img {
        max-width: 100px;
        margin: 0
    }

    .rows-business {
        margin-top: -20px
    }

    .caption-container-profile {
        padding-left: 30px
    }

    .caption-container-profile h3 {
        font-size: 18px
    }

    .child-lines .package-line {
        margin-left: 0;
        margin-right: 0
    }

    .package-professionals {
        padding-right: 10px
    }

    .left-side span {
        position: relative
    }

    .package-line.not-active span:after {
        left: -22px
    }

    .mobile-add-btn img, .mobile-menu-btn img, .mobile-profile-btn img {
        max-width: 20px
    }

    .description-box {
        padding-right: 40px;
        padding-left: 40px
    }

    .site-description {
        align-items: flex-start
    }

    .main-mobile-row {
        height: 110px
    }

    .list-categories-footer {
        flex-wrap: wrap;
        flex-direction: row
    }

    .list-categories-footer > li {
        flex: 50%;
        margin-bottom: 35px
    }

    .dropdown-box .dropdown__list ul li a {
        font-size: 12px;
        padding: 8px 10px
    }

    .categories-of-ads .list-categories li:nth-child(3n) a {
        margin-right: 0
    }

    .categories-of-ads .list-categories {
        margin-right: 0
    }

    .popular-cat-box .popular-cat-item {
        margin-right: 20px
    }

    .popular-cat-box .popular-cat-item {
        width: calc(50% - 10px)
    }

    .popular-cat-box .popular-cat-item:nth-child(2n) {
        margin-right: 0
    }

    .popular-cat-box .popular-cat-item .popular-cat-image img {
        max-width: 180px;
        height: 200px
    }

    .popular-cat-box .popular-cat-item .popular-cat-sub a.popular-more {
        font-size: 12px;
        line-height: 14px
    }

    .popular-cat-box .popular-cat-item .popular-cat-image {
        margin-right: 10px
    }

    .popular-cat-box .popular-cat-item:nth-child(3) .popular-cat-image, .popular-cat-box .popular-cat-item:nth-child(4) .popular-cat-image, .popular-cat-box .popular-cat-item:nth-child(7) .popular-cat-image, .popular-cat-box .popular-cat-item:nth-child(8) .popular-cat-image {
        margin-right: 0;
        margin-left: 4px
    }

    .popular-cat-box .popular-cat-item:nth-child(3) .popular-cat-sub, .popular-cat-box .popular-cat-item:nth-child(4) .popular-cat-sub, .popular-cat-box .popular-cat-item:nth-child(7) .popular-cat-sub, .popular-cat-box .popular-cat-item:nth-child(8) .popular-cat-sub {
        padding-left: 10px
    }

    .popular-locations .popular-location-box .popular-location-item ul.popular-locations-list {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2
    }

    .categories-box {
        grid-template-columns:auto auto auto
    }

    .companies-gallery .companies-logo {
        column-gap: 40px
    }

    .companies-gallery .companies-logo .company-logo a img {
        max-width: 80px
    }

    .companies-info-box .companies-info-block .companies-info-text {
        max-width: 447px
    }

    section.companies-info {
        padding: 30px 0 30px 0;
        background-image: linear-gradient(115deg, #f0f0f0 55%, rgba(240, 240, 240, 0) 60%), linear-gradient(290deg, #f0f0f0 9.15%, rgba(240, 240, 240, 0) 15.76%), url(/images/new-icons/company/companies-splash.png)
    }

    .banners .banner-content {
        padding: 20px 0 20px 20px
    }

    .banners .left-banner .banner-content, .banners .left-banner .banner-content.applicant, .banners .right-banner .banner-content, .banners .right-banner .banner-content.applicant {
        background-size: contain;
        background-repeat: no-repeat
    }

    .banners .left-banner .banner-content.applicant, .banners .right-banner .banner-content.applicant {
        background-position: right
    }

    .banners {
        gap: 15px
    }

    .banners .banner-content .banner-info .banner-text {
        max-width: 255px;
        font-size: 12px
    }

    .banners .right-banner .banner-content .banner-info .banner-text {
        max-width: 185px
    }

    .employer-catalog-box .catalog-tabs ul > li > a > img {
        max-width: 20px
    }

    .employer-catalog-box .catalog-tabs ul > li:not(:last-child) {
        margin-right: 20px
    }

    .employer-catalog-box .catalog-tabs ul > li > a {
        font-size: 11px;
        line-height: 14px
    }

    .employer-catalog-box .catalog-right {
        padding-left: 15px
    }

    .employer-catalog-box .catalog-right::after {
        height: 65px
    }
}

@media (min-width: 1200px) {
    .main-header {
        height: 80px
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    #companyForm .error-field-auth:after {
        top: 7px;
        right: 10px
    }

    .error-field-auth:after, .success-field-auth:after {
        right: -22px
    }

    .agree-field input:checked + label:after {
        top: 5px
    }

    .one-dialog-mobile > a {
        text-align: left;
        max-width: 70%
    }

    .one-dialog-mobile .list-btn-messages {
        bottom: 5px
    }

    .name-user-message {
        text-align: left;
        max-width: 70%
    }

    .add-success-block h1 {
        font-size: 18px
    }

    .add-success-action a {
        font-size: 14px
    }

    .list-buttons-create-article ul li input[type=submit] {
        margin-top: 0
    }

    .info-account-business > ul {
        width: 100%;
        max-width: 100%
    }

    .search__box > span {
        right: 5px
    }

    .list-mobile-menu-header .h1-top {
        margin-top: 0
    }

    .popular-location-item .popular-location-collapse {
        font-size: 14px
    }

    .search__box > span {
        top: 10px
    }

    .company-online {
        display: none
    }

    .company-online.mobile {
        display: flex;
        align-items: flex-start;
        flex-basis: 100%
    }

    .top-border-grey {
        height: 60px;
        overflow: hidden
    }

    .top-border-grey img {
        height: 60px;
        min-width: 800px
    }

    .dropdown-box .dropdown__list ul li a {
        font-size: 10px
    }

    .dropdown__value > span {
        max-width: 70%;
        overflow: hidden;
        display: block;
        text-overflow: ellipsis
    }

    .company-online .online-user, .company-online > span.onboard {
        font-size: 10px
    }

    .employer-catalog .catalog-tabs-content > div ul > li > a, .employer-catalog-box .catalog-tabs ul > li > a {
        font-size: 10px
    }

    .banners .left-banner .banner-content, .banners .left-banner .banner-content.applicant, .banners .right-banner .banner-content, .banners .right-banner .banner-content.applicant {
        background: #f0f0f0
    }

    .search__box input::placeholder {
        position: relative;
        top: -2px
    }

    .list-business-logo-avatar {
        max-width: 100px;
        max-height: 100px;
        position: inherit;
        right: 0
    }

    .list-business-filters {
        flex-basis: 100%
    }

    span.onboard {
        font-size: 10px
    }

    .company-title h1 {
        font-size: 14px
    }

    .banners .banner-content .banner-info .banner-text, .candidate .arrow-link {
        font-size: 12px
    }

    .one-business-countries h4 {
        font-size: 14px
    }

    .one-business-countries .country-list span {
        font-size: 12px
    }

    .main-content-business h1 {
        font-size: 20px
    }

    .categories-of-ads .list-categories {
        margin-right: -20px
    }

    .company-cat-title-box .company-cat-title {
        height: 48px
    }

    #authRegistration .col-lg-12, #map .col-lg-12, #popular-categories .col-lg-12, #popular-locations .col-lg-12, .companies-cats .col-lg-12, .seo-box .col-lg-12 {
        padding: 0
    }

    .wrap-registration .tabs ul li a {
        font-size: 14px
    }

    .wrap-registration .form-field label {
        font-size: 12px
    }

    .one-current-business.no-image .list-business-filters ul.list-parameters li {
        grid-template-columns:140px 1fr
    }

    .mobile-filter-btns a {
        font-size: 12px
    }

    .svg-map {
        align-items: initial
    }

    .dropdown-box, .search__box input, .search__button a {
        height: 40px
    }

    .dropdown-box .dropdown__value {
        padding: 13px 0 0 5px
    }

    .dropdown-box .dropdown__value::after {
        right: 5px;
        top: 17px
    }

    .search__button a {
        padding: 5px 0
    }

    .search__button img {
        width: 18px
    }

    #vip-business .home-h2, .categories-of-ads h4, .map h4, .popular-categories h4, .popular-locations h4 {
        font-size: 16px
    }

    .sticky-banner {
        right: 0;
        width: 100%;
        bottom: 0
    }

    .one-article-mobile {
        flex-direction: column;
        align-items: self-start
    }

    .list-setting-article-mobile ul {
        flex-direction: row
    }

    #companyForm .field-create-article span a, .text-hint {
        right: 60%
    }

    input.datepicker {
        max-width: 100%
    }

    #category .left-filter-category {
        width: 100%;
        transform: translateX(-100%)
    }

    .wrap-content-profile {
        padding: 15px 15px
    }

    #wrapper .wrap-content-profile .registration-data {
        margin-top: 0
    }

    ul.account-tabs > li.nav-item {
        margin-right: 20px
    }

    #accountTabContent .field-registration-data > ul {
        padding-left: 0
    }
}

@media only screen and (min-width: 320px) and (max-width: 380px) {
    .price-list-row {
        flex-direction: column;
        gap: 10px
    }
}

@media only screen and (min-width: 481px) and (max-width: 505px) {
    .employer-catalog-box .catalog-right {
        padding-left: 20px
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .companies-gallery .companies-logo {
        grid-template-columns:repeat(2, 1fr)
    }

    #step2business .col-lg-12 {
        padding: 0
    }

    .list-other-services h4 {
        font-size: 16px
    }

    .company-logo {
        margin-right: 10px
    }

    .company-logo img {
        max-height: 80px
    }

    .company-location span.country-business, .company-site > a.source-link {
        font-size: 10px
    }

    .list-field-price li:last-child {
        display: inline-block
    }

    .employer-catalog-box .catalog-left {
        width: auto
    }

    #listCustomerServices h1, #paymentTariff h1, #strikeFormModal h4, #subscribeProfessional h1 {
        font-size: 16px
    }

    .describe-title, ul.tariffs h4 {
        font-size: 14px
    }

    #strikeFormModal p, .describe {
        font-size: 12px
    }

    #subscribeProfessional .col-lg-12 {
        padding: 0
    }

    .description-text, .foc-steps .foc-step .foc-step-content .foc-step-decs {
        font-size: 10px
    }

    .price-list-action-mobile {
        display: block
    }

    .price-list-action {
        display: none
    }

    .price-list-status {
        margin-right: 10px
    }

    .service-info-wrap {
        flex-direction: column;
        gap: 5px;
        align-items: self-start
    }

    .wrap-step2 h2 {
        font-size: 18px
    }

    .price-list-title {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px
    }

    .price-list-info {
        flex: 1;
        flex-basis: 100%
    }

    #step1Business .wrap-append-block > ul > li > span, .company-is-public > a, .price-list-name, a.addition-address-add {
        font-size: 12px
    }

    .wrap-content-profile {
        padding: 15px 5px
    }

    .add-file-import, .agree-import label, .field-import span {
        font-size: 12px
    }

    .describe-import small {
        font-size: 10px
    }

    .wrap-list-buttons-import ul li a, .wrapper-import input[type=submit] {
        font-size: 14px
    }

    .name-user-message.name-user-message-company {
        padding-left: 0;
        margin-bottom: 10px;
        max-width: 70%
    }

    .delete-wish-search:before {
        top: -4px
    }

    .checkbox label, .delete-wish-search, .search-box .search-filters ul li span, a.search-new-link {
        font-size: 12px
    }

    #accountTabContent .tab-pane .field-registration-data > span, .bbs-label label, .field-registration-data p, .field-registration-data.field-registration-list-email > ul > li > span, .field-registration-list-email ul li a, .slogan, .wrap-label label, ul.account-tabs > li.nav-item > a {
        font-size: 12px
    }

    .business-title a.link-business {
        font-size: 12px
    }

    .business-price {
        font-size: 14px
    }

    .one-business-account-content {
        max-width: 60%
    }

    .review-text p {
        font-size: 12px
    }

    #category .filter-category-company .left-filter-category {
        left: -15px;
        width: 100vw;
        transform: translateX(-100%)
    }

    label.custom-file-upload {
        display: block;
        margin-top: 10px;
        padding: 10px 30px
    }

    span.filename {
        margin-top: 10px
    }

    .wrap-list-favorites {
        margin-top: 0
    }

    .remove-favorite {
        top: 10px
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .list-field-price.list-field-tender input[type=number] {
        width: 130px
    }

    .list-field-price.list-field-tender .wrap-btn-list {
        width: 125px
    }

    .list-field-price li:last-child {
        margin-left: 0;
        display: inline-block
    }

    .list-field-price > li:last-child {
        margin-left: 10px
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .rows-business.row-business-ads {
        top: 0
    }
}

@media only screen and (min-width: 480px) {
    #step2business .list-other-services .name-service:after {
        top: -2px
    }
}