@charset "UTF-8";
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(../fonts/roboto-v19-cyrillic-ext_latin_cyrillic_latin-ext-regular.woff2) format("woff2"), url(../fonts/roboto-v19-cyrillic-ext_latin_cyrillic_latin-ext-regular.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(../fonts/roboto-v19-cyrillic-ext_latin_cyrillic_latin-ext-700.woff2) format("woff2"), url(../fonts/roboto-v19-cyrillic-ext_latin_cyrillic_latin-ext-700.woff) format("woff")
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure,
footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub,
summary, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

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

html {
    font-size: 10px;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

body, html {
    height: 100%;
    position: relative
}

body {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    line-height: normal;
    background-color: #e6e6e6
}

a {
    color: #41afd3;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
    -webkit-text-decoration-skip: objects
}

a[href^=tel] {
    color: inherit;
    text-decoration: none
}

a[href^=tel]:hover {
    text-decoration: underline
}

a:hover {
    color: #2fa5cb;
    text-decoration: underline
}

a:active {
    color: #2a94b7
}

ol, ul {
    list-style: none
}

b, strong {
    font-weight: 700
}

em, i {
    font-style: italic
}

s, strike {
    text-decoration: line-through
}

dfn {
    font-style: italic
}

hr {
    margin: 10px 0;
    padding: 0;
    height: 0;
    border-style: solid;
    border-width: 1px 0 0 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

blockquote, q {
    margin: 0;
    quotes: none
}

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

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

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

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

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

img {
    border: 0
}

figure {
    margin: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace
}

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

td, th {
    padding: 0
}

button, input, optgroup, select, textarea {
    margin: 0;
    padding: 0;
    outline: 0;
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    line-height: normal;
    border-radius: 0
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

legend {
    border: 0;
    padding: 0
}

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

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

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    line-height: normal
}

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

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

[type=search] {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    outline-offset: -2px;
    -webkit-appearance: textfield
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.overflow {
    overflow: hidden
}

.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    height: 100%
}

.container > .content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    width: 100%;
    margin: 0 auto;
    min-width: 944px
}

@media (max-width: 415px) {
    .container > .content {
        min-width: 320px
    }
}

.container > .content .page-content {
    width: 100%;
    height: 100%
}

.wrapper {
    max-width: 944px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 1184px) {
    .wrapper {
        max-width: 1104px
    }
}

@media (min-width: 1264px) {
    .wrapper {
        max-width: 1184px
    }
}

@media (min-width: 1344px) {
    .wrapper {
        max-width: 1264px
    }
}

@media (max-width: 415px) {
    .wrapper {
        max-width: 415px
    }
}

.wrapper-search {
    max-width: 1264px;
    padding: 0
}

@media (max-width: 1280px) {
    .wrapper-search {
        max-width: 994px;
        padding: 0
    }
    .header-link {
        margin-left: 6.5% !important;
    }
}

div.scrollingHotSpotLeft {
    min-width: 75px;
    width: 10%;
    height: 100%;
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    left: 0
}

div.scrollingHotSpotLeftVisible {
    background-image: url(../images/arrow_left.gif);
    background-color: #fff;
    background-repeat: no-repeat;
    opacity: .35;
    -moz-opacity: .35;
    zoom: 1
}

div.scrollingHotSpotRight {
    min-width: 75px;
    width: 10%;
    height: 100%;
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    right: 0
}

div.scrollingHotSpotRightVisible {
    background-color: #fff;
    background-repeat: no-repeat;
    opacity: .35;
    -moz-opacity: .35;
    zoom: 1
}

div.scrollWrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

div.scrollableArea {
    position: relative;
    width: auto;
    height: 100%
}

.suggestions-subtext_inline .suggestions-subtext-delimiter {
    display: none
}

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

@media (max-width: 415px) {
    .mfp-container {
        padding: 0
    }
}

@media (max-width: 415px) {
    .mfp-content {
        vertical-align: top
    }
}

.engineering-works {
    position: fixed;
    right: 16px;
    bottom: 16px;
    width: 304px;
    border-radius: 8px;
    background-color: rgba(59, 59, 59, .9);
    padding: 16px 56px 16px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99
}

@media (max-width: 415px) {
    .engineering-works {
        bottom: 8px;
        right: 8px;
        left: 8px;
        width: auto
    }
}

.engineering-works-text {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: rgba(255, 255, 255, .9)
}

.engineering-works-close {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 16px;
    top: 16px;
    background-position: center;
    background-size: contain;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd' opacity='1'%3E%3Cpath d='M0 0h32v32H0z'/%3E%3Cpath stroke='%23fff' stroke-linecap='square' stroke-width='2' d='M7.5 7.5l17 17M24.5 7.5l-17 17'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.modal-share {
    height: 120px;
    width: 304px;
    margin: auto
}

.modal-share .share-modal {
    position: static;
    display: block !important;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-billed {
    width: 784px;
    border-radius: 4px;
    background-color: #fff;
    margin: auto;
    padding: 48px 80px 24px
}

.modal-billed-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal-billed-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 32px
}

.modal-billed-header h2 {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.45;
    color: rgba(0, 0, 0, .9)
}

.modal-billed-header h2.phone {
    color: rgba(0, 0, 0, .4)
}

.modal-billed-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal-billed-content--main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 31px
}

.modal-billed-content--main .form-group--big {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: 0;
    font-size: 1.4rem;
    line-height: 1.43;
    color: rgba(0, 0, 0, .4)
}

.modal-billed-content--main .form-group--big .form-group--item {
    position: relative;
    min-width: 269px;
    height: 48px
}

.modal-billed-content--main .form-group--big .form-group--item:first-of-type {
    margin-right: 10px
}

.modal-billed-content--main .form-group--big .form-group--item:last-of-type {
    margin-left: 10px
}

.modal-billed-content--main .form-group--big .btn {
    position: absolute
}

.modal-billed-content--main .form-group--big .btn-score {
    width: 272px;
    z-index: 999
}

.modal-billed-content--main .form-group--big .btn-score:active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.modal-billed-content--main .form-group--big .btn-bitrix {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 4px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: .5px
}

.modal-billed-content--main .form-group--big .btn-bitrix:active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.modal-billed-content--main .form-group--big .btn-disabled {
    color: rgba(255, 255, 255, .6);
    background-color: #e6e6e6
}

.modal-billed-content--main .form-group--big .fake-placeholder {
    position: absolute;
    display: block;
    top: 50%;
    left: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.modal-billed-content--main .form-group--big .chek {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    right: 12px
}

.modal-billed-content--main .form-group--big label {
    position: relative
}

.modal-billed-content--main .form-group--big input {
    width: 224px;
    height: 48px;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .15);
    background-color: #fff;
    padding: 16px 36px 16px 16px;
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

.modal-billed-content--main .form-group--big input::-webkit-input-placeholder {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.14;
    color: rgba(0, 0, 0, .4)
}

.modal-billed-content--main .form-group--big input:-ms-input-placeholder {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.14;
    color: rgba(0, 0, 0, .4)
}

.modal-billed-content--main .form-group--big input::-ms-input-placeholder {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.14;
    color: rgba(0, 0, 0, .4)
}

.modal-billed-content--main .form-group--big input::placeholder {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.14;
    color: rgba(0, 0, 0, .4)
}

.modal-billed-content--main .form-group--big input:focus, .modal-billed-content--main .form-group--big input:hover {
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    border: solid 1px rgba(0, 0, 0, .25)
}

.modal-billed-content--main .form-group--big input.score {
    padding-left: 77px;
    padding-right: 47px;
    font-size: 1.4rem;
    background-color: #e6e6e6
}

.modal-billed-content--main .form-group--big input.score:focus, .modal-billed-content--main .form-group--big input.score:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: solid 1px rgba(0, 0, 0, .15)
}

.modal-billed-content--main .form-group--big input.bitrix {
    padding-left: 95px;
    padding-right: 123px;
    width: 312px
}

.modal-billed-content--list.checks .modal-billed-content--item {
    padding-left: 56px
}

.modal-billed-content--list.checks .modal-billed-content--item:hover {
    padding-left: 88px
}

.modal-billed-content--list.checks .modal-billed-content--item:hover:before {
    left: 32px
}

.modal-billed-content--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 16px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.modal-billed-content--item.check {
    position: relative
}

.modal-billed-content--item.check:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    border-radius: 50%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Ccircle cx='10' cy='10' r='9.1' fill='%233AA65E' stroke='%233AA65E' stroke-width='1.8'/%3E%3Cpath stroke='%23FFF' stroke-linecap='square' stroke-width='1.8' d='M6.667 10.417L8.75 12.5l4.583-4.583'/%3E%3C/g%3E%3C/svg%3E")
}

.modal-billed-content--item:first-of-type {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.modal-billed-content--item:last-of-type {
    border-bottom-color: transparent
}

.modal-billed-content--item:hover {
    margin: 0 -32px;
    padding: 16px 32px;
    border-top-color: transparent;
    background-color: rgba(0, 0, 0, .05);
    border-bottom-color: transparent;
    border-radius: 4px
}

.modal-billed-content--item .id {
    font-size: 1.4rem;
    width: 304px;
    margin-right: 16px
}

.modal-billed-content--item .id span {
    width: 144px;
    color: rgba(0, 0, 0, .4);
    font-size: 1.4rem;
    display: inline-block;
    margin-right: 16px
}

.modal-billed-content--item .download {
    width: 32px
}

.modal-billed-content--item .download .btn-download {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E15C97301-E412-4403-BC48-8DB05A83377C%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/card/download/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-25'%3E%3Crect id='Rectangle' opacity='0.200000003' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23000000' x='9' y='21' width='14' height='2'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23000000' x='15' y='9' width='2' height='9'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3Cpolygon id='Rectangle' fill='%23000000' points='12.5 15 19.5 15 16 19.75'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: .4;
    border: 0;
    background-color: transparent
}

.modal-billed-content--item .download .btn-download:hover {
    opacity: 1;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E15C97301-E412-4403-BC48-8DB05A83377C%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/card/download/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-25'%3E%3Crect id='Rectangle' opacity='0.200000003' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23000000' x='9' y='21' width='14' height='2'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23000000' x='15' y='9' width='2' height='9'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3Cpolygon id='Rectangle' fill='%23000000' points='12.5 15 19.5 15 16 19.75'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.btn {
    display: block;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    border: none;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: .5px;
    line-height: 1.6rem;
    text-decoration: none;
    text-align: center;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.btn-green {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    background-color: #3aa65e;
    color: #fff
}

.btn-green:hover {
    background-color: #318c4f;
    color: #fff;
    text-decoration: none
}

.btn-green:active {
    color: #fff;
    background: #318c4f;
    -webkit-transform: scale(.96);
    transform: scale(.96)
}

.btn-green2 {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    background-color: #3aa65e;
    color: #fff
}

.btn-green2:hover {
    background-color: #318c4f;
    color: #fff;
    text-decoration: none
}

.btn-green2:active {
    color: #fff;
    background: #318c4f;
    -webkit-transform: scale(.96);
    transform: scale(.96)
}

.btn-default {
    border: solid 1px rgba(0, 0, 0, .15);
    color: rgba(0, 0, 0, .9);
    background: #fff
}

.btn-default:hover {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .9);
    text-decoration: none
}

.btn-default:active {
    -webkit-transform: scale(.96);
    transform: scale(.96);
    color: rgba(0, 0, 0, .9)
}

.btn-default--empty {
    background-color: transparent
}

.btn--solutions {
    background: 0 0;
    border: solid 1px rgba(0, 0, 0, .15);
    color: rgba(0, 0, 0, .9)
}

.btn--solutions:hover {
    background-color: #3aa65e;
    color: #fff;
    text-decoration: none
}

.btn--solutions:active {
    color: #fff;
    background: #3aa65e;
    -webkit-transform: scale(.96);
    transform: scale(.96)
}

.btn--solutions span {
    width: 16px;
    height: 16px;
    background-image: url(../images/button-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.btn-disabled {
    pointer-events: none;
    color: rgba(0, 0, 0, .25);
    background: #fff;
    border-color: rgba(0, 0, 0, .15)
}

.btn .loader {
    width: 24px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto
}

.btn .loader-item--1 {
    display: block;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-animation: opacity 1.5s infinite ease;
    animation: opacity 1.5s infinite ease;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-transition: .2s all ease;
    transition: .2s all ease
}

.btn .loader-item--2 {
    display: block;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-animation: opacity 1.5s infinite ease;
    animation: opacity 1.5s infinite ease;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-transition: .2s all ease;
    transition: .2s all ease
}

.btn .loader-item--3 {
    display: block;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-animation: opacity 1.5s infinite ease;
    animation: opacity 1.5s infinite ease;
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    -webkit-transition: .2s all ease;
    transition: .2s all ease
}

.select-years {
    position: relative
}

.select-years ul {
    padding: 24px 28px 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: hidden;
    overflow-x: visible
}

@media (max-width: 415px) {
    .select-years ul {
        padding: 8px 20px;
        overflow: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0
    }
}

.select-years ul li {
    margin-left: 24px
}

@media (max-width: 415px) {
    .select-years ul li {
        margin-left: 0;
        margin-right: 12px;
        margin-bottom: 10px
    }
}

.select-years ul li:first-child {
    margin-left: 0
}

@media (max-width: 415px) {
    .select-years ul li:first-child {
        margin-left: 0
    }
}

.select-years ul li.no-info a {
    pointer-events: none;
    border-bottom: 0;
    color: rgba(0, 0, 0, .2)
}

.select-years ul li.active {
    margin-left: 18px;
    margin-right: -6px
}

@media (max-width: 415px) {
    .select-years ul li.active {
        margin-left: auto;
        margin-right: 12px
    }
}

.select-years ul li.active a {
    padding: 4px 6px;
    background-color: #3aa65e;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    border-bottom: 0
}

.select-years ul li a {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, .4);
    border-bottom: 1px solid rgba(0, 0, 0, .4)
}

@media (max-width: 415px) {
    .select-years ul li a {
        padding: 4px 6px
    }
}

.select-years ul li a:hover {
    text-decoration: none
}

.select-years .show-all {
    position: absolute;
    right: -24px;
    top: 24px
}

@media (max-width: 415px) {
    .select-years .show-all {
        position: static;
        padding: 0 16px;
        display: none
    }
}

.select-years .show-all--list {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3EC74020F0-C11F-4DD4-B105-531CF5FD105B%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/dots/M/normal'%3E%3Cg id='Group-14'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23000000' cx='6' cy='12' r='1.5'%3E%3C/circle%3E%3Ccircle id='Oval' fill='%23000000' cx='12' cy='12' r='1.5'%3E%3C/circle%3E%3Ccircle id='Oval' fill='%23000000' cx='18' cy='12' r='1.5'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -999px;
    opacity: .4;
    overflow: hidden
}

@media (max-width: 415px) {
    .select-years .show-all--list {
        display: none
    }
}

.select-years .show-all .show-all--dropdown {
    position: absolute;
    display: none;
    right: 0;
    top: 100%;
    width: 80px;
    height: 280px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .16);
    background-color: #fff;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 415px) {
    .select-years .show-all .show-all--dropdown {
        position: static;
        display: block;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        height: auto
    }
}

.select-years .show-all .show-all--dropdown ul {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    min-width: 104px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: start;
    padding: 16px 73px 16px 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@media (max-width: 415px) {
    .select-years .show-all .show-all--dropdown ul {
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.select-years .show-all .show-all--dropdown ul li {
    margin: 0 0 20px 0;
    width: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 24px
}

@media (max-width: 415px) {
    .select-years .show-all .show-all--dropdown ul li {
        width: auto;
        margin-left: 0;
        margin-right: 12px;
        margin-bottom: 10px;
        padding: 0
    }

    .select-years .show-all .show-all--dropdown ul li a {
        padding: 4px 6px
    }
}

.select-years .show-all .show-all--dropdown ul li:hover {
    background-color: rgba(0, 0, 0, .05)
}

.show-all-years {
    position: fixed;
    display: block;
    top: 20px;
    left: 20px;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3E022FD8E6-17C0-4B23-8D11-645A512E2C1F%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/listing/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23000000' x='4' y='7' width='2' height='2'%3E%3C/rect%3E%3Crect id='Rectangle-Copy-4' fill='%23000000' x='4' y='15' width='2' height='2'%3E%3C/rect%3E%3Crect id='Rectangle-Copy-5' fill='%23000000' x='4' y='23' width='2' height='2'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23000000' x='10' y='7' width='18' height='2'%3E%3C/rect%3E%3Crect id='Rectangle-Copy' fill='%23000000' x='10' y='15' width='18' height='2'%3E%3C/rect%3E%3Crect id='Rectangle-Copy-2' fill='%23000000' x='10' y='23' width='18' height='2'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    opacity: .4;
    cursor: pointer
}

.disabled {
    pointer-events: none !important;
    cursor: default !important;
    color: rgba(0, 0, 0, .2) !important;
    border-color: rgba(0, 0, 0, .08) !important
}

@-webkit-keyframes opacity {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes opacity {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

.company-card-body .zoom-on .mfp-container {
    right: 2%;
    width: 25%;
    left: auto;
    padding: 0;
    margin-top: 68px;
    height: auto;
}



.company-card-body .zoom-on.mfp-wrap {
    width: auto;
    height: auto;
}
.zoom-on.mfp-wrap.card-modal .mfp-close {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E5B56EE7F-3A1E-4ED2-BAB5-B5310287347B%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Cpath d='M3,29 L29,3' id='Path-2' stroke='%23999999' stroke-width='3'%3E%3C/path%3E%3Cpath d='M3,29 L29,3' id='Path-2-Copy' stroke='%23999999' stroke-width='3' transform='translate(16.000000, 16.000000) scale(-1, 1) translate(-16.000000, -16.000000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 20px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    right: 25px;
}

.company-card-body .zoom-on.mfp-wrap.card-modal .mfp-content {
    padding: 0;
}

.zoom-in .modal,
.zoom-on .modal {
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.zoom-in.mfp-bg,
.zoom-on.mfp-bg {
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.zoom-in.mfp-ready .modal,
.zoom-on.mfp-ready .modal {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.company-card-body .zoom-on.mfp-ready.mfp-bg {
    display: none;
}

.zoom-in.mfp-ready.mfp-bg,
.main-page .zoom-on.mfp-ready.mfp-bg {
    opacity: .8;
    display: inherit;
}

.zoom-on .mfp-container {
    position: fixed;
}



.zoom-in.mfp-removing .modal,
.zoom-on.mfp-removing .modal {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0
}

.zoom-in.mfp-removing.mfp-bg,
.zoom-on.mfp-removing.mfp-bg {
    opacity: 0
}



@media (max-width: 415px) {
    .company-card-body .zoom-on .mfp-container {
        right: auto;
        width: 100%;
        left: auto;
        padding: 0;
        margin-top: 68px;
        height: auto;
    }
    .company-card-body .zoom-on.mfp-ready.mfp-bg {
        display: inherit;
    }
    .notes-list .notes-column {
        width: 90% !important;
    }

    #modal-user-notes {
        width: 100%;
    }
}



.lds-ring {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
    width: 24px;
    height: 24px
}

.lds-ring div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    border: solid 3px;
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite;
    border-color: #999 #999 #999 transparent
}

@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes cbhCircle {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
    30% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
    31% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .2
    }
    100% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0
    }
}

@keyframes cbhCircle {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
    30% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
    31% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .2
    }
    100% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0
    }
}

@-webkit-keyframes cbhCircle-inner {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .01
    }
    30% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .2
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes cbhCircle-inner {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .01
    }
    30% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .2
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes cbhCube-inner {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .01
    }
    30% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: .2
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes cbhCube-inner {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .01
    }
    30% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: .2
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes lazyload {
    0% {
        opacity: 1
    }
    50% {
        opacity: .2
    }
}

@keyframes lazyload {
    0% {
        opacity: 1
    }
    50% {
        opacity: .2
    }
}

.header {
    width: 100%;
    height: 64px;
    position: fixed;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 110;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e6e6e6;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    -webkit-transition: top .5s ease-in-out;
    transition: top .5s ease-in-out;
    -webkit-transition-duration: .5s;
    transition-duration: .5s

}

@media (min-width: 1264px) {
    .header {
        height: 68px
    }
}

@media (max-width: 415px) {
    .header {
        height: auto;
        padding: 14px 0
    }
}

.header.scroll-bottom {
    top: -68px
}

@media (max-width: 1263px) {
    .header.scroll-bottom {
        top: -64px
    }
}

@media (max-width: 415px) {
    .header.scroll .header-link .enter {
        background-color: #3aa65e;
        border-color: #3aa65e;
        color: #fff
    }

    .header.scroll .header-link .enter:hover {
        background-color: #318c4f;
        color: #fff;
        text-decoration: none
    }

    .header.scroll .header-link .enter:active {
        color: #fff;
        background: #318c4f;
        -webkit-transform: scale(.96);
        transform: scale(.96)
    }
}

.header .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

@media (max-width: 415px) {
    .header .wrapper {
        padding: 0 16px 0 24px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.header .wrapper .card-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 784px;
    margin: 0 auto;
    background-color: #e6e6e6;
    padding: 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: top .2s ease;
    transition: top .2s ease;
    z-index: 0;
}

@media (max-width: 1343px) {
    .header .wrapper .card-header {
        width: 704px
    }
}

@media (max-width: 1263px) {
    .header .wrapper .card-header {
        margin-left: 240px
    }
}

.header .wrapper .card-header.show {
    top: 54px
}

@media (max-width: 1263px) {
    .header .wrapper .card-header.show {
        top: 52px
    }
}

@media (max-width: 415px) {
    .header .wrapper .card-header.show {
        display: none !important
    }
}

.header .wrapper .card-header--inner {
    position: relative;
    max-width: 608px;
    width: auto;
    cursor: pointer;
    display: inline-block
}

.header .wrapper .card-header--inner:hover:after {
    opacity: 1
}

@media (max-width: 1343px) {
    .header .wrapper .card-header--inner {
        max-width: 528px
    }
}

.header .wrapper .card-header--inner:after {
    content: '';
    position: absolute;
    right: -32px;
    top: 50%;
    margin-top: -12px;
    z-index: 999;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Ccircle cx='12' cy='12' r='12' fill='%23000' fill-opacity='.1'/%3E%3Cpath stroke='%23000' stroke-linecap='square' stroke-width='1.8' d='M8 13.5l4-4 4 4'/%3E%3C/g%3E%3C/svg%3E");
    opacity: 0;
    -webkit-transition: .2s opacity ease;
    transition: .2s opacity ease
}

.header .wrapper .card-header--inner > div {
    position: relative;
    max-width: 100%;
    width: auto;
    display: inline-block
}

.header .wrapper .card-header--inner > div.fade:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 56px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(230, 230, 230, 0)), to(#e6e6e6));
    background-image: linear-gradient(to right, rgba(230, 230, 230, 0), #e6e6e6)
}

.header .wrapper .card-header--inner:hover h1 {
    opacity: .7
}

.header .wrapper .card-header h1 {
    display: inline-block;
    position: relative;
    max-width: 100%;
    width: auto;
    overflow: hidden;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .9);
    white-space: nowrap;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    text-overflow: clip
}

@media (max-width: 1343px) {
    .header .wrapper .card-header h1 {
        font-size: 1.4rem;
        height: 1.6rem
    }
}

.header .wrapper .card-header--factors {
    position: static;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2rem
}

@media (max-width: 1343px) {
    .header .wrapper .card-header--factors {
        font-size: 1.4rem;
        height: 1.6rem
    }
}

.header-logo {
    max-width: 176px;
    width: 100%;
    margin-right: 64px
}

@media (max-width: 415px) {
    .header-logo {
        margin-right: 0
    }
}

.header-logo a {
    display: block;
    max-width: 168px
}

.header-logo a img {
    display: block;
    width: 100%
}

.header-search {
    position: relative;
    width: 62.02%;
    margin-right: 16px;
    max-width: 784px
}

@media (min-width: 1184px) {
    .header-search {
        width: 68.6%
    }
}


@media (min-width: 1264px) and (min-height: 671px) {
    .header-search {
        max-width: 784px
    }
}

@media (max-width: 1344px) and (min-width: 1264px) {
    .header-search {
        max-width: 710px;
    }
}

@media (min-width: 1264px) and (max-height: 670px) {
    .header-search {
        max-width: 704px
    }
}

@media (min-width: 1344px) {
    .header-search {
        max-width: 784px
    }
}

.header-search--input {
    width: 100%;
    height: 40px;
    padding: 12px 44px 12px 44px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .15);
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, .9);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.header-search--input::-webkit-input-placeholder {
    font-family: Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, .4)
}

.header-search--input:-ms-input-placeholder {
    font-family: Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, .4)
}

.header-search--input::-ms-input-placeholder {
    font-family: Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, .4)
}

.header-search--input::placeholder {
    font-family: Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, .4)
}

.header-search--btn {
    position: absolute;
    width: 24px;
    height: 24px;
    display: block;
    padding: 2px;
    left: 12px;
    top: 6px;
    opacity: .4;
    border: none;
    background: #fff;
    -webkit-transition: .2s opacity ease;
    transition: .2s opacity ease
}

.header-search--btn:hover {
    opacity: .3
}

.header-search--btn_reset {
    display: none;
    position: absolute;
    width: 24px;
    height: 24px;
    padding: 2px;
    top: 6px;
    right: 12px;
    overflow: hidden;
    text-indent: 999px;
    border: 0;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ED254B955-C740-450F-8233-2BCE7A651267%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/M/normal'%3E%3Cg id='Group-14'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M4.5,4.5 L19.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M19.5,4.5 L4.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-transition: .2s opacity ease;
    transition: .2s opacity ease;
    opacity: 1
}

.header-search--btn_reset:hover {
    opacity: .6
}

.header-search--btn svg {
    display: block;
    width: 100%;
    height: 100%
}

.header-search--inner {
    z-index: 999999999;
    display: none;
    position: absolute;
    top: 100%;
    background-color: #fff;
    left: 0;
    right: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 1px solid rgba(0, 0, 0, .15);
    border-right: 1px solid rgba(0, 0, 0, .15);
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px
}

.header-search--inner .title {
    padding-left: 16px;
    font-size: 1.3rem;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, .4);
    margin-bottom: 4px
}

.header-search--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header-search--item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 12px 15px;
    cursor: pointer
}

.header-search--item:hover {
    background-color: rgba(0, 0, 0, .05)
}

.header-search--item:hover .item-info--company:after, .header-search--item:hover .item-info--name:after {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(242, 242, 242, 0)), to(#f2f2f2));
    background-image: linear-gradient(to right, rgba(242, 242, 242, 0), #f2f2f2)
}

.header-search--item .item-info--name {
    position: relative;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 8px;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    letter-spacing: .4px;
    color: rgba(0, 0, 0, .9);
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden
}



.header-search--item .item-info--name:after {
    position: absolute;
    content: '';
    top: 0;
    width: 56px;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff)
}

.header-search--item .item-info--company {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden
}

.header-search--item .item-info--company:after {
    position: absolute;
    content: '';
    top: 0;
    width: 56px;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff)
}

.header-search--item .item-info--company p {
    margin-right: 16px
}

.header-search--item .item-info--company p:last-of-type {
    margin-right: 0
}

.header-search--item .item-info--company p span:not(.icon-king) {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: .4px;
    color: rgba(0, 0, 0, .4);
    text-transform: uppercase
}

.header-search--item .item-info--company p .icon-king {
    vertical-align: middle;
    display: inline-block;
    margin-right: 4px
}

.header-link {
    position: relative;
    margin-left: auto;
    margin-right: 0
}

.header-link .enter {
    width: 80px;
    display: inline-block;
    border-radius: 24px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    text-align: center;
    text-transform: none;
    color: #fff;
    padding: 8px 16px
}

@media (max-width: 415px) {
    .header-link .enter {
        border: solid 1px #3aa65e;
        color: #fff;
        background: #3aa65e;
        padding: 6px 13px;
        width: auto
    }

    .header-link .enter:hover {
        background: rgba(0, 0, 0, .05);
        color: #fff;
        text-decoration: none
    }

    .header-link .enter:active {
        -webkit-transform: scale(.96);
        transform: scale(.96);
        color: #fff
    }
}

.ulega_link {
    color:#f24c3d;
    font-weight: normal;
}

.ulega_link p
{
    float:right;text-decoration: underline;
}
@media (max-width: 1200px) {
    .ulega_link p::after{
        width: 320px; white-space: normal !important;
    }
}

@media (max-width: 500px) {
    .ulega_link p::after{
        width: 270px; white-space: normal !important;
    }
}
.ulega_link:hover , .ulega_link p:hover {
    color:#f24c3d;
    text-decoration: normal;
}

.unlegarrow {
    margin-left: 4px;
    display: inline-block;
    /*    vertical-align: baseline;*/
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    left: -4px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='.6' transform='translate(4.000000, 5.000000)' stroke='red'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")

}

.unlegal_p {
    width:100%;
    max-width: 556px;
    margin-top: 10px;
    margin-left: 48px;
}
@media (max-width: 500px) {
    .unlegal_p {
        max-width: 268px;
        margin-left: 10px;
    }
}
@media (max-width: 340px) {
    .ulega_link {
       font-size: 13px;
    }
}



.header-link ul {
    width: 100%;
    max-width: 144px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-link ul li {
    margin-right: 8px;
    position: relative
}


@media (max-width: 1200px) {
    .header-link ul li {
        margin-right: 6px;
    }
}
@media (max-width: 1000px) {
    .header-link ul li {
        margin-right: 4px;
    }
}
@media (max-width: 960px) {
    .header-link ul li {
        margin-right: 4px;
    }
}
@media (max-width: 768px) {
    .header-link ul li {
        margin-right: 2px;
    }
}

@media (max-width: 650px) {
    .header-link ul li {
        margin-right: 2px;
        position: relative
    }
}

.header-link ul li:last-child {
    margin-right: 0
}

.header-link ul li .show-monitoring--count {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    padding: 2px 4px;
    color: #fff;
    background-color: #f24c3d;
    font-size: 1.1rem;
    border-radius: 8px;
    line-height: 1.09;
    text-align: center;
    left: 20px;
    bottom: 18px
}

.header-link--item {
    display: block;
    width: 32px;
    height: 32px
}

.header-link--item.add-more {
    cursor: pointer
}

/*.header-link--item.add-more svg .options {
    fill: rgba(0, 0, 0, .15)
}*/

.header-link--item.add-more:before {
    width: 113px;
    padding: 4px 8px;
    text-align: center
}

/*.header-link--item.add-more:hover svg .options {
    fill: rgba(0, 0, 0, .15)
}*/

.header-link--item[data-hint] {
    position: relative
}

.header-link--item[data-hint]:before {
    position: absolute;
    z-index: 9991;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 4px 8px;
    opacity: 0;
    max-width: 464px;
    top: 100%;
    left: 50%;
    margin-top: 8px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    text-transform: none;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: .5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    width: auto;
}

.header-link--item[data-hint]:hover:before {
    opacity: 1
}

.header-link--item:hover svg .options,
.header-link--item:hover svg .star,
.header-link--item:hover svg .passport,
.header-link--item:hover svg .check,
.header-link--item:hover svg .samozanyatiy,
.header-link--item:hover svg circle {
    fill: #000;
}

.header-link--item:hover svg .samozanyatiy-st0,
.header-link--item:hover svg .samozanyatiy-st1,
.header-link--item:hover svg .samozanyatiy-st2 {
    stroke: #000;
}
.header-link--item:hover svg .samozanyatiy-roof,
.header-link--item:hover svg .samozanyatiy-window {
    stroke: none;
}
.header-link--item:hover svg .samozanyatiy-emblem {
    stroke: #999;
}


.affil-hint[data-hint] {
    position: relative
}

.affil-hint[data-hint]:before {
    position: absolute;
    z-index: 9991;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 4px 8px;
    opacity: 0;
    max-width: 464px;
    top: 100%;
    left: 50%;
    margin-top: 8px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    text-transform: none;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: .5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff
}

.affil-hint[data-hint]:hover:before {
    opacity: 1
}


.header-link--item svg {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity
}

.header-link--item svg path {
    -webkit-transition: .2s fill ease;
    transition: .2s fill ease
}

.header-link--item.big {
    position: relative;
    border-radius: 50%
}

.header-link--item.big:after {
    content: '';
    -webkit-transition: .5s ease all;
    transition: .5s ease all;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.header-link--item.big svg {
    border-radius: 50%;
    overflow: hidden
}

.header-link--item.big.open {
    position: relative
}

.header-link--item.big.open:after {
    position: absolute;
    content: '';
    width: 38px;
    height: 38px;
    border: solid 2px #3aa65e
}

.header-link--item.big .mark {
    position: absolute;
    z-index: 99;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 0;
    right: 0;
    background-color: #f24c3d
}

.header-link--menu {
    display: none;
    position: absolute;
    padding: 24px 24px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    right: -16px;
    top: 52px;
    width: 248px;
    height: auto;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    background-color: #fff;
    z-index: 999
}

.header-link--menu .profile-info {
    padding-bottom: 23px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    text-align: center
}

.header-link--menu .profile-info--main {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2.4rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

.header-link--menu .profile-info--second {
    margin-top: 8px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, .4)
}

.header-link--menu .profile-subscription {
    margin-bottom: 24px
}

.header-link--menu .profile-subscription--info {
    margin-bottom: 16px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    letter-spacing: normal;
    text-align: center
}

.header-link--menu .profile-subscription--info.normal {
    color: #3aa65e
}

.header-link--menu .profile-subscription--info.warning {
    color: #f24c3d
}

.header-link--menu .profile-subscription--info.default {
    color: rgba(0, 0, 0, .9)
}

.header-link--menu .profile-subscription--btn p {
    margin-bottom: 8px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, .4)
}

.header-link--menu .profile-subscription--btn .btn-green {
    padding: 10px 8px 10px 9px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 8px
}

.header-link--menu .profile-subscription--btn .btn-green:last-child {
    margin-bottom: 0
}

.header-link--menu .profile-menu {
    display: block;
    width: auto;
    max-width: none;
    margin-left: -24px;
    margin-right: -24px
}

.header-link--menu .profile-menu li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    margin: 0
}

.header-link--menu .profile-menu li.statement a span {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin-left: 8px;
    color: rgba(0, 0, 0, .4)
}

.header-link--menu .profile-menu li.statement.active span {
    color: #fff;
    background-color: #f24c3d;
    border-radius: 10px;
    padding: 3px 6px 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.header-link--menu .profile-menu li.menu-notes .new-notice.active {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin-left: 8px;
    color: #fff;
    background-color: #f24c3d;
    border-radius: 50%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header-link--menu .profile-menu li a {
    padding: 8px 0;
    display: block;
    width: 100%;
    font-family: Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9);
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.header-link--menu .profile-menu li a:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .05)
}

.header-admin {
    border-bottom: 0;
    position: static;
    height: 72px
}

.header-admin .wrapper {
    max-width: 960px
}

.header-admin .header-logo svg {
    opacity: .5
}

@media (min-width: 413px) {
    .header.auth .controls {
        display: none
    }
}

@media (max-width: 415px) {
    .header.auth {
        background: #fff
    }

    .header.auth .wrapper {
        padding-right: 16px
    }

    .header.auth .header-search {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 1;
        background: #fff;
        display: none
    }

    .header.auth .header-search--input {
        border-width: 0 0 1px 0;
        border-radius: 0;
        height: 60px;
        padding: 20px 48px 20px 54px;
        font-size: 16px;
        line-height: 20px
    }

    .header.auth .header-search--btn {
        top: 14px;
        left: 16px;
        width: 32px;
        height: 32px;
        background-image: url(../images/header-auth-search.svg);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
        opacity: 0;
        -webkit-transition: .2s;
        transition: .2s
    }

    .header.auth .header-search--btn.active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1 !important
    }

    .header.auth .header-search--btn svg {
        display: none
    }

    .header.auth .header-search--btn_reset {
        display: block;
        position: absolute;
        top: 14px;
        right: 16px;
        width: 32px;
        height: 32px;
        background-image: url(../images/close-mobile.svg);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat
    }

    .header.auth .header-link {
        display: none
    }

    .header.auth .controls {
        justify-self: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header.auth .controls button {
        width: 32px;
        height: 32px;
        margin-left: 12px;
        border: 0;
        background-color: transparent
    }

    .header.auth .controls button:first-child {
        margin-left: 0
    }

    .header.auth .controls button svg {
        opacity: .4
    }

    .header.auth .controls .header-auth-menu {
        position: relative
    }

    .header.auth .controls .header-auth-menu::after {
        content: '';
        width: 9px;
        height: 9px;
        background: #f24c3d;
        border: 1px solid #fff;
        border-radius: 50%;
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0
    }

    .header.auth .controls .header-auth-menu.has-note::after {
        opacity: 1
    }
}

@media (min-width: 413px) {
    .header-mobile-menu {
        display: none
    }
}

@media (max-width: 415px) {
    .header-mobile-menu {
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: .2s;
        transition: .2s;
        padding-left: 100px;
        background: rgba(0, 0, 0, 0)
    }

    .header-mobile-menu.active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        background: rgba(0, 0, 0, .6)
    }
}

@media (max-width: 415px) and (max-width: 360px) {
    .header-mobile-menu {
        padding-left: 72px
    }
}

@media (max-width: 415px) and (max-width: 320px) {
    .header-mobile-menu {
        padding-left: 64px
    }
}

.header-mobile-menu-content {
    background: #fff;
    position: relative;
    border-radius: 8px 0 0 8px;
    padding: 24px 0 24px 0;
    height: 100%;
    overflow-y: auto
}

.header-mobile-menu__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    min-height: 460px
}

.header-mobile-menu__close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 14px;
    right: 15px;
    background-color: transparent;
    border: none
}

.header-mobile-menu__close svg {
    width: 100%;
    height: 100%
}

.header-mobile-menu__user {
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-bottom: 24px
}

.header-mobile-menu__user img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%
}

.header-mobile-menu__phone {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px
}

.header-mobile-menu__time {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-align: center;
    color: #3aa65e;
    margin-bottom: 52px;
    max-width: 208px
}

.header-mobile-menu nav {
    width: 100%;
    padding-left: 24px
}

.header-mobile-menu__nav {
    width: 100%
}

.header-mobile-menu__nav-item {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.header-mobile-menu__nav-item a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 30px 14px 0;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, .9);
    position: relative
}

.header-mobile-menu__nav-item a .messages {
    font-size: 14px;
    line-height: 15px;
    color: #fff;
    background: #f24c3d;
    border-radius: 50px;
    padding: 4px 8px;
    position: absolute;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header-mobile-menu__nav-item .icon {
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 16px
}

.header-mobile-menu__nav-item .icon--monitoring {
    background-image: url(../images/icon/icon-favorites.svg)
}

.header-mobile-menu__nav-item .icon--note {
    background-image: url(../images/icon/note.svg);
    background-size: 37px;
}

.header-mobile-menu__nav-item .icon--compare {
    background-image: url(../images/icon/icon-options.svg)
}

.header-mobile-menu__nav-item .icon--settings {
    background-image: url(../images/icon/icon-settings.svg)
}

.header-mobile-menu__nav-item .icon--exit {
    background-image: url(../images/icon/icon-exit.svg)
}

.footer {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    min-width: 944px;
    background-color: #999;
    padding: 40px 0 10px;
    z-index: 11
}

.footer .footer-container {
    display: flex;
    justify-content: space-between;
}
.footer .footer-partners {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer .footer-partners h3 {
    color: #fff;
    font-size: 1.4rem;
    margin-bottom: 35px;
    text-transform: uppercase;
    font-weight: 900;
}
.footer .footer-partners .img-partners {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer .footer-partners .img-partners .partner-kurch img{
    width: 450px;
}
.footer .footer-partners .img-partners .partner-kurch-mobil img {
    width: 225px;

}
.footer .footer-partners .img-partners .partner-kurch-mobil .kurch-name {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-top: 17px;
    font-size: 14px;
}
.footer .footer-partners .img-partners .partner-orgenergostroy img{
    width: 155px;
}
.footer .footer-partners .img-partners .second-partners-line .partner-rosseti {
    margin-top: 42px;
}
.footer .footer-partners .img-partners .partner-rosseti img{
    /*width: 66px;*/
    width: 190px;
    margin-top: 0;
}
.footer .footer-partners .img-partners .second-partners-line {
    display: flex;
    justify-content: space-around;
    width: 86%;
}
.footer .footer-partners .img-partners .partner-kurch-mobil {
    display: none;
    margin-bottom: 7px;
}

.footer-nav {
    width: 100%;
    margin-bottom: 25px
}

.footer-nav ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    flex-wrap: wrap;
    justify-content: start;
}


@media (max-width: 415px) {
    .footer {
        min-width: 320px;
        padding: 40px 20px
    }

    .footer .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 !important
    }
    .footer .footer-container {
        flex-direction: column-reverse;
    }

    .footer .footer-left-column {
        margin-top: 40px;
    }


    .footer .footer-partners {
        align-items: center;
        border: 2px solid #fff;
        border-radius: 40px;
        padding: 30px 15px 0 15px;
        margin: auto;
        max-width: 300px;
    }
    .footer .footer-partners h3 {
        font-size: 1.6rem;
    }

    .footer .footer-partners .img-partners {
        margin-bottom: 40px;
    }
    .footer .footer-partners .img-partners .second-partners-line {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: center;
    }
    .footer .footer-partners .img-partners .partner-kurch {
        display: none;
    }
    .footer .footer-partners .img-partners .partner-kurch-mobil {
        display: block;
        text-align: center;
        text-align: -webkit-center;
    }
    .footer .footer-partners .img-partners .partner-kurch-mobil:hover {
        text-decoration: none;
    }

    .footer .footer-partners .img-partners .partner-kurch-mobil img {
        margin-bottom: 7px;
        width: 125px;
    }
    .footer .footer-partners .img-partners .second-partners-line .partner-rosseti {
       margin-top: 0;
    }
    .footer .footer-partners .img-partners .partner-orgenergostroy img {
        width: 169px;
    }
    .footer .footer-partners .img-partners .partner-rosseti img {
       /* width: 72px;*/
        width: 195px;
    }


    .footer-nav {
        margin-bottom: 20px;
       /* -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1*/
    }

    .footer-nav ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

}

.footer-nav ul li {
    margin-right: 20px;
    margin-bottom: 20px;
}

.footer-nav ul li:last-child {
    margin-right: 0
}

.footer-nav ul li a {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

.footer-nav ul li a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, .8)
}

.footer-ask {
    max-width: 408px;
    margin-bottom: 50px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.27;
    letter-spacing: normal;
    color: #fff
}

.footer-ask a {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: normal;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    -webkit-transition: .2s;
    transition: .2s
}

.footer-ask a:hover {
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.footer-ask a.footer-ask--phone {
    margin-bottom: 8px;
    display: inline-block;
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.11;
    letter-spacing: normal;
    border-bottom: none;
    color: #fff
}

.footer-ask a.footer-ask--phone:hover {
    text-decoration: none
}

@media (max-width: 415px) {
    .footer-ask {
        margin-bottom: 45px;
    }
    .footer-ask a.footer-ask--phone {
        margin-bottom: 32px;
        font-size: 2.8rem;
        line-height: 1.14
    }
}

.footer-ask .footer-ask--phone {
    margin-bottom: 8px;
    display: inline-block;
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.11;
    letter-spacing: normal;
    border-bottom: none;
    color: #fff
}

.footer-ask .footer-ask--phone:hover {
    text-decoration: none
}

@media (max-width: 415px) {
    .footer-ask .footer-ask--phone {
        font-size: 2.8rem;
        line-height: 1.14
    }
}

.footer-copywrite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 415px) {
    .footer-copywrite {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.footer-copywrite > div {
    width: 44.1%
}

@media (max-width: 415px) {
    .footer-copywrite > div {
        width: 100%
    }
}

.footer-copywrite > div.left {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    width: 100%;
    color: #fff
}

.footer-copywrite > div.left .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 8px;
    width: max-content;
    margin-bottom: 8px
}

@media (max-width: 415px) {
    .footer-copywrite > div.left .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.footer-copywrite > div.left .info p {
    margin-right: 24px;
    opacity: .6
}

.footer-copywrite > div.left .info p span {
    display: inline-block;
    margin-right: 8px
}

.footer-copywrite > div.left .info p:last-child {
    margin-right: 0
}

.footer-copywrite > div.left .adress {
    opacity: .6
}

.footer-copywrite > div.right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 415px) {
    .footer-copywrite > div.right {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 24px
    }
}

.footer-copywrite > div.right a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 16px;
    width: 184px;
    height: 56px;
    border-radius: 4px;
    background-color: #1a1a1a;
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

.footer-copywrite > div.right a:hover {
    text-decoration: none;
    opacity: .7
}

.footer-copywrite > div.right a .icon {
    width: 32px;
    height: 32px;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.footer-copywrite > div.right a .icon img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.footer-copywrite > div.right a .text {
    width: 104px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: #fff
}

.footer-copywrite > div.right a .text span {
    letter-spacing: .5px
}

.company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding-top: 88px;
    margin-bottom: 64px
}

.company-sidebar {
    position: fixed;
    z-index: 99;
    top: 88px;
    /*height: calc(100vh - 128px);*/
    height: calc(100vh - 48px);
    width: 100%;
    max-width: 224px;
    margin-right: 16px;
    -webkit-transition: top .5s ease-in-out;
    transition: top .5s ease-in-out;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    padding-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*overflow-y: scroll;
    overflow-x: hidden;*/
}

.company-sidebar::-webkit-scrollbar {
    width: 1px;
}

.company-sidebar::-webkit-scrollbar {
    width: 12px;
}

.company-sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

.company-sidebar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.company-sidebar--close {
    display: none
}

@media (min-width: 320px) and (max-width: 415px) {
    .company-sidebar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: .2s ease all;
        transition: .2s ease all;
        background-color: #fff;
        width: 100%;
        max-width: 415px;
        padding: 30px 50px;
        max-height: 576px;
        height: 100%;
        top: auto;
        border-radius: 8px 8px 0 0;
        margin: 0;
        z-index: 999
    }

    .company-sidebar.open {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .company-sidebar--close {
        display: block;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 14px;
        right: 16px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ED254B955-C740-450F-8233-2BCE7A651267%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/M/normal'%3E%3Cg id='Group-14'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M4.5,4.5 L19.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M19.5,4.5 L4.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
    }
}

@media (min-width: 320px) and (max-width: 360px) {
    .company-sidebar {
        padding: 17px 24px 24px 24px;
    }
}

.company-sidebar.fixed {
    top: 30px
}

.company-sidebar.overflow-height,
#naviright.overflow-height {
    position: absolute;
    bottom: 64px;
    height: auto;
    top: auto
}

@media (max-width: 415px) {
    .company-sidebar.overflow-height {
        position: static;
        display: none
    }
}

.company-sidebar.lazyload ul > li > a {
    pointer-events: none;
    opacity: .5
}

.company-sidebar.lazyload ul > li > a:before {
    display: none
}

.company-sidebar.lazyload .company-btn--inner a {
    opacity: .5;
    pointer-events: none
}

.company-sidebar > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 8px
}



@media (min-width: 1344px) {
    .company-sidebar > ul {
        padding-top: 16px
    }
}

@media (max-height: 750px) {
    .company-sidebar > ul {
        padding-top: 0;
    }
    .company-sidebar > ul > li {
        margin-bottom: 12px !important;
    }
}

@media (max-height: 700px) {
    .company-sidebar > ul > li {
        margin-bottom: 9px !important;
    }
}

@media (min-width: 320px) and (max-width: 415px) {
    .company-sidebar > ul {
        overflow-y: auto;
        overflow-x: hidden
    }
}

.company-sidebar > ul > li {
    position: relative;
    /*margin-bottom: 8px;*/
    margin-bottom: 12px
}

@media (min-width: 1344px) {
    .company-sidebar > ul > li {
        margin-bottom: 14px
    }
}

@media (min-width: 320px) and (max-width: 415px) {
    .company-sidebar > ul > li {
        /*margin-bottom: 20px*/
        margin-bottom: 14px;
    }
}

.company-sidebar > ul > li[data-hint] {
    position: relative;
    cursor: pointer
}

.company-sidebar > ul > li[data-hint]:before {
    top: 50%;
    position: absolute;
    z-index: 99;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 12px;
    opacity: 0;
    max-width: 464px;
    left: 100%;
    margin-left: 16px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: none;
    white-space: nowrap;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: #fff
}


.company-sidebar > ul > li[data-hint]:after {
    top: 50%;
    position: absolute;
    z-index: 99;
    content: '';
    width: 8px;
    height: 16px;
    left: 100%;
    margin-left: 4px;
    margin-bottom: -8px;
    border: 8px solid transparent;
    border-right-color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.company-sidebar > ul > li[data-hint]:hover:after, .company-sidebar > ul > li[data-hint]:hover:before {
    opacity: 1;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (max-width: 415px) {
    .company-sidebar > ul > li[data-hint]:hover:after, .company-sidebar > ul > li[data-hint]:hover:before {
        display: none
    }
}

.company-btn .company-btn--inner > .btn-pdo:before {
    top: 50%;
    position: absolute;
    z-index: 99;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 12px;
    opacity: 0;
    max-width: 464px;
    left: 100%;
    margin-left: 16px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: none;
    white-space: nowrap;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: #fff
}

.company-btn .company-btn--inner > .btn-pdo:after {
    top: 50%;
    position: absolute;
    z-index: 99;
    content: '';
    width: 8px;
    height: 16px;
    left: 100%;
    margin-left: 4px;
    margin-bottom: -8px;
    border: 8px solid transparent;
    border-right-color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: .4s ease opacity;
    transition: .4s ease opacity;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}

.company-btn .company-btn--inner > .btn-pdo:hover::before,
.company-btn .company-btn--inner > .btn-pdo:hover::after {
    opacity: 1;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}


.company-sidebar > ul > li > a {
    display: inline-block;
    padding-left: 21px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    text-decoration: none;
    color: rgba(0, 0, 0, .9);
    -webkit-transform: .2s all ease;
    transform: .2s all ease
}

@media (min-width: 1344px) {
    .company-sidebar > ul > li > a {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

@media (min-width: 320px) and (max-width: 415px) {
    .company-sidebar > ul > li > a {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.company-sidebar > ul > li > a:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.company-sidebar > ul > li > a.perfectly:before {
    background-color: #3aa65e;
    opacity: .7
}

.company-sidebar > ul > li > a.perfectly:hover {
    color: #3aa65e
}

.company-sidebar > ul > li > a.satisfactorily:before {
    background-color: #fa9f37
}

.company-sidebar > ul > li > a.satisfactorily:hover {
    color: #e6a345
}

.company-sidebar > ul > li > a.dangerously:before {
    background-color: #f24c3d
}

.company-sidebar > ul > li > a.dangerously:hover {
    color: #f24c3d
}

.company-sidebar > ul > li > a.disabled {
    pointer-events: none;
    opacity: .5;
    color: rgba(0, 0, 0, .9) !important
}

.company-sidebar > ul > li > a.disabled:before {
    display: none
}

.company-content {
    width: 100%;
    max-width: 704px;
    margin: 0 auto 0 240px
}

@media (min-width: 1264px) and (min-height: 671px) {
    .company-content {
        max-width: 784px
    }
}

@media (min-width: 1344px) {
    .company-content {
        max-width: 784px
    }
}

@media (max-width: 415px) {
    .company-content {
        max-width: none;
        margin: 0 auto
    }
}

.company-content--item {
    width: 100%;
    background-color: #fff;
    padding: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 24px
}

@media (max-width: 415px) {
    .company-content--item {
        padding: 24px 0 20px 24px;
        overflow: hidden;
        border-radius: 8px;
        -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .1), inset 0 -1px 0 0 rgba(0, 0, 0, .1);
        box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .1), inset 0 -1px 0 0 rgba(0, 0, 0, .1);
        margin-bottom: 8px
    }

    .company-content--item:first-of-type {
        border-radius: 0 0 8px 8px;
        padding-right: 16px
    }
}

.company-content--item.dangerously {
    background-color: #ffe8e6
}

.company-content--item.dangerously .btn {
    background-color: #ffe8e6
}

.company-content--item.dangerously .btn:hover {
    background-color: #ffd1cd
}

.company-content--item.satisfactorily {
    background-color: #fff1de
}

.company-content--item.satisfactorily .card-header--factors {
    color: #fa9f37
}

.company-content--item.satisfactorily .btn {
    background-color: #fff1d6
}

.company-content--item.satisfactorily .btn:hover {
    background-color: #ffe8bd
}

.company-content--item.card-egrul {
    padding: 32px 16px
}

.company-content--item.card-egrul .card-header {
    padding: 0 16px
}

@media (max-width: 415px) {
    .company-content--item.card-egrul {
        padding: 24px 0 24px 24px
    }

    .company-content--item.card-egrul .card-header {
        padding: 0;
        font-size: 2.8rem;
        line-height: 1.14;
        color: #000;
        margin-bottom: 20px
    }
}

@media (max-width: 415px) {
    .company-content--item.card-egrul .card-footer {
        height: auto;
        padding-right: 24px
    }

    .company-content--item.card-egrul .card-footer-btn {
        margin-bottom: 20px
    }

    .company-content--item.card-egrul .card-footer .btn-default {
        width: 100%
    }

    .company-content--item.card-egrul .card-footer .btn-default span {
        display: none
    }

    .company-content--item.card-egrul .card-footer-link {
        position: static;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding: 0
    }
}

.company .mobil-factors {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 208px;
    height: 56px;
    border-radius: 28px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    border: none;
    text-align: center;

}

.company .mobil-factors .icon {
    margin-right: 12px
}

@media (max-width: 415px) {
    .company .mobil-factors {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 10;
    }

}

.company .mobil-factors.warning {
    background-color: #f24c3d
}

.company .mobil-factors.good {
    background-color: #3aa65e
}

.company-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*width: 100%;*/
    margin-top: 18px;
}

@media (min-width: 320px) and (max-width: 415px) {
    .company-btn {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
       /* margin-top: -8px;*/
        margin-top: 13px;

    }
}

.company-btn--inner {
    margin-bottom: 16px;
    position: relative
}

@media (max-width: 380px) {
    .company-btn--inner:first-child .company-btn--dropdown {
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .company-btn--inner:first-child .company-btn--dropdown:after {
        left: 66px
    }
}

@media (max-width: 380px) {
    .company-btn--inner:last-child .company-btn--dropdown {
        right: 0;
        left: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .company-btn--inner:last-child .company-btn--dropdown:after {
        left: auto;
        right: 66px
    }
}

.company-btn--dropdown {
    position: absolute;
    display: none;
    width: 204px;
    left: 0;
    bottom: calc(100% + 16px);
    background-color: #fff;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .16);
    border-right: 4px;
    padding: 8px 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@media (max-width: 415px) {
    .company-btn--dropdown {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.company-btn--dropdown:after {
    content: '';
    position: absolute;
    bottom: -16px;
    left: 68px;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-top-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 415px) {
    .company-btn--dropdown:after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.company-btn--dropdown li {
    width: 100%
}

.company-btn--dropdown li a {
    position: relative;
    padding: 8px 16px;
    display: block;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9);
    -webkit-transition: .5s ease all;
    transition: .5s ease all
}

.company-btn--dropdown li a:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .05)
}

.company-btn--dropdown li a.load:after {
    top: 50%;
    right: 16px;
    margin-top: -8px;
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #999;
    border-bottom-color: transparent;
    -webkit-animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite
}

.company-btn .btn {
    width: 144px;
    height: 32px;
    border-radius: 16px;
    background-color: #999;
    padding: 8px 16px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #fff
}

.company-btn .btn:hover {
    text-decoration: none;
    background-color: #666
}

.company-btn .btn:active {
    -webkit-transform: scale(.96);
    transform: scale(.96)
}

.company-btn .btn-list-download::before {
    top: 50%;
    position: absolute;
    z-index: 99;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 3px;
    opacity: 0;
    max-width: 464px;
    left: 0;
    margin-left: -235px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: none;
    white-space: nowrap;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: #fff;
}

.company-btn .btn-list-download:hover::before {
    opacity: 1;
}

@media (min-width: 320px) and (max-width: 415px) {
    .company-btn .btn {
        width: 128px;
        /*height: 40px;*/
        font-size: 1.6rem;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.25;
        letter-spacing: .4px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        /*padding: 10px 0;
        margin: 0 10px;*/
        padding: 6px 16px;
        margin: 0;
        border-radius: 20px
    }
    .company-btn .btn-list-download::before {
        top: 147%;
        margin-left: -88px;
    }
}

@media (min-width: 320px) and (max-width: 360px) {
    .company-btn .btn {
        margin: 0 16px 0 0
    }

    .company-btn .btn:last-child {
        margin-right: -24px
    }
    .company-btn .btn-list-download {
        margin-right: 3px !important;
    }

}

.company-modal {
    display: none;
    bottom: 100%;
    right: -50%;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
    position: absolute;
    z-index: 99;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .16);
    background-color: #fff
}

.company-modal.share-modal {
    height: 120px;
    width: 304px;
    padding: 26px 24px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 415px) {
    .company-modal.share-modal {
        -webkit-transform: translateX(-22%);
        transform: translateX(-22%);
        width: 280px;
        right: auto;
        left: 50%
    }
}

.company-modal.share-modal input {
    margin-bottom: 16px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9);
    width: 100%;
    height: 20px;
    border: none;
    background-color: rgba(0, 0, 0, .1)
}

.company-modal.share-modal input::selection {
    background-color: rgba(0, 0, 0, .1)
}

.company-modal.share-modal .btn {
    display: block !important;
    width: 100%;
    max-width: 100%;
    padding: 10px 11px;
    background-color: #3aa65e !important
}

.company-modal.share-modal .btn:hover {
    background-color: #318c4f !important
}

.company-modal.download-modal, .company-modal.print-modal {
    width: 200px;
    padding: 24px;
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%)
}

.company-modal.download-modal label, .company-modal.print-modal label {
    position: relative;
    display: block;
    margin-bottom: 16px
}

.company-modal.download-modal label:hover .checkbox-info:before, .company-modal.print-modal label:hover .checkbox-info:before {
    background-color: rgba(0, 0, 0, .05)
}

.company-modal.download-modal label.check-all, .company-modal.print-modal label.check-all {
    padding-top: 12px;
    margin-bottom: 24px
}

.company-modal.download-modal label.check-all input:checked + .checkbox-info:after, .company-modal.print-modal label.check-all input:checked + .checkbox-info:after {
    opacity: 1;
    width: 8px;
    height: 4px;
    left: 4px;
    top: 4px;
    border-left: solid 1.8px rgba(0, 0, 0, .4);
    border-bottom: solid 1.8px rgba(0, 0, 0, .4);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: none;
    transition: none;
    background-image: none
}

.company-modal.download-modal label.check-all .checkbox-info, .company-modal.print-modal label.check-all .checkbox-info {
    color: rgba(0, 0, 0, .4)
}

.company-modal.download-modal label.check-all .checkbox-info:before, .company-modal.print-modal label.check-all .checkbox-info:before {
    display: none
}

.company-modal.download-modal label.check-all .checkbox-info:after, .company-modal.print-modal label.check-all .checkbox-info:after {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ED254B955-C740-450F-8233-2BCE7A651267%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/M/normal'%3E%3Cg id='Group-14'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M4.5,4.5 L19.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M19.5,4.5 L4.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    top: 0;
    left: 0;
    opacity: .4;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    border: none
}

.company-modal.download-modal label input, .company-modal.print-modal label input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.company-modal.download-modal label input:checked + span:after, .company-modal.print-modal label input:checked + span:after {
    opacity: 1
}

.company-modal.download-modal label .checkbox-info, .company-modal.print-modal label .checkbox-info {
    display: block;
    position: relative;
    padding-left: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

.company-modal.download-modal label .checkbox-info span, .company-modal.print-modal label .checkbox-info span {
    letter-spacing: .5px
}

.company-modal.download-modal label .checkbox-info:before, .company-modal.print-modal label .checkbox-info:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: solid 1px rgba(0, 0, 0, .15)
}

.company-modal.download-modal label .checkbox-info:after, .company-modal.print-modal label .checkbox-info:after {
    position: absolute;
    content: '';
    width: 8px;
    height: 4px;
    left: 4px;
    top: 4px;
    opacity: 0;
    border-left: solid 1.8px rgba(0, 0, 0, .9);
    border-bottom: solid 1.8px rgba(0, 0, 0, .9);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .2s opacity ease;
    transition: .2s opacity ease
}

.company-modal.download-modal .btn, .company-modal.print-modal .btn {
    display: block !important;
    width: 100%;
    letter-spacing: .5px;
    padding: 10px;
    max-width: 152px;
    background-color: #3aa65e !important
}

.company-modal.download-modal .btn:hover, .company-modal.print-modal .btn:hover {
    background-color: #318c4f !important
}

.company-modal.download-modal .btn.disabled, .company-modal.print-modal .btn.disabled {
    background-color: rgba(0, 0, 0, .1) !important;
    color: #fff !important
}

.company-modal.print-modal {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media (max-width: 415px) {
    .company {
        padding-top: 61px
    }
}

.company .wrapper.cover:before {
    position: fixed;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: 998
}

.search {
    max-width: 944px;
    margin: auto;
    width: 100%;
    padding-top: 72px
}

@media (max-width: 415px) {
    .search {
        background: #fff;
        padding-top: 60px
    }
}

.search.lazyload .search-info {
    visibility: hidden
}

.search.lazyload .search-list {
    background-color: #fff
}

.search.lazyload .search-list--item {
    height: 112px;
    background-image: url(../images/lazyload-search.svg);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-animation: lazyload 2s ease-in-out infinite;
    animation: lazyload 2s ease-in-out infinite
}

.search.lazyload .search-list--item:hover {
    background-color: #fff
}

.search-info {
    width: 100%;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 415px) {
    .search-info {
        display: none
    }
}

.search-info--count {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

.search-info--switch,
.notice-turn--switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 25px
}

.search-info--switch_inner,
.notice-turn--switch_inner {
    position: relative;
    display: block;
    width: 24px;
    height: 8px
}

.search-info--switch_inner .switch_input,
.search-info--switch_inner .switch_label,
.notice-turn--switch_inner .switch_input,
.notice-turn--switch_inner .switch_label {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0
}

.search-info--switch_inner .switch_input,
.notice-turn--switch_inner .switch_input {
    margin: 0;
    padding: 0;
    opacity: 0;
    height: 0;
    width: 0;
    pointer-events: none
}

.search-info--switch_inner .switch_input:checked + .switch_label + .switch_marker,
.notice-turn--switch_inner .switch_input:checked + .switch_label + .switch_marker,
.notice-turn--switch_inner .switch_input:checked + .switch_marker{
    left: calc(100% - 12px);
    background: #1a1a1a;
    border-color: #1a1a1a
}

.search-info--switch_inner .switch_input:checked + .switch_label:after,
.notice-turn--switch_inner .switch_input:checked + .switch_label:after {
    color: rgba(0, 0, 0, .9)
}

.search-info--switch_inner .switch_label,
.notice-turn--switch_inner .switch_label {
    width: 24px;
    height: 8px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    color: transparent
}
.notice-turn--switch_inner .switch_label:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    content: attr(data-name);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9);
    cursor: pointer;
    background: 0 0;
    border: none;
    white-space: nowrap;
    right: 140%;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.monitoring-menu-line .pick-out-all {
    margin-left: 25px;
}
.text-check-company {
    margin-left: 10px;
    font-size: 1.4rem;
}
.monitoring-menu-line .pick-out-all label {
    font-size: 1.4rem;
}

.mon-check-params {
    display: inline-block;
    font-size: 1.4rem;
}
.mon-check-params .mon-param {
    margin-left: 15px;
    cursor: pointer;
    padding: 7px 6px 6px 25px;
    border-radius: 5px;
    position: relative;
}
.mon-check-params .mon-param:hover {
    background-color: rgba(0,0,0,.1);
    border-radius: 5px;

}

.mon-remove-company::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z' opacity='.2'/%3E%3Cpath fill='%23000' opacity='.4' d='M14 10a2 2 0 1 1 4 0h3a1 1 0 0 1 0 2H11a1 1 0 0 1 0-2h3zm1 0h2a1 1 0 0 0-2 0zM11 13h10v8a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-8z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    border: 0;
    background-color: transparent;
}
.mon-check-params .mon-remove-company:hover::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z' opacity='.2'/%3E%3Cpath fill='%23F24C3D' d='M14 10a2 2 0 1 1 4 0h3a1 1 0 0 1 0 2H11a1 1 0 0 1 0-2h3zm1 0h2a1 1 0 0 0-2 0zM11 13h10v8a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-8z'/%3E%3C/g%3E%3C/svg%3E")
}
.mon-check-company::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 7px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-image: url("/img/ellipsis.svg");
    background-repeat: no-repeat;
    border: 0;
    background-color: transparent;
}
.mon-check-params .mon-check-company:hover::before {
    stroke: #000000;
}

.search-info--switch_inner .switch_label:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    content: attr(data-name);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9);
    cursor: pointer;
    background: 0 0;
    border: none;
    white-space: nowrap;
    left: 140%;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.search-info--switch_inner .switch_marker,
.notice-turn--switch_inner .switch_marker {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 16px;
    height: 16px;
    border: solid 1px #fff;
    background-color: #fff;
    border-radius: 50%;
    z-index: 2;
    pointer-events: none;
    -webkit-transition: left .2s ease;
    transition: left .2s ease;
    will-change: left
}

.notice-turn--switch_inner .switch_marker {
    border: solid 1px #999999;
}

.search-info-mobile {
    padding: 8px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (min-width: 413px) {
    .search-info-mobile {
        display: none
    }
}

.search-info-mobile__btn {
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, .9);
    padding: 8px 12px;
    background: rgba(0, 0, 0, .1);
    border: none;
    margin-right: 8px;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 4px
}

.search-info-mobile__btn:last-child {
    margin-right: 0
}

.search-info-mobile__btn.active {
    background: rgba(0, 0, 0, .2)
}

.search-info-mobile__btn .count {
    color: rgba(0, 0, 0, .4);
    margin-left: 8px
}

.search-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 64px;
    background-color: #fff
}

@media (max-width: 415px) {
    .search-list {
        margin-bottom: 0
    }
}

.search-list--item {
    padding: 24px 24px 24px 32px;
    background-color: #fff;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

@media (max-width: 415px) {
    .search-list--item {
        display: block;
        padding: 20px 24x 20px 24px;
        position: relative
    }
}

.search-list--item:last-child {
    border-bottom: none
}

.search-list--item:hover {
    background-color: rgba(0, 0, 0, .05)
}

.search-list--item:hover .item-icon--img {
    opacity: 1
}

.search-list--item .item-info {
    width: 45%;
    margin-right: 2.72%
}

@media (max-width: 415px) {
    .search-list--item .item-info {
        width: 100%;
        margin-right: 0
    }
}

.search-list--item .item-info--name {
    width: 100%;
    margin-bottom: 8px
}

@media (max-width: 415px) {
    .search-list--item .item-info--name {
        margin-bottom: 12px
    }
}

.search-list--item .item-info--name [data-hint] {
    position: relative
}

.search-list--item .item-info--name [data-hint]:before {
    position: absolute;
    z-index: 99;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 12px;
    opacity: 0;
    max-width: 464px;
    bottom: 100%;
    margin-bottom: 8px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: .5px;
    color: #fff
}

.search-list--item .item-info--name [data-hint]:after {
    position: absolute;
    z-index: 99;
    content: '';
    width: 8px;
    height: 16px;
    left: 12px;
    bottom: 100%;
    margin-bottom: -8px;
    border: 8px solid transparent;
    border-top-color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.search-list--item .item-info--name [data-hint]:hover:after, .search-list--item .item-info--name [data-hint]:hover:before {
    opacity: 1
}

.search-list--item .item-info--name a {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .9);
    text-decoration: none
}

@media (max-width: 415px) {
    .search-list--item .item-info--name a {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.search-list--item .item-info--name a span {
    background-color: rgba(58, 166, 94, .2)
}

.search-list--item .item-info--company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search-list--item .item-info--company.no-ceo p {
    width: 100%
}

.search-list--item .item-info--company p {
    margin-right: 16px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 8px
}

@media (max-width: 415px) {
    .search-list--item .item-info--company p {
        width: 100%;
        margin-right: 0
    }
}

@media (max-width: 415px) {
    .search-list--item .item-info--company p:first-child {
        display: none
    }
}

.search-list--item .item-info--company p.one-element {
    text-transform: none
}

@media (max-width: 415px) {
    .search-list--item .item-info--company p.one-element {
        margin-right: 0
    }
}

.search-list--item .item-info--company p.one-element span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px
}

@media (max-width: 415px) {
    .search-list--item .item-info--company p.one-element span {
        margin-right: 32px
    }
}

.search-list--item .item-info--company p span {
    color: rgba(0, 0, 0, .4)
}

.search-list--item .item-info--company p:nth-child(2) {
    margin-right: 0
}

.search-list--item .item-info--company p:last-child {
    margin-bottom: 0
}

.search-list--item .item-status {
    width: 13.18%;
    margin-right: 2.72%;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    text-align: left
}

@media (max-width: 415px) {
    .search-list--item .item-status {
        width: 100%;
        margin-right: 0
    }
}

.search-list--item .item-status.perfectly {
    color: #3aa65e
}

@media (max-width: 415px) {
    .search-list--item .item-status.perfectly {
        display: none
    }
}

.search-list--item .item-status.eliminated {
    color: rgba(0, 0, 0, .4)
}

@media (max-width: 415px) {
    .search-list--item .item-status.eliminated {
        display: none
    }
}

.search-list--item .item-address {
    width: 26.36%;
    margin-right: 2.72%;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (max-width: 415px) {
    .search-list--item .item-address {
        width: 100%;
        margin-right: 0;
        position: relative;
        padding-left: 48px;
        margin-top: 8px
    }

    .search-list--item .item-address .item-address--icon {
        width: 16px;
        height: 16px;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../images/icon-address.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin-right: 32px
    }
}

.search-list--item .item-address[data-hint] {
    position: relative;
    cursor: default
}

.search-list--item .item-address[data-hint]:before {
    position: absolute;
    z-index: 99;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 12px;
    opacity: 0;
    max-width: 464px;
    bottom: 100%;
    left: -80px;
    right: -88px;
    width: -webkit-max-content;
    width: max-content;
    width: -moz-max-content;
    margin-bottom: 8px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: .5px;
    color: #fff
}

@media (max-width: 415px) {
    .search-list--item .item-address[data-hint]:before {
        left: 0;
        right: 0;
        max-width: 168px
    }
}

.search-list--item .item-address[data-hint]:after {
    position: absolute;
    z-index: 99;
    content: '';
    width: 8px;
    height: 16px;
    left: 12px;
    bottom: 100%;
    margin-bottom: -8px;
    border: 8px solid transparent;
    border-top-color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity
}

.search-list--item .item-address[data-hint]:hover:after, .search-list--item .item-address[data-hint]:hover:before {
    opacity: 1
}

.search-list--item .item-icon {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 8.16%
}

@media (max-width: 415px) {
    .search-list--item .item-icon {
        display: none
    }
}

.search-list--item .item-icon--img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    border: none;
    background-color: transparent;
    border-radius: 50%;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    opacity: 0
}

.search-list--item .item-icon--img svg {
    display: block;
    width: 24px;
    height: 24px;
    opacity: .4;
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

.search-list--item .item-icon--img:last-child {
    margin-right: 0
}

.search-list--item .item-icon--img:before {
    position: absolute;
    z-index: 9991;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 4px 8px;
    opacity: 0;
    max-width: 464px;
    top: 100%;
    left: 50%;
    margin-top: 8px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    text-transform: none;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: .5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    white-space: nowrap
}

.search-list--item .item-icon--img:hover {
    background-color: #fff
}

.search-list--item .item-icon--img:hover svg {
    opacity: 1
}

.search-list--item .item-icon--img:hover:before {
    opacity: 1
}

.search-list--item .item-icon--img.add {
    opacity: 1
}

.search-list--item .item-icon--img.add svg {
    opacity: 1
}

.search-list--item .item-icon--img.add svg #Group-11, .search-list--item .item-icon--img.add svg polygon {
    fill: #3aa65e
}

.search-list--item .item-forward {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    background-image: url(../images/icon/icon-scroll-top.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

@media (min-width: 413px) {
    .search-list--item .item-forward {
        display: none
    }
}

.search-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 64px
}

@media (max-width: 415px) {
    .search-pagination {
        padding: 24px;
        margin-bottom: 0
    }
}

.search-pagination--btn {
    margin-bottom: 24px;
    width: 100%;
    max-width: 472px
}

@media (max-width: 415px) {
    .search-pagination--btn {
        max-width: 312px
    }
}

.search-pagination--list {
    max-width: 464px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 415px) {
    .search-pagination--list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 415px) {
    .search-pagination--list li {
        margin: 0
    }
}

.search-pagination--list li:first-child {
    margin-right: 32px
}

@media (max-width: 415px) {
    .search-pagination--list li:first-child {
        margin: 0
    }
}

.search-pagination--list li:last-child {
    margin-left: 32px
}

@media (max-width: 415px) {
    .search-pagination--list li:last-child {
        margin: 0
    }
}

@media (min-width: 413px) {
    .search-pagination--list li.mobile {
        display: none
    }
}

@media (max-width: 415px) {
    .search-pagination--list li.mobile {
        margin: 0 8px;
        font-size: 14px;
        line-height: 16px;
        color: rgba(0, 0, 0, .4)
    }
}

.search-pagination--list li a {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.search-pagination--list li a:not(.next), .search-pagination--list li a:not(.prev) {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4);
    border: solid 1px transparent
}

@media (max-width: 415px) {
    .search-pagination--list li a:not(.next), .search-pagination--list li a:not(.prev) {
        display: none
    }
}

.search-pagination--list li a:not(.next):hover, .search-pagination--list li a:not(.prev):hover {
    border-color: rgba(0, 0, 0, .15);
    text-decoration: none
}

.search-pagination--list li a.active {
    background-color: #999;
    border-color: #999;
    color: #fff
}

.search-pagination--list li a.next, .search-pagination--list li a.prev {
    position: relative;
    border: 1px solid rgba(0, 0, 0, .15)
}

@media (max-width: 415px) {
    .search-pagination--list li a.next, .search-pagination--list li a.prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0
    }
}

.search-pagination--list li a.next:hover, .search-pagination--list li a.prev:hover {
    border-color: rgba(0, 0, 0, .4)
}

.search-pagination--list li a.next:before, .search-pagination--list li a.prev:before {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    border-left: 2px solid rgba(0, 0, 0, .4);
    border-top: 2px solid rgba(0, 0, 0, .4)
}

.search-pagination--list li a.next:before {
    margin-top: -5px;
    margin-left: -7px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.search-pagination--list li a.prev:before {
    margin-top: -5px;
    margin-left: -5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.use-here {
    width: 100%;
    height: 100%
}

.use-here .wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.use-here--inner {
    max-width: 464px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.use-here--inner h1 {
    margin-bottom: 32px;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, .9)
}

.use-here--inner .btn {
    width: 100%;
    max-width: 304px;
    margin-bottom: 12px
}

.use-here--inner .btn-default {
    margin-bottom: 36px;
    background-color: transparent
}

.use-here--inner .why-show {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, .4)
}

.settings {
    width: 100%;
    height: 100%;
    background-color: #e6e6e6
}

@media (max-width: 415px) {
    .settings {
        padding-top: 80px
    }
}

.settings .wrapper {
    height: 100%;
    width: 100%
}

.settings-form {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.settings-form h1 {
    margin-bottom: 24px;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4rem;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, .9)
}

.settings-form--group {
    position: relative;
    max-width: 304px;
    width: 100%;
    margin-bottom: 24px
}

.settings-form--group form {
    width: 100%;
    display: block
}

.settings-form--group form label {
    width: 100%;
    display: block;
    position: relative
}

.settings-form--group form label input {
    display: block;
    max-width: 304px;
    width: 100%;
    height: 48px;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9);
    outline: 0;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .15);
    background-color: #fff
}

.settings-form--group form label input[disabled] {
    background-color: #e6e6e6
}

.settings-form--group form label input:focus {
    border-color: rgba(0, 0, 0, .25)
}

.settings-form--group form label input.rewrite + .hard-hint {
    position: absolute;
    display: none;
    z-index: 99;
    bottom: 100%;
    left: 0;
    width: 236px;
    padding: 12px;
    margin-bottom: 12px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.6rem;
    border-radius: 4px;
    background-color: #999;
    color: #fff;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .2s opacity ease;
    transition: .2s opacity ease
}

.settings-form--group form label input.rewrite + .hard-hint:after {
    display: block;
    position: absolute;
    z-index: 99;
    content: '';
    width: 8px;
    height: 16px;
    top: 100%;
    left: 0;
    margin-left: 12px;
    margin-top: -2px;
    border: 8px solid transparent;
    border-top-color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity
}

.settings-form--group form label input.rewrite:focus + .hard-hint {
    display: block;
    opacity: 1
}

.settings-form--group form label .icon-question {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EB80C8CBA-AFAB-43AE-9747-C28351359263%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/question/M/normal' fill='%23000000'%3E%3Cg id='Group-15'%3E%3Cg id='Group'%3E%3Ccircle id='Oval' fill-opacity='0.1' cx='12' cy='12' r='12'%3E%3C/circle%3E%3Cpath d='M10.9823091,13.7652778 C10.9823091,13.2356455 11.0858773,12.7976869 11.2930168,12.4513889 C11.5001562,12.1050909 11.8020464,11.7231502 12.1986965,11.3055556 C12.4895731,10.9999985 12.7033202,10.7428251 12.8399441,10.5340278 C12.976568,10.3252304 13.044879,10.0884272 13.044879,9.82361111 C13.044879,9.44675737 12.9148678,9.14884369 12.6548417,8.92986111 C12.3948156,8.71087853 12.0488538,8.60138889 11.616946,8.60138889 C11.2026671,8.60138889 10.8346695,8.70069345 10.5129423,8.89930556 C10.191215,9.09791766 9.92017491,9.37546118 9.69981378,9.73194444 L8.1,8.64722222 C8.47020669,7.99536711 8.97041895,7.49120549 9.60065177,7.13472222 C10.2308846,6.77823896 10.9778976,6.6 11.8417132,6.6 C12.8553744,6.6 13.6684948,6.84953454 14.2810987,7.34861111 C14.8937026,7.84768768 15.2,8.54027335 15.2,9.42638889 C15.2,9.84398357 15.1405034,10.2106466 15.0215084,10.5263889 C14.9025134,10.8421312 14.7570772,11.1094896 14.5851955,11.3284722 C14.4133139,11.5474548 14.1907525,11.7995356 13.9175047,12.0847222 C13.5913702,12.420835 13.3533837,12.7034711 13.2035382,12.9326389 C13.0536926,13.1618067 12.9787709,13.4393502 12.9787709,13.7652778 L10.9823091,13.7652778 Z M12.0013966,17.35 C11.6247343,17.35 11.3100882,17.219955 11.0574488,16.9598611 C10.8048094,16.6997672 10.6784916,16.3832426 10.6784916,16.0102778 C10.6784916,15.6373129 10.8025127,15.3256957 11.0505587,15.0754167 C11.2986046,14.8251376 11.6155474,14.7 12.0013966,14.7 C12.3872459,14.7 12.7041887,14.8251376 12.9522346,15.0754167 C13.2002806,15.3256957 13.3243017,15.6373129 13.3243017,16.0102778 C13.3243017,16.3832426 13.1979839,16.6997672 12.9453445,16.9598611 C12.6927051,17.219955 12.378059,17.35 12.0013966,17.35 Z' id='?' fill-opacity='0.9'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    border-radius: 50%;
    border: 0;
    cursor: pointer
}

.settings-form--group form label .icon-question:hover .hard-hint {
    opacity: 1;
    display: block
}

.settings-form--group form label .icon-question .hard-hint {
    position: absolute;
    display: none;
    z-index: 99;
    top: 50%;
    left: 100%;
    width: 236px;
    padding: 12px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.6rem;
    -webkit-transform: translate(26px, -50%);
    transform: translate(26px, -50%);
    border-radius: 4px;
    background-color: #999;
    color: #fff;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .2s opacity ease;
    transition: .2s opacity ease
}

@media (max-width: 415px) {
    .settings-form--group form label .icon-question .hard-hint {
        right: 60px;
        left: auto
    }
}

.settings-form--group form label .icon-question .hard-hint:after {
    display: block;
    top: 50%;
    position: absolute;
    z-index: 99;
    content: '';
    width: 8px;
    height: 16px;
    left: 0;
    margin-left: -12px;
    margin-bottom: -8px;
    border: 8px solid transparent;
    border-right-color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 415px) {
    .settings-form--group form label .icon-question .hard-hint:after {
        left: auto;
        right: 0;
        margin-left: auto;
        margin-right: -12px;
        border-right-color: transparent;
        border-left-color: #999
    }
}

.settings-form--group form label .icon-question .hard-hint:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 48px;
    right: 100%;
    top: 9px
}

.settings-form--group form label .icon-question .hard-hint button {
    margin-top: 8px;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    background: 0 0;
    color: #fff
}

.settings-form--group form label .icon-question .hard-hint button:hover {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.settings-form--group form label .icon-time {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 12px;
    top: 12px;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E2A40B027-F558-4815-87C1-FEB4658DE8C1%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/time/M/normal'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M7.51446806,4.5 C7.6408139,6.68590298 8.59505617,8.91420028 10.3923944,11.1901183 L10.6251823,11.484891 L10.4069055,11.7905648 C8.58228076,14.3457606 7.62031718,16.9131406 7.51059703,19.5 L16.4894094,19.5 C16.3797206,16.9123808 15.4177662,14.3450291 13.5931374,11.7906248 L13.3748201,11.4849897 L13.6075537,11.1901841 C15.40488,8.91349572 16.3591344,6.68516486 16.4855219,4.5 L7.51446806,4.5 Z' id='Rectangle' stroke='%23979797'%3E%3C/path%3E%3Cpath d='M10.6476468,17.5 L13.3523532,17.5 C12.8073355,15.5117763 12.2764695,14.5 12,14.5 C11.7235305,14.5 11.1926645,15.5117763 10.6476468,17.5 Z' id='Rectangle' stroke='%23979797' fill='%23979797'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    cursor: pointer
}

.settings-form--group form label .icon-time:hover .hard-hint {
    opacity: 1;
    display: block
}

.settings-form--group form label .icon-time .hard-hint {
    position: absolute;
    display: none;
    z-index: 99;
    top: 50%;
    left: 100%;
    width: 236px;
    padding: 12px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.6rem;
    -webkit-transform: translate(26px, -50%);
    transform: translate(26px, -50%);
    border-radius: 4px;
    background-color: #999;
    color: #fff;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .2s opacity ease;
    transition: .2s opacity ease
}

@media (max-width: 415px) {
    .settings-form--group form label .icon-time .hard-hint {
        right: 60px;
        left: auto
    }
}

.settings-form--group form label .icon-time .hard-hint:after {
    display: block;
    top: 50%;
    position: absolute;
    z-index: 99;
    content: '';
    width: 8px;
    height: 16px;
    left: 0;
    margin-left: -12px;
    margin-bottom: -8px;
    border: 8px solid transparent;
    border-right-color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 415px) {
    .settings-form--group form label .icon-time .hard-hint:after {
        left: auto;
        right: 0;
        margin-left: auto;
        margin-right: -12px;
        border-right-color: transparent;
        border-left-color: #999
    }
}

.settings-form--group form label .icon-time .hard-hint:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 48px;
    right: 100%;
    top: 9px
}

.settings-form--group form label .icon-time .hard-hint button {
    margin-top: 8px;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    background: 0 0;
    color: #fff
}

.settings-form--group form label .icon-time .hard-hint button:hover {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.settings-form--group form label .icon-sucsess {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 12px;
    top: 12px;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E17996188-26E4-4E39-9819-9E9CFA20F7C7%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/OK/M/normal'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpolyline id='Line-3' stroke='%233AA65E' stroke-width='1.8' stroke-linecap='square' points='5 12 9.5 16.5 19 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    cursor: pointer
}

.settings-form--group form label .icon-sucsess:hover .hard-hint {
    opacity: 1;
    display: block
}

.settings-form--group form label .icon-sucsess .hard-hint {
    position: absolute;
    display: none;
    z-index: 99;
    top: 50%;
    left: 100%;
    width: 117px;
    padding: 8px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.6rem;
    -webkit-transform: translate(26px, -50%);
    transform: translate(26px, -50%);
    border-radius: 4px;
    background-color: #3aa65e;
    color: #fff;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .2s opacity ease;
    transition: .2s opacity ease
}

@media (max-width: 415px) {
    .settings-form--group form label .icon-sucsess .hard-hint {
        left: auto;
        right: 60px
    }
}

.settings-form--group form label .icon-sucsess .hard-hint:after {
    display: block;
    top: 50%;
    position: absolute;
    z-index: 99;
    content: '';
    width: 8px;
    height: 16px;
    left: 0;
    margin-left: -12px;
    margin-bottom: -8px;
    border: 8px solid transparent;
    border-right-color: #3aa65e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 415px) {
    .settings-form--group form label .icon-sucsess .hard-hint:after {
        left: auto;
        right: 0;
        margin-left: auto;
        margin-right: -12px;
        border-right-color: transparent;
        border-left-color: #3aa65e
    }
}

.settings-form--group form label .icon-sucsess .hard-hint:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 48px;
    right: 100%;
    top: 9px
}

.settings-form--group form label .icon-sucsess .hard-hint button {
    margin-top: 8px;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    background: 0 0;
    color: #fff
}

.settings-form--group form label .icon-sucsess .hard-hint button:hover {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.settings-form--group form label .btn-green {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 16px
}

@media (max-width: 415px) {
    .settings-form--group form label .btn-green {
        position: static;
        margin-top: 16px;
        width: 100%;
        text-align: center;
        margin-left: 0
    }
}

.settings-form .rewrite-password {
    display: inline-block;
    margin-top: 16px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    text-align: center;
    color: #3aa65e;
    -webkit-transition: .2s color ease;
    transition: .2s color ease
}

.settings-form .rewrite-password:hover {
    text-decoration: none;
    color: #318c4f
}

@media (max-width: 1024px) {
    .main-page .wrapper {
        padding: 0 15px
    }
}

@media (max-width: 415px) {
    .main-page .wrapper {
        padding: 0 24px
    }

    .main-page .header-logo svg path,
    .main-page .header-logo svg polygon,
    .main-page .header-logo svg rect {
        fill: #fff
    }

    .main-page .header-logo svg #Line-7 {
        stroke: #f24c3d
    }
}

.main-page .header {
    background-color: transparent;
    border-bottom-color: transparent;
    -webkit-transition: .5s ease all;
    transition: .5s ease all
}

.main-page .header.scroll {
    background-color: #e6e6e6;
    border-bottom-color: rgba(0, 0, 0, .1)
}

@media (min-width: 413px) {
    .main-page .header:not(.scroll) .header-logo svg path,
    .main-page .header:not(.scroll) .header-logo svg polygon,
    .main-page .header:not(.scroll) .header-logo svg rect {
        fill: #fff
    }

    .main-page .header:not(.scroll) .header-logo svg #Line-7 {
        stroke: #f24c3d
    }

    .main-page .header:not(.scroll) .header-link--item svg .options,
    .main-page .header:not(.scroll) .header-link--item svg .star,
    .main-page .header:not(.scroll) .header-link--item svg .passport,
    .main-page .header:not(.scroll) .header-link--item svg .check,
    .main-page .header:not(.scroll) .header-link--item svg .samozanyatiy-st0,
    .main-page .header:not(.scroll) .header-link--item svg .samozanyatiy-st1,
    .main-page .header:not(.scroll) .header-link--item svg .samozanyatiy-st2,
    .main-page .header:not(.scroll) .header-link--item svg circle {
        fill: #fff
    }

    .main-page .header:not(.scroll) .header-link--item svg .samozanyatiy-st1,
    .main-page .header:not(.scroll) .header-link--item svg .samozanyatiy-st2     {
        stroke:#fff;
    }

    .main-page .header:not(.scroll) .header-link--item svg .overlay {
        fill: #323232
    }

    .main-page .header:not(.scroll) .header-link--item:hover svg .options,
    .main-page .header:not(.scroll) .header-link--item:hover svg .star,
    .main-page .header:not(.scroll) .header-link--item:hover svg .passport,
    .main-page .header:not(.scroll) .header-link--item:hover svg .check,
    .main-page .header:not(.scroll) .header-link--item:hover svg .samozanyatiy,
    .main-page .header:not(.scroll) .header-link--item:hover svg circle {
        fill: #c1c1c1;

    }

    .main-page .header:not(.scroll) .header-link--item:hover svg .samozanyatiy-st0,
    .main-page .header:not(.scroll) .header-link--item:hover svg .samozanyatiy-st1,
    .main-page .header:not(.scroll) .header-link--item:hover svg .samozanyatiy-st2 {
        stroke: #c1c1c1;
    }
    .main-page .header:not(.scroll) .header-link--item:hover svg .samozanyatiy-window,
    .main-page .header:not(.scroll) .header-link--item:hover svg .samozanyatiy-roof {
        stroke:none;
    }

    .main-page .header:not(.scroll) .header-link--item:hover svg .samozanyatiy-emblem {
        stroke: #fff;
    }
}

@media (max-width: 415px) {
    .main-page .header:not(.scroll) .header-logo svg path,
    .main-page .header:not(.scroll) .header-logo svg polygon,
    .main-page .header:not(.scroll) .header-logo svg rect {
        fill: #fff
    }

    #icon--mass-check {
        margin-left: 3px;
    }
    #icon--mass-check svg {
        margin-right: 19px;
        width: 23%;
        height: 31px;
    }

    .main-page .header:not(.scroll) .header-logo svg #Line-7 {
        stroke: #f24c3d
    }

    .main-page .header:not(.scroll) .header-link .enter {
        background-color: transparent;
        border-color: #fff
    }
}

.main-page .header.scroll {
    background: #fff
}

.main-page .header.scroll .header-logo svg path,
.main-page .header.scroll .header-logo svg polygon,
.main-page .header.scroll .header-logo svg rect {
    fill: #1a1a1a
}

.main-page .header.scroll .header-logo svg #Line-7 {
    stroke: #f24c3d
}

@media (max-width: 415px) {
    .main-page .header.auth {
        background: #fff
    }

    .main-page .header.auth .header-logo svg path,
    .main-page .header.auth .header-logo svg polygon,
    .main-page .header.auth .header-logo svg rect {
        fill: #1a1a1a
    }

    .main-page .header.auth .header-logo svg #Line-7 {
        stroke: #f24c3d
    }
}

.main-page .header-block {
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 4.8rem;
    letter-spacing: normal;
    text-align: center
}

@media (min-width: 1344px) {
    .main-page .header-block {
        font-size: 4.8rem;
        line-height: 5.6rem;
        letter-spacing: -.5px
    }
}

@media (max-width: 415px) {
    .main-page .header-block {
        font-size: 28px;
        line-height: 1.14
    }
}

.main-block {
    position: relative;
    width: 100%;
    height: 560px;
    z-index: 11;
    background-color: #000;
    background-image: url(../images/back3.jpg);
    background-position: top right;
    /*background-size: cover;*/
    background-size: contain;
    background-repeat: no-repeat
}

@media (min-width: 1344px) {
    .main-block {
        height: 600px
    }
}

@media (max-width: 415px) {
    .main-block {
        background: #352b23;
        padding: 88px 0 0;
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.main-block:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    /*background: linear-gradient(23deg, rgba(26, 26, 26, .5), rgba(26, 26, 26, 0))*/
    background: linear-gradient(
            90deg
            , rgba(26, 26, 26, 1), rgba(26, 26, 26, 0));
}

@media (max-width: 415px) {
    .main-block:before {
        display: none
    }
}

.main-block .wrapper {
    position: relative;
    height: 100%
}

@media (max-width: 415px) {
    .main-block .wrapper {
        padding: 0 24px;
        text-align: center
    }

    #frsl {
        width: 400px;
        height: 225px;
    }
}

.main-block-title {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 25.7%;
    width: 50%;
    max-width: 464px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    letter-spacing: normal;
    color: #fff
}

@media (min-width: 1344px) {
    .main-block-title {
        max-width: none
    }
}

@media (max-width: 1024px) {
    .main-block-title {
        left: 15px
    }
}

@media (max-width: 415px) {
    .main-block-title {
        position: static;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.main-block-title h1 {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 4.4rem
}

@media (min-width: 1344px) {
    .main-block-title h1 {
        margin-bottom: 24px;
        font-size: 4.8rem;
        line-height: 5.6rem;
        letter-spacing: -.5px
    }
}

@media (max-width: 415px) {
    .main-block-title h1 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 24px
    }
}

.main-block-title p {
    margin-bottom: 32px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

@media (min-width: 1344px) {
    .main-block-title p {
        margin-bottom: 36px;
        font-size: 2.2rem;
        line-height: 2.8rem
    }
}

@media (max-width: 415px) {
    .main-block-title p {
        max-width: 312px;
        font-size: 16px;
        line-height: 20px
    }
}

.main-block-title .btn {
    width: 304px
}

@media (min-width: 1344px) {
    .main-block-title .btn {
        width: 384px;
        padding: 20px 16px
    }
}

.main-block-media {
    z-index: 3;
    position: absolute;
    right: 0;
    top: 25.7%;
    cursor: pointer
}

@media (max-width: 415px) {
    .main-block-media {
        position: static;
        margin: 49px -24px 0
    }

    .main-block-media picture {
        width: 100%;
        display: block
    }

    .main-block-media picture img {
        width: 100%;
        display: block
    }
}

.advantage {
    width: 100%;
    padding: 72px 0 48px;
    /*padding: 72px 0 96px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 415px) {
    .advantage {
        padding: 32px 0 48px
    }
}

.advantage .header-block {
    margin-bottom: 48px;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1344px) {
    .advantage .header-block {
        margin-bottom: 64px
    }
}

@media (max-width: 415px) {
    .advantage .header-block {
        margin-bottom: 24px
    }
}

.advantage-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1344px) {
    .advantage-list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.advantage-list--item {
    width: 41%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: 9%;
    margin-bottom: 48px
}



@media (max-width: 1343px) {
    /*.advantage-list--item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }*/
    .advantage-list--item {
        width: 21.6%;
        margin-left: 5%;
        margin-right: 5%;
    }
}

@media (min-width: 1344px) {
    .advantage-list--item {
        width: 28.6%;
        margin-right: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .advantage-list--item:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width: 415px) {
    .advantage-list--item {
        width: 100%;
        margin: 0 0 32px
    }

    .advantage-list--item:last-child {
        margin-bottom: 0
    }
}

.advantage-list--item .icon {
    width: 104px;
    height: 104px;
    margin-bottom: 16px
}

@media (min-width: 1184px) and (max-width: 1344px) {
    .advantage-list--item .icon {
        margin-right: 24px;
        margin-bottom: 24px;
    }
}

@media (min-width: 1344px) {
    .advantage-list--item .icon {
        margin-bottom: 24px
    }
}

@media (max-width: 415px) {
    .advantage-list--item .icon {
        width: 64px;
        /*height: 64px;*/
        margin-bottom: 16px
    }
    .advantage-list--item .icons--shop-book img{
        margin-top: 6px;
        height: 98px !important;
    }
}

.advantage-list--item .icon img {
    display: block;
    max-width: 195px;
    /*width: 100%;*/
    height: 104px;
}

/*.advantage-list--item .icons--pdo img {
    width: 117px;
}

.advantage-list--item .icons--checking-deals img {
    width: 86%;
}

.advantage-list--item .icons--subsidy img {
    width: 223px;
}*/






.advantage-list--item .info {
    max-width: 384px
}

.advantage-list--item .info h3 {
    margin-bottom: 8px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1344px) {
    .advantage-list--item .info h3 {
        margin-bottom: 16px
    }
}

@media (max-width: 415px) {
    .advantage-list--item .info h3 {
        font-size: 16px;
        line-height: 20px
    }
}

.advantage-list--item .info p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1344px) {
    .advantage-list--item .info p {
        font-size: 1.6rem
    }
}

.tariffs {
    position: relative;
    z-index: 11;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 72px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: linear-gradient(121deg, #3aa65e, #37744b)
}

@media (min-width: 1344px) {
    .tariffs {
        padding-bottom: 88px
    }
}

@media (max-width: 415px) {
    .tariffs {
        padding: 32px 0 48px
    }
}

.tariffs .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 415px) {
    .tariffs .wrapper {
        overflow: hidden;
        padding: 0
    }
}

.tariffs .header-block {
    margin-bottom: 32px;
    color: #fff
}

@media (min-width: 1344px) {
    .tariffs .header-block {
        margin-bottom: 48px
    }
}

@media (max-width: 415px) {
    .tariffs .header-block {
        margin-bottom: 24px
    }
}

.tariffs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 64px
}

@media (min-width: 1184px) and (max-width: 1343px) {
    .tariffs-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 1344px) {
    .tariffs-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 68px
    }
}

@media (max-width: 415px) {
    .tariffs-list {
        width: 100%;
        overflow-x: auto;
        margin-bottom: 0
    }

    .tariffs-list::after, .tariffs-list::before {
        content: 'asdf';
        width: 24px;
        min-width: 24px;
        display: block;
        font-size: 0
    }
}

.tariffs-list--item {
    max-width: 304px;
    height: 304px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .16);
    background-color: #fff;
    -webkit-transition: .2s ease box-shadow;
    transition: .2s ease box-shadow;
    padding: 40px 55px 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 1184px) and (max-width: 1343px) {
    .tariffs-list--item {
        margin-right: 16px
    }

    .tariffs-list--item:last-child {
        margin-right: 0
    }
}

@media (min-width: 1344px) {
    .tariffs-list--item {
        max-width: 384px;
        height: 384px;
        padding: 72px 0;
        margin-right: 16px
    }

    .tariffs-list--item:last-child {
        margin-right: 0
    }
}

@media (max-width: 415px) {
    .tariffs-list--item {
        width: 216px;
        min-width: 216px;
        padding: 54px 16px 56px;
        height: auto;
        margin-right: 8px
    }

    .tariffs-list--item:last-child {
        margin-right: 0
    }
}

.tariffs-list--item:hover {
    -webkit-box-shadow: 0 12px 20px 0 rgba(0, 0, 0, .32);
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, .32)
}

.tariffs-list--item .name, .tariffs-list--item .price {
    font-size: 3.7rem;
    font-weight: 700;
    line-height: 4.8rem;
    letter-spacing: -.4px;
    text-align: center;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1344px) {
    .tariffs-list--item .name, .tariffs-list--item .price {
        font-size: 4.8rem;
        letter-spacing: -.5px;
        margin-bottom: 8px
    }
}

@media (max-width: 415px) {
    .tariffs-list--item .name, .tariffs-list--item .price {
        font-size: 28px;
        line-height: 1.14;
        letter-spacing: -.3px;
        text-align: left;
        width: 100%
    }
}

.tariffs-list--item .price {
    margin-bottom: 12px
}

@media (min-width: 1344px) {
    .tariffs-list--item .price {
        font-size: 4.8rem;
        letter-spacing: -.5px;
        margin-bottom: 16px
    }
}

@media (max-width: 415px) {
    .tariffs-list--item .price {
        font-size: 28px;
        line-height: 1.14;
        letter-spacing: -.3px;
        text-align: left;
        width: 100%;
        margin-bottom: 18px
    }
}

.tariffs-list--item .count {
    font-size: 14px;
    line-height: 1.14;
    height: 24px;
    color: #fff;
    padding: 4px 12px;
    border-radius: 100px;
    background: #f24c3d;
    max-width: 100%
}

@media (max-width: 415px) {
    .tariffs-list--item .count {
        margin-bottom: 24px
    }
}

.tariffs-list--item .old-price {
    position: relative;
    display: inline-block;
    width: auto;
    margin: auto;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 2.4rem;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1344px) {
    .tariffs-list--item .old-price {
        font-size: 2.2rem
    }
}

.tariffs-list--item .old-price:before {
    position: absolute;
    content: '';
    left: -4px;
    right: -4px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    background-image: url(../images/old-price.svg);
    background-repeat: no-repeat;
    background-position: center
}

.tariffs-list--item .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 208px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px 9px;
    margin-bottom: 0;
    margin-top: auto
}

@media (min-width: 1344px) {
    .tariffs-list--item .btn {
        max-width: 240px;
        padding: 20px 10px
    }
}

@media (max-width: 415px) {
    .tariffs-list--item .btn {
        padding: 16px 4px
    }
}

.tariffs-more {
    position: relative;
    display: inline-block;
    margin: auto;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid rgba(230, 230, 230, .4)
}

@media (min-width: 1344px) {
    .tariffs-more {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.tariffs-more:after {
    position: absolute;
    content: '';
    right: 0;
    top: -1px;
    margin-right: -16px;
    width: 16px;
    height: 16px;
    background-image: url(../images/icon-arrow-light.svg)
}

.tariffs-more:hover {
    border-bottom: 1px solid rgba(230, 230, 230, .2);
    text-decoration: none;
    color: #fff
}
.news:hover,
.news.visual:hover {
    opacity: 1;
}
.news {
    position: fixed;
    z-index: 999;
    right: 6px;
    top: 71%;
    opacity: 0.2;
    transition: top 0.8s;
    -webkit-transition: top 0.8s;
}

.news.max {
    top: 17%;
}
.news.visual {
    opacity: 0.45;
}

.news.news-start {
    opacity: 1;
}

.news #news-icon {
    background-color: #fff;
    border-radius: 26%;
    border: 2px solid;
    display: inline-grid;
    text-align: center;
}
.news #news-icon svg {
    width: 85px;
}

.news .title-section {
    margin-top: -9px;
    padding-bottom: 10px;
}

.news .news-content {
    /*background-color: black;*/
    border-radius: 25px;
    padding: 1px;
    display: none;
    position: relative;
}

.news .news-content #close-news {
    position: absolute;
    right: 25px;
    top: 14px;
    border-radius: 50%;
    width: 27px;
    color: #000;
    z-index: 9999;
}
.news .news-content #change-height-news {
    position: absolute;
    right: 53px;
    top: 14px;
    border-radius: 50%;
    color: #000;
    z-index: 9999;
    background-repeat: no-repeat;
    background-position: 7.4px 5px;
    background-size: 7px;
    height: 27px;
    width: 27px;
}
.news .news-content #change-height-news.min {
    background-image: url("/img/news_expand.svg");
    background-position: 8px 5px;
}
.news .news-content #change-height-news.max {
    background-image: url("/img/news_collapse.svg");
    background-position: 8px 6px;
}

.news .wrapper {
    background-color: #ffffff;
    border: 6px solid #000;
    margin: 5px 4px;
    max-width: 300px;
    max-height: 180px;
    border-radius: 17px;
    overflow: auto;
    width: 97%;
    padding: 0;
    transition: max-height 0.8s;
    -webkit-transition: max-height 0.8s;
}

.news.max .wrapper {
    max-height: 752px;
}

.news .wrapper::-webkit-scrollbar,
.mob-hidden .compare-menu .compare-menu--lists::-webkit-scrollbar,
.compare-select--list::-webkit-scrollbar {
    width: 0.5em;
}
.news .wrapper::-webkit-scrollbar-track,
.mob-hidden .compare-menu .compare-menu--lists::-webkit-scrollbar-track,
.compare-select--list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

.modal-compare-company .compare-helper {
    cursor: default;
    position: relative;
    font-weight: bolder;
    text-transform: none;
}

.modal-compare-company .compare-helper::after {
    opacity: 0;
    position: absolute;
    content: attr(data-hint);
    padding: 8px;
    border-radius: 4px;
    background-color: #999;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.14;
    white-space: nowrap;
    left: 20px;
    top: -8px;
    z-index: 9999;
    text-transform: none;
}
.modal-compare-company .row-name:hover .compare-helper::after,
.modal-compare-company .group-name:hover .compare-helper::after {
    opacity: 1;
}


.news .wrapper::-webkit-scrollbar-thumb,
.mob-hidden .compare-menu .compare-menu--lists::-webkit-scrollbar-thumb,
.compare-select--list::-webkit-scrollbar-thumb {
    background-color: lightgray;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}


.news  .header-block {
    font-size: 1.4rem;
    background-color: #3aa65e;
    color:#fff;
    line-height: 3.1rem;
}

.news .news-content .container-buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.news .news-content button {
    padding: 5px;
    font-size: 10px;
    color: rgba(0, 0, 0, .4);
    width: 50%;
}
.news .news-content button:hover {
    color: rgba(0, 0, 0, .9);
}
.news .news-content button.active {
    color: rgba(0, 0, 0, .9);
    background-color: rgba(0, 0, 0, .05);
}
.news .news-list {
    font-size: 1.2rem;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.news .news-list ul {
    margin-bottom: 60px;
    margin-left: 10px;
}
.news .news-list li {
    margin-top: 5px;
    line-height: 2.3rem;
}
.news .news-list li a {
    color: #000;
}
.news .news-list li span {
    margin-bottom: 8px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: normal;
    color: #3aa65e;
}
.news .news-content .telegram-news {
    position: relative;
}
.news .news-content .telegram-news hr {
    background: linear-gradient(to right, #f9f9f9, #3c3c3c, #f9f9f9);
    height: 2px;
    border: none;
}
.news .news-content .telegram-news img {
    max-width: 200px;
    margin-left: 11%;
}

.news .news-content .telegram-news b a {
    color: #3aa65e;
}
.news .news-content .telegram-news p a {
    display: none;
}
.news .news-content .telegram-news blockquote p br:nth-child(even) {
    display: none;
}

.news .news-content .ring-load {
    padding: 5px;
    position: absolute;
    left: 31%;
    top: 20px;

}

.news .news-content .ring-load.reloaded {
    background-image: none;
    position: relative;
    opacity: 1
}

.news .news-content .ring-load.reloaded:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    margin-top: 8px;
    margin-left: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #999;
    border-bottom-color: transparent;
    -webkit-animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite
}

.tgme_container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 6px;
}
.tgme_widget_message_wrap {
    position: relative;
    padding: 3px 0;
}
.service_message {
    padding-right: 0;
}
.date_visible .tgme_widget_message {
    margin-top: 38px;
}
.tgme_widget_message {
    display: inline-block;
    max-width: 100%;
    padding-right: 6px;
    box-sizing: border-box;
}
.tgme_widget_message_user {
    float: left;
}
.tgme_widget_message_bubble {
    position: relative;
    border: 1px solid #dae0e4;
    border-radius: 10px;
    /* box-shadow: 0 0 0 1px #dae0e4;*/
    padding: 4px 9px;
    max-width: 430px;
}
.tgme_widget_message_service_date {
    font-size: 14px;
    line-height: 19px;
    padding-top: 4px;
}
.tgme_widget_message_service_date {
    display: inline-block;
    font-weight: 500;
    background: #b5c0c8;
    box-shadow: none;
    color: #fff;
    border-radius: 13px;
    padding: 3px 12px;
    margin: 0 10px;
}
.widget_frame_base a {
    color: #3aa65e;
    text-decoration: none;
    word-wrap: break-word;
}
.tgme_widget_message_text,
.tgme_widget_message_poll,
.tgme_widget_message_inline_button {
    line-height: 21px;
    font-size: 13px;
}
.tgme_widget_message_text a {
    display: none;
    word-wrap: break-word;
    color: #3aa65e;
    font-size: 12px;
}
.tgme_widget_message_link_preview,
.tgme_widget_message_game {
    padding-left: 10px;
    margin-top: 4px;
}

.tgme_widget_message_link_preview:before {
    content: '';
    position: absolute;
    background-color: #000;
    border-radius: 2px;
    width: 2px;
    left: 0;
    top: 2px;
    bottom: 2px;
}
.link_preview_right_image {
    display: inline-block;
    width: 90px;
    height: 90px;
    float: right;
    border-radius: 6px;
    margin-left: 10px;
    background: no-repeat center;
    background-size: cover;
}
.tgme_widget_message_reply,
.tgme_widget_message_link_preview,
.tgme_widget_message_game,
.tgme_widget_message_invoice {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 17px;
    padding: 2px 0 2px 12px;
    margin: 6px 0 -2px;
    overflow: hidden;
}
.link_preview_site_name {
    font-weight: 600;
    color: #3aa65e;
}
.link_preview_title {
    font-weight: 600;
    color: #212121;
    margin-top: 4px;
    margin-bottom: 1px;
    font-size: 13px;
}
.link_preview_description {
    color: #212121;
    margin-top: 4px;
    margin-bottom: 1px;
    font-size: 13px;
}
.link_preview_description br:nth-child(1),
.link_preview_description br:nth-child(2),
.link_preview_description br:last-child {
    display: none;
}
.link_preview_image, .tgme_widget_message_game_image, .tgme_widget_message_invoice_image {
    display: block;
    margin: 7px 0;
    border-radius: 6px;
    background: no-repeat center;
    background-size: cover;
}

@media (max-height: 600px) {
    .news {
        top: 67%;
    }
    .news.max .wrapper {
        max-height: 470px;
    }
}
@media (max-height: 735px) {
    .news {
        top: 67%;
    }
    .news.max {
        top: 11%;
    }
    .news.max .wrapper {
        max-height: 507px;
    }
}
@media (max-width: 415px) {
    .news.max .wrapper {
        max-height: 490px;
    }
}
.questions {
    width: 100%;
    padding: 72px 0 96px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*background: linear-gradient(121deg, #3aa65e, #37744b);*/
}

@media (max-width: 415px) {
    .questions {
        padding: 32px 0 48px
    }
}

.questions .header-block {
    margin-bottom: 32px
}

@media (min-width: 1344px) {
    .questions .header-block {
        margin-bottom: 48px
    }
}

@media (max-width: 415px) {
    .questions .header-block {
        padding: 0 28px 0 20px;
        margin-bottom: 24px
    }
}

@media (max-width: 415px) {
    .questions .wrapper {
        padding: 0
    }
}

.questions .questions-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.questions .questions-list--item {
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .1);
    position: relative
}

.questions .questions-list--item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}
.questions .questions-list--item .certificate {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    width: 80%;
}
.questions .questions-list--item .certificate a {
    margin-right: 100px;
    /*width: 40%;*/
    text-align: center;
}
.questions .questions-list--item .certificate img {
    max-width: 400px;
    width: auto;
}

@media (max-width: 1184px) {
    .questions .questions-list--item .certificate img {
        max-width: 300px;
    }
    .questions .questions-list--item .certificate a {
        margin-right: 20px;
    }
}


@media (max-width: 415px) {
    .questions .questions-list--item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 8px
    }
    .questions .questions-list--item .certificate img {
        max-width: 200px;
    }
    .questions .questions-list--item .certificate {
        margin-left: 10%;
        display: block;
    }
}

.questions .questions-list--item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

@media (max-width: 415px) {
    .questions .questions-list--item:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 8px
    }

    .questions .questions-list--item:last-child::after {
        display: none
    }
}

@media (max-width: 415px) {
    .questions .questions-list--item::after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 24px;
        height: 2px;
        background: #fff;
        display: block;
        z-index: 1
    }
}

.questions .questions-list--item .title {
    position: relative;
    width: 100%;
    padding: 24px 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9);
    -webkit-transition: .5s ease color;
    transition: .5s ease color
}

@media (max-width: 415px) {
    .questions .questions-list--item .title {
        padding: 20px 56px 20px 24px;
        font-size: 16px;
        line-height: 1.25
    }
}

.questions .questions-list--item .title.active:after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.questions .questions-list--item .title:after {
    position: absolute;
    top: 28px;
    right: 28px;
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(../images/icon-accordion.svg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: .5s ease transform;
    transition: .5s ease transform
}

@media (max-width: 415px) {
    .questions .questions-list--item .title:after {
        top: 18px;
        right: 16px
    }
}

.questions .questions-list--item .title:hover {
    color: rgba(0, 0, 0, .4)
}

.questions .questions-list--item .content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 32px 40px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1344px) {
    .questions .questions-list--item .content {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

@media (max-width: 415px) {
    .questions .questions-list--item .content {
        padding: 2px 56px 20px 24px
    }
}

.questions .questions-list--item .content p {
    /*max-width: 592px;*/
    width: 88%
}

@media (min-width: 1344px) {
   /* .questions .questions-list--item .content p {
        max-width: 640px
    }*/
}

.solution {
    padding-top: 71px;
    padding-bottom: 96px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    background: linear-gradient( 121deg, #3aa65e, #37744b);
}
.solution .header-block {
    color: #fff;
}

@media (max-width: 415px) {
    .solution {
        padding: 31px 0 48px
    }
}

.solution__wrapper {
    max-width: 1344px
}

.solution-items {
    width: 100%;
    margin: 56px auto 0;
    padding: 0 112px 0 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media (max-width: 1343px) {
    .solution-items {
        padding: 0 176px 0 160px;
        margin-top: 48px
    }
}

@media (max-width: 1263px) {
    .solution-items {
        padding: 0 41px 0 25px
    }
}

@media (max-width: 415px) {
    .solution-items {
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 32px
    }
}

.solution-item {
    width: calc(100% / 3 - 16px);
    margin-right: 16px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .16);
    padding: 54px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 468px
}

@media (max-width: 1343px) {
    .solution-item {
        width: calc(100% / 3 - 64px / 3);
        margin-right: 32px
    }
}

@media (max-width: 415px) {
    .solution-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
        padding: 32px 24px 40px;
        min-height: auto
    }
}

.solution-item:nth-child(3n) {
    margin-right: 0
}

@media (max-width: 415px) {
    .solution-item:first-child {
        margin-bottom: 40px
    }
}

.solution-item_tag {
    display: inline-block;
    background-color: rgba(0, 0, 0, .9);
    margin-bottom: 24px;
    padding: 4px 16px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.14;
    text-align: center;
    color: #fff;
    margin-left: 0;
    margin-right: auto
}

.solution-item__icon-container {
    width: 100%;
    max-width: 288px;
    height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 415px) {
    .solution-item__icon-container {
        height: auto
    }
}

.solution-item__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.solution-item__text {
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 16px;
    max-width: 100%
}

@media (max-width: 1343px) {
    .solution-item__text {
        font-size: 14px;
        line-height: 1.43
    }
}

@media (max-width: 415px) {
    .solution-item__text {
        margin-top: 20px
    }
}

.solution-item .btn {
    width: 100%;
    margin-top: auto;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 16px
}

@media (max-width: 415px) {
    .solution-item .btn {
        margin-top: 24px;
        max-width: 224px
    }
}

@media (max-width: 360px) {
    .solution-item .btn {
        max-width: none
    }
}

.solution-item .btn span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/button-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-top: -2px
}

.attachment {
    width: 100%;
    height: 320px;
    background-color: #1a1a1a;
    background-image: url(../images/img-app.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (min-width: 1344px) {
    .attachment {
        height: 384px
    }
}

@media (max-width: 415px) {
    .attachment {
        display: none
    }
}

.attachment .wrapper {
    height: 100%;
    padding: 48px 0 56px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 1344px) {
    .attachment .wrapper {
        padding: 64px 0
    }
}

@media (max-width: 1024px) {
    .attachment .wrapper {
        padding-left: 15px;
        padding-right: 15px
    }
}

.attachment-title {
    max-width: 388px;
    width: 100%;
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 4rem;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 56px
}

@media (min-width: 1344px) {
    .attachment-title {
        max-width: 506px;
        font-size: 4.8rem;
        line-height: 5.6rem;
        margin-bottom: 60px
    }
}

.attachment-form p {
    margin-bottom: 16px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(255, 255, 255, .4)
}

@media (min-width: 1344px) {
    .attachment-form p {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.attachment-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.attachment-form form input {
    margin-right: 16px;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 224px;
    height: 48px;
    border-radius: 4px;
    background-color: #fff;
    border: none;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1344px) {
    .attachment-form form input {
        width: 284px
    }
}

.attachment-form form input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.attachment-form form input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.attachment-form form input::-ms-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.attachment-form form input::placeholder {
    color: rgba(0, 0, 0, .4)
}

@media (min-width: 1344px) {
    .attachment-form form .btn {
        width: 284px
    }
}

.fixed-media {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .99;
    background-image: linear-gradient(94deg, #318c4f, #3b774f);
    padding: 16px 0;
    cursor: pointer;
    z-index: 10
}

.fixed-media a:hover {
    text-decoration: none
}

.fixed-media .wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.fixed-media .icon {
    width: 40px;
    height: 40px;
    margin: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.fixed-media .icon img {
    display: block;
    width: 100%
}

@media (max-width: 360px) {
    .fixed-media .icon {
        display: none
    }
}

.fixed-media .text {
    color: #fff;
    margin-left: 24px;
    line-height: 1.54;
    font-size: 13px;
    position: relative
}

.fixed-media .text h4 {
    font-weight: 700
}

@media (max-width: 415px) {
    .fixed-media .text {
        padding-right: 36px
    }

    .fixed-media .text:after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        top: 50%;
        right: 0;
        margin-top: -12px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath stroke='%23FFF' stroke-linecap='square' stroke-width='2' d='M9.5 4.5L17 12l-7.5 7.5'/%3E%3C/g%3E%3C/svg%3E")
    }
}

@media (max-width: 360px) {
    .fixed-media .text {
        margin-left: 0
    }
}

.fixed-media .btn {
    margin-left: auto;
    margin-right: 0;
    width: 184px
}

@media (max-width: 415px) {
    .fixed-media .btn {
        display: none
    }
}

.text-page {
    padding-top: 98px;
    margin-bottom: 64px
}

.text-page--content {
    width: 100%;
    max-width: 704px;
    margin: 0 auto 0 240px;
    background-color: #fff;
    padding: 32px 40px 64px
}

@media (min-width: 1264px) and (min-height: 671px) {
    .text-page--content {
        max-width: 784px
    }
}

@media (min-width: 1344px) {
    .text-page--content {
        max-width: 784px
    }
}

@media (max-width: 415px) {
    .text-page--content {
        width: 100%;
        max-width: 415px;
        margin: 0 auto
    }
}

.text-page--content h1 {
    margin-bottom: 32px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9);
    text-align: left
}

.text-page--content p {
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2rem
}

@media (max-width: 415px) {
    .text-page--content p {
        font-size: 1.6rem
    }
}

.text-page--content ol > li {
    font-weight: 700;
    font-size: 1.4rem;
    margin-bottom: 24px
}

@media (max-width: 415px) {
    .text-page--content ol > li {
        font-size: 1.6rem
    }
}

.text-page--content ol > li > ol > li {
    margin-bottom: 8px;
    font-weight: 400
}

.text-page--content ol > li > ol > li:first-of-type {
    padding-top: 8px
}

.text-page--content ol > li > ol > li:last-of-type {
    margin-bottom: 0
}

.admin-link-green {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4);
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

.admin-link-green:hover {
    color: #3aa65e;
    text-decoration: none
}

.admin-main {
    padding: 32px 40px 16px;
    max-width: 944px;
    width: 100%;
    margin: auto;
    background-color: #fff
}

.admin-main h1 {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.45;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 24px
}

.admin-main-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 32px
}

.admin-main-search .btn {
    width: 264px
}

.admin-main-search form {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.admin-main-search form input {
    width: 189px;
    height: 48px;
    border: solid 1px rgba(0, 0, 0, .15);
    background-color: #fff;
    padding-left: 16px;
    display: block;
    font-size: 1.4rem;
    line-height: 1.43
}

.admin-main-search form input:focus {
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08)
}

.admin-main-search form input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.admin-main-search form input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.admin-main-search form input::-ms-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.admin-main-search form input::placeholder {
    color: rgba(0, 0, 0, .4)
}

.admin-main-search form label:first-of-type input {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.admin-main-search form label:last-of-type input {
    border-left: 0
}

.admin-main-search form label.error input {
    border-color: #f24c3d
}

.admin-main-search form label.error:after, .admin-main-search form label.error:before {
    opacity: 1
}

.admin-main-search form [data-hint] {
    position: relative
}

.admin-main-search form [data-hint]:after {
    content: attr(data-hint);
    position: absolute;
    z-index: 99;
    bottom: calc(100% + 12px);
    left: 0;
    width: 219px;
    height: 32px;
    padding: 8px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border-radius: 4px;
    background-color: #f24c3d;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    opacity: 0;
    font-size: 1.4rem;
    color: #fff;
    line-height: 2rem
}

.admin-main-search form [data-hint]:before {
    display: block;
    z-index: 99;
    bottom: calc(100% - 8px);
    position: absolute;
    content: '';
    width: 8px;
    height: 16px;
    left: 12px;
    border: 8px solid transparent;
    border-top-color: #f24c3d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: .1s ease opacity;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.admin-main-search form button {
    width: 48px;
    height: 48px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .15);
    border-left: none;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.admin-main-search form button svg {
    display: block;
    width: 24px;
    height: 24px;
    opacity: .4
}

.admin-main-search form button:hover {
    background-color: rgba(0, 0, 0, .05)
}

.admin-main-search form button:hover svg {
    opacity: 1
}

.admin-main-users {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.admin-main-users h2 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.43;
    color: rgba(0, 0, 0, .9);
    padding-bottom: 11px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.admin-main-users--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: space-between;
    padding: 16px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.admin-main-users--item:hover {
    margin: 0 -16px;
    padding: 16px 16px;
    background-color: rgba(0, 0, 0, .05);
    border-bottom-color: transparent;
    border-radius: 4px
}

.admin-main-users--item:last-of-type {
    border-bottom-color: transparent
}

.admin-main-users--item .phone {
    width: 110px;
    margin-right: 7px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1.4rem
}

.admin-main-users--item .phone-dob {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 64px;
    margin-right: 51px;
    font-size: 1.4rem
}

.admin-main-users--item .phone-dob span {
    color: rgba(0, 0, 0, .4);
    font-size: 1.4rem;
    display: inline-block;
    margin-right: 4px
}

.admin-main-users--item .status {
    width: 20px;
    height: 20px;
    margin-right: 40px;
    cursor: pointer;
    position: relative
}

.admin-main-users--item .status.sucsess {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Ccircle cx='10' cy='10' r='9.1' fill='%233AA65E' stroke='%233AA65E' stroke-width='1.8'/%3E%3Cpath stroke='%23FFF' stroke-linecap='square' stroke-width='1.8' d='M6.667 10.417L8.75 12.5l4.583-4.583'/%3E%3C/g%3E%3C/svg%3E")
}

.admin-main-users--item .status.demo-corp {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Ccircle cx='10' cy='10' r='10' fill='%23000' fill-opacity='.4'/%3E%3Cpath stroke='%23FFF' stroke-linecap='square' stroke-width='1.8' d='M7.5 12.5l5-5M12.5 12.5l-5-5'/%3E%3C/g%3E%3C/svg%3E")
}

.admin-main-users--item .status.demo-self {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Ccircle cx='10' cy='10' r='10' fill='%233399FF' fill-opacity='1'/%3E%3Cpath stroke='%23FFF' stroke-linecap='square' stroke-width='1.8' d='M7.5 12.5l5-5M12.5 12.5l-5-5'/%3E%3C/g%3E%3C/svg%3E")
}

.admin-main-users--item .status.test {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Ccircle cx='10' cy='10' r='10' fill='%23FFCE55'/%3E%3Ccircle cx='10' cy='10' r='1.25' fill='%23FFF'/%3E%3Ccircle cx='14' cy='10' r='1.25' fill='%23FFF'/%3E%3Ccircle cx='6' cy='10' r='1.25' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E")
}

.admin-main-users--item .status.test-corp {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Ccircle cx='10' cy='10' r='10' fill='%23999'/%3E%3Ccircle cx='10' cy='10' r='1.25' fill='%23FFF'/%3E%3Ccircle cx='14' cy='10' r='1.25' fill='%23FFF'/%3E%3Ccircle cx='6' cy='10' r='1.25' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E")
}

.admin-main-users--item .status.test-self {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Ccircle cx='10' cy='10' r='10' fill='%233399FF'/%3E%3Ccircle cx='10' cy='10' r='1.25' fill='%23FFF'/%3E%3Ccircle cx='14' cy='10' r='1.25' fill='%23FFF'/%3E%3Ccircle cx='6' cy='10' r='1.25' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E")
}

.admin-main-users--item .status.new-corp {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Ccircle cx='10' cy='10' r='10' fill='%23000' fill-opacity='.4'/%3E%3C/g%3E%3C/svg%3E")
}

.admin-main-users--item .status.new-self {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Ccircle cx='10' cy='10' r='10' fill='%233399FF' fill-opacity='1'/%3E%3C/g%3E%3C/svg%3E")
}

.admin-main-users--item .status.sucsess-self {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Ccircle cx='10' cy='10' r='10' fill='%233AA65E' fill-opacity='1'/%3E%3C/g%3E%3C/svg%3E")
}

.admin-main-users--item .status.free {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Ccircle cx='10' cy='10' r='10' fill='%23FA9F37' fill-opacity='1'/%3E%3C/g%3E%3C/svg%3E")
}

.admin-main-users--item .status:hover:after, .admin-main-users--item .status:hover:before {
    display: block
}

.admin-main-users--item .status:after {
    display: none;
    position: absolute;
    content: attr(data-hint);
    padding: 8px;
    border-radius: 4px;
    background-color: #999;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.14;
    white-space: nowrap;
    bottom: calc(100% + 16px);
    left: 0
}

.admin-main-users--item .status:before {
    display: none;
    content: '';
    position: absolute;
    border: 8px solid transparent;
    bottom: calc(100% + 4px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top-color: #999;
    left: 4px
}

.admin-main-users--item .price {
    width: 140px;
    margin-right: 30px
}

.admin-main-users--item .login-link {
    width: 122px;
    margin-right: 30px
}

.admin-main-users--item .remove-pass {
    width: 114px;
    margin-right: 30px
}

.admin-main-users--item .remove-user {
    width: 32px
}

.admin-main-users--item .remove-user button {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z' opacity='.2'/%3E%3Cpath fill='%23000' opacity='.4' d='M14 10a2 2 0 1 1 4 0h3a1 1 0 0 1 0 2H11a1 1 0 0 1 0-2h3zm1 0h2a1 1 0 0 0-2 0zM11 13h10v8a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-8z'/%3E%3C/g%3E%3C/svg%3E");
    border: 0;
    background-color: transparent
}

.admin-main-users--item .remove-user button:hover {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z' opacity='.2'/%3E%3Cpath fill='%23F24C3D' d='M14 10a2 2 0 1 1 4 0h3a1 1 0 0 1 0 2H11a1 1 0 0 1 0-2h3zm1 0h2a1 1 0 0 0-2 0zM11 13h10v8a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-8z'/%3E%3C/g%3E%3C/svg%3E")
}

.admin-main-users--item .delayed_start{
    background-color: #3aa65e;
    border-radius: 3px;
}
.admin-main-users--item .delayed_start_test{
    background-color: #999999;
    border-radius: 3px;
}

.admin-list {
    padding: 32px 40px;
    max-width: 944px;
    width: 100%;
    margin: 16px auto 0;
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.admin-list--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 16px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.admin-list--item:hover {
    margin: 0 -16px;
    padding: 16px 16px;
    background-color: rgba(0, 0, 0, .05);
    border-bottom-color: transparent;
    border-radius: 4px
}

.admin-list--item:last-of-type {
    border-bottom-color: transparent
}

.admin-list .phone {
    width: 128px;
    margin-right: 7px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1.4rem
}

.admin-list .phone-dob {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 64px;
    margin-right: 81px;
    font-size: 1.4rem
}

.admin-list .phone-dob span {
    color: rgba(0, 0, 0, .4);
    font-size: 1.4rem;
    display: inline-block;
    margin-right: 4px
}

.admin-list .id {
    font-size: 1.4rem;
    width: 227px
}

.admin-list .id span {
    width: 71px;
    color: rgba(0, 0, 0, .4);
    font-size: 1.4rem;
    display: inline-block;
    margin-right: 8px
}

.admin-list .download {
    width: 32px
}

.admin-list .download .btn-download {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E15C97301-E412-4403-BC48-8DB05A83377C%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/card/download/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-25'%3E%3Crect id='Rectangle' opacity='0.200000003' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23000000' x='9' y='21' width='14' height='2'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23000000' x='15' y='9' width='2' height='9'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3Cpolygon id='Rectangle' fill='%23000000' points='12.5 15 19.5 15 16 19.75'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: .4;
    border: 0;
    background-color: transparent
}

.admin-list .download .btn-download:hover {
    opacity: 1;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E15C97301-E412-4403-BC48-8DB05A83377C%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/card/download/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-25'%3E%3Crect id='Rectangle' opacity='0.200000003' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23000000' x='9' y='21' width='14' height='2'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23000000' x='15' y='9' width='2' height='9'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3Cpolygon id='Rectangle' fill='%23000000' points='12.5 15 19.5 15 16 19.75'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card {
    width: 100%;
    min-height: 288px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card.no-index .card-content {
    margin: 48px 0 56px
}

@media (max-width: 415px) {
    .card.no-index .card-content {
        padding-right: 24px;
        margin: 40px 0 64px
    }
}

.card.no-index .card-content p {
    max-width: 304px;
    margin: auto;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4)
}

@media (max-width: 1343px) {
    .card.no-index .card-content p {
        font-size: 1.4rem;
        line-height: 1.6rem
    }
}

@media (max-height: 671px) and (max-width: 1264px) {
    .card.no-index .card-content p {
        font-size: 1.4rem;
        line-height: 1.6rem
    }
}

.card.no-index .card-footer .btn {
    display: none
}

.card.dangerously .card-header--factors_icon {
    position: absolute;
    display: block;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3EAC5EEC6E-2150-4A16-BBE1-27952C7829B7%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/stopfactor/XL/stop'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23F24C3D' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cg id='Group-9' transform='translate(15.000000, 15.000000)' stroke='%23FFFFFF' stroke-linecap='square' stroke-width='3.5'%3E%3Cpath d='M2.66009437e-13,10 L10,1.71418435e-13' id='Line-7'%3E%3C/path%3E%3Cpath d='M-3.96127575e-13,2.40030218e-12 L10,10' id='Line-7'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    top: -8px;
    right: 8px;
    background-color: #fff;
    z-index: 2
}

@media (max-width: 415px) {
    .card.dangerously .card-header--factors_icon {
        width: 32px;
        height: 32px;
        right: 24px;
        top: 0
    }
}

.card.dangerously .card-header--factors_icon.active:after {
    position: absolute;
    content: '';
    z-index: -1;
    left: 0;
    top: 0;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    width: 40px;
    height: 40px;
    border: 1px solid #f24c3d;
    border-radius: 50%;
    opacity: .2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: cbhCircle 1.5s infinite ease-in-out;
    animation: cbhCircle 1.5s infinite ease-in-out
}

@media (max-width: 415px) {
    .card.dangerously .card-header--factors_icon.active:after {
        width: 32px;
        height: 32px
    }
}

.card.dangerously .card-header--factors_icon.active:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f24c3d;
    opacity: .3;
    -webkit-animation: cbhCircle-inner 1.5s infinite ease-in-out;
    animation: cbhCircle-inner 1.5s infinite ease-in-out
}

@media (max-width: 415px) {
    .card.dangerously .card-header--factors_icon.active:before {
        width: 32px;
        height: 32px
    }
}

.card.dangerously .card-header--factors_icon:hover {
    -webkit-filter: grayscale(.1);
    filter: grayscale(.1)
}

.card.dangerously .card-header--factors_icon:hover .hard-hint {
    visibility: visible;
    opacity: 1
}

.card.dangerously .card-header--factors_icon .hard-hint {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 100%;
    margin-left: 12px;
    margin-bottom: 24px;
    background-color: #fff;
    width: 260px;
    padding: 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .2);
   /* -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;*/
    transition-duration: 0.6s;
    line-height: 1.6rem
}

.card.dangerously .card-header--factors_icon .hard-hint:after {
    position: absolute;
    content: '';
    top: 16px;
    left: -16px;
    width: 16px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid #fff
}

.card.dangerously .card-header--factors_icon .hard-hint.top {
    top: auto;
    bottom: 0;
    margin-bottom: 0
}

.card.dangerously .card-header--factors_icon .hard-hint.top:after {
    top: auto;
    bottom: 16px
}

@media (max-width: 1344px) {
    .card.dangerously .card-header--factors_icon .hard-hint {
        right: 0;
        left: auto;
        top: 100%;
        margin-bottom: 0;
        margin-top: 10px
    }
    .card.dangerously .card-header--factors_icon .hard-mass-hint {
        right: 0;
        left: auto;
        top: 100%;
        margin-bottom: 0;
        margin-top: 24px
    }

    .card.dangerously .card-header--factors_icon .hard-hint:after {
        top: -16px;
        width: 8px;
        height: 16px;
        left: auto;
        right: 16px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid #fff;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent
    }

    .card.dangerously .card-header--factors_icon .hard-hint.top {
        right: 100%;
        margin-right: 16px
    }

    .card.dangerously .card-header--factors_icon .hard-hint.top:after {
        top: auto;
        bottom: 16px;
        left: auto;
        right: -16px;
        width: 16px;
        height: 8px;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 8px solid #fff;
        border-right: 8px solid transparent
    }
}

.card.dangerously .card-header--factors_icon .hard-hint--header {
    display: block;
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem
}

.card.dangerously .card-header--factors_icon .hard-hint--text,
.modal-address--mas .card-header--factors_icon .hard-hint--text {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem
}

.card.satisfactorily .card-header--factors_icon,
.modal-address--mas .card-header--factors_icon{
    position: absolute;
    display: block;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3E228AA890-4BB7-4B13-B5C6-7B04F61B2E72%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='CARDS/DESKTOP/GUIDES-HINT' transform='translate(-384.000000, -291.000000)'%3E%3Cg id='icon/stopfactor/XL/alert' transform='translate(384.000000, 291.000000)'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23E6A345' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cpath d='M17.6,10 L22.4,10 L21.5625,23.893918 L18.46875,23.893918 L17.6,10 Z M20.0325,31.6 C19.2741629,31.6 18.6458358,31.3483896 18.1475,30.8451613 C17.6491642,30.341933 17.4,29.721294 17.4,28.9832258 C17.4,28.2451576 17.6491642,27.63011 18.1475,27.1380645 C18.6458358,26.646019 19.2741629,26.4 20.0325,26.4 C20.7691703,26.4 21.3812476,26.646019 21.86875,27.1380645 C22.3562524,27.63011 22.6,28.2451576 22.6,28.9832258 C22.6,29.721294 22.3562524,30.341933 21.86875,30.8451613 C21.3812476,31.3483896 20.7691703,31.6 20.0325,31.6 Z' id='!' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    top: -8px;
    right: 8px;
    background-color: #fff;
    /*z-index: 2*/
}

/*.modal-address--mas .card-header--factors_icon {
    position: absolute;
    display: block;
    !*cursor: pointer;*!
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3E228AA890-4BB7-4B13-B5C6-7B04F61B2E72%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='CARDS/DESKTOP/GUIDES-HINT' transform='translate(-384.000000, -291.000000)'%3E%3Cg id='icon/stopfactor/XL/alert' transform='translate(384.000000, 291.000000)'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23E6A345' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cpath d='M17.6,10 L22.4,10 L21.5625,23.893918 L18.46875,23.893918 L17.6,10 Z M20.0325,31.6 C19.2741629,31.6 18.6458358,31.3483896 18.1475,30.8451613 C17.6491642,30.341933 17.4,29.721294 17.4,28.9832258 C17.4,28.2451576 17.6491642,27.63011 18.1475,27.1380645 C18.6458358,26.646019 19.2741629,26.4 20.0325,26.4 C20.7691703,26.4 21.3812476,26.646019 21.86875,27.1380645 C22.3562524,27.63011 22.6,28.2451576 22.6,28.9832258 C22.6,29.721294 22.3562524,30.341933 21.86875,30.8451613 C21.3812476,31.3483896 20.7691703,31.6 20.0325,31.6 Z' id='!' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 23px 23px;
    background-position: center;
    background-repeat: no-repeat;
    top: -4px;
    left: -28px;
    background-color: #fff;
    !*z-index: 2*!
}*/

@media (max-width: 415px) {
    .card.satisfactorily .card-header--factors_icon {
        width: 32px;
        height: 32px;
        right: 24px;
        top: 0
    }
}

.card.satisfactorily .card-header--factors_icon.active:after,
.modal-address--mas .card-header--factors_icon:after {
    position: absolute;
    content: '';
    z-index: -1;
    left: 0;
    top: 0;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    width: 40px;
    height: 40px;
    border: 1px solid #fa9f37;
    border-radius: 50%;
    opacity: .2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: cbhCircle 1.5s infinite ease-in-out;
    animation: cbhCircle 1.5s infinite ease-in-out
}

@media (max-width: 415px) {
    .card.satisfactorily .card-header--factors_icon.active:after {
        width: 32px;
        height: 32px
    }
}

.card.satisfactorily .card-header--factors_icon.active:before
.modal-address--mas .card-header--factors_icon:before{
    position: absolute;
    z-index: -1;
    content: '';
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fa9f37;
    opacity: .3;
    -webkit-animation: cbhCircle-inner 1.5s infinite ease-in-out;
    animation: cbhCircle-inner 1.5s infinite ease-in-out
}

@media (max-width: 415px) {
    .card.satisfactorily .card-header--factors_icon.active:before {
        width: 32px;
        height: 32px
    }
}

.card.satisfactorily .card-header--factors_icon:hover,
.modal-address--mas .card-header--factors_icon:hover{
    -webkit-filter: grayscale(.1);
    filter: grayscale(.1)
}

.card.satisfactorily .card-header--factors_icon:hover .hard-hint,
.modal-address--mas .card-header--factors_icon:hover .hard-hint {
    visibility: visible;
    opacity: 1
}


.card.satisfactorily .card-header--factors_icon .hard-hint,
.modal-address--mas .card-header--factors_icon .hard-hint {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 111;
    top: 0;
    left: 100%;
    margin-left: 12px;
    margin-bottom: 24px;
    background-color: #fff;
    width: 260px;
    padding: 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .2);
    /*-webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;*/
    transition-duration: 0.6s;
    line-height: 1.6rem;

}

.card.satisfactorily .card-header--factors_icon .hard-hint:after,
.modal-address--mas .card-header--factors_icon .hard-hint:after {
    position: absolute;
    content: '';
    top: 16px;
    left: -16px;
    width: 16px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid #fff
}

.card.satisfactorily .card-header--factors_icon .hard-hint.top {
    top: auto;
    bottom: 0;
    margin-bottom: 0
}

.card.satisfactorily .card-header--factors_icon .hard-hint.top:after {
    top: auto;
    bottom: 16px
}

@media (max-width: 1344px) {
    .card.satisfactorily .card-header--factors_icon .hard-hint {
        right: 0;
        left: auto;
        top: 100%;
        margin-bottom: 0;
        margin-top: 10px
    }
    .card.satisfactorily .card-header--factors_icon .hard-mass-hint {
        right: 0;
        left: auto;
        top: 100%;
        margin-bottom: 0;
        margin-top: 24px
    }

    .card.satisfactorily .card-header--factors_icon .hard-hint:after {
        top: -16px;
        width: 8px;
        height: 16px;
        left: auto;
        right: 16px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid #fff;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent
    }

    .card.satisfactorily .card-header--factors_icon .hard-hint.top {
        right: 100%;
        margin-right: 16px
    }

    .card.satisfactorily .card-header--factors_icon .hard-hint.top:after {
        top: auto;
        bottom: 16px;
        left: auto;
        right: -16px;
        width: 16px;
        height: 8px;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 8px solid #fff;
        border-right: 8px solid transparent
    }
}

.card.satisfactorily .card-header--factors_icon .hard-hint--header,
.modal-address--mas .card-header--factors_icon .hard-hint--header {
    display: block;
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem
}

.card.satisfactorily .card-header--factors_icon .hard-hint--text,
.modal-address--mas .card-header--factors_icon .hard-hint--text {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem
}
.card.satisfactorily .card-header--factors_icon  a,
.modal-address--mas .card-header--factors_icon a {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: #e6a345;
    font-style: italic;
}
.card.dangerously .card-header--factors_icon  a{
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: #f24c3d;
    font-style: italic;
}

.card.main-card-eliminated_fns .main-card-header--registration.warning {
    color: #f24c3d
}

.card.main-card-eliminated_fns .main-card-info:not(.full) .title {
    color: #f24c3d
}

.card.main-card-eliminated .main-card-header--status {
    display: none
}

.card.main-card-eliminated .main-card-header--registration {
    color: rgba(0, 0, 0, .4);
    position: relative
}

.card.main-card-eliminated .main-card-header--registration .icon-red-question circle {
    stroke: #e5e5e5
}

.card.main-card-eliminated .main-card-header--registration .icon-red-question path {
    fill: rgba(0, 0, 0, .4)
}

.card.main-card-eliminated .main-card-header--registration .icon-red-question:hover circle {
    fill: rgba(0, 0, 0, .4);
    stroke: #999
}

.card.main-card-eliminated .main-card-header--registration .icon-red-question:hover path {
    fill: #fff
}

.card.main-card-eliminated .card-header {
    color: rgba(0, 0, 0, .4)
}

.card.main-card-eliminated_nalog .main-card-header--registration {
    color: #f24c3d
}

.card.double .card-footer .btn {
    width: 304px
}

@media (max-width: 1343px) {
    .card.double .card-footer .btn {
        width: 224px
    }
}

@media (max-height: 671px) and (max-width: 1264px) {
    .card.double .card-footer .btn {
        width: 224px
    }
}

.card .lazyload {
    width: 100%;
    height: 288px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-bottom: 160px;
    background-image: url(../images/lazyload-card-small.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top left;
    -webkit-animation: lazyload 2s ease-in-out infinite;
    animation: lazyload 2s ease-in-out infinite
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card .lazyload {
        background-image: url(../images/lazyload-card-big.svg);
        margin-bottom: 152px
    }
}

@media (min-width: 1344px) {
    .card .lazyload {
        background-image: url(../images/lazyload-card-big.svg);
        height: 296px;
        margin-bottom: 152px
    }
}

.card .lazyload-main {
    width: 100%;
    height: 816px;
    margin-bottom: 96px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background-image: url(../images/lazyload-card-small-main.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top left;
    -webkit-animation: lazyload 2s ease-in-out infinite;
    animation: lazyload 2s ease-in-out infinite
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card .lazyload-main {
        background-image: url(../images/lazyload-card-big-main.svg)
    }
}

@media (min-width: 1344px) {
    .card .lazyload-main {
        background-image: url(../images/lazyload-card-big-main.svg)
    }
}

.card .card-header--factors_icon {
    display: none
}

.card.child .card-header h2 {
    width: 100%;
    max-width: none
}

@media (max-width: 415px) {
    .card.child .card-footer {
        padding-right: 24px
    }
}

@media (max-width: 415px) {
    .card#report .card-footer {
        padding-right: 24px
    }
}

.card-header {
    position: relative;
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-header {
        font-size: 2.8rem;
        line-height: 4rem
    }
}

@media (min-width: 1344px) {
    .card-header {
        font-size: 2.8rem;
        line-height: 4rem
    }
}

@media (max-width: 415px) {
    .card-header {
        margin-bottom: 20px
    }
}

.card-header h1, .card-header h2 {
    max-width: 469px;
    width: 59.2%
}

@media (max-width: 415px) {
    .card-header h1, .card-header h2 {
        max-width: none;
        width: 100%;
        font-size: 2.8rem;
        line-height: 1.14
    }
}

.card-header h1[data-hint]:after {
    position: absolute;
    z-index: 99;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 12px;
    opacity: 0;
    max-width: 660px;
    top: 100%;
    /*max-width: 100%;
    bottom: 100%;*/
    margin-bottom: 8px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: .5px;
    color: #fff
}

/*.card-header h1[data-hint]:after {
    position: absolute;
    z-index: 99;
    content: '';
    width: 8px;
    height: 16px;
    !*left: 12px;
    bottom: 100%;*!
    left: 21px;
    transform: rotate(180deg);
    top: 68%;
    margin-bottom: -8px;
    border: 8px solid transparent;
    border-top-color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}*/

/*.card-header h1[data-hint]:hover:after, */
.card-header h1[data-hint]:hover:after {
    opacity: 1;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (max-width: 415px) {
    /*.card-header h1[data-hint]:hover:after, */
    .card-header h1[data-hint]:hover:after {
        opacity: 0
    }
}

.card-header--factors {
    width: 280px;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    text-align: right;
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 4rem;
    color: #f24c3d;
    -webkit-transition: .2s all ease;
    transition: .2s all ease
}

.card-header--factors:hover {
    text-decoration: none;
    opacity: .7;
    color: #f24c3d
}

@media (max-width: 415px) {
    .card-header--factors {
        display: none
    }
}

.card-footer {
    width: 100%;
    position: relative;
    height: 48px
}

@media (max-width: 415px) {
    .card-footer {
        height: auto;
        padding-right: 24px
    }
}

.card-footer-btn {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 415px) {
    .card-footer-btn {
        margin-bottom: 20px
    }
}

.card-footer-btn .btn {
    width: 100%;
    max-width: 384px;
    text-transform: none;
    letter-spacing: normal
}

.card-footer-btn .btn span {
    color: rgba(0, 0, 0, .4)
}

.card-footer-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 112px;
    padding: 8px;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 415px) {
    .card-footer-link {
        position: static;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding: 0
    }
}

.card-footer-link a {
    display: block;
    opacity: .4;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    width: 32px;
    height: 32px
}

.card-footer-link a[data-hint] {
    position: relative
}

.card-footer-link a[data-hint]:before {
    position: absolute;
    z-index: 99;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 4px 8px;
    opacity: 0;
    max-width: 464px;
    top: 100%;
    left: 50%;
    margin-top: 4px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    text-transform: none;
    font-family: Roboto, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: .5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff
}

.card-footer-link a:hover {
    text-decoration: none;
    opacity: 1
}

.card-footer-link a:hover:before {
    opacity: 1
}

.card-footer-link--download {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E15C97301-E412-4403-BC48-8DB05A83377C%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/card/download/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-25'%3E%3Crect id='Rectangle' opacity='0.200000003' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23000000' x='9' y='21' width='14' height='2'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23000000' x='15' y='9' width='2' height='9'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3Cpolygon id='Rectangle' fill='%23000000' points='12.5 15 19.5 15 16 19.75'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-footer-link--download.reloaded,
.card-footer-link--download-eds.reloaded {
    background-image: none;
    position: relative;
    opacity: 1
}

.card-footer-link--download.reloaded:after,
.card-footer-link--download-eds.reloaded:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    margin-top: 8px;
    margin-left: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #999;
    border-bottom-color: transparent;
    -webkit-animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite
}

.card-footer-link--share {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E5BF25B24-7353-42A0-B10A-53AF445FCF4D%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/card/share/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-25'%3E%3Crect id='Rectangle' opacity='0.200000003' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Cpolygon id='Rectangle' fill='%23000000' points='18 21 18 9 25 15'%3E%3C/polygon%3E%3C/g%3E%3Cpath d='M18,12.5 C18,14.5 18,15.5 18,17.5 C14.8550239,17.5 11,19 8,22 C8,17 14.5,12.5 18,12.5 Z' id='Rectangle' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-footer-link--share.reloaded {
    background-image: none;
    position: relative;
    opacity: 1
}

.card-footer-link--share.reloaded:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    margin-top: 8px;
    margin-left: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #999;
    border-bottom-color: transparent;
    -webkit-animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite
}

.card-footer-link--print {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E0D02FAD1-B3A8-4742-9039-03343BA204EC%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/card/print/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-25'%3E%3Crect id='Rectangle' opacity='0.200000003' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Crect id='Rectangle' stroke='%23000000' x='11.5' y='15.5' width='9' height='7'%3E%3C/rect%3E%3Cpath d='M10,12 L12,12 L12,18 L8,18 L8,14 C8,12.8954305 8.8954305,12 10,12 Z' id='Rectangle' fill='%23000000'%3E%3C/path%3E%3Cpath d='M20,12 L22,12 C23.1045695,12 24,12.8954305 24,14 L24,18 L20,18 L20,12 Z' id='Rectangle' fill='%23000000'%3E%3C/path%3E%3Crect id='Rectangle' fill='%23000000' x='11' y='12' width='10' height='4'%3E%3C/rect%3E%3Crect id='Rectangle' stroke='%23000000' x='11.5' y='9.5' width='9' height='3'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-footer-link--print.reloaded {
    background-image: none;
    position: relative;
    opacity: 1
}
.card-footer-link--check-document {
    background-position: 7.5px 5px;
    background-size: 21px;
    background-image: url(../images//list.svg);
    background-repeat: no-repeat;
}

.card-footer-link--print.reloaded:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    margin-top: 8px;
    margin-left: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #999;
    border-bottom-color: transparent;
    -webkit-animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite
}
#dl-mob-true.reloaded {
    background-image: none;
    position: relative;
    opacity: 1;
}
#dl-mob-true.reloaded:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    margin-top: -7px;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    -webkit-animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite
}


.card-content {
    margin-bottom: 32px;
    position: relative
}
#main .card-content{
    margin-bottom: 0;
}

.card-content-tabs {
    position: absolute;
    left: 0;
    bottom: -64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99;
    width: 180px
}

@media (max-width: 415px) {
    .card-content-tabs {
        display: none
    }
}

.card-content-tabs--link {
    font-size: 1.4rem;
    font-weight: 400;
    color: rgba(0, 0, 0, .4);
    -webkit-transition: .2s color ease;
    transition: .2s color ease;
    cursor: pointer;
    width: 50%
}

.card-content-tabs--link:last-child {
    padding-left: 48px
}

.card-content-tabs--link:last-child.active {
    padding-left: 0
}

.card-content-tabs--link:first-child {
    width: 104px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.card-content-tabs--link:first-child.active {
    width: 56px
}

.card-content-tabs--link.active {
    color: rgba(0, 0, 0, .9)
}

.card-content-tabs--switch {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 8px;
    border-radius: 50em;
    padding: 3px 0;
    cursor: pointer;
    pointer-events: none;
    left: 64px
}

.card-content-tabs--switch input, .card-content-tabs--switch label {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0
}

.card-content-tabs--switch input {
    margin: 0;
    padding: 0;
    opacity: 0;
    height: 0;
    width: 0;
    pointer-events: none
}

.card-content-tabs--switch input:checked + label + .card-content-tabs--switch_marker {
    left: calc(100% - 12px)
}

.card-content-tabs--switch label {
    width: 24px;
    height: 8px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    color: transparent
}

.card-content-tabs--switch_marker {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 16px;
    height: 16px;
    border: solid 1px rgba(0, 0, 0, .9);
    background-color: rgba(0, 0, 0, .9);
    border-radius: 50%;
    z-index: 2;
    pointer-events: none;
    -webkit-transition: left .2s ease;
    transition: left .2s ease;
    will-change: left
}

.card-content .diagram {
    width: 100%;
    /*height: 360px;*/
    min-width: 640px;
    /*max-width: 540px;*/
    margin-bottom: 32px;
    text-align: right;
    padding: 0 32px

}

@media (max-width: 415px) {
    .card-content .main-card {
        padding-right: 24px
    }
}

.card-content .main-card-header {
    position: relative;
    text-align: left;
    margin-bottom: 24px
}

.card-content .main-card-header p {
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .main-card-header p {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .main-card-header p {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .main-card-header p {
        margin-bottom: 4px
    }
}

.card-content .main-card-header--status {
    color: #3aa65e
}

.card-content .main-card-header--registration {
    color: rgba(0, 0, 0, .4)
}

.card-content .main-card-header--registration:last-child {
    margin-bottom: 0
}

.card-content .main-card-header .icon-red-question {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-left: 4px
}

@media (max-width: 415px) {
    .card-content .main-card-header .icon-red-question {
        display: none
    }
}

.main-card-info--row .icon-red-question2 {
    position: absolute;
    top: 0;
    right: 0;
}

.main-card-info--row.row-upr .icon-red-question2 {
    top: 7px;
    right: 6px;
}

@media (max-width: 415px) {
    .main-card-info--row .icon-red-question2 {
        position: absolute;
        right: 18px;
    }

    .main-card-info--row.row-upr .icon-red-question2 {
        top: 15px;
    }
    .main-card-info--row.row-upr span.icon-red-question2 .hard-hint:after {
        left: 89%;
    }
}

.card-content .main-card-header .icon-red-question svg circle,
.card-content .main-card-header .icon-red-question svg path {
    -webkit-transition: .2s;
    transition: .2s
}

.main-card-info--row .icon-down {
    position: absolute;
    right: 14.5%;
    margin-top: -2px;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../images/icon-accordion.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s ease transform;
    transition: .3s ease transform;
    cursor: pointer;
}

.main-card-info--row .icon-down.open {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.card-content .main-card-header .icon-red-question:hover path, .main-card-info--row .icon-red-question:hover path, .icon-red-question3:hover path {
    fill: #fff
}

.card-content .main-card-header .icon-red-question:hover circle, .main-card-info--row .icon-red-question:hover circle, .icon-red-question3:hover circle {
    fill: #f24c3d
}

.card-content .main-card-header .icon-red-question:hover .hard-hint, .main-card-info--row .icon-red-question:hover .hard-hint, .icon-red-question3:hover .hard-hint {
    opacity: 1;
    display: block
}

.card-content .main-card-header .icon-red-question .hard-hint {
    display: none;
    position: absolute;
    opacity: 0;
    top: 0;
    width: 260px;
    height: auto;
    border-radius: 4px;
    background-color: #fff;
    padding: 20px;
    text-align: left;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    left: calc(100% + 12px);
    margin-top: -12px;
    margin-right: 0;
    -webkit-transition: .6s ease all;
    transition: .6s ease all;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999
}

.card-content .main-card-header1 .icon-red-question2s .hard-hint:after {
    position: absolute;
    content: '';
    top: 12px;
    left: -12px;
    width: 6px;
    height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 8px solid transparent;
    border-right-color: #fff
}

.card-content .main-card-header .icon-red-question .hard-hint--text {
    color: rgba(0, 0, 0, .9);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .main-card-header .icon-red-question .hard-hint--text {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .main-card-header .icon-red-question .hard-hint--text {
        font-size: 1.6rem
    }
}

.card-content .main-card-header .icon-red-question .hard-hint--header {
    color: rgba(0, 0, 0, .9);
    margin-bottom: 8px;
    font-size: 1.4rem;
    line-height: 1.6rem
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .main-card-header .icon-red-question .hard-hint--header {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .main-card-header .icon-red-question .hard-hint--header {
        font-size: 1.6rem
    }
}

.card-content .main-card-header--btn {
    position: absolute;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 415px) {
    .card-content .main-card-header--btn {
        position: relative;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 8px;
        margin-bottom: 20px
    }
}

.card-content .main-card-header--btn button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 12px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .1)
}

.card-content .main-card-header--btn button:after {
    content: '';
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .1);
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

.card-content .main-card-header--btn button:before{
    position: absolute;
    z-index: 9991;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 4px 8px;
    opacity: 0;
    max-width: 464px;
    top: 100%;
    left: 50%;
    margin-top: 8px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    text-transform: none;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: .5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    white-space: nowrap
}

.card-content .main-card-header--btn button:last-child {
    margin-right: 0
}

.card-content .main-card-header--btn button:hover:after,
.card-content .main-card-header--btn button:hover:before {
    opacity: 1
}

@media (max-width: 415px) {
    .card-content .main-card-header--btn button:hover:after,
    .card-content .main-card-header--btn button:hover:before {
        opacity: 0
    }
}

.card-content .main-card-header--btn button svg {
    display: block;
    width: 32px;
    height: 32px
}

.card-content .main-card-header--btn button.add {
    background-color: #3aa65e
}

.card-content .main-card-header--btn button.add svg #Group-11, .card-content .main-card-header--btn button.add svg polygon {
    fill: #fff
}

.card-content .main-card-status {
    width: 100%;
    margin-bottom: 16px;
    border-radius: 8px;
    padding: 16px 20px 16px 16px
}

@media (max-width: 415px) {
    .card-content .main-card-status {
        width: auto;
        margin: 0 -16px 20px;
        padding: 16px
    }
}

.card-content .main-card-status.liquidation {
    background-color: #fff1de;
    color: #fa9f37
}

.card-content .main-card-status.liquidation .text .icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3E228AA890-4BB7-4B13-B5C6-7B04F61B2E72%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='CARDS/DESKTOP/GUIDES-HINT' transform='translate(-384.000000, -291.000000)'%3E%3Cg id='icon/stopfactor/XL/alert' transform='translate(384.000000, 291.000000)'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23E6A345' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cpath d='M17.6,10 L22.4,10 L21.5625,23.893918 L18.46875,23.893918 L17.6,10 Z M20.0325,31.6 C19.2741629,31.6 18.6458358,31.3483896 18.1475,30.8451613 C17.6491642,30.341933 17.4,29.721294 17.4,28.9832258 C17.4,28.2451576 17.6491642,27.63011 18.1475,27.1380645 C18.6458358,26.646019 19.2741629,26.4 20.0325,26.4 C20.7691703,26.4 21.3812476,26.646019 21.86875,27.1380645 C22.3562524,27.63011 22.6,28.2451576 22.6,28.9832258 C22.6,29.721294 22.3562524,30.341933 21.86875,30.8451613 C21.3812476,31.3483896 20.7691703,31.6 20.0325,31.6 Z' id='!' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .main-card-status.liquidation .show-more-btn .icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Ccircle cx='12' cy='12' r='11.5' stroke='%23FA9F37'/%3E%3Cpath stroke='%23FA9F37' stroke-linecap='square' stroke-width='1.8' d='M8 13.5l4-4 4 4'/%3E%3C/g%3E%3C/svg%3E")
}

.card-content .main-card-status.bankruptcy {
    background-color: #ffe8e6;
    color: #f24c3d
}

.card-content .main-card-status.bankruptcy .text .icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3EAC5EEC6E-2150-4A16-BBE1-27952C7829B7%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/stopfactor/XL/stop'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23F24C3D' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cg id='Group-9' transform='translate(15.000000, 15.000000)' stroke='%23FFFFFF' stroke-linecap='square' stroke-width='3.5'%3E%3Cpath d='M2.66009437e-13,10 L10,1.71418435e-13' id='Line-7'%3E%3C/path%3E%3Cpath d='M-3.96127575e-13,2.40030218e-12 L10,10' id='Line-7'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .main-card-status.bankruptcy .show-more-btn .icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Ccircle cx='12' cy='12' r='11.5' stroke='%23f24c3d'/%3E%3Cpath stroke='%23f24c3d' stroke-linecap='square' stroke-width='1.8' d='M8 13.5l4-4 4 4'/%3E%3C/g%3E%3C/svg%3E")
}

.card-content .main-card-status_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card-content .main-card-status_header .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 508px;
    font-size: 1.4rem;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6rem;
    letter-spacing: normal
}

@media (max-width: 415px) {
    .card-content .main-card-status_header .text {
        max-width: 332px;
        margin-right: 8px
    }

    .card-content .main-card-status_header .text h2 {
        max-width: 284px
    }
}

.card-content .main-card-status_header .text .icon {
    display: inline-block;
    margin-right: 16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

@media (max-width: 415px) {
    .card-content .main-card-status_header .show-more {
        width: 24px;
        height: 24px;
        overflow: hidden;
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.card-content .main-card-status_header .show-more-btn {
    border: none;
    background-color: transparent;
    color: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    text-align: right;
    -webkit-transition: .5s ease all;
    transition: .5s ease all
}

.card-content .main-card-status_header .show-more-btn.active {
    color: transparent
}

.card-content .main-card-status_header .show-more-btn.active .icon {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

@media (max-width: 415px) {
    .card-content .main-card-status_header .show-more-btn {
        font-size: 0;
        width: 24px;
        height: 24px;
        margin-left: 0;
        text-align: left;
        position: absolute;
        left: 0;
        top: 0
    }
}

.card-content .main-card-status_header .show-more-btn .icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    background-position: center;
    border-right: none;
    background-size: contain;
    -webkit-transition: .5s ease all;
    transition: .5s ease all;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media (max-width: 415px) {
    .card-content .main-card-status_header .show-more-btn .icon {
        margin-left: 0
    }
}

.card-content .main-card-status_content {
    display: none;
    max-width: 556px;
    padding-left: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 8px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem
}

.card-content .main-card-status_content .title {
    margin-bottom: 8px
}

.card-content .main-card-status_content .isk-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.card-content .main-card-status_content .isk-item {
    display: block;
    width: 130px;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 4px 6px 4px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    border-radius: 4px;
    background-color: #fa9f37;
    opacity: 1;
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    color: #fff
}

.card-content .main-card-status_content .isk-item .icon-name {
    display: inline-block;
    vertical-align: baseline;
    margin-bottom: -2px;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='1' transform='translate(4.000000, 5.000000)' stroke='%23fff'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .main-card-status_content .isk-item:hover {
    opacity: .7;
    text-decoration: none
}

.card-content .main-card-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 32px
}

.card-content .main-card-info:last-child {
    margin-bottom: 0;
}

@media (max-width: 415px) {
    .card-content .main-card-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-right: -24px
    }
}

.card-content .main-card-info.full {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.card-content .main-card-info.full .main-card-info--col {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    background: 0 0;
    border-radius: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 415px) {
    .card-content .main-card-info.full .main-card-info--col {
        width: 100%;
        max-width: none;
        padding: 20px 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid #e5e5e5;
        border-radius: 0
    }
}

.card-content .main-card-info.full .main-card-info--row {
    margin-bottom: 32px
}

.card-content .main-card-info.full .main-card-info--row.characteristic span {
    display: inline-block;
    width: auto;
    margin-right: 8px
}

.card-content .main-card-info.full .main-card-info--row.characteristic span.good {
    color: #3aa65e;
    display: inline
}

.card-content .main-card-info.full .main-card-info--row.characteristic span.warning {
    color: #f24c3d;
    display: inline
}

.card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon {
    display: inline-block;
    margin-left: 8px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
    position: relative
}

@media (max-width: 415px) {
    .card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon {
        display: none
    }
}

.card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon svg circle, .card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon svg path {
    -webkit-transition: .2s;
    transition: .2s
}

.card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon svg:hover circle {
    fill: #f24c3d
}

.card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon svg:hover path {
    fill: #fff
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon {
        font-size: 1.6rem
    }
}

.card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon:hover .hard-hint {
    display: block
}

.card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon .hard-hint {
    display: none;
    position: absolute;
    bottom: 100%;
    width: 270px;
    height: auto;
    border-radius: 4px;
    background-color: #fff;
    padding: 20px;
    text-align: left;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    left: 0;
    margin-bottom: 12px;
    margin-right: 0;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon .hard-hint:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 2px;
    width: 6px;
    height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 8px solid transparent;
    border-top-color: #fff
}

.card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon .hard-hint--text {
    color: rgba(0, 0, 0, .9);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon .hard-hint--text {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon .hard-hint--text {
        font-size: 1.6rem
    }
}

.card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon .hard-hint--header {
    color: rgba(0, 0, 0, .9);
    margin-bottom: 8px;
    font-size: 1.4rem;
    line-height: 1.6rem
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon .hard-hint--header {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .main-card-info.full .main-card-info--row.characteristic span.warning-icon .hard-hint--header {
        font-size: 1.6rem
    }
}

.card-content .main-card-info.full .main-card-info--row.characteristic .block-price {
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3E581F362E-5B1F-4367-9ECF-D329A532106B%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/S/refresh/black/thin'%3E%3Cg id='Group-2' transform='translate(0.000000, -1.000000)'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='1' width='16' height='16'%3E%3C/rect%3E%3Cg transform='translate(2.999165, 0.971865)' id='Path'%3E%3Cpath d='M9.3309619,5.52813547 C10.7116738,7.91959859 9.89229799,10.9775506 7.50083488,12.3582625 C5.10937176,13.7389744 2.05141973,12.9195986 0.670707857,10.5281355 C-0.710004017,8.13667236 0.109371759,5.07872033 2.50083488,3.69800845 C3.68514425,3.01424712 5.03290776,2.87004975 6.25947496,3.18914451 L6.94163399,3.43383054' stroke='%23000000' stroke-width='1.2'%3E%3C/path%3E%3Cpolygon fill='%23000000' points='5 0.528135474 9 3.02813547 5 5.52813547'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: center left;
    background-repeat: no-repeat;
    color: rgba(0, 0, 0, .9);
    padding-left: 20px
}

.card-content .main-card-info.full .main-card-info--row.characteristic .block-price.loading {
    padding-left: 0;
    background-image: none;
    vertical-align: text-bottom
}

.card-content .main-card-info.full .main-card-info--row.characteristic .block-price.loading .loader {
    width: 24px;
    height: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto
}

.card-content .main-card-info.full .main-card-info--row.characteristic .block-price.loading .loader-item--1 {
    display: block;
    margin-right: auto;
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 50%;
    -webkit-animation: opacity 1.5s infinite ease;
    animation: opacity 1.5s infinite ease;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-transition: .2s all ease;
    transition: .2s all ease
}

.card-content .main-card-info.full .main-card-info--row.characteristic .block-price.loading .loader-item--2 {
    display: block;
    margin-right: auto;
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 50%;
    -webkit-animation: opacity 1.5s infinite ease;
    animation: opacity 1.5s infinite ease;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-transition: .2s all ease;
    transition: .2s all ease
}

.card-content .main-card-info.full .main-card-info--row.characteristic .block-price.loading .loader-item--3 {
    display: block;
    margin-right: auto;
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 50%;
    -webkit-animation: opacity 1.5s infinite ease;
    animation: opacity 1.5s infinite ease;
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    -webkit-transition: .2s all ease;
    transition: .2s all ease
}

.card-content .main-card-info.full .main-card-info--row.characteristic .block-price span {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    color: rgba(0, 0, 0, .9)
}

.card-content .main-card-info.full .main-card-info--row.characteristic .block-price span.loader {
    border-bottom: 0
}

.card-content .main-card-info.full .main-card-info--row.characteristic .block-price:hover span {
    color: rgba(26, 26, 26, .9)
}

.card-content .main-card-info.full .main-card-info--row.isk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.card-content .main-card-info.full .main-card-info--row.isk .title {
    width: 100%
}

.card-content .main-card-info.full .main-card-info--row.isk .isk-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 200px
}

.card-content .main-card-info.full .main-card-info--row.isk .isk-content .link {
    margin-right: 36px;
    margin-bottom: 10px;
    display: inline-block
}

.card-content .main-card-info.full .main-card-info--row.isk .isk-content .link:nth-child(2n) {
    margin-right: 0
}

.card-content .main-card-info.full .main-card-info--row p {
    margin-bottom: 12px
}

.card-content .main-card-info.full .main-card-info--row p:not(.title) {
    font-size: 1.4rem;
    line-height: 2rem
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .main-card-info.full .main-card-info--row p:not(.title) {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .main-card-info.full .main-card-info--row p:not(.title) {
        font-size: 1.6rem
    }
}

.card-content .main-card-info.full .main-card-info--row p span {
    display: inline-block;
    width: 72px
}

.card-content .main-card-info.full .main-card-info--row p span.normal {
    width: auto;
    margin-right: 4px
}

.card-content .main-card-info.full .main-card-info--row p span.warning {
    height: auto;
    width: auto;
    vertical-align: middle;
    color: #f24c3d
}

.card-content .main-card-info.full .main-card-info--row p span.warning .icon-red-question {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-left: 4px
}

.card-content .main-card-info.full .main-card-info--row p span.warning .icon-red-question svg circle, .card-content .main-card-info.full .main-card-info--row p span.warning .icon-red-question svg path {
    -webkit-transition: .2s;
    transition: .2s
}

.card-content .main-card-info.full .main-card-info--row p span.warning .icon-red-question:hover path {
    fill: #fff
}

.card-content .main-card-info.full .main-card-info--row p span.warning .icon-red-question:hover circle {
    fill: #f24c3d
}

.card-content .main-card-info.full .main-card-info--row p span.warning .icon-red-question:hover .hard-hint {
    opacity: 1;
    display: block
}

.card-content .main-card-info.full .main-card-info--row p span.warning .icon-red-question .hard-hint {
    display: none;
    position: absolute;
    opacity: 0;
    bottom: 100%;
    width: 260px;
    height: auto;
    border-radius: 4px;
    background-color: #fff;
    padding: 20px;
    text-align: left;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    right: -12px;
    margin-bottom: 12px;
    margin-right: 0;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card-content .main-card-info.full .main-card-info--row p span.warning .icon-red-question .hard-hint:after {
    position: absolute;
    content: '';
    bottom: -12px;
    right: 12px;
    width: 6px;
    height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 8px solid transparent;
    border-top-color: #fff;
    -webkit-transition: .6s ease;
    transition: .6s ease
}

.card-content .main-card-info.full .main-card-info--row p span.warning .icon-red-question .hard-hint--text {
    width: 100%;
    color: rgba(0, 0, 0, .9);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .main-card-info.full .main-card-info--row p span.warning .icon-red-question .hard-hint--text {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .main-card-info.full .main-card-info--row p span.warning .icon-red-question .hard-hint--text {
        font-size: 1.6rem
    }
}

.card-content .main-card-info.full .main-card-info--row p span.warning .icon-red-question .hard-hint--header {
    color: rgba(0, 0, 0, .9);
    margin-bottom: 8px;
    font-size: 1.4rem;
    line-height: 1.6rem
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .main-card-info.full .main-card-info--row p span.warning .icon-red-question .hard-hint--header {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .main-card-info.full .main-card-info--row p span.warning .icon-red-question .hard-hint--header {
        font-size: 1.6rem
    }
}

.card-content .main-card-info.full .main-card-info--row .item-address {
    margin-bottom: 8px
}

.card-content .main-card-info.full .main-card-info--row .item-address p {
    margin-bottom: 0
}

.card-content .main-card-info.full .main-card-info--row .item-address--mas {
    display: block;
    margin-bottom: 8px
}

.card-content .main-card-info.full .main-card-info--row .item-address--mas span {
    color: #f24c3d;
    display: inline-block;
    border-bottom: 1px solid #f24c3d
}

.card-content .main-card-info--col {
    width: 49%;
    max-width: 352px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    position: relative;
}

.card-content .main-card-info--col .main-card-info--add-rows {
    display: none;
    position: absolute;
    top: 93%;
    left: 0;
    width: 100%;
    background-color: rgb(255, 255, 255);
    height: max-content;
    z-index: 9;
    padding: 0 16px 16px 16px;
    -webkit-box-shadow: 0 0 12px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 12px 12px 0 rgb(0 0 0 / 12%);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.card-content .main-card-info--col .main-card-info--add-rows hr {
    color: rgba(0,0,0,.4);
}

.card-content .main-card-info--col .main-card-info--add-rows .title{
    margin-top: 10px
}

.card-content .main-card-info--col .row-other-upr {
    cursor: pointer;
    margin-top: 10px;
}

.card-content .main-card-info--col .all-upr {
    position:absolute;
    top: 0;
    right: 0;
    height: 24px;
    width: 24px;
}

@media (max-width: 415px) {
    .card-content .main-card-info--col {
        width: 100%;
        max-width: none;
        padding: 20px 0 20px 16px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid #e5e5e5;
        border-radius: 0
    }
    .card-content .main-card-info--col.info-upr,
    .card-content .main-card-info--col.info-affil {
        border: none;
    }
    .card-content .main-card-info--col.info-upr::after,
    .card-content .main-card-info--col.info-affil::before {
        position:absolute;
        top: 100%;
        right: 0;
        border-top:1px solid #e5e5e5;
        content:"";
        width: calc(100% - 16px);
        z-index: 1;
    }
}

.card-content .main-card-info--col[data-modal-affiliation], .card-content .main-card-info--col[data-noregistr] {
    padding: 40px 32px 32px 116px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3E09BC0AE9-83AB-4E55-9A90-1D766DBDEB8D%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='cards/big/MAIN-NORMAL' transform='translate(-432.000000, -224.000000)'%3E%3Cg id='scheme' transform='translate(400.000000, 192.000000)'%3E%3Cg id='graphic/scheme/var2' transform='translate(32.000000, 32.000000)'%3E%3Cg id='Group'%3E%3Cg id='Oval-2'%3E%3Crect id='Rectangle' x='0' y='0' width='80' height='80'%3E%3C/rect%3E%3Cg id='Group-Copy'%3E%3Cg id='Group-2' transform='translate(8.000000, 8.000000)' stroke='%23000000' stroke-opacity='0.2'%3E%3Cpath d='M0,19 L31.9969,32' id='Stroke-2'%3E%3C/path%3E%3Cpath d='M19,1.09139364e-11 L31.9969,32' id='Stroke-2'%3E%3C/path%3E%3Cpath d='M32,32 L44.9969,64' id='Stroke-2'%3E%3C/path%3E%3Cpath d='M32,32 L63.9969,45' id='Stroke-2'%3E%3C/path%3E%3Cpath d='M32,32 L63.9969,19' id='Stroke-2'%3E%3C/path%3E%3Cpath d='M32,32 L44.9969,3.63797881e-12' id='Stroke-2'%3E%3C/path%3E%3Cpath d='M19,64 L31.9969,32' id='Stroke-2'%3E%3C/path%3E%3Cpath d='M0,45 L31.9969,32' id='Stroke-2'%3E%3C/path%3E%3C/g%3E%3Ccircle id='Oval' stroke='%233AA65E' fill='%23FFFFFF' cx='27' cy='8' r='7.5'%3E%3C/circle%3E%3Ccircle id='Oval' stroke='%233AA65E' fill='%23FFFFFF' cx='27' cy='72' r='7.5'%3E%3C/circle%3E%3Ccircle id='Oval' stroke='%233AA65E' fill='%23FFFFFF' cx='72' cy='53' r='7.5'%3E%3C/circle%3E%3Ccircle id='Oval' stroke='%233AA65E' fill='%23FFFFFF' cx='72' cy='27' r='7.5'%3E%3C/circle%3E%3Ccircle id='Oval' stroke='%233AA65E' fill='%23FFFFFF' cx='53' cy='8' r='7.5'%3E%3C/circle%3E%3Ccircle id='Oval' stroke='%233AA65E' fill='%23FFFFFF' cx='53' cy='72' r='7.5'%3E%3C/circle%3E%3Ccircle id='Oval' stroke='%233AA65E' fill='%23FFFFFF' cx='8' cy='53' r='7.5'%3E%3C/circle%3E%3Ccircle id='Oval' stroke='%233AA65E' fill='%23FFFFFF' cx='40' cy='40' r='11.5'%3E%3C/circle%3E%3Ccircle id='Oval' stroke='%233AA65E' fill='%23FFFFFF' cx='8' cy='27' r='7.5'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 18px 31px;
    min-height: 144px
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .main-card-info--col[data-modal-affiliation], .card-content .main-card-info--col[data-noregistr] {
        padding: 40px 32px 32px 132px;
        background-position: 32px 32px
    }
}

@media (min-width: 1344px) {
    .card-content .main-card-info--col[data-modal-affiliation], .card-content .main-card-info--col[data-noregistr] {
        padding: 40px 32px 32px 132px;
        background-position: 32px 32px
    }
}

@media (max-width: 415px) {
    .card-content .main-card-info--col[data-modal-affiliation], .card-content .main-card-info--col[data-noregistr] {
        position: relative;
        background-image: none;
        padding: 20px 0 20px 16px;
        min-height: auto
    }

    .main-card-info--row .icon-down {
        background-size: 24px 24px;
        width: 24px;
        height: 24px;
    }

    .card-content .main-card-info--col[data-modal-affiliation]:after, .card-content .main-card-info--col[data-noregistr]:after {
        content: '';
        position: absolute;
        top: calc(50% - 12px);
        right: 1%;
        width: 24px;
        height: 24px;
        display: block;
        background-image: url(../images/icon/mobil-arrow.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.card-content .main-card-info--col[data-modal-affiliation]:hover, .card-content .main-card-info--col[data-noregistr]:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2)
}

.card-content .main-card-info--col[data-modal-affiliation]:hover .green, .card-content .main-card-info--col[data-noregistr]:hover .green {
    color: #318c4f
}

.card-content .main-card-info--col[data-modal-affiliation] .green, .card-content .main-card-info--col[data-noregistr] .green {
    color: #3aa65e
}



@media (max-width: 415px) {
    .card-content .main-card-info--col[data-modal-card] {
        position: relative;
        padding-bottom: 12px
    }

    .card-content .main-card-info--col[data-modal-card]:after {
        content: '';
        position: absolute;
        top: calc(50% - 12px);
        right: 1%;
        width: 24px;
        height: 24px;
        display: block;
        background-image: url(../images/icon/mobil-arrow.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.card-content .main-card-info--col[data-modal-card]:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2)
}



@media (max-width: 415px) {
    .card-content .main-card-info--col[data-modal-card]:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .card-content .main-card-info.info--underhead {
        margin-left: -16px;
    }
}

.card-content .main-card-info--col p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .main-card-info--col p {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .main-card-info--col p {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .main-card-info--col p {
        margin-bottom: 8px
    }
}

.card-content .main-card-info--col p span {
    color: rgba(0, 0, 0, .4)
}

.card-content .main-card-info--col p.title {
    margin-bottom: 8px;
    color: rgba(0, 0, 0, .4)
}

@media (max-width: 415px) {
    .card-content .main-card-info--col p.title {
        margin-bottom: 12px
    }
}

.card-content .main-card-info--col h3 {
    margin-bottom: 12px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .main-card-info--col h3 {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .main-card-info--col h3 {
        font-size: 1.6rem
    }
}

.card-content .main-card-info--col .tariffs-list--item h3.price, .card-content .main-card-info--col h3.name, .tariffs-list--item .card-content .main-card-info--col h3.price {
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: .4px;
    font-size: 1.6rem;
    line-height: 2rem
}

@media (max-width: 415px) {
    .card-content .main-card-info--col .tariffs-list--item h3.price, .card-content .main-card-info--col h3.name, .tariffs-list--item .card-content .main-card-info--col h3.price {
        margin-bottom: 12px
    }
}

.main-card-info--row .date-change {
    border-bottom: 1px dashed;
}

.card-content .main-card-info--col a {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .main-card-info--col a {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .main-card-info--col a {
        font-size: 1.6rem
    }
}

.card-content .main-card-info--col a span {
    color: #3aa65e;
    border-bottom: 1px solid #3aa65e
}

.card-content .main-card-info--col a.link {
    position: relative;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .main-card-info--col a.link {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .main-card-info--col a.link {
        font-size: 1.6rem
    }
}

.card-content .main-card-info--col a.link:after {
    position: absolute;
    content: '';
    left: 100%;
    top: 1px;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='0.400000006' transform='translate(4.000000, 5.000000)' stroke='%23000000'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .main-card-info--col a:hover {
    text-decoration: none
}

.card-content .main-card-info--col a:hover span {
    color: #318c4f;
    border-bottom-color: #318c4f
}

.card-content .main-card-interconnections {
    width: 100%;
    margin-bottom: 107px;
    border-top: 1px solid #e6e6e6;
    height: 512px
}

.card-content .main-card-interconnections .expand {
    display: block;
    position: relative;
    padding: 8px 22px 8px 46px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: #fff;
    border-radius: 16px;
    border: none;
    background-color: rgba(0, 0, 0, .4)
}

.card-content .main-card-interconnections .expand .icon-expand {
    display: inline-block;
    position: absolute;
    left: 22px;
    top: 8px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E55918003-13E7-4613-BE6E-09305527663C%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/maximize/S/dark/'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' transform='translate(2.000000, 2.000000)' stroke='%23FFFFFF' stroke-width='2'%3E%3Cpolyline id='Path' points='8 0 12 0 12 4'%3E%3C/polyline%3E%3Cpolyline id='Path' transform='translate(2.000000, 2.000000) scale(-1, 1) translate(-2.000000, -2.000000) ' points='0 0 4 0 4 4'%3E%3C/polyline%3E%3Cpolyline id='Path' points='0 8 9.9475983e-14 12 4 12'%3E%3C/polyline%3E%3Cpolyline id='Path' transform='translate(10.000000, 10.000000) scale(-1, 1) translate(-10.000000, -10.000000) ' points='8 8 8 12 12 12'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .main-card-interconnections .change {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: rgba(0, 0, 0, .4);
    border: none;
    color: #fff;
    text-indent: -999px;
    overflow: hidden;
    font-weight: 700
}

.card-content .main-card-interconnections .change:before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px
}

.card-content .main-card-interconnections .change.plus:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E7A86CB08-DB43-4AEA-8F5E-23EF9F4EAB5F%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/zoom/S/in'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='2' y='7' width='12' height='2'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='7' y='2' width='2' height='12'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .main-card-interconnections .change.minus:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E621C6C53-6C73-4C96-BA7C-EB72B3625C2B%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/zoom/S/out'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23FFFFFF' x='2' y='7' width='12' height='2'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .reporting {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 415px) {
    .card-content .reporting {
        width: auto;
        margin: 0 -16px 0 -16px
    }
}

.card-content .reporting-item {
    width: 96px;
    height: 96px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 3.6%;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9);
    border-radius: 4px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .reporting-item {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .reporting-item {
        font-size: 1.6rem
    }
}

.card-content .reporting-item:nth-child(6n+6) {
    margin-right: 0
}

@media (max-width: 415px) {
    .card-content .reporting-item {
        width: 60px;
        height: 80px;
        margin-right: 16px
    }

    .card-content .reporting-item:nth-child(6n+6) {
        margin-right: 16px
    }
}

.card-content .reporting-item.dangerously {
    color: #f24c3d
}

.card-content .reporting-item:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .05)
}

.card-content .reporting-item--img {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto 8px
}

.card-content .reporting-item--img svg {
    display: block;
    width: 100%;
    height: 100%
}

.card-content .reporting-item--years {
    display: block
}

.card-content .checkup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -16px 0
}

@media (max-width: 415px) {
    .card-content .checkup {
        padding-right: 24px
    }
}

.card-content .checkup .table-header .table-row {
    padding: 0 16px
}

@media (max-width: 415px) {
    .card-content .checkup .table-header .table-col:last-child {
        position: relative;
        font-size: 0;
        overflow: hidden
    }

    .card-content .checkup .table-header .table-col:last-child:after {
        content: 'С нарушениями';
        position: absolute;
        right: 0;
        top: 0;
        text-align: right;
        font-size: 1.4rem;
        line-height: 1.43;
        color: rgba(0, 0, 0, .4);
        width: 104px
    }

    .card-content .checkup .table-header .table-col:last-child:before {
        content: 'Все проверки ';
        position: absolute;
        text-align: right;
        left: 0;
        width: 104px;
        top: 0;
        font-size: 1.4rem;
        line-height: 1.43;
        color: rgba(0, 0, 0, .4)
    }
}

.card-content .checkup .table-body {
    margin-bottom: 18px
}

.card-content .checkup .table-body .table-row {
    padding: 6px 16px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 415px) {
    .card-content .checkup .table-body .table-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.card-content .checkup .table-body .table-row:hover {
    background-color: rgba(0, 0, 0, .05)
}

@media (max-width: 415px) {
    .card-content .checkup .table-body .table-row:hover {
        background-color: transparent
    }
}

.card-content .checkup .table-footer {
    border-top: 1px solid #d8d8d8;
    padding-top: 23px;
    margin-right: 16px;
    margin-left: 16px
}

.card-content .checkup .table-footer .table-row {
    padding: 6px 0;
    border-radius: 4px;
    cursor: default;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card-content .checkup .table-body .table-col, .card-content .checkup .table-footer .table-col {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.card-content .checkup .table-body .table-col:first-child, .card-content .checkup .table-footer .table-col:first-child {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .checkup .table-body .table-col:first-child, .card-content .checkup .table-footer .table-col:first-child {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .checkup .table-body .table-col:first-child, .card-content .checkup .table-footer .table-col:first-child {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .checkup .table-body .table-col:first-child, .card-content .checkup .table-footer .table-col:first-child {
        font-size: 1.6rem
    }
}

.card-content .checkup .table-body .table-col span.amount, .card-content .checkup .table-footer .table-col span.amount {
    text-align: left;
    width: 48px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .checkup .table-body .table-col span.amount, .card-content .checkup .table-footer .table-col span.amount {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .checkup .table-body .table-col span.amount, .card-content .checkup .table-footer .table-col span.amount {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .checkup .table-body .table-col span.amount, .card-content .checkup .table-footer .table-col span.amount {
        font-size: 1.6rem;
        width: 104px;
        display: block;
        text-align: right
    }
}

.card-content .checkup .table-body .table-col span.normal, .card-content .checkup .table-footer .table-col span.normal {
    text-align: right;
    width: 64px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .checkup .table-body .table-col span.normal, .card-content .checkup .table-footer .table-col span.normal {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .checkup .table-body .table-col span.normal, .card-content .checkup .table-footer .table-col span.normal {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .checkup .table-body .table-col span.normal, .card-content .checkup .table-footer .table-col span.normal {
        font-size: 1.6rem;
        width: 104px;
        display: block;
        text-align: right
    }
}

.card-content .checkup .table-body .table-col span.normal.dangerously, .card-content .checkup .table-footer .table-col span.normal.dangerously {
    color: #f24c3d
}

.card-content .checkup .table-col {
    width: 20%;
    margin-right: 10%
}

@media (max-width: 415px) {
    .card-content .checkup .table-col {
        display: none
    }
}

.card-content .checkup .table-col:first-child {
    margin-right: 16px
}

@media (max-width: 415px) {
    .card-content .checkup .table-col:first-child {
        display: block;
        width: 52px;
        margin-right: 0
    }
}

.card-content .checkup .table-col:last-child {
    margin-right: 0
}

@media (max-width: 415px) {
    .card-content .checkup .table-col:last-child {
        max-width: 268px;
        width: calc(100% - 52px);
        text-align: right;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.card-content .business {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -16px 0
}

@media (max-width: 415px) {
    .card-content .business {
        padding-right: 24px
    }
}

.card-content .business .table-header .table-row {
    padding: 0 16px
}

.card-content .business .table-header .table-col {
    width: 50%;
    text-align: left
}

.card-content .business .table-header .table-col:not(:first-child) {
    text-align: right;
    width: 72px;
    margin-right: 0;
    margin-left: auto
}

.card-content .business .table-header .table-col:not(:first-child) span {
    text-align: right
}

.card-content .business .table-header .table-col span {
    width: 100%;
    text-align: left;
    font-size: 1.3rem;
    line-height: 1.6rem
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .business .table-header .table-col span {
        font-size: 1.4rem
    }
}

@media (min-width: 1344px) {
    .card-content .business .table-header .table-col span {
        font-size: 1.4rem
    }
}

@media (max-width: 415px) {
    .card-content .business .table-header .table-col span {
        font-size: 1.4rem
    }
}

.card-content .business .table-body {
    margin-bottom: 18px
}

.card-content .business .table-body .table-row {
    padding: 6px 16px;
    border-radius: 4px;
    cursor: default;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card-content .business .table-body .table-row:hover {
    background-color: rgba(0, 0, 0, .05)
}

.card-content .business .table-body .table-col {
    width: 50%;
    text-align: left
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .business .table-body .table-col span {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .business .table-body .table-col span {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .business .table-body .table-col span {
        font-size: 1.6rem
    }
}

.card-content .business .table-body .table-col:not(:first-child) {
    text-align: right;
    width: 72px;
    margin-right: 0;
    margin-left: auto
}

.card-content .business .table-body .table-col:not(:first-child) span {
    display: block;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .business .table-body .table-col:not(:first-child) span {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .business .table-body .table-col:not(:first-child) span {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .business .table-body .table-col:not(:first-child) span {
        font-size: 1.6rem
    }
}

.card-content .business .table-body .table-col:not(:first-child) span.normal {
    color: rgba(0, 0, 0, .4)
}

.card-content .business .table-body .table-col:not(:first-child) span.perfectly {
    color: #3aa65e
}

.card-content .business .table-body .table-col:not(:first-child) span.dangerously {
    color: #f24c3d
}

@media (max-width: 415px) {
    .card-content .business .table-body .table-col, .card-content .business .table-header .table-col {
        display: none
    }

    .card-content .business .table-body .table-col:first-child, .card-content .business .table-header .table-col:first-child {
        display: block
    }

    .card-content .business .table-body .table-col:last-child, .card-content .business .table-header .table-col:last-child {
        display: block
    }

    .card-content .business .table-body .table-col:nth-child(4), .card-content .business .table-header .table-col:nth-child(4) {
        display: block
    }
}

@media (min-width: 401px) and (max-width: 415px) {
    .card-content .business .table-body .table-col, .card-content .business .table-header .table-col {
        display: none
    }

    .card-content .business .table-body .table-col:first-child, .card-content .business .table-header .table-col:first-child {
        display: block;
        width: 256px;
        margin: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .card-content .business .table-body .table-col:last-child, .card-content .business .table-header .table-col:last-child {
        display: block;
        width: 48px
    }

    .card-content .business .table-body .table-col:nth-child(4), .card-content .business .table-header .table-col:nth-child(4) {
        display: block;
        width: 48px;
        margin-right: 12px;
        margin-left: 0
    }
}

@media (min-width: 360px) and (max-width: 400px) {
    .card-content .business .table-body .table-col, .card-content .business .table-header .table-col {
        display: none
    }

    .card-content .business .table-body .table-col:first-child, .card-content .business .table-header .table-col:first-child {
        display: block;
        width: 204px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .card-content .business .table-body .table-col:nth-child(4), .card-content .business .table-header .table-col:nth-child(4) {
        display: block
    }

    .card-content .business .table-body .table-col:last-child, .card-content .business .table-header .table-col:last-child {
        display: block
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .card-content .business .table-body .table-col, .card-content .business .table-header .table-col {
        display: none
    }

    .card-content .business .table-body .table-col:first-child, .card-content .business .table-header .table-col:first-child {
        display: block;
        width: 164px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .card-content .business .table-body .table-col:nth-child(4), .card-content .business .table-header .table-col:nth-child(4) {
        display: block
    }

    .card-content .business .table-body .table-col:last-child, .card-content .business .table-header .table-col:last-child {
        display: block
    }
}

@media (max-width: 415px) {
    .card-content .аrbitrage {
        padding-right: 24px
    }
}

.card-content .аrbitrage .table-body-inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 23px 0 20px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.card-content .аrbitrage .table-body-inner:first-child {
    padding-top: 0;
    border-top: 0
}

@media (max-width: 415px) {
    .card-content .аrbitrage .table-body-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.card-content .аrbitrage .table-body-inner > span {
    width: auto;
    display: block;
    text-align: left;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (max-width: 1440px) {
    .card-content .аrbitrage .table-body-inner > span {
        font-size: 1.4rem
    }
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .аrbitrage .table-body-inner > span {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .аrbitrage .table-body-inner > span {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .аrbitrage .table-body-inner > span {
        font-size: 1.6rem;
        width: 100%;
        margin-bottom: 6px
    }
}

.card-content .аrbitrage .table-body-inner .table-row {
    width: 512px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal
}

@media (max-width: 415px) {
    .card-content .аrbitrage .table-body-inner .table-row {
        width: 100%
    }
}

.card-content .аrbitrage .table-body-inner .table-row-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    padding: 6px 16px;
    margin-right: -16px;
    margin-left: -16px
}

.card-content .аrbitrage .table-body-inner .table-row-inner:hover {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .05)
}

@media (max-width: 415px) {
    .card-content .аrbitrage .table-body-inner .table-row-inner {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .card-content .аrbitrage .table-body-inner .table-row-inner:hover {
        background-color: transparent
    }
}

.card-content .аrbitrage .table-body-inner .table-row-inner .table-col {
    width: 80px;
    margin-right: 112px
}

@media (max-width: 415px) {
    .card-content .аrbitrage .table-body-inner .table-row-inner .table-col {
        margin: auto
    }
}

@media (max-width: 360px) {
    .card-content .аrbitrage .table-body-inner .table-row-inner .table-col {
        width: 52px
    }

    .card-content .аrbitrage .table-body-inner .table-row-inner .table-col:nth-child(2) {
        white-space: nowrap
    }
}

.card-content .аrbitrage .table-body-inner .table-row-inner .table-col span {
    width: 100%;
    display: block;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    text-align: right;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .аrbitrage .table-body-inner .table-row-inner .table-col span {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .аrbitrage .table-body-inner .table-row-inner .table-col span {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .аrbitrage .table-body-inner .table-row-inner .table-col span {
        font-size: 1.6rem
    }
}

.card-content .аrbitrage .table-body-inner .table-row-inner .table-col:first-child {
    width: 104px;
    margin-right: 72px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.card-content .аrbitrage .table-body-inner .table-row-inner .table-col:first-child span {
    display: inline-block;
    width: auto;
    text-align: left
}

@media (max-width: 415px) {
    .card-content .аrbitrage .table-body-inner .table-row-inner .table-col:first-child {
        width: 76px;
        margin-right: auto;
        margin-left: 0
    }
}

.card-content .аrbitrage .table-body-inner .table-row-inner .table-col:last-child {
    margin-right: 0;
    width: 144px
}

@media (max-width: 415px) {
    .card-content .аrbitrage .table-body-inner .table-row-inner .table-col:last-child {
        width: 120px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 0
    }
}

@media (max-width: 415px) {
    .card-content .economy {
        padding-right: 24px
    }
}

.card-content .economy .table-row {
    padding: 6px 16px;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 16px;
    cursor: default
}

.card-content .economy .table-row:hover {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .05)
}

.card-content .economy .table-row:last-child {
    margin-bottom: 0
}

@media (max-width: 415px) {
    .card-content .economy .table-row {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 12px
    }
}

.card-content .economy .table-col {
    width: 30%;
    position: relative;
    text-align: right
}

.card-content .economy .table-col:first-child {
    width: 40%;
    text-align: left
}

.card-content .economy .table-col:first-child span {
    text-align: left
}

@media (max-width: 415px) {
    .card-content .economy .table-col:first-child {
        width: calc(100% - 128px)
    }
}

.card-content .economy .table-col.col-economy {
    padding-right: 10%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 415px) {
    .card-content .economy .table-col.col-economy {
        padding-right: 0;
        width: 120px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .card-content .economy .table-col.col-economy span {
        font-weight: 400
    }
}

.card-content .economy .table-col span {
    display: block;
    width: 100%;
    text-align: right
}

.card-content .economy .table-col span.percent {
    position: absolute;
    right: -25px;
    font-weight: 400
}

@media (max-width: 415px) {
    .card-content .economy .table-col span.percent {
        position: static;
        font-size: 1.4rem
    }
}

.card-content .economy .table-col span.percent span {
    display: inline-block
}
#modal-employees .card-header--factors_icon a {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: #e6a345;
    font-style: italic;
}

#modal-employees .card-header--factors_icon{
    position: absolute;
    display: block;
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3E228AA890-4BB7-4B13-B5C6-7B04F61B2E72%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='CARDS/DESKTOP/GUIDES-HINT' transform='translate(-384.000000, -291.000000)'%3E%3Cg id='icon/stopfactor/XL/alert' transform='translate(384.000000, 291.000000)'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23E6A345' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cpath d='M17.6,10 L22.4,10 L21.5625,23.893918 L18.46875,23.893918 L17.6,10 Z M20.0325,31.6 C19.2741629,31.6 18.6458358,31.3483896 18.1475,30.8451613 C17.6491642,30.341933 17.4,29.721294 17.4,28.9832258 C17.4,28.2451576 17.6491642,27.63011 18.1475,27.1380645 C18.6458358,26.646019 19.2741629,26.4 20.0325,26.4 C20.7691703,26.4 21.3812476,26.646019 21.86875,27.1380645 C22.3562524,27.63011 22.6,28.2451576 22.6,28.9832258 C22.6,29.721294 22.3562524,30.341933 21.86875,30.8451613 C21.3812476,31.3483896 20.7691703,31.6 20.0325,31.6 Z' id='!' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    top: 12px;
    right: 15px;
    background-color: #fff;
}

#modal-employees .card-header--factors_icon .hard-hint{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 111;
    top: -12px;
    left: 100%;
    margin-left: 17px;
    margin-bottom: 24px;
    background-color: #fff;
    width: 260px;
    padding: 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
    transition-duration: 0.6s;
    line-height: 1.6rem;
}

#modal-employees .card-header--factors_icon:hover .hard-hint {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 415px) {
    #modal-employees .card-header--factors_icon {
        top: 81px;
        right: 25px;
        zoom: 0.7;
    }
    #modal-employees .card-header--factors_icon .hard-hint{
        top: 49px;
        left: -200px;
        margin-left: -11px;
    }
}



.card-content .economy .table-col span.percent .perfectly-up, #modal-employees .perfectly-up {
    color: #3aa65e;
    position: relative;
    max-width: 80px;
    width: auto;
    margin-left: auto;
    margin-right: 0
}

.card-content .economy .table-col span.percent .perfectly-up:before, #modal-employees .perfectly-up:before {
    display: block;
    position: absolute;
    content: '';
    left: 0;
    margin-left: -16px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E70BAD8D4-1BEB-434A-A313-08E20A4C8CEA%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/indicator/S/up/green'%3E%3Cg id='Group'%3E%3Cg id='Group-28'%3E%3Crect id='Rectangle-Copy-37' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cpolygon id='Rectangle' fill='%233AA65E' points='8 5 12 11 4 11'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .economy .table-col span.percent .perfectly-down {
    color: #3aa65e;
    position: relative;
    max-width: 80px;
    width: auto;
    margin-left: auto;
    margin-right: 0
}

.card-content .economy .table-col span.percent .perfectly-down:before {
    position: absolute;
    content: '';
    left: 0;
    margin-left: -16px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E70BAD8D4-1BEB-434A-A313-08E20A4C8CEA%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/indicator/S/up/green'%3E%3Cg id='Group'%3E%3Cg id='Group-28'%3E%3Crect id='Rectangle-Copy-37' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cpolygon id='Rectangle' fill='%233AA65E' points='8 5 12 11 4 11'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.card-content .economy .table-col span.percent .warning-up {
    position: relative;
    color: #f24c3d;
    max-width: 80px;
    width: auto;
    margin-left: auto;
    margin-right: 0
}

.card-content .economy .table-col span.percent .warning-up:before {
    position: absolute;
    content: '';
    left: 0;
    margin-left: -16px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E333364C9-E32C-4050-8961-CE9CB5830CA6%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/indicator/S/up/red'%3E%3Cg id='Group'%3E%3Cg id='Group-28'%3E%3Crect id='Rectangle-Copy-37' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cpolygon id='Rectangle' fill='%23F24C3D' points='8 5 12 11 4 11'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .economy .table-col span.percent .warning-down, #modal-employees .warning-down {
    position: relative;
    color: #f24c3d;
    max-width: 80px;
    width: auto;
    margin-left: auto;
    margin-right: 0
}

.card-content .economy .table-col span.percent .warning-down:before, #modal-employees .warning-down:before {
    position: absolute;
    content: '';
    left: 0;
    margin-left: -16px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3EF7DE9AA9-F117-438B-AD89-8C2B25DA2A95%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/indicator/S/down/red'%3E%3Cg id='Group'%3E%3Cg id='Group-28'%3E%3C/g%3E%3Crect id='Rectangle-Copy-37' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cpolygon id='Rectangle' fill='%23F24C3D' transform='translate(8.000000, 9.000000) scale(1, -1) translate(-8.000000, -9.000000) ' points='8 6 12 12 4 12'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

@media (max-width: 415px) {
    .card-content .economy .table-col:nth-child(3) {
        display: none
    }
}

.card-content .economy .table-body .table-col {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .economy .table-body .table-col {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .economy .table-body .table-col {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .economy .table-body .table-col {
        font-size: 1.6rem
    }
}

.card-content .economy .table-body .table-col.col-economy {
    font-weight: 700
}

@media (max-width: 415px) {
    .card-content .fssp {
        padding-right: 24px
    }
}

.card-content .fssp .table-header .table-row {
    cursor: default
}

.card-content .fssp .table-header .table-row:hover {
    background-color: transparent
}

.card-content .fssp .table-col {
    width: 18%;
    margin-right: 2%
}

.card-content .fssp .table-col.all-mobil {
    display: none
}

@media (max-width: 415px) {
    .card-content .fssp .table-col.all-mobil {
        display: block;
        width: 60px
    }
}

@media (max-width: 415px) {
    .card-content .fssp .table-col:nth-child(2), .card-content .fssp .table-col:nth-child(3) {
        display: none
    }
}

.card-content .fssp .table-col span {
    display: block;
    width: 100%;
    text-align: right
}

.card-content .fssp .table-col:first-child {
    width: 18%;
    margin-right: 3%
}

.card-content .fssp .table-col:first-child span {
    text-align: left
}

@media (max-width: 415px) {
    .card-content .fssp .table-col:first-child {
        width: 44px;
        margin-right: 10%
    }
}

.card-content .fssp .table-col:nth-child(2) span {
    text-align: right;
}

.card-content .fssp .table-col:last-child {
    width: 30%;
    margin-right: 15px
}

@media (max-width: 415px) {
    .card-content .fssp .table-footer .table-col.all-mobil {
        margin-left: 10px;
    }

    .card-content .fssp .table-footer .table-col:last-child, .card-content .fssp .table-header .table-col:last-child {
        margin-right: 7px;
    }

    .card-content .fssp .table-col:last-child {
        width: 124px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.card-content .fssp .table-row {
    padding: 6px 16px;
    margin: 0 -16px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card-content .fssp .table-row:hover {
    background-color: rgba(0, 0, 0, .05);
    text-decoration: none
}

.card-content .fssp .table-body {
    padding-bottom: 24px
}

.card-content .fssp .table-body .table-col {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .fssp .table-body .table-col {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .fssp .table-body .table-col {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .fssp .table-body .table-col {
        font-size: 1.6rem
    }

    .card-content .fssp .table-body #fssp-i-rub {
        width: 34%
    }
}

.card-content .fssp .table-body .table-col span.no-content {
    color: rgba(0, 0, 0, .4)
}

.card-content .fssp .table-body .table-col:first-child {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .fssp .table-body .table-col:first-child {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .fssp .table-body .table-col:first-child {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .fssp .table-body .table-col:first-child {
        font-size: 1.6rem
    }
}

.card-content .fssp .table-body .table-col:first-child span {
    width: auto;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.card-content .fssp .table-footer {
    border-top: 1px solid #d8d8d8;
    padding-top: 23px;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 16px
}

.card-content .fssp .table-footer .table-row {
    padding: 6px 16px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default
}

.card-content .fssp .table-footer .table-row:hover {
    background-color: transparent
}

.card-content .fssp .table-footer .table-col:first-child {
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .fssp .table-footer .table-col:first-child {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .fssp .table-footer .table-col:first-child {
        font-size: 1.6rem
    }
}

.card-content .fssp .table-footer .table-col:first-child span {
    width: auto;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.card-content .owner {
    margin-bottom: 24px
}

@media (max-width: 415px) {
    .card-content .owner {
        padding-right: 24px
    }
}

.card-content .owner-one {
    margin-bottom: 24px;
    width: 100%;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    padding: 16px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 415px) {
    .card-content .owner-one {
        width: auto;
        margin: 0 -16px 20px;
        padding: 16px
    }
}

.card-content .owner-one--text {
    width: calc(100% - 44px)
}

.card-content .owner-one .icon-question {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.card-content .owner-one .icon-question circle, .card-content .owner-one .icon-question path {
    -webkit-transition: .2s all ease;
    transition: .2s all ease
}

.card-content .owner-one .icon-question:hover circle {
    fill: #1a1a1a;
    fill-opacity: .4
}

.card-content .owner-one .icon-question:hover path {
    fill: #fff;
    fill-opacity: 1
}

.card-content .owner-one .icon-question:hover .hard-hint {
    opacity: 1;
    display: block
}

.card-content .owner-one .icon-question .hard-hint {
    display: none;
    opacity: 0;
    position: absolute;
    z-index: 99;
    right: -8px;
    top: 36px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 304px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
    -webkit-transition: .6s ease;
    transition: .6s ease;
    font-size: 1.4rem;
    line-height: 1.6rem
}

.card-content .owner-one .icon-question .hard-hint:after {
    position: absolute;
    content: '';
    display: block;
    right: 8px;
    width: 8px;
    height: 8px;
    bottom: 100%;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card-content .owner-one .icon-question .hard-hint .hard-hint--header {
    font-weight: 700;
    margin-bottom: 8px
}

.card-content .owner-one p {
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1344px) {
    .card-content .owner-one p {
        font-size: 1.6rem
    }
}

.card-content .owner-one a {
    display: inline-block
}

.card-content .owner-one a:hover {
    text-decoration: none
}

.card-content .owner-one a span {
    display: inline-block
}

.card-content .owner-one a .tariffs-list--item span.price, .card-content .owner-one a span.name, .tariffs-list--item .card-content .owner-one a span.price {
    width: 100%;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .owner-one a .tariffs-list--item span.price, .card-content .owner-one a span.name, .tariffs-list--item .card-content .owner-one a span.price {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .owner-one a .tariffs-list--item span.price, .card-content .owner-one a span.name, .tariffs-list--item .card-content .owner-one a span.price {
        font-size: 1.6rem
    }
}

.card-content .owner-one a .tariffs-list--item span.price .icon-name, .card-content .owner-one a span.name .icon-name, .tariffs-list--item .card-content .owner-one a span.price .icon-name {
    margin-left: 4px;
    vertical-align: baseline;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='0.400000006' transform='translate(4.000000, 5.000000)' stroke='%23000000'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

@media (max-width: 421px) {
    .card-content .owner .table-header {
        display: none
    }
}

.card-content .owner .table-row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 6px 16px;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 16px;
    cursor: pointer;
    position: relative;
}

@media (max-width: 415px) {
    .card-content .owner .table-row {
        margin-right: -24px;
        margin-left: 0;
        padding: 20px 24px 20px 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        position: relative
    }

    .card-content .owner .table-row:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 16px;
        width: 24px;
        height: 24px;
        display: block;
        background-image: url(../images/icon/mobil-arrow.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .card-content .owner .table-row.disabled:after {
        display: none
    }
}

.card-content .owner .table-row.dangerously .table-col .name, .card-content .owner .table-row.dangerously .table-col .tariffs-list--item .price, .tariffs-list--item .card-content .owner .table-row.dangerously .table-col .price {
    color: #f24c3d !important
}

.card-content .owner .table-row.dangerously .table-col .name .icon-name, .card-content .owner .table-row.dangerously .table-col .tariffs-list--item .price .icon-name, .tariffs-list--item .card-content .owner .table-row.dangerously .table-col .price .icon-name {
    opacity: .6;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='1' transform='translate(4.000000, 5.000000)' stroke='%23F23D3D'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .owner .table-row.satisfactorily .table-col .name, .card-content .owner .table-row.satisfactorily .table-col .tariffs-list--item .price, .tariffs-list--item .card-content .owner .table-row.satisfactorily .table-col .price {
    color: #fa9f37
}

.card-content .owner .table-row.satisfactorily .table-col .name .icon-name, .card-content .owner .table-row.satisfactorily .table-col .tariffs-list--item .price .icon-name, .tariffs-list--item .card-content .owner .table-row.satisfactorily .table-col .price .icon-name {
    opacity: .6;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='1' transform='translate(4.000000, 5.000000)' stroke='%23FA9F37'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .owner .table-row:hover {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .05);
    text-decoration: none
}

@media (max-width: 415px) {
    .card-content .owner .table-row:hover {
        border-radius: 0;
        background-color: transparent
    }
}

.card-content .owner .table-row:last-child {
    margin-bottom: 0
}

.card-content .owner .table-col {
    width: 64px;
    position: relative;
    text-align: right;
    margin-right: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 415px) {
    .card-content .owner .table-col {
        width: 100%
    }
}

.card-content .owner .table-col:first-child {
    width: 60.2%;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: auto
}

@media (max-width: 415px) {
    .card-content .owner .table-col:first-child {
        width: 100%
    }
}

.card-content .owner .table-col:first-child span {
    text-align: left;
    display: inline-block;
    width: auto
}

.card-content .owner .table-col:first-child .tariffs-list--item span.price, .card-content .owner .table-col:first-child span.name, .tariffs-list--item .card-content .owner .table-col:first-child span.price {
    width: 100%;
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .owner .table-col:first-child .tariffs-list--item span.price, .card-content .owner .table-col:first-child span.name, .tariffs-list--item .card-content .owner .table-col:first-child span.price {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .owner .table-col:first-child .tariffs-list--item span.price, .card-content .owner .table-col:first-child span.name, .tariffs-list--item .card-content .owner .table-col:first-child span.price {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .owner .table-col:first-child .tariffs-list--item span.price, .card-content .owner .table-col:first-child span.name, .tariffs-list--item .card-content .owner .table-col:first-child span.price {
        font-size: 1.6rem
    }
}

.card-content .owner .table-col:first-child .tariffs-list--item span.price .icon-name, .card-content .owner .table-col:first-child span.name .icon-name, .tariffs-list--item .card-content .owner .table-col:first-child span.price .icon-name {
    margin-left: 4px;
    vertical-align: baseline;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='0.400000006' transform='translate(4.000000, 5.000000)' stroke='%23000000'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

@media (max-width: 415px) {
    .card-content .owner .table-col:first-child .tariffs-list--item span.price .icon-name, .card-content .owner .table-col:first-child span.name .icon-name, .tariffs-list--item .card-content .owner .table-col:first-child span.price .icon-name {
        display: none
    }
}

.card-content .owner .table-col:first-child span.name-info {
    margin-right: 16px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4)
}

.card-content .owner .table-col:first-child span.name-info.big {
    margin-top: 8px
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .owner .table-col:first-child span.name-info {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .owner .table-col:first-child span.name-info {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .owner .table-col:first-child span.name-info {
        width: 100%
    }

    .card-content .owner .table-col:first-child span.name-info:last-child {
        display: none
    }
}

.card-content .owner .table-col:first-child span.name-info span {
    margin-left: 4px;
    color: rgba(0, 0, 0, .9)
}

.card-content .owner .table-col:last-child {
    width: 20%;
    text-align: right;
    margin-left: 24px
}

@media (max-width: 415px) {
    .card-content .owner .table-col.not-resault {
        display: none
    }
}

.card-content .owner .table-col.not-resault span {
    color: rgba(0, 0, 0, .4)
}

.card-content .owner .table-col span {
    display: block;
    width: 100%;
    text-align: right
}

.card-content .owner .table-body .table-col {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .owner .table-body .table-col {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .owner .table-body .table-col {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .owner .table-body .table-col {
        width: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .card-content .owner .table-body .table-col:first-of-type {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 100%
    }

    .card-content .owner .table-body .table-col:last-of-type {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 0;
        width: auto;
        font-weight: 700;
        margin-right: 8px
    }
}

@media (max-width: 415px) {
    .card-content .child {
        padding-right: 24px
    }
}

.card-content .child-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

@media (max-width: 415px) {
    .card-content .child-tabs {
        padding: 0
    }
}

.card-content .child-tabs--name {
    padding: 8px 16px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4);
    cursor: pointer;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    border-left: solid 1px rgba(0, 0, 0, .15);
    border-top: solid 1px rgba(0, 0, 0, .15);
    border-bottom: solid 1px rgba(0, 0, 0, .15)
}

.card-content .child-tabs--name.active {
    color: rgba(0, 0, 0, .9);
    background-color: rgba(0, 0, 0, .05)
}

@media (max-width: 415px) {
    .card-content .child-tabs--name.active {
        background-color: #1a1a1a;
        color: #fff
    }
}

.card-content .child-tabs--name:hover {
    color: rgba(0, 0, 0, .9)
}

@media (max-width: 415px) {
    .card-content .child-tabs--name:hover {
        color: #fff
    }
}

.card-content .child-tabs--name:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: solid 1px rgba(0, 0, 0, .15)
}

.card-content .child-tabs--name:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 0;
    border-right: solid 1px rgba(0, 0, 0, .15)
}

@media (max-width: 415px) {
    .card-content .child-tabs--name {
        margin-right: 8px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .1);
        border: none;
        color: rgba(0, 0, 0, .9);
        padding: 8px
    }

    .card-content .child-tabs--name:last-child {
        margin-right: 0
    }
}

.card-content .child-content-tab {
    display: none
}

.card-content .child-content-tab.no-tab {
    display: block !important
}

.card-content .child-content-tab.active {
    display: block
}

@media (max-width: 421px) {
    .card-content .child-content-tab .table-header {
        display: none
    }
}

.card-content .child-content-tab .table-row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 6px 16px;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 16px;
    cursor: pointer
}

.card-content .child-content-tab .table-row:hover {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .05);
    text-decoration: none
}

@media (max-width: 415px) {
    .card-content .child-content-tab .table-row:hover {
        border-radius: 0;
        background-color: transparent
    }
}

.card-content .child-content-tab .table-row:last-child {
    margin-bottom: 0
}

@media (max-width: 415px) {
    .card-content .child-content-tab .table-row {
        margin-right: -24px;
        margin-left: 0;
        padding: 20px 24px 20px 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        position: relative
    }

    .card-content .child-content-tab .table-row:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 16px;
        width: 24px;
        height: 24px;
        display: block;
        background-image: url(../images/icon/mobil-arrow.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.card-content .child-content-tab .table-row.eliminated span {
    color: rgba(0, 0, 0, .4) !important
}

.card-content .child-content-tab .table-row.eliminated.dangerously .table-col .name, .card-content .child-content-tab .table-row.eliminated.dangerously .table-col .tariffs-list--item .price, .tariffs-list--item .card-content .child-content-tab .table-row.eliminated.dangerously .table-col .price {
    color: rgba(242, 76, 61, .5) !important
}

.card-content .child-content-tab .table-row.eliminated.dangerously .table-col .name .icon-name, .card-content .child-content-tab .table-row.eliminated.dangerously .table-col .tariffs-list--item .price .icon-name, .tariffs-list--item .card-content .child-content-tab .table-row.eliminated.dangerously .table-col .price .icon-name {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='1' transform='translate(4.000000, 5.000000)' stroke='%23F23D3D'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .child-content-tab .table-row.eliminated.satisfactorily .table-col .name, .card-content .child-content-tab .table-row.eliminated.satisfactorily .table-col .tariffs-list--item .price, .tariffs-list--item .card-content .child-content-tab .table-row.eliminated.satisfactorily .table-col .price {
    color: #fa9f37
}

.card-content .child-content-tab .table-row.eliminated.satisfactorily .table-col .name .icon-name, .card-content .child-content-tab .table-row.eliminated.satisfactorily .table-col .tariffs-list--item .price .icon-name, .tariffs-list--item .card-content .child-content-tab .table-row.eliminated.satisfactorily .table-col .price .icon-name {
    opacity: .5;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='1' transform='translate(4.000000, 5.000000)' stroke='%FA9F37'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .child-content-tab .table-row.dangerously .table-col .name, .card-content .child-content-tab .table-row.dangerously .table-col .tariffs-list--item .price, .tariffs-list--item .card-content .child-content-tab .table-row.dangerously .table-col .price {
    color: #f24c3d
}

.card-content .child-content-tab .table-row.dangerously .table-col .name .icon-name, .card-content .child-content-tab .table-row.dangerously .table-col .tariffs-list--item .price .icon-name, .tariffs-list--item .card-content .child-content-tab .table-row.dangerously .table-col .price .icon-name {
    opacity: .5;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='1' transform='translate(4.000000, 5.000000)' stroke='%23F23D3D'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .child-content-tab .table-row.satisfactorily .table-col .name, .card-content .child-content-tab .table-row.satisfactorily .table-col .tariffs-list--item .price, .tariffs-list--item .card-content .child-content-tab .table-row.satisfactorily .table-col .price {
    color: #fa9f37
}

.card-content .child-content-tab .table-row.satisfactorily .table-col .name .icon-name, .card-content .child-content-tab .table-row.satisfactorily .table-col .tariffs-list--item .price .icon-name, .tariffs-list--item .card-content .child-content-tab .table-row.satisfactorily .table-col .price .icon-name {
    opacity: .5;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='1' transform='translate(4.000000, 5.000000)' stroke='%23FA9F37'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .child-content-tab .table-col {
    width: 64px;
    position: relative;
    text-align: right;
    margin-right: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 415px) {
    .card-content .child-content-tab .table-col {
        width: 100%
    }
}

.card-content .child-content-tab .table-col:first-child {
    width: 66%;
    max-width: 472px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: auto
}

@media (max-width: 415px) {
    .card-content .child-content-tab .table-col:first-child {
        width: 100%
    }
}

.card-content .child-content-tab .table-col:first-child span {
    text-align: left;
    display: inline-block;
    width: auto
}

.card-content .child-content-tab .table-col:first-child .tariffs-list--item span.price, .card-content .child-content-tab .table-col:first-child span.name, .tariffs-list--item .card-content .child-content-tab .table-col:first-child span.price {
    width: 100%;
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .child-content-tab .table-col:first-child .tariffs-list--item span.price, .card-content .child-content-tab .table-col:first-child span.name, .tariffs-list--item .card-content .child-content-tab .table-col:first-child span.price {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .child-content-tab .table-col:first-child .tariffs-list--item span.price, .card-content .child-content-tab .table-col:first-child span.name, .tariffs-list--item .card-content .child-content-tab .table-col:first-child span.price {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .child-content-tab .table-col:first-child .tariffs-list--item span.price, .card-content .child-content-tab .table-col:first-child span.name, .tariffs-list--item .card-content .child-content-tab .table-col:first-child span.price {
        font-size: 1.6rem
    }
}

.card-content .child-content-tab .table-col:first-child .tariffs-list--item span.price .icon-name, .card-content .child-content-tab .table-col:first-child span.name .icon-name, .tariffs-list--item .card-content .child-content-tab .table-col:first-child span.price .icon-name {
    margin-left: 4px;
    vertical-align: baseline;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='0.400000006' transform='translate(4.000000, 5.000000)' stroke='%23000000'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

@media (max-width: 415px) {
    .card-content .child-content-tab .table-col:first-child .tariffs-list--item span.price .icon-name, .card-content .child-content-tab .table-col:first-child span.name .icon-name, .tariffs-list--item .card-content .child-content-tab .table-col:first-child span.price .icon-name {
        display: none
    }
}

.card-content .child-content-tab .table-col:first-child span.name-info {
    margin-right: 16px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .child-content-tab .table-col:first-child span.name-info {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .child-content-tab .table-col:first-child span.name-info {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .child-content-tab .table-col:first-child span.name-info {
        width: 100%
    }

    .card-content .child-content-tab .table-col:first-child span.name-info:last-child {
        display: none
    }
}

.card-content .child-content-tab .table-col:first-child span.name-info span {
    margin-left: 4px;
    color: rgba(0, 0, 0, .9)
}

.card-content .child-content-tab .table-col:last-child {
    width: 20%;
    text-align: right;
    margin-left: 24px
}

.card-content .child-content-tab .table-col span {
    display: block;
    width: 100%;
    text-align: right
}

.card-content .child-content-tab .table-body .table-col {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .child-content-tab .table-body .table-col {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .child-content-tab .table-body .table-col {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .child-content-tab .table-body .table-col {
        width: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .card-content .child-content-tab .table-body .table-col:first-of-type {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .card-content .child-content-tab .table-body .table-col:last-of-type {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 0;
        width: auto;
        font-weight: 700;
        margin-right: 8px
    }
}

@media (max-width: 415px) {
    .card-content .tender {
        display: none !important
    }

    .card-content .tender.tender-mobil {
        display: block !important;
        padding-right: 24px
    }

    .card-content .tender.tender-mobil .table .table-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 6px 0;
        margin: 0
    }

    .card-content .tender.tender-mobil .table .table-row .table-col {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 60px;
        padding: 0;
        margin-right: 0;
        margin-left: auto
    }

    .card-content .tender.tender-mobil .table .table-row .table-col span {
        text-align: right;
        display: block;
        width: 100%;
        font-size: 16px
    }

    .card-content .tender.tender-mobil .table .table-row .table-col span.no-content {
        color: rgba(0, 0, 0, .4)
    }

    .card-content .tender.tender-mobil .table .table-row .table-col:first-child {
        width: 44px;
        margin-left: 0
    }

    .card-content .tender.tender-mobil .table .table-row .table-col:first-child span {
        text-align: left
    }

    .card-content .tender.tender-mobil .table .table-row .table-col:last-child {
        width: 120px;
        margin-right: 0;
        margin-left: 44px
    }
}

@media (max-width: 360px) {
    .card-content .tender.tender-mobil .table .table-row .table-col:last-child {
        margin-left: 28px
    }
}

@media (max-width: 340px) {
    .card-content .tender.tender-mobil .table .table-row .table-col:last-child {
        margin-left: 12px
    }
}

.card-content .tender-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

@media (max-width: 415px) {
    .card-content .tender-tabs {
        overflow-x: auto;
        /*margin: 0 -24px 24px;*/
        width: calc(100% + 48px);
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
        scrollbar-width: none;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 10px;
    }
    .card-content .tender-tabs--column {
        display: inherit;
        flex-direction: column;
        align-items: center;
    }
    .card-content .tender-mobil-tabs .tabs--name {
        font-size: 14px;
        color: rgba(0, 0, 0, .4);
        margin-bottom: 3px;
    }

    .card-content .tender-tabs::-webkit-scrollbar {
        width: 0;
    }
    .card-content .tender-mobil-tabs {
        display: flex;
        justify-content: space-between;

    }
}

.card-content .tender-tabs--name,
.tender-modal-tabs--name {
    width: 118px;
    padding: 8px 0;
    text-align: center;
    border: solid 1px rgba(0, 0, 0, .15);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4);
    cursor: pointer;
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

@media (max-width: 415px) {
    .card-content .tender-tabs--name {
        /*margin-right: 8px;*/
        margin-bottom: 8px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .1);
        border: none;
        color: rgba(0, 0, 0, .9);
        padding: 8px
    }

   /* .card-content .tender-tabs--name:nth-child(even) {
        margin-right: 40px;
    }*/

    /*.card-content .tender-tabs--name:last-child {
        margin-right: 24px
    }*/

    /*.card-content .tender-tabs--name:first-child {
        margin-left: 24px
    }*/
}

.card-content .tender-tabs--name.active,
.tender-modal-tabs--name.active {
    color: rgba(0, 0, 0, .9);
    background-color: rgba(0, 0, 0, .05)
}

@media (max-width: 415px) {
    .card-content .tender-tabs--name.active,
    .tender-modal-tabs--name.active {
        background-color: #1a1a1a;
        color: #fff
    }
}

.card-content .tender-tabs--name:hover,
.tender-modal-tabs--name:hover {
    color: rgba(0, 0, 0, .9)
}

@media (max-width: 415px) {
    .card-content .tender-tabs--name:hover,
    .tender-modal-tabs--name:hover {
        color: #fff
    }
}

.card-content .tender-tabs--name:first-child,
.tender-modal-tabs--name:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.card-content .tender-tabs--name:last-child,
.tender-modal-tabs--name:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 0
}

.card-content .tender-content-tab {
    display: none
}

.card-content .tender-content-tab.active {
    display: block
}

@media (max-width: 415px) {
    .card-content .tender-content-tab .table {
        width: 100%
    }
}

.card-content .tender-content-tab .table-header span {
    width: 100%;
    text-align: right;
    display: inline-block
}

.card-content .tender-content-tab .table-header .table-col:last-child span, .card-content .tender-content-tab .table-header .table-col:nth-child(3) span {
    text-align: right
}

.card-content .tender-content-tab .table-header .table-col:hover {
    background-color: transparent
}

.card-content .tender-content-tab .table-row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -16px
}

.card-content .tender-content-tab .table-col {
    max-width: 192px;
    margin-right: 24px;
    padding: 6px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.card-content .tender-content-tab .table-col:last-child {
    margin-right: 0
}

.card-content .tender-content-tab .table-col:first-child {
    width: 64px;
    margin-right: 16px
}

@media (max-width: 415px) {
    .card-content .tender-content-tab .table-col:first-child {
        width: 44px !important
    }
}

@media (max-width: 415px) {
    .card-content .tender-content-tab .table-col:first-child span {
        font-size: 1.6rem
    }
}

.card-content .tender-content-tab .table-col:first-child:hover {
    background: 0 0
}

.card-content .tender-content-tab .table-col:hover {
    background-color: rgba(0, 0, 0, .05)
}

.card-content .tender-content-tab .table-body {
    padding-bottom: 24px
}

@media (max-width: 415px) {
    .card-content .tender-content-tab .table-body {
        padding-bottom: 14px
    }
}

.card-content .tender-content-tab .table-body .table-col {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .tender-content-tab .table-body .table-col {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .tender-content-tab .table-body .table-col {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .tender-content-tab .table-body .table-col {
        font-size: 1.6rem
    }
}

.card-content .tender-content-tab .table-body .table-col:first-child {
    font-weight: 700
}

.card-content .tender-content-tab .table-body .table-col span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card-content .tender-content-tab .table-body .table-col span.perfectly {
    color: #3aa65e;
    border-bottom: 1px solid #3aa65e
}

.card-content .tender-content-tab .table-body .table-col span.normal {
    color: rgba(0, 0, 0, .4);
    border-bottom: none
}

.card-content .tender-content-tab .table-footer {
    border-top: 1px solid #d8d8d8;
    padding-top: 23px;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 16px
}

.card-content .tender-content-tab .table-footer .table-col:first-child {
    font-weight: 700
}

.card-content .tender-content-tab .table-footer span.normal {
    color: rgba(0, 0, 0, .4)
}

.card-content .tender-content-tab .table-executor .table-row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.card-content .tender-content-tab .table-executor .table-col {
    max-width: none;
    width: 256px;
    margin-right: 112px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1344px) {
    .card-content .tender-content-tab .table-executor .table-col {
        width: 224px
    }
}

.card-content .tender-content-tab .table-executor .table-col:first-child {
    width: 64px;
    margin-right: 32px
}

@media (max-width: 1344px) {
    .card-content .tender-content-tab .table-executor .table-col:first-child {
        width: 64px;
        margin-right: 48px
    }
}

.card-content .tender-content-tab .table-executor .table-col:last-child {
    margin-right: 0
}

.card-content .egrul {
    margin: 0
}

.card-content .egrul-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
    padding: 0 16px
}

@media (max-width: 415px) {
    .card-content .egrul-tabs {
        padding: 0;
        margin-bottom: 0;
    }
}

.card-content .egrul-tabs--name {
    padding: 8px 16px;
    border: solid 1px rgba(0, 0, 0, .15);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4);
    cursor: pointer;
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

@media (max-width: 415px) {
    .card-content .egrul-tabs--name {
        margin-right: 8px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .1);
        border: none;
        color: rgba(0, 0, 0, .9);
        padding: 8px
    }

    .card-content .egrul-tabs--name:last-child {
        margin-right: 0
    }
}

.card-content .egrul-tabs--name.active {
    color: rgba(0, 0, 0, .9);
    background-color: rgba(0, 0, 0, .05)
}

@media (max-width: 415px) {
    .card-content .egrul-tabs--name.active {
        background-color: #1a1a1a;
        color: #fff
    }
}

.card-content .egrul-tabs--name:hover {
    color: rgba(0, 0, 0, .9)
}

@media (max-width: 415px) {
    .card-content .egrul-tabs--name:hover {
        color: #fff
    }
}

.card-content .egrul-tabs--name:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 1px solid rgba(0, 0, 0, .15)
}

.card-content .egrul-tabs--name:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 0
}

@media (max-width: 415px) {
    .card-content .egrul .table {
        overflow: auto;
        max-width: 100%
    }
}

.card-content .egrul .table-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 16px 23px;
    padding: 0 0 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 415px) {
    .card-content .egrul .table-row {
        border-bottom: none;
        margin: 0 0 24px
    }
}

.card-content .egrul .table-row .title {
    margin-bottom: 16px;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .egrul .table-row .title {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .egrul .table-row .title {
        font-size: 1.6rem;
        margin-bottom: 8px;
        width: 100%
    }
}

.card-content .egrul .table-row-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 8px 16px;
    margin: 0 0 0 -16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    width: calc(100% + 32px)
}

.card-content .egrul .table-row-inner:hover {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .05)
}

@media (max-width: 415px) {
    .card-content .egrul .table-row-inner:hover {
        border-radius: 0;
        background-color: transparent
    }
}

@media (max-width: 415px) {
    .card-content .egrul .table-row-inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        width: auto
    }
}

.card-content .egrul .table-row-inner .table-col {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.card-content .egrul .table-body.fns .table-col {
    max-width: 272px;
    width: 43.6%;
    margin-right: 6.8%
}

.card-content .egrul .table-body.fns .table-col.date {
    max-width: 88px;
    width: 12.3%;
    margin-right: 5.5%
}

@media (max-width: 415px) {
    .card-content .egrul .table-body.fns .table-col.date {
        width: 100%;
        max-width: 100%;
        margin-bottom: 8px;
        grid-column: span 2/auto
    }
}

.card-content .egrul .table-body.fns .table-col.date span {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .egrul .table-body.fns .table-col.date span {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .egrul .table-body.fns .table-col.date span {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .egrul .table-body.fns .table-col.date span {
        font-size: 1.6rem
    }
}

.card-content .egrul .table-body.fns .table-col.info {
    margin-right: 0
}

@media (max-width: 415px) {
    .card-content .egrul .table-body.fns .table-col.info, .card-content .egrul .table-body.fns .table-col.info-old {
        padding: 16px;
        width: 240px;
        background-color: #fff;
        border-radius: 8px;
        -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
        margin-right: 8px;
        margin-left: 3px;
    }
}

.card-content .egrul .table-body.fns .table-col .item {
    margin-bottom: 20px
}

.card-content .egrul .table-body.fns .table-col p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 8px
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .egrul .table-body.fns .table-col p {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .egrul .table-body.fns .table-col p {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .egrul .table-body.fns .table-col p {
        font-size: 1.6rem
    }
}

.card-content .egrul .table-body.fns .table-col p span {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .4)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .egrul .table-body.fns .table-col p span {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .egrul .table-body.fns .table-col p span {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .egrul .table-body.fns .table-col p span {
        font-size: 1.6rem
    }
}

.card-content .egrul .table-body.fns .table-col p span:not(.icon-name), .card-content .egrul .table-body.fns .table-col p span:not(.rename) {
    display: inline-block;
    margin-right: 8px
}

.card-content .egrul .table-body.fns .table-col p span.icon-name {
    margin-left: 4px;
    vertical-align: baseline;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='0.400000006' transform='translate(4.000000, 5.000000)' stroke='%23000000'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .egrul .table-body.fns .table-col p span.rename {
    color: #f24c3d;
    opacity: .6;
    text-decoration: line-through;
    -webkit-text-decoration-color: #f24c3d;
    text-decoration-color: #f24c3d
}
.card-content .egrul .table-body.fns .table-col p span.normal {
    color: rgba(0, 0, 0);
}

.card-content .egrul .table-body.fns .table-col p span.rename .icon-name {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='1' transform='translate(4.000000, 5.000000)' stroke='%23F23D3D'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .egrul .table-body.stat .table-col {
    max-width: 256px;
    width: 43.6%;
    margin-right: 6.8%
}

.card-content .egrul .table-body.stat .table-col.date {
    max-width: 112px;
    width: 19.1%;
    margin-right: 6.7%
}

@media (max-width: 415px) {
    .card-content .egrul .table-body.stat .table-col.date {
        width: 100%;
        max-width: 100%;
        margin-bottom: 8px;
        grid-column: span 2/auto
    }
}

.card-content .egrul .table-body.stat .table-col.date span {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .egrul .table-body.stat .table-col.date span {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .egrul .table-body.stat .table-col.date span {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .egrul .table-body.stat .table-col.date span {
        font-size: 1.6rem
    }
}

.card-content .egrul .table-body.stat .table-col.info {
    margin-right: 0
}

@media (max-width: 415px) {
    .card-content .egrul .table-body.stat .table-col.info, .card-content .egrul .table-body.stat .table-col.info-old {
        padding: 16px;
        width: 240px;
        background-color: #fff;
        border-radius: 8px;
        -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
        margin-right: 8px
    }
}

.card-content .egrul .table-body.stat .table-col .item {
    margin-bottom: 20px
}

.card-content .egrul .table-body.stat .table-col p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 8px
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .egrul .table-body.stat .table-col p {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .egrul .table-body.stat .table-col p {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .egrul .table-body.stat .table-col p {
        font-size: 1.6rem
    }
}

.card-content .egrul .table-body.stat .table-col p span {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .4)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .card-content .egrul .table-body.stat .table-col p span {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .card-content .egrul .table-body.stat .table-col p span {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .card-content .egrul .table-body.stat .table-col p span {
        font-size: 1.6rem
    }
}

.card-content .egrul .table-body.stat .table-col p span:not(.icon-name), .card-content .egrul .table-body.stat .table-col p span:not(.rename) {
    display: inline-block;
    margin-right: 8px
}

.card-content .egrul .table-body.stat .table-col p span.icon-name {
    margin-left: 4px;
    vertical-align: baseline;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='0.400000006' transform='translate(4.000000, 5.000000)' stroke='%23000000'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.card-content .egrul .table-body.stat .table-col p span.rename {
    color: #f24c3d;
    opacity: .6;
    text-decoration: line-through;
    -webkit-text-decoration-color: #f24c3d;
    text-decoration-color: #f24c3d
}

.card-content .egrul .table-body.stat .table-col p span.rename .icon-name {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='1' transform='translate(4.000000, 5.000000)' stroke='%23F23D3D'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

.table-body, .table-footer, .table-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.table-header {
    margin-bottom: 12px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4)
}

.table-header .table-col, .table-header .table-row {
    cursor: default !important
}

.table-header .table-col:hover, .table-header .table-row:hover {
    background-color: transparent !important
}

.table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.table-col {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.table-col [data-hint]:before {
    position: absolute;
    z-index: 999;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 12px;
    opacity: 0;
    max-width: 100%;
    bottom: 100%;
    margin-bottom: 8px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: .5px;
    color: #fff
}

.table-col [data-hint]:after {
    position: absolute;
    z-index: 99;
    content: '';
    width: 8px;
    height: 16px;
    left: 12px;
    bottom: 100%;
    margin-bottom: -8px;
    border: 8px solid transparent;
    border-top-color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.table-col [data-hint]:hover:after, .table-col [data-hint]:hover:before {
    opacity: 1;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.mfp-bg {
    background-color: rgba(0, 0, 0, .4)
}

@media (max-width: 415px) {
    .mfp-bg {
        height: 100vh
    }
}

.mfp-bg.mfp-ready.authorization {
    background-color: #e6e6e6;
    opacity: 1
}

.mfp-bg.mfp-ready.modal-inside {
    background-color: #fff;
    opacity: 1
}

.mfp-bg.card-modal {
    background-color: rgba(0, 0, 0, .6);
    opacity: 1
}

.mfp-bg.mfp-price {
    background-color: rgba(0, 0, 0, .6);
    opacity: 1
}

.mfp-bg.mfp-price .mfp-close {
    z-index: 999999;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
    text-indent: -999px;
    overflow: hidden;
    opacity: 1;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ED254B955-C740-450F-8233-2BCE7A651267%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/M/normal'%3E%3Cg id='Group-14'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M4.5,4.5 L19.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M19.5,4.5 L4.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity
}

.mfp-bg.mfp-price .mfp-close:hover {
    opacity: .6
}

.mfp-wrap {
    min-height: 100vh;
    overflow: auto;
    height: 100% !important
}

@media (max-width: 415px) {
    .mfp-wrap {
        overflow-x: auto;
    }
    .mfp-wrap::-webkit-scrollbar {
        z-index: 9999px;
    }
    #modal-compare .modal-inside-wrapper {
        margin-top: 73px;
    }
}

.mfp-wrap.mfp-price .mfp-close {
    right: 24px;
    z-index: 999999;
    top: 24px;
    width: 32px;
    height: 32px;
    text-indent: -999px;
    overflow: hidden;
    opacity: 1;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ED254B955-C740-450F-8233-2BCE7A651267%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/M/normal'%3E%3Cg id='Group-14'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M4.5,4.5 L19.5,19.5' id='Line-2' stroke='%23ffffff' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M19.5,4.5 L4.5,19.5' id='Line-2' stroke='%23ffffff' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity
}

@media (max-width: 415px) {
    .mfp-wrap.mfp-price .mfp-close {
        background-image: url(../images/close-mobile.svg)
    }
}

.mfp-wrap.mfp-price .mfp-close:hover {
    opacity: .6
}

.mfp-wrap.authorization:before {
    position: absolute;
    content: '';
    width: 168px;
    height: 21px;
    top: 26px;
    left: 32px;
    background-image: url(../images/logo-modal-full.png)
}

.mfp-wrap.authorization .mfp-close {
    z-index: 999999;
    right: 20px;
    top: 20px;
    width: 32px;
    height: 32px;
    text-indent: -999px;
    overflow: hidden;
    opacity: .4;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E5B56EE7F-3A1E-4ED2-BAB5-B5310287347B%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Cpath d='M3,29 L29,3' id='Path-2' stroke='%23000000' stroke-width='3'%3E%3C/path%3E%3Cpath d='M3,29 L29,3' id='Path-2-Copy' stroke='%23000000' stroke-width='3' transform='translate(16.000000, 16.000000) scale(-1, 1) translate(-16.000000, -16.000000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity
}

.mfp-wrap.authorization .mfp-close:hover {
    opacity: .3
}

.mfp-wrap.card-modals .mfp-close {
    z-index: 999999
}

@media (max-width: 415px) {
    .mfp-wrap.card-modals .mfp-close {
        top: 16px;
        text-indent: -999px;
        width: 24px;
        height: 24px;
        background-size: contain;
        right: 16px;
        background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E5B56EE7F-3A1E-4ED2-BAB5-B5310287347B%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Cpath d='M3,29 L29,3' id='Path-2' stroke='%2300000066' stroke-width='3'%3E%3C/path%3E%3Cpath d='M3,29 L29,3' id='Path-2-Copy' stroke='%2300000066' stroke-width='3' transform='translate(16.000000, 16.000000) scale(-1, 1) translate(-16.000000, -16.000000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
    }
}

@media (max-width: 415px) {
    .mfp-wrap.card-modal .mfp-container {
        padding: 0
    }
}

.mfp-wrap.card-modal .mfp-content {
    padding: 72px 0
}

@media (max-width: 415px) {
    .mfp-wrap.card-modal .mfp-content {
        padding: 0
    }
}

.mfp-wrap.card-modal .mfp-close {
    z-index: 999999;
    position: fixed;
    opacity: 1;
    top: 20px;
    right: 32px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    text-indent: -99999px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E5B56EE7F-3A1E-4ED2-BAB5-B5310287347B%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Cpath d='M3,29 L29,3' id='Path-2' stroke='%23ffffff' stroke-width='3'%3E%3C/path%3E%3Cpath d='M3,29 L29,3' id='Path-2-Copy' stroke='%23ffffff' stroke-width='3' transform='translate(16.000000, 16.000000) scale(-1, 1) translate(-16.000000, -16.000000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

@media (max-width: 415px) {
    .mfp-wrap.card-modal .mfp-close {
        z-index: 9999;
        width: 24px;
        height: 24px;
        background-size: contain;
        right: 16px
    }
}

.mfp-wrap.card-modal .mfp-close:hover {
    opacity: .8
}

@media (max-width: 415px) {
    .mfp-wrap.card-modal .mfp-close {
        background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E5B56EE7F-3A1E-4ED2-BAB5-B5310287347B%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Cpath d='M3,29 L29,3' id='Path-2' stroke='%2300000066' stroke-width='3'%3E%3C/path%3E%3Cpath d='M3,29 L29,3' id='Path-2-Copy' stroke='%2300000066' stroke-width='3' transform='translate(16.000000, 16.000000) scale(-1, 1) translate(-16.000000, -16.000000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
    }
}

.mfp-wrap.affiliation-modal .mfp-close {
    z-index: 999999;
    right: 20px;
    top: 20px;
    width: 32px;
    height: 32px;
    text-indent: -999px;
    overflow: hidden;
    opacity: .4;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E5B56EE7F-3A1E-4ED2-BAB5-B5310287347B%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Cpath d='M3,29 L29,3' id='Path-2' stroke='%23000000' stroke-width='3'%3E%3C/path%3E%3Cpath d='M3,29 L29,3' id='Path-2-Copy' stroke='%23000000' stroke-width='3' transform='translate(16.000000, 16.000000) scale(-1, 1) translate(-16.000000, -16.000000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity
}

.mfp-wrap.affiliation-modal .mfp-close:hover {
    opacity: .3
}

.mfp-wrap.affiliation-modal .mfp-container {
    padding: 0
}

.mfp-wrap.affiliation-modal .mfp-container .mfp-content {
    width: 100%;
    height: 100%
}

.mfp-wrap.modal-inside .mfp-close {
    z-index: 999999;
    position: fixed;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    text-indent: -999px;
    overflow: hidden;
    opacity: .4;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E5B56EE7F-3A1E-4ED2-BAB5-B5310287347B%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Cpath d='M3,29 L29,3' id='Path-2' stroke='%23000000' stroke-width='3'%3E%3C/path%3E%3Cpath d='M3,29 L29,3' id='Path-2-Copy' stroke='%23000000' stroke-width='3' transform='translate(16.000000, 16.000000) scale(-1, 1) translate(-16.000000, -16.000000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity
}

@media (max-width: 415px) {
    .mfp-wrap.modal-inside .mfp-close {
        width: 24px;
        height: 24px;
        background-size: contain
    }
}

.mfp-wrap.modal-inside .mfp-close:hover {
    opacity: .3
}

.mfp-wrap.modal-inside .mfp-content.big {
    height: 100%;
    padding-top: 4px
}

@media (max-width: 415px) {
    .mfp-wrap .modal-inside {
        min-height: 100vh !important
    }
}

.mfp-wrap .card-footer {
    position: fixed;
    z-index: 9999;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto
}

@media (max-width: 415px) {
    .mfp-wrap .card-footer {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        top: auto;
        bottom: 30px;
        padding-right: 0
    }
}

.mfp-wrap .card-footer-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    width: auto
}

@media (max-width: 415px) {
    .mfp-wrap .card-footer-link {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.mfp-wrap .card-footer-link li {
    position: relative
}

@media (max-width: 415px) {
    .mfp-wrap .card-footer-link li {
        margin: 0 5px
    }
}

.mfp-wrap .card-footer-link a {
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
    background-color: #999;
    opacity: 1;
    border-radius: 50%
}

.mfp-wrap .card-footer-link a:hover {
    opacity: 1;
    background-color: #666
}

.mfp-wrap .card-footer-link .company-modal {
    right: calc(100% + 8px);
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 415px) {
    .mfp-wrap .card-footer-link .company-modal {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        top: auto;
        bottom: calc(100% + 20px)
    }
}

.mfp-wrap .card-footer-link a[data-hint]:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: calc(100% + 8px);
    left: auto
}

@media (max-width: 415px) {
    .mfp-wrap .card-footer-link a[data-hint]:before {
        top: 100%;
        -webkit-transform: translateY(0) translateX(-50%);
        transform: translateY(0) translateX(-50%);
        left: 50%;
        right: auto
    }
}

.mfp-wrap .card-footer-link--download,
.mfp-wrap .modal-footer-link--download{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z' opacity='.2'/%3E%3Cpath fill='%23FFF' d='M9 21h14v2H9zM15 9h2v9h-2z'/%3E%3Cpath fill='%23FFF' d='M12.5 15h7L16 19.75z'/%3E%3C/g%3E%3C/svg%3E")
}

.mfp-wrap .card-footer-link--download.reloaded,
.mfp-wrap .modal-footer-link--download.reloaded,
.mfp-wrap .card-footer-link--download-eds.reloaded,
.mfp-wrap .modal-footer-link--download-eds.reloaded,
.mfp-wrap .card-footer-link--share.reloaded,
#reg_req #req-subbt.reloaded {
    background-image: none;
    position: relative
}

.mfp-wrap .card-footer-link--download.reloaded:after,
.mfp-wrap .modal-footer-link--download.reloaded:after,
.mfp-wrap .card-footer-link--download-eds.reloaded:after,
.mfp-wrap .modal-footer-link--download-eds.reloaded:after,
.mfp-wrap .card-footer-link--share.reloaded:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    margin-top: 8px;
    margin-left: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    -webkit-animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite
}

.mfp-wrap .card-footer-link--share {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z' opacity='.2'/%3E%3Cpath fill='%23FFF' d='M18 21V9l7 6zM18 12.5v5c-3.145 0-7 1.5-10 4.5 0-5 6.5-9.5 10-9.5z'/%3E%3C/g%3E%3C/svg%3E")
}

/*.mfp-wrap .card-footer-link--share.reloaded {
    background-image: none;
    position: relative
}
*/

/*.mfp-wrap .card-footer-link--share.reloaded:after,*/
#reg_req #req-subbt.reloaded::after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    margin-top: -7px;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    -webkit-animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite
}

.mfp-wrap .card-footer-link--print,
.mfp-wrap .modal-footer-link--print{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z' opacity='.2'/%3E%3Cpath stroke='%23FFF' d='M11.5 15.5h9v7h-9z'/%3E%3Cpath fill='%23FFF' d='M10 12h2v6H8v-4a2 2 0 0 1 2-2zM20 12h2a2 2 0 0 1 2 2v4h-4v-6z'/%3E%3Cpath fill='%23FFF' d='M11 12h10v4H11z'/%3E%3Cpath stroke='%23FFF' d='M11.5 9.5h9v3h-9z'/%3E%3C/g%3E%3C/svg%3E")
}

.mfp-wrap .card-footer-link--print.reloaded,
.mfp-wrap .modal-footer-link--print.reloaded{
    background-image: none;
    position: relative
}

.mfp-wrap .card-footer-link--print.reloaded:after,
.mfp-wrap .modal-footer-link--print.reloaded:after{
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    margin-top: 8px;
    margin-left: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    -webkit-animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite
}

.modal {
    display: block;
    background-color: #fff
}

.modal-price {
    width: 464px;
    height: 272px;
    border-radius: 4px;
    background-color: #fff;
    margin: auto;
    padding: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal-price--title {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.27;
    text-align: center;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 16px
}

.modal-price--body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal-price--body__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-price--body p {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 304px;
    font-size: 1.4rem;
    line-height: 1.43;
    text-align: center;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 24px
}

.modal-price--body .btn-download {
    width: 304px;
    height: 48px;
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-price--item {
    width: 184px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal-price--item__icon {
    display: block;
    width: 104px;
    height: 104px;
    margin-bottom: 4px;
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

.modal-price--item__icon img {
    display: block;
    width: 100%
}

.modal-price--item__text {
    font-size: 1.4rem;
    line-height: 1.43;
    text-align: center;
    color: rgba(0, 0, 0, .9);
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

.modal-price--item:last-of-type {
    border-left: 1px solid #e6e6e6
}

.modal-price--item:hover {
    text-decoration: none
}

.modal-price--item:hover .modal-price--item__icon {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.modal-price--item:hover .modal-price--item__text {
    color: rgba(0, 0, 0, .4)
}

.modal-price--item__disable {
    position: relative
}

.modal-price--item__disable .modal-price--item__icon {
    opacity: .5
}

.modal-price--item__disable .modal-price--item__text {
    color: rgba(0, 0, 0, .2)
}

.modal-price--item__disable:after {
    position: absolute;
    content: attr(data-hint);
    width: 190px;
    height: 56px;
    border-radius: 4px;
    background-color: #999;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.4rem;
    line-height: 1.14;
    color: #fff;
    left: 151px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

.modal-price--item__disable:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 16px;
    border: 8px solid transparent;
    border-right-color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 137px;
    opacity: 0;
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

.modal-price--item__disable:hover .modal-price--item__icon {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.modal-price--item__disable:hover .modal-price--item__text {
    color: rgba(0, 0, 0, .2)
}

.modal-price--item__disable:hover:after, .modal-price--item__disable:hover:before {
    opacity: 1
}

.modal-rewrite-password, .modal-why-show-modal {
    padding: 72px 32px;
    max-width: 304px;
    margin: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal-rewrite-password .mfp-close, .modal-why-show-modal .mfp-close {
    z-index: 999999;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
    text-indent: -999px;
    overflow: hidden;
    opacity: 1;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ED254B955-C740-450F-8233-2BCE7A651267%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/M/normal'%3E%3Cg id='Group-14'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M4.5,4.5 L19.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M19.5,4.5 L4.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity
}

.modal-rewrite-password .mfp-close:hover, .modal-why-show-modal .mfp-close:hover {
    opacity: .6
}

.modal-rewrite-password p, .modal-why-show-modal p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

.modal-why-show-modal {
    position: absolute;
    left: auto;
    right: auto
}

.modal-why-show-modal .close-why-show-modal {
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
    text-indent: -999px;
    overflow: hidden;
    background-color: transparent;
    border: none;
    opacity: 1;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ED254B955-C740-450F-8233-2BCE7A651267%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/M/normal'%3E%3Cg id='Group-14'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M4.5,4.5 L19.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M19.5,4.5 L4.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity
}

.modal-why-show-modal .close-why-show-modal:hover {
    opacity: .6
}

.modal-rewrite-password {
    max-width: 464px;
    text-align: center;
    border-radius: 4px;
    background-color: #e6e6e6
}

.modal-rewrite-password h2 {
    margin-bottom: 16px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2.8rem;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, .9)
}

.modal-rewrite-password p {
    margin-bottom: 24px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, .9)
}

.modal-rewrite-password label {
    display: block;
    max-width: 304px;
    width: 100%;
    position: relative;
    margin: 0 auto 16px
}

.modal-rewrite-password label.error input {
    border-color: #f24c3d;
    position: relative
}

.modal-rewrite-password label.error[data-hint]:before {
    content: attr(data-hint);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 100%;
    margin-left: 12px;
    z-index: 99;
    display: block;
    max-width: 464px;
    padding: 8px;
    pointer-events: none;
    opacity: 1;
    border-radius: 4px;
    background-color: #f24c3d;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    text-transform: none;
    white-space: nowrap;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: #fff
}

.modal-rewrite-password label.error[data-hint]:after {
    position: absolute;
    content: '';
    z-index: 99;
    width: 8px;
    height: 8px;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: -4px;
    border: 8px solid transparent;
    border-right-color: #f24c3d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.modal-rewrite-password label input {
    display: block;
    width: 100%;
    height: 48px;
    margin: auto;
    padding: 0 16px;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .15);
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

.modal-rewrite-password label input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.modal-rewrite-password label input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.modal-rewrite-password label input::-ms-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.modal-rewrite-password label input::placeholder {
    color: rgba(0, 0, 0, .4)
}

.modal-rewrite-password label .show-password {
    position: absolute;
    width: 24px;
    height: 24px;
    display: block;
    right: 12px;
    top: 12px;
    border: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E08912693-6391-4B69-9E91-EFA4A18543D8%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/pass/M/invisible/hover'%3E%3Cg id='icon/pass/invisible/hover'%3E%3Cg id='icon-pass-invisible-hover'%3E%3Crect id='Rectangle-2' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cg id='Group-4' transform='translate(1.000000, 8.000000)' stroke='%233AA65E'%3E%3Cpath d='M21.1663679,0 L21.1663679,2.73558953e-13 L21.1663679,2.73558953e-13 C19.2654003,3.86074061 15.4255626,6.5 10.9981839,6.5 C6.57080528,6.5 2.73096754,3.86074061 0.829999983,2.73558953e-13' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3Cpath d='M14.2,16 L14.8,18' id='Line' stroke='%233AA65E' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M19,15 L20.5,17' id='Line' stroke='%233AA65E' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M3.5,15 L5,17' id='Line' stroke='%233AA65E' stroke-linecap='square' transform='translate(4.250000, 16.000000) scale(-1, 1) translate(-4.250000, -16.000000) '%3E%3C/path%3E%3Cpath d='M9.8,16 L9.2,18' id='Line' stroke='%233AA65E' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: -webkit-filter .2s ease;
    transition: -webkit-filter .2s ease;
    transition: filter .2s ease;
    transition: filter .2s ease, -webkit-filter .2s ease
}

.modal-rewrite-password label .show-password.show {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E36350042-7C93-47A7-89E6-1C4CF4E14299%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/pass/M/visible/hover'%3E%3Cg id='icon/pass/visible/hover-copy'%3E%3Cg id='icon-pass-visible-hover'%3E%3Crect id='Rectangle-2' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cg id='Group-8' transform='translate(1.000000, 3.000000)' stroke='%233AA65E'%3E%3Cg id='Group-4' transform='translate(0.000000, 3.500000)'%3E%3Cpath d='M0.331816054,6.5 C2.32625987,2.63925939 6.3549139,0 11,0 C15.6450861,0 19.6737401,2.63925939 21.6681839,6.5 C19.6737401,10.3607406 15.6450861,13 11,13 C6.3549139,13 2.32625987,10.3607406 0.331816054,6.5 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3Ccircle id='Oval-10' cx='11' cy='10' r='2.5'%3E%3C/circle%3E%3Cg id='Group-5' transform='translate(11.000000, 1.500000) scale(1, -1) translate(-11.000000, -1.500000) translate(2.000000, 0.000000)' stroke-linecap='square'%3E%3Cpath d='M11.5,1 L12,3' id='Line'%3E%3C/path%3E%3Cpath d='M16,0 L17.5,2' id='Line'%3E%3C/path%3E%3Cpath d='M0.5,0 L2,2' id='Line' transform='translate(1.250000, 1.000000) scale(-1, 1) translate(-1.250000, -1.000000) '%3E%3C/path%3E%3Cpath d='M6.5,1 L6,3' id='Line'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal-rewrite-password label .show-password:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.modal-rewrite-password .btn {
    max-width: 304px;
    width: 100%;
    margin: 0 auto 16px
}

.modal-rewrite-password .green {
    font-size: 1.4rem;
    font-width: 400;
    color: #3aa65e
}

.modal-rewrite-password .green:hover {
    color: #318c4f;
    text-decoration: none
}

.modal-egrul-email {
    width: 464px;
    border-radius: 4px;
    background-color: #fff;
    padding: 48px 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto
}

.modal-egrul-email .mfp-close {
    z-index: 999999;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
    text-indent: -999px;
    overflow: hidden;
    opacity: 1;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ED254B955-C740-450F-8233-2BCE7A651267%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/M/normal'%3E%3Cg id='Group-14'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M4.5,4.5 L19.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M19.5,4.5 L4.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity
}

.modal-egrul-email .mfp-close:hover {
    opacity: .6
}

@media (max-width: 415px) {
    .modal-egrul-email {
        width: 90%
    }
}

.modal-egrul-email .mfp-close {
    z-index: 999999;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
    text-indent: -999px;
    overflow: hidden;
    opacity: 1;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ED254B955-C740-450F-8233-2BCE7A651267%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/M/normal'%3E%3Cg id='Group-14'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M4.5,4.5 L19.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M19.5,4.5 L4.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity
}

.modal-egrul-email .mfp-close:hover {
    opacity: .6
}

.modal-egrul-email .modal-content {
    width: 100%
}

.modal-egrul-email .modal-content--inner {
    text-align: center
}

.modal-egrul-email .modal-content--inner h2 {
    margin-bottom: 16px;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4rem;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, .9)
}

.modal-egrul-email .modal-content--inner p {
    margin-bottom: 24px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

.modal-egrul-email .modal-content--inner form {
    width: 100%
}

.modal-egrul-email .modal-content--inner form label {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 16px
}

.modal-egrul-email .modal-content--inner form label.error input {
    border-color: #f24c3d;
    position: relative
}

.modal-egrul-email .modal-content--inner form label.error[data-hint]:before {
    content: attr(data-hint);
    position: absolute;
    bottom: calc(100% + 12px);
    left: 0;
    z-index: 99;
    display: block;
    max-width: 464px;
    padding: 8px;
    pointer-events: none;
    opacity: 1;
    border-radius: 4px;
    background-color: #f24c3d;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    text-transform: none;
    white-space: nowrap;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: #fff
}

.modal-egrul-email .modal-content--inner form label.error[data-hint]:after {
    position: absolute;
    content: '';
    z-index: 99;
    width: 8px;
    height: 8px;
    top: -16px;
    left: 12px;
    border: 8px solid transparent;
    border-top-color: #f24c3d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.modal-egrul-email .modal-content--inner form label input {
    display: block;
    width: 100%;
    height: 48px;
    margin: auto;
    padding: 0 16px;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .15);
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

.modal-egrul-email .modal-content--inner form label input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.modal-egrul-email .modal-content--inner form label input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.modal-egrul-email .modal-content--inner form label input::-ms-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.modal-egrul-email .modal-content--inner form label input::placeholder {
    color: rgba(0, 0, 0, .4)
}

.modal-egrul-email .modal-content--inner form .btn {
    width: 100%
}

.modal-full {
    position: static;
    max-width: 472px;
    width: 100%;
    margin: auto;
    background-color: transparent
}

.modal-full .modal-content--inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 304px;
    margin: auto
}

@media (max-width: 415px) {
    .modal-full .modal-content--inner {
        padding: 32px 20px;
        margin-top: 45px
    }
}

.modal-full .modal-content--inner.registration h2 {
    margin-bottom: 16px
}

.modal-full .modal-content--inner.registration .btn-green {
    margin-bottom: 16px
}

.modal-full .modal-content--inner h2 {
    margin-bottom: 24px;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4rem;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, .9)
}

.modal-full .modal-content--inner form {
    width: 100%
}

.modal-full .modal-content--inner label {
    display: block;
    max-width: 304px;
    width: 100%;
    position: relative;
    margin: 0 auto 16px
}

.modal-full .modal-content--inner label.error input {
    border-color: #f24c3d;
    position: relative
}

.modal-full .modal-content--inner label.error[data-hint]:before {
    content: attr(data-hint);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 100%;
    margin-left: 12px;
    z-index: 99;
    display: block;
    max-width: 464px;
    padding: 8px;
    pointer-events: none;
    opacity: 1;
    border-radius: 4px;
    background-color: #f24c3d;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    text-transform: none;
    white-space: nowrap;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: #fff
}

@media (max-width: 415px) {
    .modal-full .modal-content--inner label.error[data-hint]:before {
        top: auto;
        bottom: calc(100% + 8px);
        left: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.modal-full .modal-content--inner label.error[data-hint]:after {
    position: absolute;
    content: '';
    z-index: 99;
    width: 8px;
    height: 8px;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: -4px;
    border: 8px solid transparent;
    border-right-color: #f24c3d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media (max-width: 415px) {
    .modal-full .modal-content--inner label.error[data-hint]:after {
        top: auto;
        bottom: calc(100% - 8px);
        left: 25px;
        -webkit-transform: translateY(0) rotate(-90deg);
        transform: translateY(0) rotate(-90deg)
    }
}

.modal-full .modal-content--inner label input {
    display: block;
    width: 100%;
    height: 48px;
    margin: auto;
    padding: 0 16px;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .15);
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

.modal-full .modal-content--inner label input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.modal-full .modal-content--inner label input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.modal-full .modal-content--inner label input::-ms-input-placeholder {
    color: rgba(0, 0, 0, .4)
}

.modal-full .modal-content--inner label input::placeholder {
    color: rgba(0, 0, 0, .4)
}

.modal-full .modal-content--inner label .show-password {
    position: absolute;
    width: 24px;
    height: 24px;
    display: block;
    right: 12px;
    top: 12px;
    border: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E08912693-6391-4B69-9E91-EFA4A18543D8%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/pass/M/invisible/hover'%3E%3Cg id='icon/pass/invisible/hover'%3E%3Cg id='icon-pass-invisible-hover'%3E%3Crect id='Rectangle-2' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cg id='Group-4' transform='translate(1.000000, 8.000000)' stroke='%233AA65E'%3E%3Cpath d='M21.1663679,0 L21.1663679,2.73558953e-13 L21.1663679,2.73558953e-13 C19.2654003,3.86074061 15.4255626,6.5 10.9981839,6.5 C6.57080528,6.5 2.73096754,3.86074061 0.829999983,2.73558953e-13' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3Cpath d='M14.2,16 L14.8,18' id='Line' stroke='%233AA65E' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M19,15 L20.5,17' id='Line' stroke='%233AA65E' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M3.5,15 L5,17' id='Line' stroke='%233AA65E' stroke-linecap='square' transform='translate(4.250000, 16.000000) scale(-1, 1) translate(-4.250000, -16.000000) '%3E%3C/path%3E%3Cpath d='M9.8,16 L9.2,18' id='Line' stroke='%233AA65E' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: -webkit-filter .2s ease;
    transition: -webkit-filter .2s ease;
    transition: filter .2s ease;
    transition: filter .2s ease, -webkit-filter .2s ease
}

.modal-full .modal-content--inner label .show-password.show {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E36350042-7C93-47A7-89E6-1C4CF4E14299%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/pass/M/visible/hover'%3E%3Cg id='icon/pass/visible/hover-copy'%3E%3Cg id='icon-pass-visible-hover'%3E%3Crect id='Rectangle-2' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cg id='Group-8' transform='translate(1.000000, 3.000000)' stroke='%233AA65E'%3E%3Cg id='Group-4' transform='translate(0.000000, 3.500000)'%3E%3Cpath d='M0.331816054,6.5 C2.32625987,2.63925939 6.3549139,0 11,0 C15.6450861,0 19.6737401,2.63925939 21.6681839,6.5 C19.6737401,10.3607406 15.6450861,13 11,13 C6.3549139,13 2.32625987,10.3607406 0.331816054,6.5 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3Ccircle id='Oval-10' cx='11' cy='10' r='2.5'%3E%3C/circle%3E%3Cg id='Group-5' transform='translate(11.000000, 1.500000) scale(1, -1) translate(-11.000000, -1.500000) translate(2.000000, 0.000000)' stroke-linecap='square'%3E%3Cpath d='M11.5,1 L12,3' id='Line'%3E%3C/path%3E%3Cpath d='M16,0 L17.5,2' id='Line'%3E%3C/path%3E%3Cpath d='M0.5,0 L2,2' id='Line' transform='translate(1.250000, 1.000000) scale(-1, 1) translate(-1.250000, -1.000000) '%3E%3C/path%3E%3Cpath d='M6.5,1 L6,3' id='Line'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal-full .modal-content--inner label .show-password:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.modal-full .modal-content--inner .g-recaptcha {
    max-width: 304px;
    margin: 0 auto 16px
}

.modal-full .modal-content--inner .btn-green {
    max-width: 304px;
    width: 100%;
    margin: 0 auto 32px
}

.modal-full .modal-content--inner .btn-default {
    background-color: transparent;
    font-weight: 700
}

.modal-full .modal-content--inner a {
    text-align: center;
    margin-bottom: 32px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem
}

.modal-full .modal-content--inner a:hover {
    text-decoration: none
}

.modal-full .modal-content--inner a.normal {
    color: rgba(0, 0, 0, .4)
}

.modal-full .modal-content--inner a.green {
    color: #3aa65e
}

.modal-full .modal-content--inner a.green:hover {
    color: #318c4f
}

.modal-full .modal-content--inner a.return-code {
    padding-top: 16px
}

.modal-full .modal-content--inner a:last-child {
    margin-bottom: 0
}

.modal-full .modal-content--inner p {
    margin-bottom: 24px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, .9)
}

.modal-full .modal-content--inner .error-massage {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: #f24c3d;
    margin-bottom: 32px
}

.modal-full .modal-content--inner .info {
    padding-top: 16px;
    color: rgba(0, 0, 0, .4);
    margin-bottom: 0
}

.modal-full .modal-content--inner .info a {
    color: #3aa65e
}

.modal-full .modal-content--inner .info a:hover {
    color: #318c4f
}

.modal-extract {
    margin: auto;
    width: 784px;
    border-radius: 4px;
    background-color: #fff;
    padding: 32px 40px 64px
}

.modal-extract .modal-header {
    width: 100%;
    margin-bottom: 32px;
    position: relative;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

.modal-extract .modal-header--count {
    position: absolute;
    right: 0;
    top: 0;
    color: rgba(0, 0, 0, .4)
}

.modal-extract .modal-content .table {
    width: 100%;
    margin-bottom: 48px
}

.modal-extract .modal-content .table-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.modal-extract .modal-content .table-row:last-of-type {
    border-bottom: 0
}

.modal-extract .modal-content .table-row:hover {
    border-bottom: 0;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .05);
    margin: 0 -16px;
    padding: 16px 16px 17px
}

.modal-extract .modal-content .table-row:hover .modal-extract--btn .delite {
    visibility: visible
}

.modal-extract .modal-content .table-row.liquidation .name, .modal-extract .modal-content .table-row.liquidation .tariffs-list--item .price, .tariffs-list--item .modal-extract .modal-content .table-row.liquidation .price {
    color: rgba(0, 0, 0, .4);
    text-decoration: line-through;
    text-line-through-color: rgba(0, 0, 0, .4)
}

.modal-extract .modal-content .table-row.liquidation .name:hover, .modal-extract .modal-content .table-row.liquidation .tariffs-list--item .price:hover, .tariffs-list--item .modal-extract .modal-content .table-row.liquidation .price:hover {
    text-decoration: line-through
}

.modal-extract .modal-content .table-col {
    width: 354px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal-extract .modal-content .table-col:first-of-type {
    width: 140px;
    margin-right: 65px
}

.modal-extract .modal-content .table-col:last-of-type {
    width: 80px;
    margin-left: 45px;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.modal-extract .modal-content .table-col .name, .modal-extract .modal-content .table-col .tariffs-list--item .price, .tariffs-list--item .modal-extract .modal-content .table-col .price {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .9);
    text-transform: uppercase
}

.modal-extract .modal-content .table-col .name:hover, .modal-extract .modal-content .table-col .tariffs-list--item .price:hover, .tariffs-list--item .modal-extract .modal-content .table-col .price:hover {
    text-decoration: none
}

.modal-extract .modal-content .table-col .name .icon-name, .modal-extract .modal-content .table-col .tariffs-list--item .price .icon-name, .tariffs-list--item .modal-extract .modal-content .table-col .price .icon-name {
    display: inline-block;
    margin-left: 4px;
    vertical-align: baseline;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='0.400000006' transform='translate(4.000000, 5.000000)' stroke='%23000000'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal-extract .modal-content .table-col .name-info {
    display: inline-block;
    margin-right: 16px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4)
}

.modal-extract .modal-content .table-col .name-info span {
    margin-left: 4px;
    color: rgba(0, 0, 0, .9)
}

.modal-extract .modal-content .table-col .date {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4)
}

.modal-extract .modal-content .table-col .status {
    position: relative;
    padding-left: 28px;
    font-size: 1.6rem;
    font-weight: 400;
    color: #3aa65e;
    line-height: 2rem
}

.modal-extract .modal-content .table-col .status:after {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%233AA65E'%3E%3Ccircle cx='10' cy='10' r='9.4' stroke-width='1.2'/%3E%3Cpath stroke-linecap='square' stroke-width='1.8' d='M6 10.5L8.5 13 14 7.5'/%3E%3C/g%3E%3C/svg%3E")
}

.modal-extract .modal-content .table-col .modal-extract--btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-extract .modal-content .table-col .modal-extract--btn a {
    width: 32px;
    height: 32px;
    display: block;
    margin-right: 16px;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    position: relative
}

.modal-extract .modal-content .table-col .modal-extract--btn a:before {
    top: calc(100% + 4px);
    bottom: auto;
    padding: 4px 8px;
    font-size: 1.3rem;
    text-transform: none;
    max-width: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.modal-extract .modal-content .table-col .modal-extract--btn a:after {
    display: none
}

.modal-extract .modal-content .table-col .modal-extract--btn a svg {
    opacity: .5
}

.modal-extract .modal-content .table-col .modal-extract--btn a:hover {
    background-color: #fff;
    border-radius: 50%;
    opacity: 1
}

.modal-extract .modal-content .table-col .modal-extract--btn a:hover svg {
    opacity: 1
}

.modal-extract .modal-content .table-col .modal-extract--btn a.delite {
    visibility: hidden
}

.modal-extract .modal-content .table-col .modal-extract--btn a.delite:hover svg path.icon {
    fill: #f24c3d
}

.modal-extract .modal-content .table-col .modal-extract--btn a:last-of-type {
    margin-right: 0
}

.modal-extract .modal-content-pagination {
    width: 464px;
    margin: auto
}

.modal-compare {
    width: 944px;
    margin: auto;
    padding-top: 120px;
    padding-bottom: 120px
}

@media (max-width: 1264px) {
    .modal-compare {
        width: 864px
    }
}

@media (max-width: 1184px) {
    .modal-compare {
        width: 784px
    }
}

@media (max-width: 415px) {
    .modal-compare {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.modal-compare .no-compare--list {
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 24px
}

@media (max-width: 415px) {
    .modal-compare .no-compare--list {
        font-size: 16px
    }
}

.modal-compare .check {
    width: 24px;
    height: 24px;
    display: block;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath stroke='%23000' stroke-linecap='square' stroke-opacity='.9' stroke-width='1.8' d='M5 12l4.5 4.5L19 7'/%3E%3C/g%3E%3C/svg%3E");
    opacity: .4
}

@media (max-width: 415px) {
    .modal-compare .check {
        opacity: 1
    }
}

.modal-compare .none {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='%23000' fill-opacity='.4' d='M4 11h16v2H4z'/%3E%3C/g%3E%3C/svg%3E")
}
.modal-compare .tender-group .none {
    width: 17px;
    height: 17px;
    margin-bottom: -3px;
}


@media (max-width: 415px) {
    .modal-compare .none {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='%23000' fill-opacity='1' d='M4 11h16v2H4z'/%3E%3C/g%3E%3C/svg%3E")
    }
}

.modal-compare .modal-header {
    margin-bottom: 32px;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.43;
    color: rgba(0, 0, 0, .9)
}

@media (max-width: 415px) {
    .modal-compare .modal-header {
        font-size: 16px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: rgba(0, 0, 0, .9);
        padding-left: 24px
    }
}

.modal-compare-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;*/
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    position: relative;
    z-index: 3;
    margin-bottom: 48px
}

.modal-compare-list .compare-columns {
    display: flex;
    width: 80%;
    justify-content: center;
    height: max-content;
    align-items: center;
}


.modal-compare-list .add-company-inn {
    width: 19%;
    margin-right: 30px;
}

.modal-compare-list .add-company-compare--container {
    margin-top: 7.5px;
}

.modal-compare-list .add-company-compare {
    padding: 6px 0;
}

.modal-compare-list .add-column-button {
    display: none;
}
.container--button-plus {
    width: 33px;
    height: 31px;
    margin-left: 5px;
    cursor: pointer;
    padding: 5px;
    border-radius: 7px;
    display: none;
    background-color: #3aa65e;
    position: relative;
}

.button-plus {
    font-size: 32px;
    color: #fff;
    position: absolute;
    left: 7px;
    top: -4px;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}

.container--button-plus:hover .button-plus{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.modal-compare-list .message-compare {
    font-size: 1.2rem;
    position: absolute;
    background-color: #fff;
    bottom: -21px;
}

@media (max-width: 425px) {
    .modal-compare-list {
        margin-bottom: 32px;
        padding: 0 24px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }

    .modal-compare-list .compare-columns {
        width: 100%;
        justify-content: space-between;
    }

    .modal-compare-list .add-company-inn {
        width: 55%;
        margin-bottom: 10px;
        margin-right: 0;
    }

}

.modal-compare-company .group:not(:first-child) {
    margin-top: 40px;
}
.modal-compare-company .group-name {
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 0;
    font-size: 1.7rem;
}
.modal-compare-company .row {
    display: flex;
    justify-content: space-between;
}
.modal-compare-company .row-name {
    padding: 5px 0;
    font-size: 1.4rem;
    width: 18%;
    /*margin-right: 17px;*/
    margin-left: 10px;
}
.modal-compare-company .data-company {
    padding: 5px 0;
    font-size: 1.4rem;
    width: 17%;
    margin-left: 10px;
}
.modal-compare-company a.data-company {
    color: #000;
}
.modal-compare-company a.data-company:hover {
    text-decoration: underline;
}

.modal-compare-company .subgroup-name{
    font-weight: bold;
    color: rgba(0,0,0,.4);
    font-size: 1.6rem;
    margin: 10px 0 5px;
}

.modal-compare-company .tender-group .subgroup-name {
    margin-left: 10px;
}
/*.modal-compare-company .tender-group .row-name {
    margin-left: 10px;
}*/

.modal-compare-company .subgroup-tender h3 {
    /*font-style: italic;*/
    font-weight: bold;
}

.modal-compare-item {
    width: 23.2%;
    margin-left: 10px;
    height: max-content;
    transition: width ease-in-out 2s, margin-left ease-in-out 1.5s, opacity ease-in-out 1.8s;
}

.modal-compare-item.two-elem {
    width: 48%;
    margin-left: 20px;
}
.modal-compare-item.three-elem{
    width: 30.5%;
    margin-left: 20px;
}
.modal-compare-item:first-child {
    margin-left: 0;
}

.modal-compare-item.hide-column {
    width: 0;
    opacity: 0.1;
}
.modal-compare-company  .data-company.two-elem {
    width: 35%;
}
.modal-compare-company  .data-company.three-elem {
    width: 22%;
}

.modal-compare-item .close-list--button {
    width: 10%;
}
.modal-compare-item .close-list--button::after {
    position: absolute;
    content: "x";
    width: 7px;
    /* height: 10px; */
    padding: 0px 7px 2px 6px;
    top: 2%;
    right: 1%;
    color: #cccccc;
    border-radius: 50%;
    cursor: pointer;
}

.modal-compare-item .close-list--button:hover::after {
    background-color: red;
    color: #fff;
}

/*@media (max-width: 1264px) {
    .modal-compare-item {
        width: 424px
    }
}

@media (max-width: 1184px) {
    .modal-compare-item {
        width: 384px
    }
}*/

@media (max-width: 425px) {
    .modal-compare-item {
        width: 100%;
        margin-bottom: 16px;
        height: max-content;
    }

    /*.modal-compare-item:last-child {
        margin-bottom: 0
    }*/

    .modal-compare-company .row {
        flex-wrap: wrap;
    }

    .modal-compare-company .row-name {
        display: block;
        width: 95%;
        color: #999;
    }

    .modal-compare-company .data-company.two-elem {
        width: 45%;
    }
}

.modal-compare-company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: center;
    -ms-flex-pack: start;
    justify-content: center;
    width: 100%;
    margin-bottom: 84px
}

@media (max-width: 425px) {
    .modal-compare-company {
        padding: 0 10px;
        margin-bottom: 20px
    }

}

.modal-compare-company .title {
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .9);
    padding-bottom: 12px;
    text-transform: uppercase
}

@media (max-width: 1184px) {
    .modal-compare-company .title {
        font-size: 1.4rem
    }
}

@media (max-width: 425px) {
    .modal-compare-company .title {
        font-size: 16px;
        width: 100%;
        text-align: left;
        text-transform: none;
        margin-bottom: 40px
    }
}

.modal-compare-company--item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 0 11px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

@media (max-width: 425px) {
    .modal-compare-company--item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.modal-compare-company--item:last-child {
    border-bottom: 0
}

.modal-compare-company--item .left {
    width: 280px;
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 1184px) {
    .modal-compare-company--item .left {
        font-size: 1.4rem;
        width: 224px
    }
}

@media (max-width: 425px) {
    .modal-compare-company--item .left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 50%;
        padding-right: 8px;
        color: rgba(0, 0, 0, .9)
    }
}

.modal-compare-company--item .right {
    width: 280px;
    text-align: right;
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 1184px) {
    .modal-compare-company--item .right {
        font-size: 1.4rem;
        width: 224px
    }
}

@media (max-width: 425px) {
    .modal-compare-company--item .right {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 50%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 8px;
        text-align: left;
        color: rgba(0, 0, 0, .9)
    }
}

.modal-compare-company--item .midle {
    width: 304px;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (max-width: 1184px) {
    .modal-compare-company--item .midle {
        font-size: 1.4rem
    }
}

@media (max-width: 425px) {
    .modal-compare-company--item .midle {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 100%;
        text-align: left;
        margin-bottom: 8px;
        color: rgba(0, 0, 0, .4)
    }
}

.modal-compare-company.business .midle {
    width: 464px
}

.modal-compare-company.business .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.modal-compare-company.business .left span.good {
    display: block;
    width: 48px;
    color: #3aa65e;
    margin-right: 8px
}

.modal-compare-company.business .left span.warning {
    display: block;
    width: 48px;
    color: #f24c3d;
    margin-right: 8px
}

.modal-compare-company.business .left span.normal {
    width: 64px;
    color: rgba(0, 0, 0, .4)
}

.modal-compare-company.business .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.modal-compare-company.business .right span.good {
    display: block;
    width: 48px;
    color: #3aa65e;
    margin-left: 8px
}

.modal-compare-company.business .right span.warning {
    display: block;
    width: 48px;
    color: #f24c3d;
    margin-left: 8px
}

.modal-compare-company.business .right span.normal {
    width: 64px;
    color: rgba(0, 0, 0, .4)
}

.modal-compare-factors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 84px
}

@media (max-width: 425px) {
    .modal-compare-factors {
        padding: 0 24px;
        margin-bottom: 20px
    }
}

.modal-compare-factors .title {
    width: 100%;
    text-align: center;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .5px;
    padding-bottom: 12px;
    color: rgba(0, 0, 0, .9);
    text-transform: uppercase
}

@media (max-width: 1184px) {
    .modal-compare-factors .title {
        font-size: 1.4rem
    }
}

@media (max-width: 425px) {
    .modal-compare-factors .title {
        font-size: 16px;
        width: 100%;
        text-align: left;
        text-transform: none;
        margin-bottom: 40px
    }
}

.modal-compare-factors--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.modal-compare-factors--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 12px 0 11px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

@media (max-width: 425px) {
    .modal-compare-factors--item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 20px
    }
}

.modal-compare-factors--item:last-child {
    border-bottom: 0
}

.modal-compare-factors--item .midle {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 304px;
    text-align: center
}

@media (max-width: 1184px) {
    .modal-compare-factors--item .midle {
        font-size: 1.4rem
    }
}

@media (max-width: 425px) {
    .modal-compare-factors--item .midle {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 100%;
        text-align: left;
        margin-bottom: 8px;
        color: rgba(0, 0, 0, .4)
    }
}

.modal-compare-factors--item .left, .modal-compare-factors--item .right {
    width: 20px;
    height: 20px
}

.modal-compare-company .data-company .icon {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: block;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

/*.modal-compare-factors--item .left .icon-red, .modal-compare-factors--item .right .icon-red {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3EAC5EEC6E-2150-4A16-BBE1-27952C7829B7%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/stopfactor/XL/stop'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23F24C3D' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cg id='Group-9' transform='translate(15.000000, 15.000000)' stroke='%23FFFFFF' stroke-linecap='square' stroke-width='3.5'%3E%3Cpath d='M2.66009437e-13,10 L10,1.71418435e-13' id='Line-7'%3E%3C/path%3E%3Cpath d='M-3.96127575e-13,2.40030218e-12 L10,10' id='Line-7'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal-compare-factors--item .left .icon-yellow, .modal-compare-factors--item .right .icon-yellow {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3E228AA890-4BB7-4B13-B5C6-7B04F61B2E72%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='CARDS/DESKTOP/GUIDES-HINT' transform='translate(-384.000000, -291.000000)'%3E%3Cg id='icon/stopfactor/XL/alert' transform='translate(384.000000, 291.000000)'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23E6A345' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cpath d='M17.6,10 L22.4,10 L21.5625,23.893918 L18.46875,23.893918 L17.6,10 Z M20.0325,31.6 C19.2741629,31.6 18.6458358,31.3483896 18.1475,30.8451613 C17.6491642,30.341933 17.4,29.721294 17.4,28.9832258 C17.4,28.2451576 17.6491642,27.63011 18.1475,27.1380645 C18.6458358,26.646019 19.2741629,26.4 20.0325,26.4 C20.7691703,26.4 21.3812476,26.646019 21.86875,27.1380645 C22.3562524,27.63011 22.6,28.2451576 22.6,28.9832258 C22.6,29.721294 22.3562524,30.341933 21.86875,30.8451613 C21.3812476,31.3483896 20.7691703,31.6 20.0325,31.6 Z' id='!' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}*/


.modal-compare-company .data-company .icon.icon-red {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3EAC5EEC6E-2150-4A16-BBE1-27952C7829B7%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/stopfactor/XL/stop'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23F24C3D' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cg id='Group-9' transform='translate(15.000000, 15.000000)' stroke='%23FFFFFF' stroke-linecap='square' stroke-width='3.5'%3E%3Cpath d='M2.66009437e-13,10 L10,1.71418435e-13' id='Line-7'%3E%3C/path%3E%3Cpath d='M-3.96127575e-13,2.40030218e-12 L10,10' id='Line-7'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal-compare-company .data-company .icon.icon-yellow {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3E228AA890-4BB7-4B13-B5C6-7B04F61B2E72%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='CARDS/DESKTOP/GUIDES-HINT' transform='translate(-384.000000, -291.000000)'%3E%3Cg id='icon/stopfactor/XL/alert' transform='translate(384.000000, 291.000000)'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23E6A345' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cpath d='M17.6,10 L22.4,10 L21.5625,23.893918 L18.46875,23.893918 L17.6,10 Z M20.0325,31.6 C19.2741629,31.6 18.6458358,31.3483896 18.1475,30.8451613 C17.6491642,30.341933 17.4,29.721294 17.4,28.9832258 C17.4,28.2451576 17.6491642,27.63011 18.1475,27.1380645 C18.6458358,26.646019 19.2741629,26.4 20.0325,26.4 C20.7691703,26.4 21.3812476,26.646019 21.86875,27.1380645 C22.3562524,27.63011 22.6,28.2451576 22.6,28.9832258 C22.6,29.721294 22.3562524,30.341933 21.86875,30.8451613 C21.3812476,31.3483896 20.7691703,31.6 20.0325,31.6 Z' id='!' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

 .modal-compare-company .icon .hard-hint {
    display: none;
    position: absolute;
    opacity: 0;
    top: 0px;
    width: 260px;
    height: auto;
    border-radius: 4px;
    background-color: #fff;
    padding: 20px;
    text-align: left;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    left: calc(100% + 12px);
    margin-top: -12px;
    margin-right: 0;
    -webkit-transition: .6s ease all;
    transition: .6s ease all;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
     z-index:9999;
}

.modal-compare-company .icon .hard-hint:after {
    position: absolute;
    content: '';
    left: calc(0% - 15px);
    top: 15px;
    transform: rotate(90deg);
    width: 6px;
    height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 8px solid transparent;
    border-top-color: #fff;

}

.modal-compare-company .icon .hard-hint .hard-hint--text {
    color: rgba(0, 0, 0, .9);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem
}

@media (min-width: 1264px) and (min-height: 671px) {
    .modal-compare-company .icon .hard-hint .hard-hint--text {
        font-size: 1.4rem
    }
}

@media (min-width: 1344px) {
    .modal-compare-company .icon .hard-hint .hard-hint--text {
        font-size: 1.4rem
    }

}

@media (max-width: 425px) {
    .modal-compare-company .data-company:last-child .icon .hard-hint {
        width: 215px;
    }
    .modal-compare-company .data-company:last-child .icon .hard-hint {
        left: calc(100% + -75px);
        margin-top: 33px;
        width: 160px;
    }

    .modal-compare-company .data-company:last-child .icon .hard-hint:after {
        left: calc(0% + 55px);
        top: -15px;
        transform: rotate(180deg);
    }
}

.modal-compare-company .icon .hard-hint .hard-hint--header {
    font-weight: 700;
    display: block;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 8px;
    font-size: 1.4rem;
    line-height: 1.6rem
}

@media (min-width: 1264px) and (min-height: 671px) {
    .modal-compare-factors--item .left .icon .hard-hint .hard-hint--header, .modal-compare-factors--item .right .icon .hard-hint .hard-hint--header {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .modal-compare-factors--item .left .icon .hard-hint .hard-hint--header, .modal-compare-factors--item .right .icon .hard-hint .hard-hint--header {
        font-size: 1.6rem
    }
}

.modal-compare-company .icon:hover .hard-hint{
    display: block;
    opacity: 1
}

@media (max-width: 425px) {
    .modal-compare-factors--item .left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 50%;
        padding-right: 8px;
        color: rgba(0, 0, 0, .9)
    }
}

.modal-compare-factors--item .left .icon .hard-hint {
    bottom: calc(100% + 12px);
    top: auto;
    left: -8px
}

.modal-compare-factors--item .left .icon .hard-hint:after {
    left: 12px
}

@media (max-width: 425px) {
    .modal-compare-factors--item .right {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 50%;
        padding-right: 8px;
        color: rgba(0, 0, 0, .9)
    }
}

.modal-compare-factors--item .right .icon .hard-hint {
    bottom: calc(100% + 12px);
    top: auto;
    left: auto;
    right: -8px
}

@media (max-width: 425px) {
    .modal-compare-factors--item .right .icon .hard-hint {
        right: -130px
    }
}

.modal-compare-factors--item .right .icon .hard-hint:after {
    right: 12px
}

@media (max-width: 425px) {
    .modal-compare-factors--item .right .icon .hard-hint:after {
        right: 50%
    }
}

.modal-compare-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 84px
}

@media (max-width: 425px) {
    .modal-compare-count {
        padding: 0 24px;
        margin-bottom: 20px
    }
}

.modal-compare-count.sub .title {
    padding-bottom: 0
}

.modal-compare-count .title {
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .9);
    padding-bottom: 12px;
    text-transform: uppercase
}

@media (max-width: 1184px) {
    .modal-compare-count .title {
        font-size: 1.4rem
    }
}

@media (max-width: 425px) {
    .modal-compare-count .title {
        font-size: 16px;
        width: 100%;
        text-align: left;
        text-transform: none;
        margin-bottom: 40px
    }
}

.modal-compare-count .subtitle {
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, .4);
    padding: 24px 0 12px
}

.modal-compare-count--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.modal-compare-count--item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 12px 0 12px
}

@media (max-width: 425px) {
    .modal-compare-count--item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.modal-compare-count--item .count {
    width: 145px;
    margin-right: 16px;
    color: rgba(0, 0, 0, .9)
}

@media (max-width: 1184px) {
    .modal-compare-count--item .count {
        font-size: 1.4rem;
        width: 127px
    }
}

.modal-compare-count--item .count.none {
    opacity: .4;
    background-image: none
}

.modal-compare-count--item .compare-bar {
    width: 224px;
    height: 6px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .1);
    position: relative
}

@media (max-width: 1264px) {
    .modal-compare-count--item .compare-bar {
        width: 176px
    }
}

@media (max-width: 1184px) {
    .modal-compare-count--item .compare-bar {
        width: 160px
    }
}

@media (max-width: 425px) {
    .modal-compare-count--item .compare-bar {
        margin-bottom: 8px
    }
}

.modal-compare-count--item .compare-bar--count {
    position: absolute;
    height: 6px;
    border-radius: 5px;
    background-color: #3aa65e
}

.modal-compare-count--item .compare-bar--count.red {
    background-color: #f24c3d
}

.modal-compare-count--item .compare-bar--count.gray {
    background-color: rgba(0, 0, 0, .4)
}

.modal-compare-count--item .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 425px) {
    .modal-compare-count--item .left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 50%;
        padding-right: 8px;
        color: rgba(0, 0, 0, .9);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.modal-compare-count--item .left .count {
    text-align: right
}

@media (max-width: 425px) {
    .modal-compare-count--item .left .count {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: right;
        margin-right: 0;
        margin-left: auto
    }
}

.modal-compare-count--item .left .compare-bar--count {
    top: 0;
    right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.modal-compare-count--item .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (max-width: 425px) {
    .modal-compare-count--item .right {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 50%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-left: 8px;
        text-align: left;
        color: rgba(0, 0, 0, .9);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.modal-compare-count--item .right .count {
    text-align: left;
    margin-right: 0;
    margin-left: 16px
}

@media (max-width: 425px) {
    .modal-compare-count--item .right .count {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: left;
        margin-left: 0;
        margin-right: auto
    }
}

.modal-compare-count--item .right .compare-bar--count {
    top: 0;
    left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.modal-compare-count--item .midle {
    width: 160px;
    margin: 0 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-size: 1.6rem;
    text-align: center;
    color: rgba(0, 0, 0, .9)
}

@media (max-width: 1264px) {
    .modal-compare-count--item .midle {
        margin: 0 16px
    }
}

@media (max-width: 1184px) {
    .modal-compare-count--item .midle {
        font-size: 1.4rem;
        width: 144px
    }
}

@media (max-width: 425px) {
    .modal-compare-count--item .midle {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 100%;
        text-align: left;
        margin-bottom: 8px;
        color: rgba(0, 0, 0, .4)
    }
}

.modal.new-application {
    max-width: 784px;
    margin: auto;
    padding: 25px 160px
}

@media (max-width: 415px) {
    .modal.new-application {
        padding: 92px 20px 24px
    }
}

.modal.new-application .info {
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 16px
}

.modal.new-application .info-gray {
    color: rgba(0, 0, 0, .4);
    margin-top: 32px
}

.modal.new-application .info a {
    display: inline-block;
    margin-left: 24px;
    color: #3aa65e
}

@media (max-width: 415px) {
    .modal.new-application .info a {
        display: block;
        margin-left: 0
    }
}

.modal.new-application .new-application-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal.new-application .new-application-header {
    text-align: center;
    margin-bottom: 24px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.45
}

.modal.new-application .new-application-body {
    width: 100%
}

.modal.new-application .new-application-body form {
    width: 100%
}

.modal.new-application .new-application-body form label {
    display: block;
    position: relative
}

.modal.new-application .new-application-body form label:after {
    display: none;
    position: absolute;
    content: '';
    z-index: 99;
    width: 8px;
    height: 8px;
    top: -12px;
    left: 12px;
    border: 8px solid transparent;
    border-top-color: #f24c3d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.modal.new-application .new-application-body form label:before {
    content: attr(data-hint);
    position: absolute;
    bottom: calc(100% + 8px);
    left: 0;
    z-index: 99;
    display: none;
    max-width: 464px;
    padding: 8px;
    pointer-events: none;
    opacity: 1;
    border-radius: 4px;
    background-color: #f24c3d;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    text-transform: none;
    white-space: nowrap;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: #fff
}

.modal.new-application .new-application-body form label.error:after,
.modal.new-application .new-application-body form label.error:before {
    display: block
}

.modal.new-application .new-application-body form input {
    width: 100%;
    margin-bottom: 16px;
    display: block;
    height: 48px;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .15);
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.14;
    padding: 0 16px
}

.modal.new-application .new-application-body form input:placeholder {
    color: rgba(0, 0, 0, .4)
}

.modal.new-application .new-application-body form .input-group {
    width: 100%;
    display: block
}

.modal.new-application .new-application-body form .input-group--fiz {
    margin-bottom: 0
}

.modal.new-application .new-application-body form .input-group--fiz .btn {
    display: inline-block;
    width: 224px;
    margin-left: 12px;
    color: #fff;
    padding: 16px;
    background-color: #e5e5e5;
    vertical-align: top
}

@media (max-width: 415px) {
    .modal.new-application .new-application-body form .input-group--fiz .btn {
        width: 100%;
        margin-left: 0
    }
}

.modal.new-application .new-application-body form .input-group--fiz label {
    display: inline-block
}

.modal.new-application .new-application-body form .input-group--fiz label [data-hint] {
    display: inline-block;
    position: relative;
    width: auto
}

.modal.new-application .new-application-body form .input-group--fiz label [data-hint] input {
    margin-left: 0 !important
}

.modal.new-application .new-application-body form .input-group--fiz label [data-hint]:after {
    display: none;
    position: absolute;
    content: '';
    z-index: 99;
    width: 8px;
    height: 8px;
    top: -12px;
    left: 12px;
    border: 8px solid transparent;
    border-top-color: #f24c3d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.modal.new-application .new-application-body form .input-group--fiz label [data-hint]:before {
    content: attr(data-hint);
    position: absolute;
    bottom: calc(100% + 8px);
    left: 0;
    top: 0;
    z-index: 99;
    display: none;
    max-width: 464px;
    padding: 8px;
    pointer-events: none;
    opacity: 1;
    border-radius: 4px;
    background-color: #f24c3d;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    text-transform: none;
    white-space: nowrap;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: #fff
}

.modal.new-application .new-application-body form .input-group--fiz label [data-hint].error:after, .modal.new-application .new-application-body form .input-group--fiz label [data-hint].error:before {
    display: block
}

.modal.new-application .new-application-body form .input-group--fiz .show-password {
    position: absolute;
    width: 24px;
    height: 24px;
    display: block;
    right: 12px;
    top: 24px;
    border: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E08912693-6391-4B69-9E91-EFA4A18543D8%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/pass/M/invisible/hover'%3E%3Cg id='icon/pass/invisible/hover'%3E%3Cg id='icon-pass-invisible-hover'%3E%3Crect id='Rectangle-2' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cg id='Group-4' transform='translate(1.000000, 8.000000)' stroke='%233AA65E'%3E%3Cpath d='M21.1663679,0 L21.1663679,2.73558953e-13 L21.1663679,2.73558953e-13 C19.2654003,3.86074061 15.4255626,6.5 10.9981839,6.5 C6.57080528,6.5 2.73096754,3.86074061 0.829999983,2.73558953e-13' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3Cpath d='M14.2,16 L14.8,18' id='Line' stroke='%233AA65E' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M19,15 L20.5,17' id='Line' stroke='%233AA65E' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M3.5,15 L5,17' id='Line' stroke='%233AA65E' stroke-linecap='square' transform='translate(4.250000, 16.000000) scale(-1, 1) translate(-4.250000, -16.000000) '%3E%3C/path%3E%3Cpath d='M9.8,16 L9.2,18' id='Line' stroke='%233AA65E' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: -webkit-filter .2s ease;
    transition: -webkit-filter .2s ease;
    transition: filter .2s ease;
    transition: filter .2s ease, -webkit-filter .2s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.modal.new-application .new-application-body form .input-group--fiz .show-password.show {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E36350042-7C93-47A7-89E6-1C4CF4E14299%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/pass/M/visible/hover'%3E%3Cg id='icon/pass/visible/hover-copy'%3E%3Cg id='icon-pass-visible-hover'%3E%3Crect id='Rectangle-2' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cg id='Group-8' transform='translate(1.000000, 3.000000)' stroke='%233AA65E'%3E%3Cg id='Group-4' transform='translate(0.000000, 3.500000)'%3E%3Cpath d='M0.331816054,6.5 C2.32625987,2.63925939 6.3549139,0 11,0 C15.6450861,0 19.6737401,2.63925939 21.6681839,6.5 C19.6737401,10.3607406 15.6450861,13 11,13 C6.3549139,13 2.32625987,10.3607406 0.331816054,6.5 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3Ccircle id='Oval-10' cx='11' cy='10' r='2.5'%3E%3C/circle%3E%3Cg id='Group-5' transform='translate(11.000000, 1.500000) scale(1, -1) translate(-11.000000, -1.500000) translate(2.000000, 0.000000)' stroke-linecap='square'%3E%3Cpath d='M11.5,1 L12,3' id='Line'%3E%3C/path%3E%3Cpath d='M16,0 L17.5,2' id='Line'%3E%3C/path%3E%3Cpath d='M0.5,0 L2,2' id='Line' transform='translate(1.250000, 1.000000) scale(-1, 1) translate(-1.250000, -1.000000) '%3E%3C/path%3E%3Cpath d='M6.5,1 L6,3' id='Line'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal.new-application .new-application-body form .input-group--fiz .show-password:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.modal.new-application .new-application-body form .input-group--fiz .succsess-phone {
    display: block;
    width: 100%;
    border-radius: 4px;
    border: solid 1px #3aa65e;
    padding: 32px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: normal;
    color: #3aa65e;
    vertical-align: middle;
    margin-bottom: 48px
}

.modal.new-application .new-application-body form .input-group--fiz .succsess-phone:before {
    content: '';
    width: 32px;
    height: 32px;
    display: inline-block;
    background-image: url(../images/green-check-phone.svg);
    vertical-align: middle;
    margin-right: 16px
}

.modal.new-application .new-application-body form .input-group--fiz label {
    position: relative;
    vertical-align: middle
}

.modal.new-application .new-application-body form .input-group input {
    margin-bottom: 32px;
    display: inline-block;
    width: 224px
}

@media (max-width: 415px) {
    .modal.new-application .new-application-body form .input-group input {
        width: 100%;
        margin-bottom: 16px
    }
}

.modal.new-application .new-application-body form .input-group input:last-child {
    margin-right: 0;
    margin-left: 12px
}

@media (max-width: 415px) {
    .modal.new-application .new-application-body form .input-group input:last-child {
        margin-left: 0
    }
}

.modal.new-application .new-application-body form .select-price {
    margin-bottom: 32px
}

.modal.new-application .new-application-body form .select-price input {
    position: absolute;
    visibility: hidden
}

@media (max-width: 415px) {
    .modal.new-application .new-application-body form .select-price input {
        width: auto
    }
}

.modal.new-application .new-application-body form .select-price input:checked + label {
    border-color: #3aa65e;
    background-color: #fff
}

.modal.new-application .new-application-body form .select-price input:checked + label span {
    color: #3aa65e
}

.modal.new-application .new-application-body form .select-price label {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: left;
    width: 232px;
    height: 112px;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .15);
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    cursor: pointer
}

@media (max-width: 415px) {
    .modal.new-application .new-application-body form .select-price label {
        width: 100%;
        height: 80px
    }
}

.modal.new-application .new-application-body form .select-price label.one-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: .5px
}

.modal.new-application .new-application-body form .select-price label.two-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: .5px
}

.modal.new-application .new-application-body form .select-price label:hover {
    border: solid 1px rgba(0, 0, 0, .25);
    background-color: rgba(0, 0, 0, .05)
}

.modal.new-application .new-application-body form .select-price label span {
    display: block;
    text-align: center;
    width: 200px;
    margin-bottom: 8px;
    -webkit-transition: .15s ease all;
    transition: .15s ease all
}

.modal.new-application .new-application-body form .select-price label span:last-child {
    margin-bottom: 0;
    color: rgba(0, 0, 0, .4);
    font-size: 1.4rem
}

.modal.new-application .new-application-body form .select-price label .tariffs-list--item span.price, .modal.new-application .new-application-body form .select-price label span.name, .tariffs-list--item .modal.new-application .new-application-body form .select-price label span.price {
    font-weight: 700;
    font-size: 1.6rem
}

.modal.new-application .new-application-body form .btn {
    display: block;
    width: 100%;
    padding: 16px 20px;
    font-size: 1.4rem;
    margin-bottom: 16px
}

.modal.new-application .new-application-body form .btn-desable {
    pointer-events: none;
    color: #fff;
    background-color: #e5e5e5
}

.modal.new-application .new-application-body form .politicy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 16px
}

.modal.new-application .new-application-body form .politicy:last-child {
    margin-bottom: 0
}

.modal.new-application .new-application-body form .politicy input {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 16px;
    visibility: hidden
}

.modal.new-application .new-application-body form .politicy input:checked + span:before {
    display: block
}

.modal.new-application .new-application-body form .politicy span {
    position: relative;
    padding-left: 44px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: normal;
    cursor: pointer
}

.modal.new-application .new-application-body form .politicy span a {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: normal;
    color: #3aa65e
}

.modal.new-application .new-application-body form .politicy span a:hover {
    color: #318c4f
}

.modal.new-application .new-application-body form .politicy span:after {
    position: absolute;
    top: 0;
    left: 16px;
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .4);
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    background-color: #fff
}

.modal.new-application .new-application-body form .politicy span:after:hover {
    background-color: rgba(0, 0, 0, .05)
}

.modal.new-application .new-application-body form .politicy span:before {
    z-index: 2;
    content: '';
    position: absolute;
    display: none;
    left: 20px;
    top: 4px;
    width: 8px;
    height: 5px;
    border-bottom: 2px solid rgba(0, 0, 0, .9);
    border-left: 2px solid rgba(0, 0, 0, .9);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal.new-application--sucsess {
    margin: auto;
    width: 464px;
    border-radius: 4px;
    background-color: #fff;
    padding: 48px 80px
}

.modal.new-application--sucsess h2 {
    margin-bottom: 16px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.27;
    text-align: center;
    color: rgba(0, 0, 0, .9)
}

.modal.new-application--sucsess p {
    margin-bottom: 24px;
    font-size: 1.4rem;
    line-height: 1.43;
    text-align: center;
    color: rgba(0, 0, 0, .9)
}

.modal.new-application--sucsess .btn {
    display: block;
    width: 100%
}

.modal.options-monitoring {
    width: 464px;
    border-radius: 4px;
    background-color: #fff;
    margin: auto
}

@media (max-width: 415px) {
    .modal.options-monitoring {
        width: 100%;
        border-radius: 0;
        margin-top: 0;
        height: 100%
    }
}

.modal.options-monitoring .options-monitoring-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 48px 80px
}

@media (max-width: 415px) {
    .modal.options-monitoring .options-monitoring-content {
        padding: 20px 24px
    }
}

.modal.options-monitoring .options-monitoring-header {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 32px
}

@media (max-width: 415px) {
    .modal.options-monitoring .options-monitoring-header {
        text-align: left;
        font-size: 1.6rem;
        line-height: 1.25
    }
}

.modal.options-monitoring .options-list label {
    position: relative;
    display: inline-block;
    float: left;
    width: 140px;
    margin-right: 24px;
    margin-bottom: 24px
}

@media (max-width: 415px) {
    .modal.options-monitoring .options-list label {
        display: block;
        float: none;
        width: 100%;
        margin-right: 0
    }
}

.modal.options-monitoring .options-list label:nth-child(even) {
    margin-right: 0
}

.modal.options-monitoring .options-list label input {
    position: absolute
}

.modal.options-monitoring .options-list label input:checked + .info:before {
    visibility: visible
}

.modal.options-monitoring .options-list label .info {
    cursor: pointer;
    position: relative;
    display: block;
    padding-left: 28px;
    font-size: 1.4rem;
    line-height: 1.14
}

@media (max-width: 415px) {
    .modal.options-monitoring .options-list label .info {
        font-size: 16px
    }
}

.modal.options-monitoring .options-list label .info:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid rgba(0, 0, 0, .4);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 2;
    cursor: pointer
}

.modal.options-monitoring .options-list label .info:after:hover {
    background-color: #f3f3f3
}

.modal.options-monitoring .options-list label .info:before {
    z-index: 3;
    visibility: hidden;
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    width: 8px;
    height: 5px;
    border-bottom: 2px solid rgba(0, 0, 0, .9);
    border-left: 2px solid rgba(0, 0, 0, .9);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal.options-monitoring .notifications {
    margin-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 32px;
    margin-bottom: 32px
}

.modal.options-monitoring .notifications .search-info--switch {
    padding-left: 20px
}

.modal.options-monitoring .notifications .switch_input,
.modal.options-monitoring .notifications .switch_label {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0
}

.modal.options-monitoring .notifications .switch_input {
    margin: 0;
    padding: 0;
    opacity: 0;
    height: 0;
    width: 0;
    pointer-events: none
}

.modal.options-monitoring .notifications .switch_input:checked + .switch_label + .switch_marker {
    left: calc(100% - 12px);
    background: #1a1a1a;
    border-color: #1a1a1a
}

.modal.options-monitoring .notifications .switch_input:checked + .switch_label:after {
    color: rgba(0, 0, 0, .9)
}

.modal.options-monitoring .notifications .switch_label {
    width: 24px;
    height: 8px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    color: transparent
}

.modal.options-monitoring .notifications .switch_label:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    content: attr(data-name);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9);
    cursor: pointer;
    background: 0 0;
    border: none;
    white-space: nowrap;
    left: 140%;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.modal.options-monitoring .notifications .switch_marker {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 16px;
    height: 16px;
    border: solid 1px rgba(0, 0, 0, .4);
    background-color: #fff;
    border-radius: 50%;
    z-index: 2;
    pointer-events: none;
    -webkit-transition: left .2s ease;
    transition: left .2s ease;
    will-change: left
}

.modal.options-monitoring .btn {
    display: block;
    width: 100%
}

.modal.options-monitoring .btn-disable {
    color: #fff
}

.modal-monitoring {
    padding-top: 0 !important
}

.modal-monitoring--content {
    width: 784px;
    margin: 20px auto auto;
}

@media (max-width: 415px) {
    .modal-monitoring--content {
        width: 100%;
        padding: 20px 0 20px 24px
    }
}

.modal-monitoring--content h2 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 16px
}
.modal-monitoring--content .modal-monitoring--name {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 5px;
}
.modal-monitoring--content .modal-monitoring-codes {
    font-size: 1.4rem;
}

.modal-monitoring--content .modal-monitoring-codes span {
    color: #999999;
}

@media (max-width: 415px) {
    .modal-monitoring--content h2 {
        font-size: 1.6rem;
        line-height: 1.25
    }
}

.modal-monitoring--settings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 49px
}

@media (max-width: 415px) {
    .modal-monitoring--settings {
        padding-bottom: 19px;
        width: auto;
        overflow-x: auto
    }
}

.modal-monitoring--settings a {
    font-size: 1.4rem;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4);
    margin-right: 32px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

@media (max-width: 415px) {
    .modal-monitoring--settings a {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: block;
        margin-right: 8px;
        font-size: 16px;
        padding: 8px 12px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .1);
        color: rgba(0, 0, 0, .9);
        white-space: nowrap
    }
}

.modal-monitoring--settings a .icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    opacity: .4
}

@media (max-width: 415px) {
    .modal-monitoring--settings a .icon {
        display: none
    }
}

.modal-monitoring--settings a .icon-stop {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3Cg fill='%23000' opacity='.9'%3E%3Cpath d='M6 2a2 2 0 1 1 4 0h3a1 1 0 0 1 0 2H3a1 1 0 1 1 0-2h3zm1 0h2a1 1 0 1 0-2 0zM3 5h10v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal-monitoring--settings a .icon-notifications {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3Cg opacity='.9'%3E%3Cg fill='%23000'%3E%3Cpath fill-opacity='.9' d='M8 14A6 6 0 1 1 8 2a6 6 0 0 1 0 12zm0-2.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z'/%3E%3Cpath d='M7.162 16h1.676a.75.75 0 0 0 .744-.657l.313-2.5A.75.75 0 0 0 9.15 12h-2.3a.75.75 0 0 0-.745.843l.313 2.5a.75.75 0 0 0 .744.657zM7.162 0h1.676a.75.75 0 0 1 .744.657l.313 2.5A.75.75 0 0 1 9.15 4h-2.3a.75.75 0 0 1-.745-.843l.313-2.5A.75.75 0 0 1 7.162 0z'/%3E%3Cpath d='M13.064 14.25l1.185-1.186a.75.75 0 0 0 .062-.99l-1.547-1.99a.75.75 0 0 0-1.122-.069l-1.627 1.627a.75.75 0 0 0 .07 1.122l1.989 1.547a.75.75 0 0 0 .99-.062zM1.75 2.936L2.937 1.75a.75.75 0 0 1 .99-.062l1.99 1.547a.75.75 0 0 1 .069 1.122L4.358 5.985a.75.75 0 0 1-1.122-.07L1.689 3.926a.75.75 0 0 1 .062-.99z'/%3E%3Cpath d='M0 7.162v1.676a.75.75 0 0 0 .657.744l2.5.313A.75.75 0 0 0 4 9.15v-2.3a.75.75 0 0 0-.843-.745l-2.5.313A.75.75 0 0 0 0 7.162z'/%3E%3Cpath d='M1.75 13.064l1.186 1.185a.75.75 0 0 0 .99.062l1.99-1.547a.75.75 0 0 0 .069-1.122l-1.627-1.627a.75.75 0 0 0-1.122.07l-1.547 1.989a.75.75 0 0 0 .062.99zM13.064 1.75l1.185 1.186a.75.75 0 0 1 .062.99l-1.547 1.99a.75.75 0 0 1-1.122.069l-1.627-1.627a.75.75 0 0 1 .07-1.122l1.989-1.547a.75.75 0 0 1 .99.062z'/%3E%3C/g%3E%3Cpath fill='%23000' d='M16 7.162v1.676a.75.75 0 0 1-.657.744l-2.5.313A.75.75 0 0 1 12 9.15v-2.3a.75.75 0 0 1 .843-.745l2.5.313a.75.75 0 0 1 .657.744z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal-monitoring--settings a:hover {
    color: rgba(0, 0, 0, .9);
    text-decoration: none
}

.modal-monitoring--settings a:hover .icon {
    opacity: 1
}

.modal-monitoring--item {
    padding: 12px 0;
    /*border-bottom: 1px solid rgba(0, 0, 0, .1);*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 415px) {
    .modal-monitoring--item {
        padding: 20px 24px 20px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .modal-monitoring--item.egrul {
        padding-bottom: 0
    }
}

.modal-monitoring--item .col-date {
    width: 10%;
    margin-right: 16px;
    font-size: 14px;
    line-height: 1.43;
    color: rgba(0, 0, 0, .4);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.monitoring-remove-confirm {
    margin: auto 38%;
    background-color: #fff;
    width: 400px;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-around;
    border-radius: 10px;
}

.monitoring-remove-confirm .mfp-close {
    display: none;
}

.monitoring-remove-confirm h1 {
    width: 90%;
    margin-left: 23px;
    font-weight: bold;
    font-size: 1.9rem;
}

.monitoring-remove-confirm .remove{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
}

.monitoring-remove-confirm .remove a {
    width: 120px;
}

@media (max-width: 415px) {
    .modal-monitoring--item .col-date {
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px
    }
}

.modal-monitoring--item .col-name {
    width: 25%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    font-size: 14px;
    line-height: 1.43;
    color: rgba(0, 0, 0, .4)
}

@media (max-width: 415px) {
    .modal-monitoring--item .col-name {
        width: 100%;
        color: rgba(0, 0, 0, .9);
        font-size: 16px;
        line-height: 1.25;
        margin-bottom: 8px;
        font-weight: 700
    }
}

.modal-monitoring--item .col-content {
    width: 50%;
    font-size: 1.4rem;
    line-height: 1.43
}

@media (max-width: 415px) {
    .modal-monitoring--item .col-content {
        width: 100%;
        font-size: 1.6rem;
        line-height: 1.25
    }
}

.modal-monitoring--item .col-content > p {
    margin-bottom: 8px
}

.modal-monitoring--item .col-content .tariffs-list--item a.price span, .modal-monitoring--item .col-content a.name span, .tariffs-list--item .modal-monitoring--item .col-content a.price span {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    display: inline-block;
    vertical-align: middle;
    color: rgba(0, 0, 0, .9);
    font-size: 1.4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal-monitoring--item .col-content .tariffs-list--item a.price .icon-name,
.modal-monitoring--item .col-content a.name .icon-name,
.tariffs-list--item .modal-monitoring--item .col-content a.price .icon-name,
.modal-compare-company a.data-company .icon-name {
    display: inline-block;
    vertical-align: sub;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='0.400000006' transform='translate(4.000000, 5.000000)' stroke='%23000000'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    border-bottom: 0
}

.modal-monitoring--item .col-content .factors {
    margin-bottom: 8px
}

@media (max-width: 415px) {
    .modal-monitoring--item .col-content .factors {
        margin-bottom: 0
    }
}

.modal-monitoring--item .col-content .factors-header {
    padding-bottom: 14px
}

@media (max-width: 415px) {
    .modal-monitoring--item .col-content .factors-header {
        padding-bottom: 8px
    }
}

.modal-monitoring--item .col-content .factors-header .icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle
}

@media (max-width: 415px) {
    .modal-monitoring--item .col-content .factors-header .icon {
        width: 16px;
        height: 16px;
        margin-right: 8px
    }
}

.modal-monitoring--item .col-content .factors-header .icon-satisfactorily {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3E228AA890-4BB7-4B13-B5C6-7B04F61B2E72%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='CARDS/DESKTOP/GUIDES-HINT' transform='translate(-384.000000, -291.000000)'%3E%3Cg id='icon/stopfactor/XL/alert' transform='translate(384.000000, 291.000000)'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23E6A345' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cpath d='M17.6,10 L22.4,10 L21.5625,23.893918 L18.46875,23.893918 L17.6,10 Z M20.0325,31.6 C19.2741629,31.6 18.6458358,31.3483896 18.1475,30.8451613 C17.6491642,30.341933 17.4,29.721294 17.4,28.9832258 C17.4,28.2451576 17.6491642,27.63011 18.1475,27.1380645 C18.6458358,26.646019 19.2741629,26.4 20.0325,26.4 C20.7691703,26.4 21.3812476,26.646019 21.86875,27.1380645 C22.3562524,27.63011 22.6,28.2451576 22.6,28.9832258 C22.6,29.721294 22.3562524,30.341933 21.86875,30.8451613 C21.3812476,31.3483896 20.7691703,31.6 20.0325,31.6 Z' id='!' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal-monitoring--item .col-content .factors-header .icon-dangerously {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3EAC5EEC6E-2150-4A16-BBE1-27952C7829B7%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/stopfactor/XL/stop'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23F24C3D' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cg id='Group-9' transform='translate(15.000000, 15.000000)' stroke='%23FFFFFF' stroke-linecap='square' stroke-width='3.5'%3E%3Cpath d='M2.66009437e-13,10 L10,1.71418435e-13' id='Line-7'%3E%3C/path%3E%3Cpath d='M-3.96127575e-13,2.40030218e-12 L10,10' id='Line-7'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal-monitoring--item .col-content .factors-header .name, .modal-monitoring--item .col-content .factors-header .tariffs-list--item .price, .tariffs-list--item .modal-monitoring--item .col-content .factors-header .price {
    vertical-align: middle;
    display: inline-block;
    font-weight: 700
}

@media (max-width: 415px) {
    .modal-monitoring--item .col-content .factors-content {
        font-size: 16px;
        color: rgba(0, 0, 0, .4)
    }
}

.modal-monitoring--item .col-content .refactors {
    padding-top: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 5px;
    width: 90%;
}

@media (max-width: 415px) {
    .modal-monitoring--item .col-content .refactors {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        width: auto;
        overflow-x: auto;
        padding-bottom: 24px !important
    }
}

.modal-monitoring--item .col-content .refactors:last-of-type {
    border-bottom: 0;
    padding-bottom: 0
}

.modal-monitoring--item .col-content .refactors:first-of-type {
    padding-top: 0
}

.modal-monitoring--item .col-content .refactors p,
.modal-monitoring--item .col-content .refactors div{
    margin-bottom: 8px;
    max-width: 225px;
}

@media (max-width: 415px) {
    .modal-monitoring--item .col-content .refactors p,
    .modal-monitoring--item .col-content .refactors div {
        width: 100%;
        max-width: 100%;
        margin-bottom: 8px;
        grid-column: span 2/auto
    }
}

.modal-monitoring--item .col-content .refactors .title {
    display: block;
    margin-top: 10px;
    margin-right: 4px;
    color: rgba(0, 0, 0, .4)
}

.modal-monitoring--item .col-content .refactors-before {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    margin-right: 32px
}

@media (max-width: 415px) {
    .modal-monitoring--item .col-content .refactors-before {
        padding: 16px;
        width: 240px;
        background-color: #fff;
        border-radius: 8px;
        -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
        margin-right: 8px
    }
}

.modal-monitoring--item .col-content .refactors-before p:last-of-type {
    margin-bottom: 0;
    max-width: 225px;
}

.modal-monitoring--item .col-content .refactors-before .refactors-content {
    opacity: .6;
    line-height: 1.43;
    color: #f24c3d;
}

#modal-monitoring .mfp-container {
    position: absolute !important;
    top: 0 !important;
}

#modal-monitoring {
    position: relative;
}

.modal-monitoring--item .col-content .refactors-before .refactors-content.changed {
    text-decoration: line-through;
}

.modal-monitoring--item .col-content .refactors-after {
    width: 240px;
    display: inline-block;
    vertical-align: top
}

@media (max-width: 415px) {
    .modal-monitoring--item .col-content .refactors-after {
        padding: 16px;
        width: 240px;
        background-color: #fff;
        border-radius: 8px;
        -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
        margin-right: 8px
    }
}

.modal-monitoring--item .col-content .refactors-after p:last-of-type {
    margin-bottom: 0
}

.modal.modal-inside {
    width: 100%;
    height: auto;
    padding: 120px 0 120px
}

@media (max-width: 415px) {
    .modal.modal-inside {
        padding: 30px 0
    }
}

.modal.modal-inside article {
    max-width: 944px;
    margin: auto
}

@media (max-width: 415px) {
    .modal.modal-inside article {
        max-width: 415px;
        width: 100%
    }
}

.modal.modal-inside article .subheader {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: .6px;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 96px;
    padding-top: 32px
}

@media (max-width: 415px) {
    .modal.modal-inside article .subheader {
        margin-bottom: 8px;
        padding-top: 16px
    }
}

.modal.modal-inside.big {
    padding: 0;
    max-width: 784px;
    margin: auto;
    width: 100%
}

@media (min-width: 1184px) {
    .modal.modal-inside.big {
        max-width: 944px
    }
}

@media (min-width: 1264px) {
    .modal.modal-inside.big {
        max-width: 1024px
    }
}

@media (min-width: 1344px) {
    .modal.modal-inside.big {
        max-width: 1104px
    }
}

.modal.modal-inside.big.modal-inside-tender,
.modal.modal-inside.big.modal-inside-inspect {
    max-width: 784px;
    margin: auto;
    width: 100%
}

@media (min-width: 1184px) {
    .modal.modal-inside.big.modal-inside-inspect,
    .modal.modal-inside.big.modal-inside-tender {
        max-width: 784px
    }
}

@media (min-width: 1264px) {
    .modal.modal-inside.big.modal-inside-inspect,
    .modal.modal-inside.big.modal-inside-tender {
        max-width: 860px
    }
}

@media (min-width: 1344px) {
    .modal.modal-inside.big.modal-inside-inspect,
    .modal.modal-inside.big.modal-inside-tender {
        max-width: 930px
    }
}

.modal-main-card {
    height: auto;
    border-radius: 4px;
    background-color: #fff;
    margin: auto;
    padding: 32px 40px 48px
}
.modal-main-card.modal-affiliation {
    padding: 0;
}

@media (max-width: 415px) {
    .modal-main-card {
        border-radius: 0;
        padding: 20px 24px
    }
}

.modal-main-card .modal-header {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (max-width: 415px) {
    .modal-main-card .modal-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 16px;
        margin-bottom: 28px
    }
}

.modal-main-card .modal-header h2 {
    width: 100%;
}

@media (max-width: 415px) {
    .modal-main-card .modal-header h2 {
        width: 100%
    }
}

.modal-main-card .modal-header--count {
    position: absolute;
    right: 0;
    top: 0;
    color: rgba(0, 0, 0, .4)
}

@media (max-width: 415px) {
    .modal-main-card .modal-header--count {
        position: static
    }
}

.modal-main-card .modal-content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.modal-main-card .modal-content ul li {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

@media (max-width: 415px) {
    .modal-main-card .modal-content ul li {
        margin-right: -24px
    }
}

.modal-main-card .modal-content ul li:hover {
    border-bottom: none
}

@media (max-width: 415px) {
    .modal-main-card .modal-content ul li:hover {
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
}

.modal-main-card .modal-content ul li a {
    display: block;
    padding: 12px 16px 11px;
    margin: 0 -16px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px
}

@media (max-width: 415px) {
    .modal-main-card .modal-content ul li a {
        margin: 0;
        padding: 20px 0 12px
    }
}

.modal-main-card .modal-content ul li a:hover {
    background-color: rgba(0, 0, 0, .05);
    padding-bottom: 12px;
    text-decoration: none
}

@media (max-width: 415px) {
    .modal-main-card .modal-content ul li a:hover {
        background-color: #fff
    }
}

.modal-main-card .modal-content ul li:last-child {
    border-bottom-color: #fff
}

@media (max-width: 415px) {
    .modal-main-card .modal-content ul li:last-child {
        border-bottom-color: rgba(0, 0, 0, .1)
    }
}

.modal-main-card .modal-content-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-main-card .modal-content-pagination--btn {
    margin-bottom: 24px;
    width: 100%;
    max-width: 472px
}

.modal-main-card .modal-content-pagination ul {
    max-width: 464px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

@media (max-width: 415px) {
    .modal-main-card .modal-content-pagination ul {
        display: none
    }
}

.modal-main-card .modal-content-pagination ul li {
    padding: 0 !important;
    border-radius: 0;
    border: 0
}

@media (min-width: 413px) {
    .modal-main-card .modal-content-pagination ul li.mobile {
        display: none
    }
}

@media (max-width: 415px) {
    .modal-main-card .modal-content-pagination ul li {
        margin: 0
    }
}

.modal-main-card .modal-content-pagination ul li:first-child {
    margin-right: 32px
}

.modal-main-card .modal-content-pagination ul li:last-child {
    margin-left: 32px
}

.modal-main-card .modal-content-pagination ul li a {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal-main-card .modal-content-pagination ul li a:not(.next), .modal-main-card .modal-content-pagination ul li a:not(.prev) {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4);
    border: solid 1px transparent
}

.modal-main-card .modal-content-pagination ul li a:not(.next):hover, .modal-main-card .modal-content-pagination ul li a:not(.prev):hover {
    border-color: rgba(0, 0, 0, .15);
    text-decoration: none
}

.modal-main-card .modal-content-pagination ul li a.active {
    background-color: #999;
    border-color: #999;
    color: #fff
}

.modal-main-card .modal-content-pagination ul li a.next, .modal-main-card .modal-content-pagination ul li a.prev {
    position: relative;
    border: 1px solid rgba(0, 0, 0, .15)
}

.modal-main-card .modal-content-pagination ul li a.next:hover, .modal-main-card .modal-content-pagination ul li a.prev:hover {
    border-color: rgba(0, 0, 0, .4)
}

.modal-main-card .modal-content-pagination ul li a.next:before, .modal-main-card .modal-content-pagination ul li a.prev:before {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    border-left: 2px solid rgba(0, 0, 0, .4);
    border-top: 2px solid rgba(0, 0, 0, .4)
}

.modal-main-card .modal-content-pagination ul li a.next:before {
    margin-top: -5px;
    margin-left: -7px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.modal-main-card .modal-content-pagination ul li a.prev:before {
    margin-top: -5px;
    margin-left: -5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal-sites {
    max-width: 464px;
    width: 100%
}

.modal-sites a {
    background-repeat: no-repeat;
    background-position: 96% center
}

.modal-sites a:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='0.400000006' transform='translate(4.000000, 5.000000)' stroke='%23000000'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal-phone {
    max-width: 464px;
    width: 100%
}

.modal-phone ul {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 415px) {
    .modal-phone ul {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.modal-phone ul li {
    max-width: 208px;
    width: calc(50% - 16px) !important
}

@media (max-width: 415px) {
    .modal-phone ul li {
        width: 100% !important;
        max-width: 100%
    }
}

.modal-phone ul li a {
    text-align: center
}

@media (max-width: 415px) {
    .modal-phone ul li a {
        text-align: left
    }
}

.modal-email {
    max-width: 464px;
    width: 100%
}

.modal-details {
    max-width: 600px;
    width: 100%
}

.modal-address {
    max-width: 784px;
    width: 100%
}

.modal-address .modal-header h2 {
    margin-bottom: 8px
}

.modal-address .modal-header--count {
    top: 0
}

.modal-address .modal-header .subheader {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4)
}

.modal-address ul {
    margin-bottom: 52px
}

.modal-address ul li {
    padding: 12px 0 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0
}

@media (max-width: 415px) {
    .modal-address ul li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.modal-address ul li .name, .modal-address ul li .tariffs-list--item .price, .tariffs-list--item .modal-address ul li .price {
    max-width: 517px;
    width: 73.4%
}

.modal-address ul li .name h3, .modal-address ul li .tariffs-list--item .price h3, .tariffs-list--item .modal-address ul li .price h3 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 4px
}

@media (max-width: 415px) {
    .modal-address ul li .name h3, .modal-address ul li .tariffs-list--item .price h3, .tariffs-list--item .modal-address ul li .price h3 {
        margin-bottom: 8px
    }
}

.modal-address ul li .date {
    justify-self: flex-end;
    font-size: 1.4rem;
    color: rgba(0, 0, 0, .4)
}

@media (max-width: 415px) {
    .modal-address ul li .date {
        margin-top: 8px
    }
}

.modal-address ul li:hover {
    width: calc(100% + 32px);
    background-color: rgba(0, 0, 0, .05);
    border-radius: 4px;
    padding: 12px 16px 12px;
    margin: 0 0 0 -16px;
    cursor: default;
    border-bottom: none
}

.modal-address .modal-content--btn {
    max-width: 464px;
    margin: auto
}

.modal-address .modal-content--btn .btn {
    padding: 16px;
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-transform: uppercase
}

.modal-map {
    max-width: 784px;
    width: 100%;
    padding: 32px 0 48px
}

.modal-map .modal-header {
    padding: 0 40px
}

.modal-map .modal-header h2 {
    margin-bottom: 8px
}

.modal-map .modal-header .subheader {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4)
}

.modal-map .modal-content {
    width: 100%;
    max-height: 508px;
    height: 100%
}

.modal-map .modal-content > div {
    width: 100%;
    height: 100%
}

.modal-cods {
    width: 100%;
    max-width: 464px
}

.modal-cods ul li {
    padding: 12px 0 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0
}

.modal-cods ul li .name, .modal-cods ul li .tariffs-list--item .price, .tariffs-list--item .modal-cods ul li .price {
    width: 65px;
    margin-right: 56px;
    color: rgba(0, 0, 0, .4)
}

.modal-cods ul li .value {
    width: calc(100% - 65px - 56px);
    justify-self: flex-start;
    font-size: 1.4rem
}

.modal-cods ul li .value span {
    display: block
}

.modal-cods ul li:hover {
    width: calc(100% + 32px);
    background-color: rgba(0, 0, 0, .05);
    border-radius: 4px;
    padding: 12px 16px 12px;
    margin: 0 0 0 -16px;
    cursor: default;
    border-bottom: none
}

.modal-activity {
    width: 100%;
    max-width: 784px
}

.modal-activity ul li {
    padding: 12px 0 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0
}

.modal-activity ul li.main p {
    color: #3aa65e
}

.modal-activity ul li .name, .modal-activity ul li .tariffs-list--item .price, .tariffs-list--item .modal-activity ul li .price {
    width: 64px;
    margin-right: 24px;
    color: rgba(0, 0, 0, .4)
}

.modal-activity ul li .value {
    width: calc(100% - 64px - 24px);
    justify-self: flex-start;
    font-size: 1.4rem
}

.modal-activity ul li:hover {
    width: calc(100% + 32px);
    background-color: rgba(0, 0, 0, .05);
    border-radius: 4px;
    padding: 12px 16px 12px;
    margin: 0 0 0 -16px;
    cursor: default;
    border-bottom: none
}

.modal-affiliation {
    width: 100%;
    height: 100%
}

.modal-license {
    max-width: 784px;
    width: 100%
}

.modal-license .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal-license .modal-header h2 {
    width: 184px
}

.modal-license .modal-header-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

@media (max-width: 415px) {
    .modal-license .modal-header-filters {
        overflow-x: auto;
        margin-top: 28px;
        margin-bottom: 0
    }
}

.modal-license .modal-header-filters .filters-btn {
    padding: 8px 16px;
    border: solid 1px rgba(0, 0, 0, .15);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4);
    cursor: pointer;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    background-color: transparent
}

@media (max-width: 415px) {
    .modal-license .modal-header-filters .filters-btn {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 8px 12px;
        background-color: rgba(0, 0, 0, .1);
        margin-right: 8px;
        border-radius: 4px;
        border: none;
        color: rgba(0, 0, 0, .9)
    }
}

.modal-license .modal-header-filters .filters-btn span {
    color: rgba(0, 0, 0, .4)
}

.modal-license .modal-header-filters .filters-btn.active {
    color: rgba(0, 0, 0, .9);
    background-color: rgba(0, 0, 0, .05)
}

@media (max-width: 415px) {
    .modal-license .modal-header-filters .filters-btn.active {
        background-color: rgba(0, 0, 0, .9);
        color: #fff
    }

    .modal-license .modal-header-filters .filters-btn.active span {
        color: rgba(255, 255, 255, .5)
    }
}

.modal-license .modal-header-filters .filters-btn:hover {
    color: rgba(0, 0, 0, .9)
}

.modal-license .modal-header-filters .filters-btn:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 0
}

.modal-license .modal-header-filters .filters-btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 0
}

.modal-license .modal-content > ul {
    margin: 0 -16px 43px;
    width: auto
}

.modal-license .modal-content > ul li {
    padding: 16px 0 15px;
    margin: 0 16px;
    cursor: default;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 32px);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 415px) {
    .modal-license .modal-content > ul li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.modal-license .modal-content > ul li:hover {
    padding: 16px 16px 16px;
    margin: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .05)
}

.modal-license .modal-content > ul li:hover .col.out p.disc {
    opacity: 1
}

.modal-license .modal-content > ul li .col p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    text-align: left;
    margin-bottom: 8px
}

.modal-license .modal-content > ul li .col p:last-child {
    margin-bottom: 0
}

.modal-license .modal-content > ul li .col p.disc {
    color: rgba(0, 0, 0, .4)
}

.modal-license .modal-content > ul li .col.from {
    max-width: 168px;
    width: 25%
}

@media (max-width: 415px) {
    .modal-license .modal-content > ul li .col.from {
        width: 100%;
        max-width: 100%
    }
}

.modal-license .modal-content > ul li .col.text {
    max-width: 304px;
    width: 45.3%
}

@media (max-width: 415px) {
    .modal-license .modal-content > ul li .col.text {
        width: 100%;
        max-width: 100%
    }
}

.modal-license .modal-content > ul li .col.out {
    max-width: 168px;
    width: 25%;
    text-align: right
}

@media (max-width: 415px) {
    .modal-license .modal-content > ul li .col.out {
        width: 100%;
        max-width: 100%;
        text-align: left
    }
}

.modal-license .modal-content > ul li .col.out p {
    text-align: right
}

@media (max-width: 415px) {
    .modal-license .modal-content > ul li .col.out p {
        text-align: left
    }
}

.modal-license .modal-content > ul li .col.out p.disc {
    opacity: 0;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity
}

.modal-license .modal-content > ul li.normal .col.out p {
    color: #3aa65e
}

.modal-license .modal-content > ul li.warning .col.out p {
    color: #f24c3d
}

.modal-license .modal-content > ul li.warning .col.out p.disc {
    display: inline-block;
    width: auto;
    margin-right: 0;
    margin-left: auto;
    padding-left: 20px;
    background-position: center left;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3EA9F57B32-3621-49F6-8B0F-60C67BD8DA1C%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/NO/S/red'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cpath d='M5,11 L11,5' id='Line-3' stroke='%23F24C3D' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M11,11 L5,5' id='Line-3' stroke='%23F24C3D' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal-license .modal-content > ul li.expire .col.out p {
    color: rgba(0, 0, 0, .4);
    text-align: right
}

@media (max-width: 415px) {
    .modal-license .modal-content > ul li.expire .col.out p {
        text-align: left
    }
}

.modal-license .modal-content > ul li.expire .col.out p.disc {
    display: inline-block;
    width: auto;
    padding-left: 20px;
    background-position: center left;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3ED71014F2-13FE-4CA9-B54F-8E084B0FFFD2%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.400000006'%3E%3Cg id='icon/NO/S/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cpath d='M5,11 L11,5' id='Line-3' stroke='%23000000' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M11,11 L5,5' id='Line-3' stroke='%23000000' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal-address--mas, .modal-director {
    max-width: 784px;
    width: 100%
}

@media (max-width: 415px) {
    .modal-address--mas, .modal-director {
        width: 100%;
        max-width: 415px
    }
}

.modal-address--mas .modal-header, .modal-director .modal-header {
    margin-bottom: 32px
}

.modal-address--mas .modal-header h2, .modal-director .modal-header h2 {
    margin-bottom: 8px
}

@media (max-width: 415px) {
    .modal-address--mas .modal-header h2, .modal-director .modal-header h2 {
        max-width: 290px;
        font-size: 1.6rem;
        line-height: 1.25;
        margin-bottom: 31.2px
    }
}

.modal-address--mas .modal-header p, .modal-director .modal-header p {
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (max-width: 415px) {
    .modal-address--mas .modal-header p, .modal-director .modal-header p {
        display: none
    }
}

.modal-address--mas .modal-header p:last-of-type, .modal-director .modal-header p:last-of-type {
    margin-bottom: 0
}

.modal-address--mas .modal-header p span, .modal-director .modal-header p span {
    color: rgba(0, 0, 0, .4)
}

.modal-address--mas .modal-content .title, .modal-director .modal-content .title {
    margin-bottom: 24px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    color: rgba(0, 0, 0, .4)
}

@media (max-width: 415px) {
    .modal-address--mas .modal-content .title, .modal-director .modal-content .title {
        margin-bottom: 12px
    }
}

.modal-address--mas .modal-content .title > span, .modal-director .modal-content .title > span {
    display: inline-block;
    margin-left: 4px;
    color: rgba(0, 0, 0, .4);
    vertical-align: middle
}

.modal-address--mas .modal-content .title > span.warning, .modal-director .modal-content .title > span.warning {
    color: #f24c3d
}

.modal-address--mas .modal-content .title span.icon-red-question, .modal-director .modal-content .title span.icon-red-question {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-left: 4px
}

.modal-address--mas .modal-content .title span.icon-red-question svg circle, .modal-address--mas .modal-content .title span.icon-red-question svg path, .modal-director .modal-content .title span.icon-red-question svg circle, .modal-director .modal-content .title span.icon-red-question svg path {
    -webkit-transition: .2s;
    transition: .2s
}

.modal-address--mas .modal-content .title span.icon-red-question:hover path, .modal-director .modal-content .title span.icon-red-question:hover path {
    fill: #fff
}

.modal-address--mas .modal-content .title span.icon-red-question:hover circle, .modal-director .modal-content .title span.icon-red-question:hover circle {
    fill: #f24c3d
}

.modal-address--mas .modal-content .title span.icon-red-question:hover .hard-hint, .modal-director .modal-content .title span.icon-red-question:hover .hard-hint {
    opacity: 1;
    display: block
}

.modal-address--mas .modal-content .title span.icon-red-question .hard-hint,
.modal-director .modal-content .title span.icon-red-question .hard-hint,
.main-card-info--row span.icon-red-question2 .hard-hint {
    display: none;
    position: absolute;
    opacity: 0;
    top: 0;
    width: 260px;
    height: auto;
    border-radius: 4px;
    background-color: #fff;
    padding: 20px;
    text-align: left;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    left: 25px;
    margin-top: -12px;
    margin-right: 0;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999
}

span.icon-red-question3 .hard-hint {
    display: none;
    position: absolute;
    opacity: 0;
    top: 30px;
    width: 260px;
    height: auto;
    border-radius: 4px;
    background-color: #fff;
    padding: 20px;
    text-align: left;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    left: 195px;
    margin-top: -12px;
    margin-right: 0;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999
}

.wrapper-sl {
    height: 350px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.slider {
    height: inherit;
    overflow: hidden;
    position: relative;
    width: inherit;
}

.slides {
    height: inherit;
    opacity: 0;
    position: absolute;
    width: inherit;
    z-index: 0;
    -webkit-transform: translate(1550px, 0);
    -moz-transform: translate(1550px, 0);
    -o-transform: translate(1550px, 0);
    transform: translate(1550px, 0);
    -webkit-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
    -moz-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
    -o-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
    transition: transform ease-in-out .5s, opacity ease-in-out .5s;

}

#slide1.active ~ .slider > .slide1,
#slide2.active ~ .slider > .slide2,
#slide3.active ~ .slider > .slide3,
#slide4.active ~ .slider > .slide4,
#slide5.active ~ .slider > .slide5 {
    opacity: 1;
    z-index: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.main-block .wrapper > input {
    display: none;
}

.main-block .wrapper .controls {
    left: 50%;
    bottom: 30px;
    margin-left: -50px;
    position: absolute;
    z-index: 9999;
}

.main-block .wrapper label {
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 25px 12px 0 16px;
    position: relative;
    width: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background ease-in-out .5s;
    -moz-transition: background ease-in-out .5s;
    -o-transition: background ease-in-out .5s;
    transition: background ease-in-out .5s;
}

.main-block .wrapper label:hover,
#slide1.active ~ .controls label:nth-of-type(1),
#slide2.active ~ .controls label:nth-of-type(2),
#slide3.active ~ .controls label:nth-of-type(3),
#slide4.active ~ .controls label:nth-of-type(4),
#slide5.active ~ .controls label:nth-of-type(5) {
    background: #ddd;
}

.main-block .wrapper label:after {
    border: 2px solid #ddd;
    content: " ";
    display: block;
    height: 12px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}


@media (max-width: 415px) {
    .modal-address--mas .modal-content .title span.icon-red-question .hard-hint,
    .modal-director .modal-content .title span.icon-red-question .hard-hint,
    .main-card-info--row span.icon-red-question2 .hard-hint {
        left: -230px;
        z-index: 99;
        top: calc(100% + 24px)
    }

    span.icon-red-question3 .hard-hint {
        left: 25px;
        z-index: 99;
        top: 35px
    }

    .ucr-hint {
        left: -128px !important;
    }
}

.modal-address--mas .modal-content .title span.icon-red-question .hard-hint:after,
.modal-director .modal-content .title span.icon-red-question .hard-hint:after,
.main-card-info--row span.icon-red-question2 .hard-hint:after,
span.icon-red-question3 .hard-hint:after {
    position: absolute;
    content: '';
    top: 12px;
    left: -12px;
    width: 6px;
    height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 8px solid transparent;
    border-right-color: #fff
}

@media (max-width: 415px) {
    .modal-address--mas .modal-content .title span.icon-red-question .hard-hint:after,
    .modal-director .modal-content .title span.icon-red-question .hard-hint:after,
    .main-card-info--row span.icon-red-question2 .hard-hint:after,
    span.icon-red-question3 .hard-hint:after {
        top: -12px;
        left: 50%;
        border-right-color: transparent;
        border-bottom-color: #fff
    }
}

.modal-address--mas .modal-content .title span.icon-red-question .hard-hint--text,
.modal-director .modal-content .title span.icon-red-question .hard-hint--text,
.main-card-info--row span.icon-red-question2 .hard-hint--text,
span.icon-red-question3 .hard-hint--text {
    color: rgba(0, 0, 0, .9);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem
}

@media (min-width: 1264px) and (min-height: 671px) {
    .modal-address--mas .modal-content .title span.icon-red-question .hard-hint--text,
    .modal-director .modal-content .title span.icon-red-question .hard-hint--text,
    .main-card-info--row span.icon-red-question2 .hard-hint--text,
    span.icon-red-question3 .hard-hint--text {
        font-size: 1.6rem
    }

}

@media (min-width: 1344px) {
    .modal-address--mas .modal-content .title span.icon-red-question .hard-hint--text,
    .modal-director .modal-content .title span.icon-red-question .hard-hint--text,
    .main-card-info--row span.icon-red-question2 .hard-hint--text,
    span.icon-red-question3 .hard-hint--text {
        font-size: 1.6rem
    }

}

.modal-address--mas .modal-content .title span.icon-red-question .hard-hint--header,
.modal-director .modal-content .title span.icon-red-question .hard-hint--header {
    color: rgba(0, 0, 0, .9);
    margin-bottom: 8px;
    font-size: 1.4rem;
    line-height: 1.6rem
}

@media (min-width: 1264px) and (min-height: 671px) {
    .modal-address--mas .modal-content .title span.icon-red-question .hard-hint--header,
    .modal-director .modal-content .title span.icon-red-question .hard-hint--header {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .modal-address--mas .modal-content .title span.icon-red-question .hard-hint--header,
    .modal-director .modal-content .title span.icon-red-question .hard-hint--header {
        font-size: 1.6rem
    }
}

.egrul-dt-pos {
    position: relative;
    bottom: 36px;
    left: 362px
}

#egrul-calendar {
    width: 200px;
    height: 38px;
    border: solid 1px rgba(0, 0, 0, .15);
    background-color: #fff;
    padding-left: 16px;
    display: block;
    font-size: 1.4rem;
    line-height: 1.43;
    margin: 0;
    outline: 0;
    color: rgba(0, 0, 0, .9);
    /*font-size: 16px;*/
    font-weight: 400;
    font-family: Roboto, sans-serif;
    /*line-height: normal;*/
    border-radius: 4px 0 0 4px;
    border-right: none;
}

.modal-address--mas .modal-content ul, .modal-director .modal-content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 48px;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sro-links, .sro-links:hover {
    padding: 12px 16px 11px !important;
    text-decoration: none;
    background-color: none;
}

@media (max-width: 415px) {
    .modal-address--mas .modal-content ul, .modal-director .modal-content ul {
        margin-right: -24px;
        width: auto;
        margin-bottom: 24px
    }
}

.modal-address--mas .modal-content ul:last-of-type, .modal-director .modal-content ul:last-of-type {
    margin-bottom: 0
}

.modal-address--mas .modal-content ul li, .modal-director .modal-content ul li {
    width: 100%;
    position: relative
}

.modal-address--mas .modal-content ul li a, .modal-director .modal-content ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 415px) {
    .modal-address--mas .modal-content ul li a, .modal-director .modal-content ul li a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal-address--mas .modal-content ul li a:after, .modal-director .modal-content ul li a:after {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -12px;
        right: 24px;
        width: 24px;
        height: 24px;
        background-image: url(../images/icon/mobil-arrow.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.modal-address--mas .modal-content ul li a.eliminated .name p span:not(.icon-name), .modal-address--mas .modal-content ul li a.eliminated .tariffs-list--item .price p span:not(.icon-name), .modal-director .modal-content ul li a.eliminated .name p span:not(.icon-name), .modal-director .modal-content ul li a.eliminated .tariffs-list--item .price p span:not(.icon-name), .tariffs-list--item .modal-address--mas .modal-content ul li a.eliminated .price p span:not(.icon-name), .tariffs-list--item .modal-director .modal-content ul li a.eliminated .price p span:not(.icon-name) {
    text-decoration: line-through;
    color: rgba(0, 0, 0, .4);
    -webkit-text-decoration-color: rgba(0, 0, 0, .6);
    text-decoration-color: rgba(0, 0, 0, .6)
}

.modal-address--mas .modal-content ul li a.eliminated .inn p, .modal-address--mas .modal-content ul li a.eliminated .ogrn p, .modal-address--mas .modal-content ul li a.eliminated .ogrnip p, .modal-director .modal-content ul li a.eliminated .inn p, .modal-director .modal-content ul li a.eliminated .period p, .modal-director .modal-content ul li a.eliminated .ogrn p, .modal-director .modal-content ul li a.eliminated .ogrnip p {
    color: rgba(0, 0, 0, .4)
}

.modal-address--mas .modal-content ul li a.gray .name p span:not(.icon-name), .modal-address--mas .modal-content ul li a.gray .tariffs-list--item .price p span:not(.icon-name), .modal-director .modal-content ul li a.gray .name p span:not(.icon-name), .modal-director .modal-content ul li a.gray .tariffs-list--item .price p span:not(.icon-name), .tariffs-list--item .modal-address--mas .modal-content ul li a.gray .price p span:not(.icon-name), .tariffs-list--item .modal-director .modal-content ul li a.gray .price p span:not(.icon-name) {
    color: rgba(0, 0, 0, .4);
    -webkit-text-decoration-color: rgba(0, 0, 0, .6);
    text-decoration-color: rgba(0, 0, 0, .6)
}

.modal-address--mas .modal-content ul li a.gray .inn p, .modal-address--mas .modal-content ul li a.gray .ogrn p, .modal-address--mas .modal-content ul li a.gray .ogrnip p, .modal-director .modal-content ul li a.gray .inn p, .modal-director .modal-content ul li a.gray .ogrn p, .modal-director .modal-content ul li a.gray .ogrnip p {
    color: rgba(0, 0, 0, .4)
}

.modal-address--mas .modal-content ul li .col, .modal-director .modal-content ul li .col {
    width: 100%
}

.modal-address--mas .modal-content ul li .col.name, .modal-address--mas .modal-content ul li .tariffs-list--item .col.price, .modal-director .modal-content ul li .col.name, .modal-director .modal-content ul li .tariffs-list--item .col.price, .tariffs-list--item .modal-address--mas .modal-content ul li .col.price, .tariffs-list--item .modal-director .modal-content ul li .col.price {
    max-width: 354px;
    margin-right: 40px
}

@media (max-width: 415px) {
    .modal-address--mas .modal-content ul li .col.name, .modal-address--mas .modal-content ul li .tariffs-list--item .col.price, .modal-director .modal-content ul li .col.name, .modal-director .modal-content ul li .tariffs-list--item .col.price, .tariffs-list--item .modal-address--mas .modal-content ul li .col.price, .tariffs-list--item .modal-director .modal-content ul li .col.price {
        margin-bottom: 12px
    }
}

.modal-address--mas .modal-content ul li .col.name p, .modal-address--mas .modal-content ul li .tariffs-list--item .col.price p, .modal-director .modal-content ul li .col.name p, .modal-director .modal-content ul li .tariffs-list--item .col.price p, .tariffs-list--item .modal-address--mas .modal-content ul li .col.price p, .tariffs-list--item .modal-director .modal-content ul li .col.price p {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .9);
    text-transform: uppercase
}

.modal-address--mas .modal-content ul li .col.name p .icon-name, .modal-address--mas .modal-content ul li .tariffs-list--item .col.price p .icon-name, .modal-director .modal-content ul li .col.name p .icon-name, .modal-director .modal-content ul li .tariffs-list--item .col.price p .icon-name, .tariffs-list--item .modal-address--mas .modal-content ul li .col.price p .icon-name, .tariffs-list--item .modal-director .modal-content ul li .col.price p .icon-name {
    margin-left: 4px;
    display: inline-block;
    vertical-align: baseline;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='0.400000006' transform='translate(4.000000, 5.000000)' stroke='%23000000'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

@media (max-width: 415px) {
    .modal-address--mas .modal-content ul li .col.name p .icon-name, .modal-address--mas .modal-content ul li .tariffs-list--item .col.price p .icon-name, .modal-director .modal-content ul li .col.name p .icon-name, .modal-director .modal-content ul li .tariffs-list--item .col.price p .icon-name, .tariffs-list--item .modal-address--mas .modal-content ul li .col.price p .icon-name, .tariffs-list--item .modal-director .modal-content ul li .col.price p .icon-name {
        display: none
    }
}

.modal-address--mas .modal-content ul li .col.inn, .modal-director .modal-content ul li .col.inn {
    max-width: 125px;
    margin-right: 35px
}

.modal-director .modal-content ul li .col.period {
    max-width: 110px;
    margin-right: 5px
}

@media (max-width: 415px) {
    .modal-address--mas .modal-content ul li .col.inn, .modal-director .modal-content ul li .col.inn, .modal-director .modal-content ul li .col.period {
        margin-bottom: 8px
    }
}

.modal-address--mas .modal-content ul li .col.inn p, .modal-director .modal-content ul li .col.inn p, .modal-director .modal-content ul li .col.period p {
    display: inline-block;
    margin-right: 4px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem
}

.modal-address--mas .modal-content ul li .col.inn p span, .modal-director .modal-content ul li .col.inn p span, .modal-director .modal-content ul li .col.period p span {
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .4);
    display: inline-block;
    margin-right: 4px
}

.modal-address--mas .modal-content ul li .col.ogrn, .modal-director .modal-content ul li .col.ogrn {
    max-width: 150px
}

@media (max-width: 415px) {
    .modal-address--mas .modal-content ul li .col.ogrn, .modal-director .modal-content ul li .col.ogrn {
        margin-bottom: 8px
    }
}

.modal-address--mas .modal-content ul li .col.ogrn p, .modal-director .modal-content ul li .col.ogrn p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem
}

.modal-address--mas .modal-content ul li .col.ogrn p span, .modal-director .modal-content ul li .col.ogrn p span {
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .4);
    display: inline-block;
    margin-right: 4px
}

.modal-address--mas .modal-content ul li .col.ogrnip, .modal-director .modal-content ul li .col.ogrnip {
    max-width: 190px
}

@media (max-width: 415px) {
    .modal-address--mas .modal-content ul li .col.ogrnip, .modal-director .modal-content ul li .col.ogrnip {
        margin-bottom: 8px
    }
}

.modal-address--mas .modal-content ul li .col.ogrnip p, .modal-director .modal-content ul li .col.ogrnip p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem
}

.modal-address--mas .modal-content ul li .col.ogrnip p span, .modal-director .modal-content ul li .col.ogrnip p span {
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .4);
    display: inline-block;
    margin-right: 4px
}

.modal-address--mas .modal-content-pagination {
    padding-top: 64px
}

.modal-affiliation-noregistr {
    max-width: 464px;
    width: 100%;
    padding: 48px 32px
}

.modal-affiliation-noregistr .modal-header {
    text-align: center;
    font-size: 2.2rem;
    line-height: 2.8rem;
    margin-bottom: 0
}

.modal-affiliation-noregistr .modal-header h2 {
    margin-bottom: 16px
}

.modal-affiliation-noregistr .modal-header .subheader {
    max-width: 304px;
    margin: auto;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
    margin-bottom: 24px
}

.modal-affiliation-noregistr .modal-header .btn {
    max-width: 304px;
    margin: auto;
    padding: 16px 13px;
    text-transform: uppercase
}

.modal.business.modal-inside {
    padding-top: 120px;
    max-width: none
}

@media (max-width: 415px) {
    .modal.business.modal-inside {
        padding-top: 45px
    }
}

.modal.business .modal-inside-wrapper {
    padding: 0;
    max-width: 784px;
    margin: auto;
    width: 100%
}

@media (min-width: 1184px) {
    .modal.business .modal-inside-wrapper {
        max-width: 944px
    }
}

@media (min-width: 1264px) {
    .modal.business .modal-inside-wrapper {
        max-width: 1024px
    }
}

@media (min-width: 1344px) {
    .modal.business .modal-inside-wrapper {
        max-width: 1104px
    }
}

@media (max-width: 415px) {
    .modal.business .modal-inside-wrapper {
        max-width: 100%;
        padding: 0 24px
    }
}

.modal.business .modal-inside--info {
    margin-bottom: 96px
}

@media (max-width: 415px) {
    .modal.business .modal-inside--info {
        margin-bottom: 32px
    }
}

.modal.business .modal-inside--info h2 {
    margin-bottom: 32px;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

.modal.business .modal-inside--info h3 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    color: rgba(0, 0, 0, .9);
    text-transform: uppercase;
    letter-spacing: .5px
}

.modal.business .modal-inside--table {
    overflow: hidden;
    padding: 0 16px;
    margin-left: -32px;
    position: relative
}

@media (max-width: 415px) {
    .modal.business .modal-inside--table {
        margin-left: -8px
    }
}

.modal.business .modal-inside--table:after {
    right: 0;
    top: 0;
    position: absolute;
    content: '';
    width: 120px;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff)
}

@media (max-width: 415px) {
    .modal.business .modal-inside--table:after {
        pointer-events: none
    }
}

.modal.business .modal-inside--table_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -16px 0;
    max-width: none;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal.business .modal-inside--table_inner .table {
    position: relative;
    float: left;
    margin: 0;
    padding: 0 120px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.modal.business .modal-inside--table .table {
    width: auto
}

.modal.business .modal-inside--table .table-header {
    width: auto
}

.modal.business .modal-inside--table .table-header .table-row {
    padding: 0 16px;
    background-color: #fff
}

.modal.business .modal-inside--table .table-header .table-row:hover {
    background-color: #fff
}

.modal.business .modal-inside--table .table-header .table-row .table-col:first-of-type {
    position: -webkit-sticky;
    position: sticky;
    left: 16px;
    background-color: #fff
}

@media (max-width: 415px) {
    .modal.business .modal-inside--table .table-header .table-row .table-col:first-of-type {
        position: static
    }
}

.modal.business .modal-inside--table .table-header .table-row .table-col:first-of-type:before {
    position: absolute;
    content: '';
    width: 32px;
    left: -32px;
    height: 100%;
    background-color: #fff
}

.modal.business .modal-inside--table .table-header .table-row .table-col:nth-child(2) {
    position: -webkit-sticky;
    position: sticky;
    left: 403px;
    background-color: #fff
}

@media (max-width: 415px) {
    .modal.business .modal-inside--table .table-header .table-row .table-col:nth-child(2) {
        position: static
    }
}

.modal.business .modal-inside--table .table-header .table-col {
    text-align: right;
    width: 42px;
    margin-right: 40px;
    margin-left: 0
}

.modal.business .modal-inside--table .table-header .table-col:first-of-type {
    width: 387px;
    text-align: left;
    white-space: nowrap;
    margin-right: 0;
    padding-right: 40px
}

@media (max-width: 415px) {
    .modal.business .modal-inside--table .table-header .table-col:first-of-type {
        width: 140px;
        position: static
    }
}

.modal.business .modal-inside--table .table-header .table-col:first-of-type span {
    text-align: left
}

.modal.business .modal-inside--table .table-header .table-col:first-of-type:hover {
    background-color: #fff !important
}

.modal.business .modal-inside--table .table-header .table-col:nth-child(2) {
    width: 66px;
    text-align: right;
    margin-left: -3px;
    padding-right: 5px
}

.modal.business .modal-inside--table .table-header .table-col:nth-child(2):hover {
    background-color: #fff !important
}

.modal.business .modal-inside--table .table-header .table-col span {
    width: 100%;
    text-align: right;
    font-size: 1.3rem;
    line-height: 1.6rem
}

@media (min-width: 1264px) and (min-height: 671px) {
    .modal.business .modal-inside--table .table-header .table-col span {
        font-size: 1.4rem
    }
}

@media (min-width: 1344px) {
    .modal.business .modal-inside--table .table-header .table-col span {
        font-size: 1.4rem
    }
}

.modal.business .modal-inside--table .table-body {
    width: auto;
    margin-bottom: 24px
}

.modal.business .modal-inside--table .table-body .table-row {
    padding: 12px 0 11px;
    border-radius: 4px;
    margin: 0 16px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom: 1px solid #ebeaea
}

.modal.business .modal-inside--table .table-body .table-row:hover {
    background-color: #f3f1f1;
    margin: 0 0;
    padding: 12px 16px 11px
}

.modal.business .modal-inside--table .table-body .table-row:hover .table-col:first-of-type, .modal.business .modal-inside--table .table-body .table-row:hover .table-col:first-of-type:before, .modal.business .modal-inside--table .table-body .table-row:hover .table-col:nth-child(2) {
    background-color: #f3f1f1
}

.modal.business .modal-inside--table .table-body .table-row .table-col:first-of-type {
    position: -webkit-sticky;
    position: sticky;
    left: 16px;
    background-color: #fff;
    width: 387px;
    padding-right: 40px;
    margin-right: 0
}

@media (max-width: 415px) {
    .modal.business .modal-inside--table .table-body .table-row .table-col:first-of-type {
        width: 140px;
        padding-right: 0;
        position: static
    }
}

.modal.business .modal-inside--table .table-body .table-row .table-col:first-of-type:before {
    position: absolute;
    content: '';
    width: 32px;
    left: -32px;
    height: 100%;
    background-color: #fff
}

.modal.business .modal-inside--table .table-body .table-row .table-col:nth-child(2) {
    position: -webkit-sticky;
    position: sticky;
    left: 403px;
    padding-right: 5px;
    background-color: #fff
}

@media (max-width: 415px) {
    .modal.business .modal-inside--table .table-body .table-row .table-col:nth-child(2) {
        left: 150px;
        position: static
    }
}

.modal.business .modal-inside--table .table-body .table-col {
    text-align: right;
    width: 40px;
    margin-right: 40px;
    margin-left: 0
}

.modal.business .modal-inside--table .table-body .table-col:nth-child(2) {
    margin-left: -3px
}

.modal.business .modal-inside--table .table-body .table-col span {
    display: block;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .modal.business .modal-inside--table .table-body .table-col span {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .modal.business .modal-inside--table .table-body .table-col span {
        font-size: 1.6rem
    }
}

.modal.business .modal-inside--table .table-body .table-col span.normal {
    color: rgba(0, 0, 0, .4)
}

.modal.business .modal-inside--table .table-body .table-col span.perfectly {
    color: #3aa65e
}

.modal.business .modal-inside--table .table-body .table-col span.dangerously {
    color: #f24c3d
}

.modal.business .modal-inside--table .table-body .table-col:first-of-type {
    text-align: left;
    width: 344px
}

@media (min-width: 1264px) and (min-height: 671px) {
    .modal.business .modal-inside--table .table-body .table-col:first-of-type span {
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .modal.business .modal-inside--table .table-body .table-col:first-of-type span {
        font-size: 1.6rem
    }
}

.modal.business .modal-inside--table .table-body .table-col:nth-child(2) {
    width: 64px
}

.modal.modal-inside-economy.modal-inside {
    padding-top: 120px;
    max-width: none
}

@media (max-width: 415px) {
    .modal.modal-inside-economy.modal-inside {
        padding-top: 60px
    }
}

.modal.modal-inside-economy .modal-inside-wrapper {
    padding: 0;
    max-width: 784px;
    margin: auto;
    width: 100%
}

@media (min-width: 1184px) {
    .modal.modal-inside-economy .modal-inside-wrapper {
        max-width: 944px
    }
}

@media (min-width: 1264px) {
    .modal.modal-inside-economy .modal-inside-wrapper {
        max-width: 1024px
    }
}

@media (min-width: 1344px) {
    .modal.modal-inside-economy .modal-inside-wrapper {
        max-width: 1104px
    }
}

@media (max-width: 415px) {
    .modal.modal-inside-economy .modal-inside-wrapper {
        padding: 0 16px
    }
}

.modal.modal-inside-economy .modal-inside--info {
    margin-bottom: 96px
}

@media (max-width: 415px) {
    .modal.modal-inside-economy .modal-inside--info {
        margin-bottom: 24px
    }
}

.modal.modal-inside-economy .modal-inside--info h2 {
    margin-bottom: 32px;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

.modal.modal-inside-economy .modal-inside--info h3 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    color: rgba(0, 0, 0, .9);
    text-transform: uppercase;
    letter-spacing: .5px
}

.modal.modal-inside-economy .modal-inside--table {
    overflow: hidden;
    position: relative;
    margin: 0 -16px;
    padding: 0 16px 24px
}

.modal.modal-inside-economy .modal-inside--table:after {
    right: 0;
    top: 0;
    position: absolute;
    content: '';
    width: 120px;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    pointer-events: none
}

.modal.modal-inside-economy .modal-inside--table_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -16px 0;
    padding-bottom: 24px;
    max-width: none;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal.modal-inside-economy .modal-inside--table_inner .table {
    position: relative;
    float: left;
    margin: 0;
    padding: 0 120px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.modal.modal-inside-economy .modal-inside--table .table {
    width: auto
}

.modal.modal-inside-economy .modal-inside--table .table-header {
    background-color: #fff;
    margin-bottom: 12px
}

.modal.modal-inside-economy .modal-inside--table .table-header .table-row {
    padding: 0 16px;
    background-color: #fff;
    border-bottom: 0
}

@media (max-width: 415px) {
    .modal.modal-inside-economy .modal-inside--table .table-header .table-row {
        padding-left: 0
    }
}

.modal.modal-inside-economy .modal-inside--table .table-header .table-row .table-col:first-of-type:before {
    position: absolute;
    content: '';
    width: 32px;
    left: -32px;
    height: 100%;
    background-color: #fff
}

.modal.modal-inside-economy .modal-inside--table .table-header .table-row:hover {
    background-color: #fff
}

.modal.modal-inside-economy .modal-inside--table .table-header .table-row:hover .table-col:first-of-type {
    position: -webkit-sticky;
    position: sticky;
    left: 16px;
    background-color: #fff
}

.modal.modal-inside-economy .modal-inside--table .table-header .table-row:hover .table-col:first-of-type:before {
    position: absolute;
    content: '';
    width: 32px;
    left: -32px;
    height: 100%;
    background-color: #fff
}

.modal.modal-inside-economy .modal-inside--table .table-header .table-col:hover {
    background-color: #fff !important
}

.modal.modal-inside-economy .modal-inside--table .table-row {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    cursor: pointer
}

.modal.modal-inside-economy .modal-inside--table .table-row:hover {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .05)
}

.modal.modal-inside-economy .modal-inside--table .table-row:hover .table-col:first-of-type, .modal.modal-inside-economy .modal-inside--table .table-row:hover .table-col:first-of-type:before {
    background-color: #f3f1f1
}

.modal.modal-inside-economy .modal-inside--table .table-row:last-child {
    margin-bottom: 0
}

.modal.modal-inside-economy .modal-inside--table .table-col {
    width: 124px;
    text-align: right;
    margin-right: 36px
}

@media (min-width: 1344px) {
    .modal.modal-inside-economy .modal-inside--table .table-col {
        width: 144px
    }
}

.modal.modal-inside-economy .modal-inside--table .table-col:first-child {
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    left: 16px;
    width: 260px;
    text-align: left;
    margin-right: 80px
}

@media (max-width: 415px) {
    .modal.modal-inside-economy .modal-inside--table .table-col:first-child {
        position: static;
        width: 160px;
        padding-left: 32px;
        margin-right: 8px
    }
}

.modal.modal-inside-economy .modal-inside--table .table-col:first-child:before {
    position: absolute;
    content: '';
    width: 32px;
    left: -32px;
    height: 100%;
    background-color: #fff
}

.modal.modal-inside-economy .modal-inside--table .table-col:first-child span {
    text-align: left
}

.modal.modal-inside-economy .modal-inside--table .table-col span {
    display: block;
    width: 100%;
    text-align: right
}

.modal.modal-inside-economy .modal-inside--table .table-body {
    width: auto
}

.modal.modal-inside-economy .modal-inside--table .table-body .table-row {
    padding: 12px 0 11px;
    border-radius: 4px;
    margin: 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.modal.modal-inside-economy .modal-inside--table .table-body .table-row:hover {
    background-color: #f3f1f1;
    margin: 0 -16px;
    padding: 12px 16px 11px
}

.modal.modal-inside-economy .modal-inside--table .table-body .table-col {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) and (min-height: 671px) {
    .modal.modal-inside-economy .modal-inside--table .table-body .table-col {
        font-size: 1.4rem
    }
}

@media (min-width: 1344px) {
    .modal.modal-inside-economy .modal-inside--table .table-body .table-col {
        font-size: 1.6rem
    }
}

.modal.short-report {
    min-height: 100%
}

.modal.short-report .modal-inside-wrapper {
    padding-top: 120px;
    min-height: 100%;
    width: 784px;
    margin: auto
}

@media (min-width: 1264px) {
    .modal.short-report .modal-inside-wrapper {
        width: 864px
    }
}

@media (min-width: 1344px) {
    .modal.short-report .modal-inside-wrapper {
        width: 944px
    }
}

@media (max-width: 415px) {
    .modal.short-report .modal-inside-wrapper {
        width: 100%;
        padding: 48px 24px
    }
}

.modal.short-report .short-report--header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 64px
}

@media (max-width: 415px) {
    .modal.short-report .short-report--header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 32px
    }
}

.modal.short-report .short-report--header .title {
    width: calc(100% - 240px)
}

@media (min-width: 1264px) {
    .modal.short-report .short-report--header .title {
        width: calc(100% - 304px)
    }
}

@media (max-width: 415px) {
    .modal.short-report .short-report--header .title {
        width: 100%
    }
}

.modal.short-report .short-report--header .title h2 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 16px
}

@media (min-width: 1264px) {
    .modal.short-report .short-report--header .title h2 {
        font-size: 3.2rem;
        line-height: 4.8rem;
        letter-spacing: .7px
    }
}

@media (max-width: 415px) {
    .modal.short-report .short-report--header .title h2 {
        margin-bottom: 8px
    }
}

.modal.short-report .short-report--header .title p {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 2rem;
    color: rgba(0, 0, 0, .9);
    text-transform: uppercase
}

@media (min-width: 1264px) {
    .modal.short-report .short-report--header .title p {
        font-size: 1.6rem
    }
}

.modal.short-report .short-report--header .title p span {
    line-height: normal
}

.modal.short-report .short-report--factors {
    margin-right: 0;
    margin-left: 16px;
    width: 224px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    text-align: right;
    color: #f24c3d
}

@media (min-width: 1264px) {
    .modal.short-report .short-report--factors {
        width: 304px;
        font-size: 3.2rem;
        line-height: 4.8rem
    }
}

@media (max-width: 415px) {
    .modal.short-report .short-report--factors {
        width: 100%;
        padding-top: 8px;
        margin-left: 0;
        text-align: left
    }
}

.modal.short-report .short-report--table {
    padding-bottom: 120px
}

.modal.short-report .short-report--table .table-row {
    padding: 24px 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.modal.short-report .short-report--table .table-row:first-of-type {
    padding-top: 0
}

.modal.short-report .short-report--table .table-row:last-of-type {
    border-bottom: 0
}

@media (max-width: 415px) {
    .modal.short-report .short-report--table .table-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.modal.short-report .short-report--table .table-col {
    width: calc(100% - 240px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 1264px) {
    .modal.short-report .short-report--table .table-col {
        width: calc(100% - 280px)
    }
}

@media (min-width: 1344px) {
    .modal.short-report .short-report--table .table-col {
        width: calc(100% - 320px)
    }
}

@media (max-width: 415px) {
    .modal.short-report .short-report--table .table-col {
        font-size: 1.6rem;
        margin-right: 0;
        width: 100%;
        margin-bottom: 8px
    }
}

.modal.short-report .short-report--table .table-col.name, .modal.short-report .short-report--table .tariffs-list--item .table-col.price, .tariffs-list--item .modal.short-report .short-report--table .table-col.price {
    width: 224px;
    margin-right: 16px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    color: rgba(0, 0, 0, .4)
}

@media (min-width: 1264px) {
    .modal.short-report .short-report--table .table-col.name, .modal.short-report .short-report--table .tariffs-list--item .table-col.price, .tariffs-list--item .modal.short-report .short-report--table .table-col.price {
        width: 240px;
        margin-right: 40px;
        font-size: 1.6rem
    }
}

@media (min-width: 1344px) {
    .modal.short-report .short-report--table .table-col.name, .modal.short-report .short-report--table .tariffs-list--item .table-col.price, .tariffs-list--item .modal.short-report .short-report--table .table-col.price {
        margin-right: 80px
    }
}

.modal.short-report .short-report--table .table-col h3 {
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .9);
    text-transform: uppercase
}

@media (min-width: 1264px) {
    .modal.short-report .short-report--table .table-col h3 {
        font-size: 1.6rem
    }
}

.modal.short-report .short-report--table .table-col p {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2rem;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) {
    .modal.short-report .short-report--table .table-col p {
        font-size: 1.6rem
    }
}

.modal.short-report .short-report--table .table-col p.normal {
    color: #3aa65e
}

.modal.short-report .short-report--table .table-col p.warning {
    color: #f24c3d
}

.modal.short-report .short-report--table .table-col p.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal.short-report .short-report--table .table-col p.row span.title {
    width: 72px;
    margin-right: 8px
}

.modal.short-report .short-report--table .table-col p.row span.value {
    color: rgba(0, 0, 0, .9);
    width: calc(100% - 80px)
}

.modal.short-report .short-report--table .table-col p span {
    display: inline-block;
    margin-right: 4px;
    color: rgba(0, 0, 0, .4)
}

.modal.short-report .short-report--table .table-col .info {
    margin-bottom: 16px;
    padding-left: 20px;
    border-left: 4px solid rgba(0, 0, 0, .9)
}

.modal.short-report .short-report--table .table-col .info h3 {
    margin-bottom: 0
}

.modal.short-report .short-report--table .table-col .detail {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 16px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

@media (max-width: 415px) {
    .modal.short-report .short-report--table .table-col .detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.modal.short-report .short-report--table .table-col .detail:last-child {
    border-bottom: none
}

.modal.short-report .short-report--table .table-col .detail .col {
    width: 190px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: right
}

@media (max-width: 415px) {
    .modal.short-report .short-report--table .table-col .detail .col {
        width: 100%;
        text-align: left
    }
}

.modal.short-report .short-report--table .table-col .detail .col p {
    text-align: right;
    width: 100%
}

@media (max-width: 415px) {
    .modal.short-report .short-report--table .table-col .detail .col p {
        text-align: left
    }
}

.modal.short-report .short-report--table .table-col .detail .col p span {
    color: rgba(0, 0, 0, .9)
}

.modal.short-report .short-report--table .table-col .detail .col:first-of-type {
    width: calc(100% - 202px);
    margin-right: 12px;
    text-align: left
}

@media (max-width: 415px) {
    .modal.short-report .short-report--table .table-col .detail .col:first-of-type {
        width: 100%
    }
}

.modal.short-report .short-report--table .table-col .detail .col:first-of-type h3 {
    width: 100%
}

.modal.short-report .short-report--table .table-col .detail .col:first-of-type p {
    width: auto;
    margin-right: 16px
}

.modal.short-report .short-report--table .table-col .detail .col:first-of-type p span {
    color: rgba(0, 0, 0, .9)
}

.modal.short-report .short-report--table .table-col .detail .col:first-of-type p span:first-of-type {
    width: 42px;
    margin-right: 4px;
    color: rgba(0, 0, 0, .4)
}

.modal.short-report .short-report--table .table-col .factors {
    position: relative;
    padding: 24px 0 0
}

.modal.short-report .short-report--table .table-col .factors:before {
    content: '';
    position: absolute;
    display: block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    top: 22px;
    left: -40px;
    background-position: center;
    background-size: contain
}

@media (max-width: 415px) {
    .modal.short-report .short-report--table .table-col .factors:before {
        left: 0;
        width: 24px;
        height: 24px
    }
}

.modal.short-report .short-report--table .table-col .factors h4 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 8px
}

@media (min-width: 1264px) {
    .modal.short-report .short-report--table .table-col .factors h4 {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .modal.short-report .short-report--table .table-col .factors h4 {
        padding-left: 32px
    }
}

.modal.short-report .short-report--table .table-col .factors.satisfactorily:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3E228AA890-4BB7-4B13-B5C6-7B04F61B2E72%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='CARDS/DESKTOP/GUIDES-HINT' transform='translate(-384.000000, -291.000000)'%3E%3Cg id='icon/stopfactor/XL/alert' transform='translate(384.000000, 291.000000)'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23E6A345' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cpath d='M17.6,10 L22.4,10 L21.5625,23.893918 L18.46875,23.893918 L17.6,10 Z M20.0325,31.6 C19.2741629,31.6 18.6458358,31.3483896 18.1475,30.8451613 C17.6491642,30.341933 17.4,29.721294 17.4,28.9832258 C17.4,28.2451576 17.6491642,27.63011 18.1475,27.1380645 C18.6458358,26.646019 19.2741629,26.4 20.0325,26.4 C20.7691703,26.4 21.3812476,26.646019 21.86875,27.1380645 C22.3562524,27.63011 22.6,28.2451576 22.6,28.9832258 C22.6,29.721294 22.3562524,30.341933 21.86875,30.8451613 C21.3812476,31.3483896 20.7691703,31.6 20.0325,31.6 Z' id='!' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal.short-report .short-report--table .table-col .factors.dangerously:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3EAC5EEC6E-2150-4A16-BBE1-27952C7829B7%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/stopfactor/XL/stop'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23F24C3D' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cg id='Group-9' transform='translate(15.000000, 15.000000)' stroke='%23FFFFFF' stroke-linecap='square' stroke-width='3.5'%3E%3Cpath d='M2.66009437e-13,10 L10,1.71418435e-13' id='Line-7'%3E%3C/path%3E%3Cpath d='M-3.96127575e-13,2.40030218e-12 L10,10' id='Line-7'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}


#modal-inside-аrbitrage {
    padding-bottom: 92px;
    min-height: 100%
}

#modal-inside-аrbitrage .select-years {
    margin-bottom: 48px
}

@media (max-width: 415px) {
    #modal-inside-аrbitrage .select-years {
        margin-bottom: 24px
    }
}

#modal-inside-аrbitrage .аrbitrage-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 48px
}

@media (max-width: 415px) {
    #modal-inside-аrbitrage .аrbitrage-type {
        padding: 0 16px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 24px
    }
}

#modal-inside-аrbitrage .аrbitrage-type li {
    margin-right: 36px;
    min-width: 98px
}

@media (max-width: 415px) {
    #modal-inside-аrbitrage .аrbitrage-type li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }
}

@media (max-width: 415px) {
    #modal-inside-аrbitrage .аrbitrage-type li a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
}

#modal-inside-аrbitrage .аrbitrage-type li a:hover {
    text-decoration: none
}

#modal-inside-аrbitrage .аrbitrage-type li a:hover .name, #modal-inside-аrbitrage .аrbitrage-type li a:hover .tariffs-list--item .price, .tariffs-list--item #modal-inside-аrbitrage .аrbitrage-type li a:hover .price {
    border-bottom: 0
}

#modal-inside-аrbitrage .аrbitrage-type li a.active .name, #modal-inside-аrbitrage .аrbitrage-type li a.active .tariffs-list--item .price, .tariffs-list--item #modal-inside-аrbitrage .аrbitrage-type li a.active .price {
    color: rgba(0, 0, 0, .9);
    border-bottom: 0
}

#modal-inside-аrbitrage .аrbitrage-type li a.active .info {
    display: block
}

@media (max-width: 415px) {
    #modal-inside-аrbitrage .аrbitrage-type li a.active .info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

#modal-inside-аrbitrage .аrbitrage-type li a.disabled {
    pointer-events: none
}

#modal-inside-аrbitrage .аrbitrage-type li a.disabled .name, #modal-inside-аrbitrage .аrbitrage-type li a.disabled .tariffs-list--item .price, .tariffs-list--item #modal-inside-аrbitrage .аrbitrage-type li a.disabled .price {
    color: rgba(0, 0, 0, .2);
    border-bottom: 0
}

#modal-inside-аrbitrage .аrbitrage-type li a.disabled .info {
    display: none
}

#modal-inside-аrbitrage .аrbitrage-type li .name, #modal-inside-аrbitrage .аrbitrage-type li .tariffs-list--item .price, .tariffs-list--item #modal-inside-аrbitrage .аrbitrage-type li .price {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    -webkit-transition: .2s all ease;
    transition: .2s all ease
}

@media (max-width: 415px) {
    #modal-inside-аrbitrage .аrbitrage-type li .name, #modal-inside-аrbitrage .аrbitrage-type li .tariffs-list--item .price, .tariffs-list--item #modal-inside-аrbitrage .аrbitrage-type li .price {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

#modal-inside-аrbitrage .аrbitrage-type li .info {
    display: none;
    font-size: 1.4rem;
    font-weight: 400;
    color: rgba(0, 0, 0, .9);
    line-height: 2rem
}

#modal-inside-аrbitrage .аrbitrage-type li .info span {
    display: block
}

@media (max-width: 415px) {
    #modal-inside-аrbitrage .аrbitrage-type li .info span {
        display: inline-block;
        margin-left: 4px
    }
}

@media (max-width: 415px) {
    #modal-inside-аrbitrage .аrbitrage-list {
        padding: 0 16px
    }
}

#modal-inside-аrbitrage .аrbitrage-list--item {
    padding-left: 20px;
    border-left: 4px solid #1a1a1a;
    margin-bottom: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#modal-inside-аrbitrage .аrbitrage-list--item .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) {
    #modal-inside-аrbitrage .аrbitrage-list--item .info {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    #modal-inside-аrbitrage .аrbitrage-list--item .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

#modal-inside-аrbitrage .аrbitrage-list--item .info div {
    margin-right: 16px
}

#modal-inside-аrbitrage .аrbitrage-list--item .info div.number a {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) {
    #modal-inside-аrbitrage .аrbitrage-list--item .info div.number a {
        font-size: 1.6rem
    }
}

#modal-inside-аrbitrage .аrbitrage-list--item .info div.number a span:not(.icon-name) {
    border-bottom: 1px solid rgba(0, 0, 0, .4)
}

#modal-inside-аrbitrage .аrbitrage-list--item .info div.number a:hover {
    text-decoration: none
}

#modal-inside-аrbitrage .аrbitrage-list--item .info div.number a:hover span:not(.icon-name) {
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    opacity: .7
}

#modal-inside-аrbitrage .аrbitrage-list--item .info div.number .icon-name {
    margin-left: 4px;
    display: inline-block;
    vertical-align: baseline;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='0.400000006' transform='translate(4.000000, 5.000000)' stroke='%23000000'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

#modal-inside-аrbitrage .аrbitrage-list--item_info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 48px;
    margin-bottom: 96px
}

@media (max-width: 415px) {
    #modal-inside-аrbitrage .аrbitrage-list--item_info {
        padding-left: 24px;
        margin-bottom: 48px
    }
}

#modal-inside-аrbitrage .аrbitrage-list--item_info .side h3 {
    margin-bottom: 4px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: normal;
    color: #1a1a1a
}

@media (min-width: 1264px) {
    #modal-inside-аrbitrage .аrbitrage-list--item_info .side h3 {
        font-size: 1.6rem
    }
}

#modal-inside-аrbitrage .аrbitrage-list--item_info .side p {
    max-width: 416px;
    width: 100%;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) {
    #modal-inside-аrbitrage .аrbitrage-list--item_info .side p {
        font-size: 1.6rem
    }
}

#modal-inside-аrbitrage .аrbitrage-list--item_info .side p:last-child {
    margin-bottom: 24px
}

#modal-inside-аrbitrage .аrbitrage-list--item_info .side p span {
    border-bottom: 1px solid rgba(0, 0, 0, .4)
}

#modal-inside-аrbitrage .аrbitrage-list--item_info .documents h3 {
    margin-bottom: 24px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: normal;
    color: #1a1a1a
}

@media (min-width: 1264px) {
    #modal-inside-аrbitrage .аrbitrage-list--item_info .documents h3 {
        font-size: 1.6rem
    }
}

#modal-inside-аrbitrage .аrbitrage-list--item_info .documents table {
    width: 656px
}

@media (min-width: 1264px) {
    #modal-inside-аrbitrage .аrbitrage-list--item_info .documents table {
        width: 736px
    }
}

@media (max-width: 415px) {
    #modal-inside-аrbitrage .аrbitrage-list--item_info .documents table {
        width: 100%
    }
}

#modal-inside-аrbitrage .аrbitrage-list--item_info .documents table tr {
    border-bottom: 1px solid rgba(0, 0, 0, .4)
}

@media (max-width: 415px) {
    #modal-inside-аrbitrage .аrbitrage-list--item_info .documents table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

#modal-inside-аrbitrage .аrbitrage-list--item_info .documents table tr td {
    padding: 16px 0;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 8px 0
}

@media (min-width: 1264px) {
    #modal-inside-аrbitrage .аrbitrage-list--item_info .documents table tr td {
        font-size: 1.6rem
    }
}

#modal-inside-аrbitrage .аrbitrage-list--item_info .documents table tr td:first-of-type {
    width: 96px
}

#modal-inside-аrbitrage .аrbitrage-list--item_info .documents table tr td:not(:first-of-type) {
    padding-left: 40px
}

@media (max-width: 415px) {
    #modal-inside-аrbitrage .аrbitrage-list--item_info .documents table tr td:not(:first-of-type) {
        padding-left: 0
    }
}

#modal-inside-аrbitrage .аrbitrage-list--item_info .documents table tr td .name, #modal-inside-аrbitrage .аrbitrage-list--item_info .documents table tr td .tariffs-list--item .price, .tariffs-list--item #modal-inside-аrbitrage .аrbitrage-list--item_info .documents table tr td .price {
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) {
    #modal-inside-аrbitrage .аrbitrage-list--item_info .documents table tr td .name, #modal-inside-аrbitrage .аrbitrage-list--item_info .documents table tr td .tariffs-list--item .price, .tariffs-list--item #modal-inside-аrbitrage .аrbitrage-list--item_info .documents table tr td .price {
        font-size: 1.6rem
    }
}

#modal-inside-аrbitrage .аrbitrage-list--item_info .documents table tr td .name-firms {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4)
}

@media (min-width: 1264px) {
    #modal-inside-аrbitrage .аrbitrage-list--item_info .documents table tr td .name-firms {
        font-size: 1.6rem
    }
}

#modal-inside-fssp {
    padding-bottom: 92px;
    min-height: 100%
}

#modal-inside-fssp .select-years {
    margin-bottom: 48px
}

@media (max-width: 415px) {
    #modal-inside-fssp .select-years {
        margin-bottom: 24px
    }
}

#modal-inside-fssp .fssp-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 48px
}

@media (max-width: 415px) {
    #modal-inside-fssp .fssp-type {
        padding: 0 16px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 24px
    }
}

#modal-inside-fssp .fssp-type li {
    margin-right: 36px;
    min-width: 98px
}

@media (max-width: 415px) {
    #modal-inside-fssp .fssp-type li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }
}

@media (max-width: 415px) {
    #modal-inside-fssp .fssp-type li a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
}

#modal-inside-fssp .fssp-type li a:hover {
    text-decoration: none
}

#modal-inside-fssp .fssp-type li a:hover .name, #modal-inside-fssp .fssp-type li a:hover .tariffs-list--item .price, .tariffs-list--item #modal-inside-fssp .fssp-type li a:hover .price {
    border-bottom: 0
}

#modal-inside-fssp .fssp-type li a.active .name, #modal-inside-fssp .fssp-type li a.active .tariffs-list--item .price, .tariffs-list--item #modal-inside-fssp .fssp-type li a.active .price {
    color: rgba(0, 0, 0, .9);
    border-bottom: 0
}

#modal-inside-fssp .fssp-type li a.active .info {
    display: block
}

@media (max-width: 415px) {
    #modal-inside-fssp .fssp-type li a.active .info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

#modal-inside-fssp .fssp-type li a.disabled {
    pointer-events: none
}

#modal-inside-fssp .fssp-type li a.disabled .name, #modal-inside-fssp .fssp-type li a.disabled .tariffs-list--item .price, .tariffs-list--item #modal-inside-fssp .fssp-type li a.disabled .price {
    color: rgba(0, 0, 0, .2);
    border-bottom: 0
}

#modal-inside-fssp .fssp-type li a.disabled .info {
    display: none
}

#modal-inside-fssp .fssp-type li .name, #modal-inside-fssp .fssp-type li .tariffs-list--item .price, .tariffs-list--item #modal-inside-fssp .fssp-type li .price {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    -webkit-transition: .2s all ease;
    transition: .2s all ease
}

@media (max-width: 415px) {
    #modal-inside-fssp .fssp-type li .name, #modal-inside-fssp .fssp-type li .tariffs-list--item .price, .tariffs-list--item #modal-inside-fssp .fssp-type li .price {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

#modal-inside-fssp .fssp-type li .info {
    display: none;
    font-size: 1.4rem;
    font-weight: 400;
    color: rgba(0, 0, 0, .9);
    line-height: 2rem
}

#modal-inside-fssp .fssp-type li .info span {
    display: block
}

@media (max-width: 415px) {
    #modal-inside-fssp .fssp-type li .info span {
        display: inline-block;
        margin-left: 4px
    }
}

@media (max-width: 415px) {
    #modal-inside-fssp .fssp-list {
        padding: 0 16px
    }
}

#modal-inside-fssp .fssp-list--item {
    padding-left: 20px;
    border-left: 4px solid #1a1a1a;
    margin-bottom: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#modal-inside-fssp .fssp-list--item .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) {
    #modal-inside-fssp .fssp-list--item .info {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    #modal-inside-fssp .fssp-list--item .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

#modal-inside-fssp .fssp-list--item .info div {
    margin-right: 16px;
    font-weight: 700
}

#modal-inside-fssp .fssp-list--item .info div.date, #modal-inside-fssp .fssp-list--item .info div.number {
    font-weight: 400
}

#modal-inside-fssp .fssp-list--item_info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 48px;
    margin-bottom: 96px
}

@media (max-width: 415px) {
    #modal-inside-fssp .fssp-list--item_info {
        padding-left: 24px;
        margin-bottom: 48px
    }
}

#modal-inside-fssp .fssp-list--item_info .documents table {
    width: 656px
}

@media (min-width: 1264px) {
    #modal-inside-fssp .fssp-list--item_info .documents table {
        width: 736px
    }
}

@media (max-width: 415px) {
    #modal-inside-fssp .fssp-list--item_info .documents table {
        width: 100%
    }
}

#modal-inside-fssp .fssp-list--item_info .documents table tr {
    border-bottom: 1px solid rgba(0, 0, 0, .4)
}

@media (max-width: 415px) {
    #modal-inside-fssp .fssp-list--item_info .documents table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

#modal-inside-fssp .fssp-list--item_info .documents table tr:last-child {
    border-bottom: 0
}

#modal-inside-fssp .fssp-list--item_info .documents table tr td {
    padding: 11px 0;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 8px 0
}

@media (min-width: 1264px) {
    #modal-inside-fssp .fssp-list--item_info .documents table tr td {
        font-size: 1.6rem
    }
}

#modal-inside-fssp .fssp-list--item_info .documents table tr td:first-of-type {
    width: 240px;
    color: rgba(0, 0, 0, .4)
}

#modal-inside-fssp .fssp-list--item_info .documents table tr td:not(:first-of-type) {
    padding-left: 32px
}

@media (max-width: 415px) {
    #modal-inside-fssp .fssp-list--item_info .documents table tr td:not(:first-of-type) {
        padding-left: 0
    }
}

#modal-inside-fssp .fssp-list--item_info .documents table tr td .name, #modal-inside-fssp .fssp-list--item_info .documents table tr td .tariffs-list--item .price, .tariffs-list--item #modal-inside-fssp .fssp-list--item_info .documents table tr td .price {
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) {
    #modal-inside-fssp .fssp-list--item_info .documents table tr td .name, #modal-inside-fssp .fssp-list--item_info .documents table tr td .tariffs-list--item .price, .tariffs-list--item #modal-inside-fssp .fssp-list--item_info .documents table tr td .price {
        font-size: 1.6rem
    }
}

#modal-inside-fssp .fssp-list--item_info .documents table tr td .name-firms {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4)
}

@media (min-width: 1264px) {
    #modal-inside-fssp .fssp-list--item_info .documents table tr td .name-firms {
        font-size: 1.6rem
    }
}

.modal-inside-tender {
    padding-bottom: 92px;
    min-height: 100%
}

.modal-inside-tender .select-years {
    margin-bottom: 48px
}

@media (max-width: 415px) {
    .modal-inside-tender .select-years {
        margin-bottom: 24px
    }
}

.modal-inside-tender .tender-tabs--inner {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start*/
}

@media (max-width: 415px) {
    .modal-inside-tender .tender-tabs--inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 16px
    }
}

.modal-inside-tender .tender-tabs--inner .tender-tabs--modal {
    margin-right: 24px
}

@media (max-width: 415px) {
    .modal-inside-tender .tender-tabs--inner .tender-tabs--modal {
        margin-bottom: 16px
    }
}

.modal-inside-tender .inspect-type,
.modal-inside-tender .tender-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 32px
}

@media (max-width: 415px) {
    .modal-inside-tender .inspect-type,
    .modal-inside-tender .tender-type {
        padding: 0 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
.modal-inside-tender .inspect-type li,
.modal-inside-tender .tender-type li {
    margin-right: 48px
}

@media (max-width: 415px) {
    .modal-inside-tender .inspect-type li,
    .modal-inside-tender .tender-type li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }
}

@media (max-width: 415px) {
    .modal-inside-tender .inspect-type li a,
    .modal-inside-tender .tender-type li a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
}
.modal-inside-tender .inspect-type li a:hover,
.modal-inside-tender .tender-type li a:hover {
    text-decoration: none
}
.modal-inside-tender .inspect-type li a:hover .name,
.modal-inside-tender .inspect-type li a:hover .tariffs-list--item .price,
.tariffs-list--item .modal-inside-tender .inspect-type li a:hover .price,
.modal-inside-tender .tender-type li a:hover .name,
.modal-inside-tender .tender-type li a:hover .tariffs-list--item .price,
.tariffs-list--item .modal-inside-tender .tender-type li a:hover .price {
    border-bottom-color: transparent
}
.modal-inside-tender .inspect-type li a:active .name,
.modal-inside-tender .inspect-type li a:active .tariffs-list--item .price,
.tariffs-list--item .modal-inside-tender .inspect-type li a:active .price,
.modal-inside-tender .tender-type li a.active .name,
.modal-inside-tender .tender-type li a.active .tariffs-list--item .price,
.tariffs-list--item .modal-inside-tender .tender-type li a.active .price {
    color: rgba(0, 0, 0, .9);
    border-bottom: 0
}



.modal-inside-tender .inspect-type li .name,
.modal-inside-tender .inspect-type li .tariffs-list--item .price,
.tariffs-list--item .modal-inside-tender .inspect-type li .price,
.modal-inside-tender .tender-type li .name,
.modal-inside-tender .tender-type li .tariffs-list--item .price,
.tariffs-list--item .modal-inside-tender .tender-type li .price {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    -webkit-transition: .2s all ease;
    transition: .2s all ease
}
.modal-inside-inspect .inspect-type li .count,
.modal-inside-tender .tender-type li .count {
    font-size: 2.4rem;
    font-weight: 400;
    display: inline-block;
    margin-left: 8px;
    color: rgba(0, 0, 0, .4)
}

.modal-inside-tender .tender-tabs--modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 96px
}

.modal-inside-tender .tender-tabs--modal .tender-tabs--name {
    padding: 8px 16px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4);
    cursor: pointer;
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

.modal-inside-tender .tender-tabs--modal .tender-tabs--name.active {
    color: rgba(0, 0, 0, .9);
    background-color: rgba(0, 0, 0, .05)
}

.modal-inside-tender .tender-tabs--modal .tender-tabs--name .count {
    color: rgba(0, 0, 0, .4)
}

.modal-inside-tender .tender-tabs--modal .tender-tabs--name:hover {
    color: rgba(0, 0, 0, .9)
}

.modal-inside-tender .tender-tabs--modal .tender-tabs--name:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .15)
}

.modal-inside-tender .tender-tabs--modal .tender-tabs--name:nth-child(2) {
    border: solid 1px rgba(0, 0, 0, .15);
    border-left: 0
}

.modal-inside-tender .tender-tabs--modal .tender-tabs--name:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .15);
    border-left: 0
}

@media (max-width: 415px) {
    .modal-inside-tender .tender-list {
        padding: 0 16px
    }
}

.modal-inside-tender .tender-list--item {
    padding-left: 20px;
    border-left: 4px solid #1a1a1a;
    margin-bottom: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal-inside-tender .tender-list--item .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) {
    .modal-inside-tender .tender-list--item .info {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .modal-inside-tender .tender-list--item .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.modal-inside-tender .tender-list--item .info div {
    margin-right: 16px;
    font-weight: 400
}

.modal-inside-tender .tender-list--item .info div.date, .modal-inside-tender .tender-list--item .info div.number {
    font-weight: 400
}

.modal-inside-tender .tender-list--item .info div.number > a {
    font-size: 1.4rem;
    line-height: 2rem;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) {
    .modal-inside-tender .tender-list--item .info div.number > a {
        font-size: 1.6rem
    }
}

.modal-inside-tender .tender-list--item .info div.number > a:hover {
    text-decoration: none
}

.modal-inside-tender .tender-list--item .info div.number > a span:not(.icon-name) {
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 0, 0, .4)
}

.modal-inside-tender .tender-list--item .info div.number > a .icon-name {
    margin-left: 4px;
    display: inline-block;
    vertical-align: baseline;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='0.400000006' transform='translate(4.000000, 5.000000)' stroke='%23000000'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal-inside-tender .tender-list--item_info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 44px;
    margin-bottom: 96px
}

@media (max-width: 415px) {
    .modal-inside-tender .tender-list--item_info {
        padding-left: 16px;
        margin-bottom: 24px
    }
}

.modal-inside-tender .tender-list--item_info .document-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal-inside-tender .tender-list--item_info .document-list--item {
    width: 100%;
    padding: 16px 0 15px;
    border-bottom: 1px solid #d8d8d8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 415px) {
    .modal-inside-tender .tender-list--item_info .document-list--item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 16px
    }
}

.modal-inside-tender .tender-list--item_info .document-list--item_name {
    width: 176px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    color: rgba(0, 0, 0, .4)
}

@media (min-width: 1264px) {
    .modal-inside-tender .tender-list--item_info .document-list--item_name {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .modal-inside-tender .tender-list--item_info .document-list--item_name {
        width: 100%
    }
}

.modal-inside-tender .tender-list--item_info .document-list--item_value {
    width: 544px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2rem
}

@media (min-width: 1264px) {
    .modal-inside-tender .tender-list--item_info .document-list--item_value {
        font-size: 1.6rem;
        width: 624px
    }
}

@media (min-width: 1344px) {
    .modal-inside-tender .tender-list--item_info .document-list--item_value {
        width: 704px
    }
}

@media (max-width: 415px) {
    .modal-inside-tender .tender-list--item_info .document-list--item_value {
        width: 100% !important
    }
}
.modal-inside-tender .tender-list--item_info .document-list--item_value p {
    width: 95%;
}


.modal-inside-tender .tender-list--item_info .document-list--item_value a {
    width: 95%;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 2rem;
    color: rgba(0, 0, 0, .9);
    text-transform: uppercase;
    margin-bottom: 8px
}

@media (min-width: 1264px) {
    .modal-inside-tender .tender-list--item_info .document-list--item_value a {
        font-size: 1.6rem
    }
}

.modal-inside-tender .tender-list--item_info .document-list--item_value a:last-of-type {
    margin-bottom: 0
}

.modal-inside-tender .tender-list--item_info .document-list--item_value a:hover {
    text-decoration: none;
    color: rgba(0, 0, 0, .4)
}

.modal-inside-tender .tender-list--item_info .document-list--item_value a span:not(.icon-name) {
    font-weight: 400;
    border-bottom: 1px solid rgba(0, 0, 0, .4)
}

.modal-inside-tender .tender-list--item_info .document-list--item_value a .icon-name {
    margin-left: 4px;
    display: inline-block;
    vertical-align: baseline;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E74B47110-2B13-4DDD-966D-D84EAAA5BB49%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/out/S/bold/dark'%3E%3Cg id='Group-2'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='16' height='16'%3E%3C/rect%3E%3Cg id='Group-3' opacity='0.400000006' transform='translate(4.000000, 5.000000)' stroke='%23000000'%3E%3Cpath d='M-3.95239397e-14,7 L6.75,0.25' id='Line-3' stroke-width='1.8' stroke-linecap='square'%3E%3C/path%3E%3Cpolyline id='Path' stroke-width='2' points='0 0 7 0 7 7'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.modal-inside-tender .tender-list--item_info .document-list--item_value .price {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: right;
    line-height: 2rem
}

@media (min-width: 1264px) {
    .modal-inside-tender .tender-list--item_info .document-list--item_value .price {
        font-size: 1.6rem
    }
}

@media (max-width: 415px) {
    .modal-inside-tender .tender-list--item_info .document-list--item_value .price {
        position: static;
        padding-top: 8px
    }
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion {
    width: 100%;
    padding-bottom: 15px;
    padding-top: 16px;
    border-bottom: 1px solid #d8d8d8
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion:last-of-type {
    border-bottom: 0;
    padding-bottom: 0
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion:first-of-type {
    padding-top: 0
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion .title {
    width: 100%;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2rem;
    color: rgba(0, 0, 0, .9)
}

@media (min-width: 1264px) {
    .modal-inside-tender .tender-list--item_info .document-list--item_accordion .title {
        font-size: 1.6rem
    }
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion .title span {
    display: inline-block;
    margin-left: 8px;
    color: rgba(0, 0, 0, .4)
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion .title:hover {
    color: rgba(0, 0, 0, .4)
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion .title.active {
    padding-bottom: 16px
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion .title.active:after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion .title:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(../images/icon-accordion.svg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: .1s ease transform;
    transition: .1s ease transform
}

@media (max-width: 415px) {
    .modal-inside-tender .tender-list--item_info .document-list--item_accordion .title:after {
        right: -16px
    }
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion .content {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 64px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion .content-item {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
    padding-top: 16px
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion .content-item:last-of-type {
    padding-bottom: 0;
    border-bottom: none
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion .content-item:first-of-type {
    padding-top: 0
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion .content-item p {
    margin-bottom: 8px;
    text-align: left;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem
}

@media (min-width: 1264px) {
    .modal-inside-tender .tender-list--item_info .document-list--item_accordion .content-item p {
        font-size: 1.6rem
    }
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion .content-item p .name,
.modal-inside-tender .tender-list--item_info .document-list--item_accordion .content-item p .tariffs-list--item .price,
.tariffs-list--item .modal-inside-tender .tender-list--item_info .document-list--item_accordion .content-item p .price {
    display: inline-block;
    max-width: 350px;
    width: 53%;
    margin-right: 20px;
    color: rgba(0, 0, 0, .4);
    vertical-align: top;
}
.modal-inside-tender .tender-list--item_info .document-list--item_accordion .content-item p .content-value {
    width: 41%;
    display: inline-block;
}
.modal-inside-tender .tender-list--item_info .document-list--item_accordion .content-item p:last-of-type {
    margin-bottom: 0
}

.modal-inside-tender .tender-list--item_info .document-list--item_accordion .content-title {
    margin-bottom: 8px;
    width: 100%;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2rem
}

@media (min-width: 1264px) {
    .modal-inside-tender .tender-list--item_info .document-list--item_accordion .content-title {
        font-size: 1.6rem
    }
}

#modal-inside-checks .inspect-type,
#modal-inside-checks .tender-type {
    margin-bottom: 96px
}

@media (max-width: 415px) {
    #modal-inside-checks .inspect-type,
    #modal-inside-checks .tender-type {
        margin-bottom: 32px;
        padding: 0 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

#modal-inside-checks .tender-list--item_info .document-list--item_name {
    width: 240px
}

#modal-inside-checks .tender-list--item_info .document-list--item_value {
    width: 464px
}

@media (max-width: 1264px) {
    #modal-inside-checks .tender-list--item_info .document-list--item_value {
        width: 544px
    }
}

@media (max-width: 1344px) {
    #modal-inside-checks .tender-list--item_info .document-list--item_value {
        width: 624px
    }
}

.mobil-warning {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 312px;
    border-radius: 8px 8px 0 0;
    background-color: #fff;
    width: 100%;
    padding: 64px 24px 24px;
    z-index: 9999;
    -webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, .4);
    box-shadow: -4px 0 4px rgba(0, 0, 0, .4)
}

@media (min-width: 701px) {
    .mobil-warning {
        display: none !important
    }
}

.mobil-warning .close-btn {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 14px;
    right: 16px;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ED254B955-C740-450F-8233-2BCE7A651267%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/M/normal'%3E%3Cg id='Group-14'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M4.5,4.5 L19.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M19.5,4.5 L4.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.mobil-warning .text {
    text-align: center;
    margin-bottom: 24px
}

.mobil-warning .text h2 {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 8px
}

.mobil-warning .text p {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, .9)
}

.mobil-warning .button-list {
    width: 100%;
    display: block
}

.mobil-warning .button-list .btn {
    width: 100%
}

.mobil-warning .button-list .btn-green {
    margin-bottom: 16px
}

.mobil-download {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    height: auto;
    max-height: 100vh;
    overflow-x: auto;
    border-radius: 8px 8px 0 0;
    background-color: #fff;
    width: 100%;
    padding: 20px 24px 24px;
    z-index: 999;
    min-height: 312px
}

@media (min-width: 413px) {
    .mobil-download {
        display: none !important
    }
}

.mobil-download .close-btn {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 14px;
    right: 16px;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ED254B955-C740-450F-8233-2BCE7A651267%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/M/normal'%3E%3Cg id='Group-14'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M4.5,4.5 L19.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M19.5,4.5 L4.5,19.5' id='Line-2' stroke='%23000000' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.mobil-download--header {
    width: calc(100% - 32px);
    padding-right: 16px;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

.mobil-download--header span {
    color: rgba(0, 0, 0, .4);
    display: inline-block;
    margin-left: 8px
}

.mobil-download .download-list {
    display: block;
    width: 100%;
    height: auto
}

.mobil-download .download-item {
    padding: 20px 48px 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: relative
}

.mobil-download .download-item:last-child {
    border-bottom: 1px solid transparent
}

.mobil-download .download-item.disabled {
    pointer-events: none
}

.mobil-download .download-item.disabled .count, .mobil-download .download-item.disabled .title {
    color: rgba(0, 0, 0, .4)
}

.mobil-download .download-item.disabled .download-report {
    display: none
}

.mobil-download .download-item .title {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 8px
}

.mobil-download .download-item .count {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .9)
}

.mobil-download .download-item .download-report {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    opacity: .5;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3E15C97301-E412-4403-BC48-8DB05A83377C%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/card/download/L/normal'%3E%3Cg id='Group'%3E%3Cg id='Group-25'%3E%3Crect id='Rectangle' opacity='0.200000003' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23000000' x='9' y='21' width='14' height='2'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23000000' x='15' y='9' width='2' height='9'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3Cpolygon id='Rectangle' fill='%23000000' points='12.5 15 19.5 15 16 19.75'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.mobil-download .download-item .download-report:active {
    opacity: 1
}

.compare-select {
    width: 100%;
    max-width: 464px;
    /*height: 88px;*/
    position: relative
}

@media (max-width: 415px) {
    .compare-select {
        width: 100%;
        height: 50px;
    }

    .compare-select:first-child .compare-select--list {
        z-index: 100
    }
}

.compare-select.no-select .compare-select--btn:hover {
    background-color: #fff
}

.compare-select.no-select .compare-select--btn:after {
    border-left: 2px solid rgba(0, 0, 0, .2);
    border-bottom: 2px solid rgba(0, 0, 0, .2)
}

.compare-select--btn {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .15);
    display: block;
    width: 100%;
    min-height: 44px;
    max-height: 88px;
    height: max-content;
    padding: 0 0 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 415px) {
    .compare-select--btn {
        background-color: transparent;
        padding: 3px 0px 5px 18px;
        height: max-content;
    }
}

.compare-select--btn span {
    overflow: hidden;
    display: block;
    text-align: left;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    width: 95%;
    max-height: 30px;
    height: 100%;
}

@media (max-width: 415px) {
    .compare-select--btn {
        height: 50px;
    }
    .compare-select--btn span {
        width: 100%;
        color: rgb(0, 0, 0);
        max-height: 42px;
    }
}

.compare-select--btn span.crop {
    position: relative
}

.compare-select--btn span.crop:before {
    position: absolute;
    content: '';
    bottom: -5px;
    right: 0;
    width: 56px;
    height: 20px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff)
}

@media (max-width: 1184px) {
    .compare-select--btn span {
        font-size: 1.4rem
    }
}

.compare-select--btn.row-down:after {
    content: '';
    position: absolute;
    bottom: 2%;
    right: 3%;
    width: 8px;
    height: 8px;
    border-left: 2px solid rgba(0, 0, 0, .4);
    border-bottom: 2px solid rgba(0, 0, 0, .4);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 415px) {
    .compare-select--btn:after {
        right: auto;
        left: 4px;
        top: 45%
    }
}

@media (max-width: 415px) {
    .compare-select--btn:before {
        position: absolute;
        content: '';
        bottom: 1px;
        right: 0;
        width: 16px;
        height: 46px;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff)
    }
}

.compare-select--btn:hover {
    background-color: rgba(0, 0, 0, .05)
}

@media (max-width: 415px) {
    .compare-select--btn:hover {
        background-color: transparent
    }
}

.compare-select--btn:hover .crop:before {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(242, 242, 242, 0)), to(#f2f2f2));
    background-image: linear-gradient(to right, rgba(242, 242, 242, 0), #f2f2f2)
}

.compare-select--btn.open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08)
}

@media (max-width: 415px) {
    .compare-select--btn.open {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.compare-select--list {
    display: none;
    position: absolute;
    /*top: 100%;*/
    left: 0;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    background-color: #fff;
    border: solid 1px rgba(0, 0, 0, .15);
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08)
}

@media (max-width: 415px) {
    .compare-select--list {
        z-index: 99
    }
}

.compare-select--list.open {
    display: block
}

.compare-select--item {
    padding: 14px 40px 14px 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: relative
}

@media (max-width: 415px) {
    .compare-select--item {
        padding: 8px 32px 8px 16px
    }
}

.compare-select--item:hover {
    background-color: #e6e6e6
}

.compare-select--item:hover a {
    text-decoration: none
}

.compare-select--item:hover a.crop:before {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(242, 242, 242, 0)), to(#e4e4e4));
    background-image: linear-gradient(to right, rgba(242, 242, 242, 0), #e4e4e4)
}

@media (max-width: 1184px) {
    .compare-select--item:hover a {
        font-size: 1.4rem
    }
}

.compare-select--item:hover .delite {
    visibility: visible
}

.compare-select--item a {
    max-width: 304px;
    width: 100%;
    display: block;
    font-weight: 700;
    font-size: 1.3rem;
    color: rgba(0, 0, 0, .9);
    overflow: hidden;
    max-height: max-content;
    position: relative

}

.compare-select--item a.crop:before {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 56px;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff)
}

@media (max-width: 1184px) {
    .compare-select--item a {
        font-size: 1.4rem
    }
}

.compare-select--item .delite {
    visibility: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 3px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z' opacity='.2'/%3E%3Cpath fill='%23000' opacity='.4' d='M14 10a2 2 0 1 1 4 0h3a1 1 0 0 1 0 2H11a1 1 0 0 1 0-2h3zm1 0h2a1 1 0 0 0-2 0zM11 13h10v8a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-8z'/%3E%3C/g%3E%3C/svg%3E");
    border: 0;
    background-color: transparent
}

.compare-select--item .delite:hover {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z' opacity='.2'/%3E%3Cpath fill='%23F24C3D' d='M14 10a2 2 0 1 1 4 0h3a1 1 0 0 1 0 2H11a1 1 0 0 1 0-2h3zm1 0h2a1 1 0 0 0-2 0zM11 13h10v8a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-8z'/%3E%3C/g%3E%3C/svg%3E")
}

@media (max-width: 415px) {
    .compare-select--item .delite {
        visibility: visible
    }
}

#modal-compare-lists {
    position: fixed;
    max-width: 944px;
    width: 100%;
    top: 0;
    left: auto;
    z-index: 1200;
    align-items: center;
    height: max-content;
    background-color: #fff;
    padding-bottom: 10px;
    border-bottom: 2px solid;
    padding-top: 35px;

}

@media (max-width: 1264px){
    #modal-compare-lists {
        max-width: 864px;
    }
}

@media (max-width: 1184px){
    #modal-compare-lists {
        max-width: 784px;
    }
}
@media (max-width: 425px){
    #modal-compare-lists {
        width: 95%;
        padding: 10px 16px 0 16px;
    }
}

.monitoring {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    overflow: hidden;
    z-index: 999
}

.monitoring--open {
    display: block
}

.monitoring-close {
    width: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z'/%3E%3Cpath stroke='%23000' stroke-width='2' d='M3 29L29 3M29 29L3 3'/%3E%3C/g%3E%3C/svg%3E");
    opacity: .5;
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width: 415px) {
    .monitoring-close {
        width: 24px;
        height: 24px
    }
}

.monitoring-content {
    width: 784px;
    height: 100vh;
    background-color: #fff;
    margin-right: 0;
    margin-left: auto
}

@media (max-width: 415px) {
    .monitoring-content {
        width: 100%
    }
}

.monitoring-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    padding: 25px 20px 0 40px;
    /*border-bottom: 1px solid rgba(0, 0, 0, .4);*/
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.monitoring-header--head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.monitoring-header--section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    margin-top: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
}

.checkbox-company {
   font-size: 1.4rem;
    position: relative;
    margin-left: 15px;
    cursor: pointer;

}
.checkbox-company::before {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    top: 0;
    left: -19px;
    border: 1px solid #999999;
    border-radius: 2px;
}
.monitoring-inner--item .checkbox-company::before {
    top: -10px;
}

.checkbox-company.active::before {
    background-color: #3aa65e;
    border-color: #3aa65e;
}
.checkbox-company.active::after {
    position: absolute;
    content: 'x';
    width: 10px;
    height: 10px;
    top: -3px;
    left: -15.5px;
    font-size: 1.6rem;
    color: #fff;
    font-weight: bold;
}
.monitoring-inner--item .checkbox-company::after {
    top: -13px;
}
.monitoring-header--section button {
    border: none;
    color: rgba(0, 0, 0, 0.4);
    width: 49%;
    padding: 5px;
    font-size: 14px;
    /*background: #fff 100%;*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #fff;
    background-image: -webkit-linear-gradient(45deg, #3aa65e 50%, transparent 50%);
    background-image: linear-gradient(45deg, #3aa65e 50%, transparent 50%);
    background-position: 100%;
    background-size: 400%;
    -webkit-transition: background 500ms ease-in-out,
        color 500ms ease-in-out;
    transition: background 500ms ease-in-out,
        color 500ms ease-in-out;
}

.monitoring-addList,
.monitoring-list{
    border: none;
    background: none;
    font-size: 22px;
    color: #999999;
    margin-right: 24px;
}
.monitoring-header--head .monitoring-sections-button.show,
.monitoring-header--head .monitoring-sections-button:hover {
    color: #000000;
    font-weight: bold;
}

.monitoring-header--section button.active,
.monitoring-header--section button:hover {
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-position: 0;
}

.monitoring-content .section-add {
    margin-top: 40px;
}

#mon-add-company {
    width: 700px;
    height: 193px;
    resize: none;
    display: block;
}

.monitoring-body .section-add-org {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 20px;
}

#mon-addList {
    padding: 10px;
    margin-top: 10px;
}

.monitoring-menu-line {
    border-bottom: 1px solid #999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    min-height: 32px;
    padding-right: 52px;
}

.monitoring-buttons-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.monitoring-button--sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 35px; cursor: pointer;
    position: relative;
}
 .monitoring-button--sort-inner{
    font-size: 1.4rem;
    cursor: pointer;
    background-image: url("/img/sort_btn.svg");
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}
.monitoring-button--sort:hover .monitoring-button--sort-inner{
    background-image: url("/img/sort_btn_hover.svg");
}
.monitoring-sort--item {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1001;
    font-size: 1.4rem;
    background-color: rgb(255, 255, 255);
    left: 32px;
    width: max-content;
    top: 1px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.monitoring-sort--item.active {
    opacity: 1;
}
.monitoring-button-sort.sort-down .sort-row svg {
    transform: rotate(180deg);
}

.monitoring-button--sort .button-sort {
    padding: 5px 10px 4px;
    border: 1px solid #999999;
    border-radius: 4px;
    margin-left: 5px;

}

.monitoring-button--sort .button-sort:hover,
.monitoring-button--sort .button-sort:hover .sort-row svg .st0{
    background-color: #3aa65e;
    color: #ffffff;
    border-color: #3aa65e;
    fill: #ffffff;
    opacity: 1;

}

.monitoring-button--sort .sort-row svg {
    width: 15px;
    height: 10px;
    transition: transform 0.5s ease-in-out;
}

.monitoring-add-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin-top: 25px;
    background-color: #fff;
    padding: 20px;
}

.monitoring-add-result .monitoring-column-name {
    font-weight: bold;
    color: #000000;
    font-size: 15px;
}

.monitoring-add-result .monitoring-new-company,
.monitoring-add-result .monitoring-old-company,
.monitoring-add-result .monitoring-wrong-ogrn {
    margin: 10px 0;
}

.monitoring-new-company .company-name {
    color: #3aa65e;
}

.monitoring-old-company .company-name {
    color: #fa9f37;
}

.monitoring-add-result .company-name {
    display: block;
    font-weight: 600;
    font-size: 15px;
}

.monitoring-add-company p span {
    font-size: 15px;
}

.modal-monitoring--content ul .page,
.modal-monitoring--content ul .page-ellipsis,
#tender-modal-body ul .page,
#tender-modal-body ul .page-ellipsis,
#monitoring .line-change ul .page,
#monitoring .line-change ul .page-ellipsis {
    display: inline;
    border: solid 1px rgba(0, 0, 0, .15);
    padding: 5px;
    cursor: pointer;
}

.modal-monitoring--content ul .page:first-child,
#tender-modal-body ul .page:first-child,
#monitoring .line-change ul .page:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.modal-monitoring--content ul .page:last-child,
#tender-modal-body ul .page:last-child,
#monitoring .line-change ul .page:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.modal-monitoring--content ul,
#tender-modal-body ul {
    margin-bottom: 15px;
}

.modal-monitoring--content .pagination,
#tender-modal-body .pagination {
    margin-top: 15px;
    margin-bottom: 10px;
}

#monitoring .line-change .pagination {
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal-monitoring--content ul .active,
#tender-modal-body ul .active,
#monitoring .line-change ul .active {
    color: #000000;
    font-weight: bold;
    background-color: rgba(0, 0, 0, .05);
}

#tender-modal-body ul .tender-type-button.active {
    background-color: #fff;
}

.modal-monitoring--content .page a,
#tender-modal-body .page a,
#monitoring .line-change .page a {
    color: #1A1A1A;
    text-decoration: none;
}

.modal-monitoring--content svg,
#tender-modal-body svg{
    display: block;
    width: 23px;
    height: 23px;
}
.modal-monitoring--content .subsidy-search--btn,
#tender-modal-body .tender-search--btn{
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px rgba(0, 0, 0, .15);
    margin-left: 10px;
}

.modal-monitoring--content  .search-page-placeholder,
#tender-modal-body .search-page-placeholder {
    display: flex;
    margin-left: -40px;
}

.modal-monitoring--content .page-input,
#tender-modal-body .page-input {
    height: 26px;
    width: 213px;
    margin-left: 40px;
    border: solid 1px rgba(0, 0, 0, .15);
    border-radius: 5px;
}

.modal-monitoring--content .error-number-page,
#tender-modal-body .error-number-page {
    padding: 5px;
    width: 225px;
    border: 1px solid #f24c3d;
    background-color: #ffe8e6;
    border-radius: 5px;
    margin-top: 10px;
    display: none;
}


@media (max-width: 415px) {
    .monitoring-header {
        padding: 20px 16px 20px 24px;
    }
}

.monitoring-header h2 {
    font-size: 2.2rem;
    font-weight: 700;
    color: rgba(0, 0, 0, .9)
}

@media (max-width: 415px) {
    .monitoring-header h2 {
        font-size: 1.6rem;
        line-height: 1.25
    }
}

.monitoring-header .status {
    margin-left: 16px;
    margin-right: auto;
    font-size: 2.2rem;
    color: rgba(0, 0, 0, .4)
}

@media (max-width: 415px) {
    .monitoring-header .status {
        font-size: 1.6rem;
        line-height: 1.25;
        font-weight: 700
    }
}

.monitoring-inner {
    width: 100%;
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    height: calc(100vh - 130px);
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

/*@media (max-width: 415px) {
    .monitoring-inner {
        height: calc(100vh - 60px)
    }
}*/

.monitoring-inner--empty {
    max-width: 320px;
    margin: 183px auto 0
}

@media (max-width: 415px) {
    .monitoring-inner--empty {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 0 24px
    }
}

.monitoring-inner--empty img {
    display: block;
    width: 104px;
    margin: 0 auto 24px
}

.monitoring-inner--empty h3 {
    margin-bottom: 16px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    color: rgba(0, 0, 0, .4)
}

.monitoring-inner--empty p {
    font-size: 1.4rem;
    line-height: 1.43;
    text-align: center;
    color: rgba(0, 0, 0, .4)
}

.monitoring-inner--list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
}
.monitoring-inner--list.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.monitoring-inner--item {
    position: relative;
    width: 100%;
    padding: 15px 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background-color: #fff;
    cursor: auto;
    display: flex;
}

.monitoring-inner--item:hover {
    background-color: rgba(0, 0, 0, .05)
}

.watch-all-change {
    margin-left: 15px;
    font-size: 1.4rem;
    cursor: pointer;
    padding: 4px 4px 3px;
}

.watch-all-change svg {
    width: 11px;
}

@media (max-width: 415px) {
    /*.monitoring-inner--item {
        padding: 20px 56px 20px 24px
    }*/

    /*.monitoring-inner--item:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 32px;
        width: 24px;
        height: 24px;
        display: block;
        background-image: url(../images/icon/mobil-arrow.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-transform: rotate(90deg) translateY(-50%);
        transform: rotate(90deg) translateY(-50%);
        margin-top: -24px;
        z-index: 1
    }*/
}

.monitoring-inner--item > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 10px;
    width: 100%;
}



@media (max-width: 415px) {
    .monitoring-inner--item > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-right: 0
    }
}

.monitoring-inner--item.new {
    background-color: rgba(58, 166, 94, .05)
}

.monitoring-inner--item.new:hover {
    background-color: rgba(58, 166, 94, .1);
    cursor: pointer;
}

.monitoring-inner--item.spinner {
    height: 144px;
    position: relative;
    width: 100%;
    cursor: default
}

.monitoring-inner--item.spinner:hover {
    background-color: #fff
}

.monitoring-inner--item.spinner:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    display: block;
    background-position: center center;
    -webkit-background-size: contain;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z'/%3E%3Cpath stroke='%23000' stroke-opacity='.4' stroke-width='2' d='M16 4C9.373 4 4 9.373 4 16s5.373 12 12 12 12-5.373 12-12c0-3.305-1.336-6.298-3.497-8.468'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite
}

.monitoring-inner--item:first-child .item-options .options-list {
    right: 32px;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

@media (max-width: 415px) {
    .monitoring-inner--item:first-child .item-options .options-list {
        right: 32px;
        bottom: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.monitoring-inner--item .item-name {
    width: 28%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 10px;
    /*margin-right: 80px;
    margin-top: 0;
    margin-bottom: auto*/
}

.monitoring-inner--item .item-button--company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 415px) {
    .monitoring-inner--item .item-name {
        margin-right: 0;
        width: 100%;
        margin-bottom: 12px
    }
}

.monitoring-inner--item .item-name .name,
.monitoring-inner--item .item-name .tariffs-list--item .price,
.tariffs-list--item .monitoring-inner--item .item-name .price {
    margin-bottom: 4px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: .4px;
    color: rgba(0, 0, 0, .9)
}
.monitoring-inner--item .item-name .name:hover {
    text-decoration: underline !important;
}

.monitoring-inner--item .item-name .name:hover,
.monitoring-inner--item .item-name .tariffs-list--item .price:hover,
.tariffs-list--item .monitoring-inner--item .item-name .price:hover {
    text-decoration: none;
    opacity: .9
}

@media (max-width: 415px) {
    .monitoring-inner--item .item-name .name,
    .monitoring-inner--item .item-name .tariffs-list--item .price,
    .tariffs-list--item .monitoring-inner--item .item-name .price {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.25
    }
}

.monitoring-inner--item .item-name p {
    font-size: 1.4rem;
    line-height: 1.43;
    color: rgba(0, 0, 0, .9);
    cursor: default;
}

@media (max-width: 415px) {
    .monitoring-inner--item .item-name p {
        display: none
    }
}

.monitoring-inner--item .item-name p span {
    display: inline-block;
    margin-right: 4px;
    color: rgba(0, 0, 0, .4)
}
/*.modal-monitoring--line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}*/

.monitoring-remove-company {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z' opacity='.2'/%3E%3Cpath fill='%23000' opacity='.4' d='M14 10a2 2 0 1 1 4 0h3a1 1 0 0 1 0 2H11a1 1 0 0 1 0-2h3zm1 0h2a1 1 0 0 0-2 0zM11 13h10v8a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-8z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    position: relative;
}
.monitoring-remove-company.remove-all {
    background-image: url("/img/trash_bin.svg");
}


.monitoring-remove-company:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z' opacity='.2'/%3E%3Cpath fill='%23F24C3D' d='M14 10a2 2 0 1 1 4 0h3a1 1 0 0 1 0 2H11a1 1 0 0 1 0-2h3zm1 0h2a1 1 0 0 0-2 0zM11 13h10v8a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-8z'/%3E%3C/g%3E%3C/svg%3E")
}
.monitoring-remove-company.remove-all:hover {
    background-image: url("/img/trash_bin_red.svg");
}
.mon-check-params,
.section-check-company,
.monitoring-remove-company,
.notice-turn--switch {
    position: relative;
    z-index: 1002;
}

.monitoring-button--sort-inner::before {
    content: attr(data-hint);
    position: absolute;
    white-space: nowrap;
    top: 33px;
    z-index: 1000;
    border-radius: 5px;
    background-color: #999999;
    padding: 5px;
    color: #ffffff;
    opacity: 0;
    font-size: 1.4rem;
    transition: opacity 300ms ease-in-out;
}


.monitoring-button--sort-inner:hover::before {
    opacity: 1;
}

.remove-this-company:hover .mon-trash {
    fill: #f24e40;
}

.monitoring-buttons-right .context-button,
.item-button--company .context-button {
    right: -40%;
    opacity: 0;
    position: absolute;
    white-space: nowrap;
    z-index: 1000;
    border-radius: 5px;
    background-color: #999999;
    padding: 5px;
    top:33px;
    color: #ffffff;
    font-size: 1.4rem;
    transition: opacity 300ms ease-in-out;
    cursor: default;
}

.monitoring-remove-company:hover + .context-button,
.notice-turn--switch_inner:hover + .context-button{
    opacity: 1;
}

.notice-turn--switch .context-button {
    top: 21px;
}
.monitoring-buttons-right .notice-turn--switch .context-button {
    top: 32px;
}

.monitoring-inner--item .item-name--status {
    font-size: 1.4rem;
    line-height: 1.43
}

@media (max-width: 415px) {
    .monitoring-inner--item .item-name--status {
        display: none
    }
}

.monitoring-inner--item .item-name--status.norm {
    color: #3aa65e
}

.monitoring-inner--item .item-name--status.liquidation {
    color: rgba(0, 0, 0, .4)
}

.monitoring-inner--item .item-refactor {
    margin-top: 0;
    margin-left: 30px;
    width: 20%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: default;

}
.monitoring-inner--item.item-changes .item-refactor {
    width: 50%;
    cursor: pointer;
}

.monitoring-inner--item .item-all-change {
    cursor: pointer;
    width: 20%;
}

@media (max-width: 415px) {
    .monitoring-inner--item .item-refactor {
        width: 100%
    }
}

.monitoring-inner--item .item-refactor .name, .monitoring-inner--item .item-refactor .tariffs-list--item .price, .tariffs-list--item .monitoring-inner--item .item-refactor .price {
    margin-bottom: 4px;
    font-size: 1.4rem;
    line-height: 1.43;
    letter-spacing: .5px;
    color: rgba(0, 0, 0, .4)
}

.monitoring-inner--item .item-refactor .content {
    margin-bottom: 4px;
    font-size: 1.4rem;
    line-height: 1.43
}

.monitoring-inner--item .item-refactor .content .factors {
    position: relative
}

@media (max-width: 415px) {
    .monitoring-inner--item .item-refactor .content .factors {
        padding-left: 24px
    }
}

.monitoring-inner--item .item-refactor .content .factors-icon {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: -2px;
    left: -32px;
    border-radius: 50%;
    background-position: center center;
    background-size: contain
}

@media (max-width: 415px) {
    .monitoring-inner--item .item-refactor .content .factors-icon {
        width: 16px;
        height: 16px;
        top: 2px;
        left: 0
    }
}

.monitoring-inner--item .item-refactor .content .factors-icon.satisfactorily {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3E228AA890-4BB7-4B13-B5C6-7B04F61B2E72%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='CARDS/DESKTOP/GUIDES-HINT' transform='translate(-384.000000, -291.000000)'%3E%3Cg id='icon/stopfactor/XL/alert' transform='translate(384.000000, 291.000000)'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23E6A345' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cpath d='M17.6,10 L22.4,10 L21.5625,23.893918 L18.46875,23.893918 L17.6,10 Z M20.0325,31.6 C19.2741629,31.6 18.6458358,31.3483896 18.1475,30.8451613 C17.6491642,30.341933 17.4,29.721294 17.4,28.9832258 C17.4,28.2451576 17.6491642,27.63011 18.1475,27.1380645 C18.6458358,26.646019 19.2741629,26.4 20.0325,26.4 C20.7691703,26.4 21.3812476,26.646019 21.86875,27.1380645 C22.3562524,27.63011 22.6,28.2451576 22.6,28.9832258 C22.6,29.721294 22.3562524,30.341933 21.86875,30.8451613 C21.3812476,31.3483896 20.7691703,31.6 20.0325,31.6 Z' id='!' fill='%23FFFFFF' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.monitoring-inner--item .item-refactor .content .factors-icon.dangerously {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3EAC5EEC6E-2150-4A16-BBE1-27952C7829B7%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/stopfactor/XL/stop'%3E%3Cg id='Group'%3E%3Cg id='Group-2'%3E%3Crect id='Rectangle' x='0' y='0' width='32' height='32'%3E%3C/rect%3E%3Ccircle id='Oval' fill='%23F24C3D' cx='20' cy='20' r='20'%3E%3C/circle%3E%3Cg id='Group-9' transform='translate(15.000000, 15.000000)' stroke='%23FFFFFF' stroke-linecap='square' stroke-width='3.5'%3E%3Cpath d='M2.66009437e-13,10 L10,1.71418435e-13' id='Line-7'%3E%3C/path%3E%3Cpath d='M-3.96127575e-13,2.40030218e-12 L10,10' id='Line-7'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.monitoring-inner--item .item-refactor .content .factors-icon:hover .hard-hint {
    opacity: 1;
    display: block
}

@media (max-width: 415px) {
    .monitoring-inner--item .item-refactor .content .factors-icon:hover {
        display: none;
        opacity: 0;
        pointer-events: none
    }
}

.monitoring-inner--item .item-refactor .content .factors-icon .hard-hint {
    display: none;
    position: absolute;
    opacity: 0;
    top: 0;
    width: 260px;
    height: auto;
    border-radius: 4px;
    background-color: #fff;
    padding: 20px;
    text-align: left;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
    left: calc(100% + 12px);
    margin-top: -12px;
    margin-right: 0;
    -webkit-transition: .6s ease all;
    transition: .6s ease all;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.monitoring-inner--item .item-refactor .content .factors-icon .hard-hint:after {
    position: absolute;
    content: '';
    top: 12px;
    left: -12px;
    width: 6px;
    height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 8px solid transparent;
    border-right-color: #fff
}

.monitoring-inner--item .item-refactor .content .factors-icon .hard-hint--text {
    display: block;
    color: rgba(0, 0, 0, .9);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem
}

.monitoring-inner--item .item-refactor .content .factors-icon .hard-hint--header {
    display: block;
    color: rgba(0, 0, 0, .9);
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 1.4rem;
    line-height: 1.6rem
}

.monitoring-inner--item .item-refactor .date {
    display: inline-block;
    margin-right: 16px;
    font-size: 1.4rem;
    line-height: 1.43;
    color: rgba(0, 0, 0, .4)
}

.monitoring-inner--item .item-refactor--count {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.43;
    color: #3aa65e
}

.monitoring-inner--item .item-options {
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 0;
    z-index: 2
}

@media (max-width: 415px) {
    .monitoring-inner--item .item-options {
        top: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        right: 16px;
        bottom: 16px
    }
}

.monitoring-inner--item .item-options:hover .options-list {
    display: block;
    opacity: 1
}

.monitoring-inner--item .item-options .options-btn {
    width: 32px;
    height: 32px;
    opacity: .4;
    display: block;
    background-color: transparent;
    border: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Ccircle cx='6' cy='12' r='1.5' fill='%23000'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='%23000'/%3E%3Ccircle cx='18' cy='12' r='1.5' fill='%23000'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-transition: .2s ease all;
    transition: .2s ease all
}

.monitoring-inner--item .item-options .options-btn:hover {
    opacity: 1
}

.monitoring-inner--item .item-options .options-list {
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    display: none;
    opacity: 0;
    position: absolute;
    z-index: 999;
    right: 100%;
    /*bottom: 100%;*/
    width: 240px;
    /*height: 80px;*/
    border-radius: 4px;
    background-color: #fff;
    padding: 8px 0;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .12)
}

@media (max-width: 415px) {
    .monitoring-inner--item .item-options .options-list {
       /* height: 96px*/
        bottom: 0;
    }
}

.monitoring-inner--item .item-options .options-item {
    display: block;
    padding: 8px 24px;
    background-color: transparent;
    white-space: nowrap;
    font-size: 1.4rem;
    line-height: 1.14;
    color: rgba(0, 0, 0, .9)
}

@media (max-width: 415px) {
    .monitoring-inner--item .item-options .options-item {
        font-size: 1.6rem;
        padding: 10px 24px
    }
}

.monitoring-inner--item .item-options .options-item:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .05)
}

.monitoring-inner--item .item-options .options-item:hover .icon-notifications, .monitoring-inner--item .item-options .options-item:hover .icon-stop {
    opacity: 1
}

.monitoring-inner--item .item-options .options-item .icon-stop {
    display: inline-block;
    vertical-align: middle;
    opacity: .4;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3Cg fill='%23000' opacity='.9'%3E%3Cpath d='M6 2a2 2 0 1 1 4 0h3a1 1 0 0 1 0 2H3a1 1 0 1 1 0-2h3zm1 0h2a1 1 0 1 0-2 0zM3 5h10v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

@media (max-width: 415px) {
    .monitoring-inner--item .item-options .options-item .icon-stop {
        display: none
    }
}

.monitoring-inner--item .item-options .options-item .icon-notifications {
    display: inline-block;
    vertical-align: middle;
    opacity: .4;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3Cg opacity='.9'%3E%3Cg fill='%23000'%3E%3Cpath fill-opacity='.9' d='M8 14A6 6 0 1 1 8 2a6 6 0 0 1 0 12zm0-2.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z'/%3E%3Cpath d='M7.162 16h1.676a.75.75 0 0 0 .744-.657l.313-2.5A.75.75 0 0 0 9.15 12h-2.3a.75.75 0 0 0-.745.843l.313 2.5a.75.75 0 0 0 .744.657zM7.162 0h1.676a.75.75 0 0 1 .744.657l.313 2.5A.75.75 0 0 1 9.15 4h-2.3a.75.75 0 0 1-.745-.843l.313-2.5A.75.75 0 0 1 7.162 0z'/%3E%3Cpath d='M13.064 14.25l1.185-1.186a.75.75 0 0 0 .062-.99l-1.547-1.99a.75.75 0 0 0-1.122-.069l-1.627 1.627a.75.75 0 0 0 .07 1.122l1.989 1.547a.75.75 0 0 0 .99-.062zM1.75 2.936L2.937 1.75a.75.75 0 0 1 .99-.062l1.99 1.547a.75.75 0 0 1 .069 1.122L4.358 5.985a.75.75 0 0 1-1.122-.07L1.689 3.926a.75.75 0 0 1 .062-.99z'/%3E%3Cpath d='M0 7.162v1.676a.75.75 0 0 0 .657.744l2.5.313A.75.75 0 0 0 4 9.15v-2.3a.75.75 0 0 0-.843-.745l-2.5.313A.75.75 0 0 0 0 7.162z'/%3E%3Cpath d='M1.75 13.064l1.186 1.185a.75.75 0 0 0 .99.062l1.99-1.547a.75.75 0 0 0 .069-1.122l-1.627-1.627a.75.75 0 0 0-1.122.07l-1.547 1.989a.75.75 0 0 0 .062.99zM13.064 1.75l1.185 1.186a.75.75 0 0 1 .062.99l-1.547 1.99a.75.75 0 0 1-1.122.069l-1.627-1.627a.75.75 0 0 1 .07-1.122l1.989-1.547a.75.75 0 0 1 .99.062z'/%3E%3C/g%3E%3Cpath fill='%23000' d='M16 7.162v1.676a.75.75 0 0 1-.657.744l-2.5.313A.75.75 0 0 1 12 9.15v-2.3a.75.75 0 0 1 .843-.745l2.5.313a.75.75 0 0 1 .657.744z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

@media (max-width: 415px) {
    .monitoring-inner--item .item-options .options-item .icon-notifications {
        display: none
    }
}

.factor-detail {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100vh;
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    background-color: #ffe8e6;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    z-index: 9999;
    width: 624px
}

@media (max-width: 415px) {
    .factor-detail {
        display: none
    }
}

.factor-detail.open {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.factor-detail--header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 24px 20px 40px
}

.factor-detail--count {
    max-width: 264px;
    font-size: 2.2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #f24c3d
}

.factor-detail--close {
    width: 32px;
    height: 32px;
    display: block;
    background-color: transparent;
    border: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 52.6 (67491) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ED254B955-C740-450F-8233-2BCE7A651267%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/close/M/normal'%3E%3Cg id='Group-14'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='0' width='24' height='24'%3E%3C/rect%3E%3Cpath d='M4.5,4.5 L19.5,19.5' id='Line-2' stroke='%23f24c3d' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3Cpath d='M19.5,4.5 L4.5,19.5' id='Line-2' stroke='%23f24c3d' stroke-width='2' stroke-linecap='square'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.factor-detail--list {
    width: 100%;
    height: calc(100% - 72px);
    display: block;
    overflow: auto
}

.factor-detail--item {
    width: 100%;
    text-decoration: none;
    padding: 24px 40px;
    /*border-bottom: 1px solid rgba(242, 76, 61, .2);*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.4rem;
    line-height: 1.43;
    color: #f24c3d
}

.factor-detail--item:hover {
    background-color: rgba(242, 76, 61, .05);
    text-decoration: none;
    color: #f24c3d
}

.factor-detail--item:last-child {
    border-bottom: none
}

.factor-detail--item .name, .factor-detail--item .tariffs-list--item .price, .tariffs-list--item .factor-detail--item .price {
    width: 136px;
    font-weight: 700
}

.factor-detail--item .description {
    width: 368px
}

@media print {
    *, :after, :before {
        background: 0 0 !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

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

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

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

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

    blockquote, pre {
        border: 1px solid #999 !important;
        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
    }

    table {
        border-collapse: collapse !important
    }

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

.full-report {
    background-color: #fff;
    width: 100%;
    /*height: 100%;*/
}

.full-report--inner {
    width: 784px;
    display: block;
    margin: 0 auto;
    padding-top: 120px;
    padding-bottom: 0
}

.full-report--inner * {
    color: #191919;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400
}

.full-report--inner .group-table {
    page-break-after: always
}

.full-report--header {
    width: 100%;
    margin-bottom: 48px
}

.full-report--header.sub-header {
    margin-bottom: 24px
}

.full-report--header.sub-header h1 {
    margin-bottom: 0
}

.full-report--header.sub-header.sub-header--report .full-report--header_title h1 {
    text-transform: none;
    padding-bottom: 40px
}

.full-report--header.sub-header.sub-header--report .full-report--header_title.sub-header--report_name {
    text-align: center
}

.full-report--header.sub-header.sub-header--report .full-report--header_title.sub-header--report_name h2 {
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: .5px;
    color: #191919
}

.full-report--header.sub-header.sub-header--report .full-report--header_title.sub-header--report_name h3 {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: normal;
    color: #191919
}

.full-report--header_title {
    width: 544px;
    text-align: left
}

.full-report--header_title h1 {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.2rem;
    letter-spacing: .5px;
    text-transform: uppercase
}

.full-report--header_title p {
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase
}

.full-report--header_factor {
    text-align: right;
    width: 240px;
    padding-left: 16px
}

.full-report--header_factor p {
    color: #f24c3d;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem
}

.full-report--table {
    width: 100%;
    margin-bottom: 96px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.full-report--table:last-child {
    margin-bottom: 0
}

.full-report--table.owner .company-info:last-of-type {
    margin-bottom: 0
}

.full-report--table.owner .company-info--header {
    display: table-row
}

.full-report--table.owner .company-info--header h2, .full-report--table.owner .company-info--header p {
    display: table-cell;
    padding-bottom: 8px
}

.full-report--table.owner .company-info--header h2 {
    width: 352px
}

.full-report--table.owner .company-info--header p {
    padding-left: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 180px;
    white-space: nowrap;
    text-align: right
}

.full-report--table.owner .company-info--header p span {
    display: inline-block;
    margin-left: 8px
}

.full-report--table.egrul .full-report--table_title td {
    padding-top: 48px
}

.full-report--table.egrul .full-report--table_title.no-padding td {
    padding-top: 16px
}

.full-report--table.egrul .full-report--table_factor {
    border-bottom: 0;
    padding-bottom: 32px
}

.full-report--table.egrul .egrul-item {
    padding-top: 16px;
    padding-bottom: 7px;
    border-bottom: 1px solid #999
}

.full-report--table.egrul .egrul-item:last-of-type {
    border-bottom: 0;
    padding-bottom: 0
}

.full-report--table.egrul .egrul-item:first-of-type {
    padding-top: 0
}

.full-report--table.egrul .egrul-item:after {
    content: "";
    display: table;
    clear: both
}

.full-report--table.egrul .egrul-item--date {
    width: 100%;
    margin-bottom: 16px;
    font-weight: 700
}

.full-report--table.egrul .egrul-item--content {
    float: left;
    display: inline-block;
    width: 240px;
    margin-right: 32px
}

.full-report--table.egrul .egrul-item--content_item {
    margin-bottom: 24px
}

.full-report--table.egrul .egrul-item--content_item:last-of-type {
    margin-bottom: 0
}

.full-report--table.egrul .egrul-item p span {
    margin-left: 4px
}

.full-report--table.egrul .egrul-item p span.large {
    margin-left: 0;
    margin-right: 4px;
    width: 72px
}

.full-report--table.report.report-title {
    margin-bottom: 24px
}

.full-report--table.report.report-title .full-report--table_row:last-of-type {
    border-bottom: 1px solid #999
}

.full-report--table.report.report-title .full-report--table_row--content .name, .full-report--table.report.report-title .full-report--table_row--content .tariffs-list--item .price, .tariffs-list--item .full-report--table.report.report-title .full-report--table_row--content .price {
    width: 64px;
    letter-spacing: .5px;
    display: inline-block;
    margin-right: 16px
}

.full-report--table.report caption {
    padding-bottom: 11px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: .5px;
    color: #191919;
    text-transform: uppercase
}

.full-report--table.report .report-table--header th {
    color: #999;
    border-bottom: 1px solid #999
}

.full-report--table.report tr {
    border-bottom: 1px solid #999
}

.full-report--table.report tr:last-of-type {
    border-bottom: 0
}

.full-report--table.report tr.preheader {
    border-bottom: none
}

.full-report--table.report tr.preheader td, .full-report--table.report tr.preheader th {
    text-transform: uppercase;
    font-weight: 700
}

.full-report--table.report tr.preheader.no-uppercase {
    border-bottom: 1px solid #999
}

.full-report--table.report tr.preheader.no-uppercase td, .full-report--table.report tr.preheader.no-uppercase th {
    text-transform: none
}

.full-report--table.report td, .full-report--table.report th {
    padding-bottom: 11px;
    padding-top: 12px
}

.full-report--table.report td:last-of-type, .full-report--table.report th:last-of-type {
    padding-right: 0 !important
}

.full-report--table.report td.rtl, .full-report--table.report th.rtl {
    text-align: left
}

.full-report--table.report td.rtr, .full-report--table.report th.rtr {
    text-align: right
}

.full-report--table.report.report-form1 {
    margin-bottom: 36px
}

.full-report--table.report.report-form1 .tariffs-list--item td.price, .full-report--table.report.report-form1 .tariffs-list--item th.price, .full-report--table.report.report-form1 td.name, .full-report--table.report.report-form1 th.name, .tariffs-list--item .full-report--table.report.report-form1 td.price, .tariffs-list--item .full-report--table.report.report-form1 th.price {
    width: 416px;
    padding-right: 56px
}

.full-report--table.report.report-form1 td.code, .full-report--table.report.report-form1 th.code {
    width: 72px;
    padding-right: 24px
}

.full-report--table.report.report-form1 td.total, .full-report--table.report.report-form1 th.total {
    width: 150px;
    padding-right: 24px
}

.full-report--table.report.report-form1 td.uppercase, .full-report--table.report.report-form1 th.uppercase {
    text-transform: uppercase
}

.full-report--table.report.report-form3 {
    margin-bottom: 36px
}

.full-report--table.report.report-form3 .tariffs-list--item td.price, .full-report--table.report.report-form3 .tariffs-list--item th.price, .full-report--table.report.report-form3 td.name, .full-report--table.report.report-form3 th.name, .tariffs-list--item .full-report--table.report.report-form3 td.price, .tariffs-list--item .full-report--table.report.report-form3 th.price {
    width: 180px;
    padding-right: 40px
}

.full-report--table.report.report-form3 td.code, .full-report--table.report.report-form3 th.code {
    width: 72px;
    padding-right: 40px
}

.full-report--table.report.report-form3 td.total, .full-report--table.report.report-form3 th.total {
    width: 128px
}

.full-report--table.report.report-form3 td.big, .full-report--table.report.report-form3 th.big {
    width: 156px;
    padding-right: 32px
}

.full-report--table.report.report-form3 td.normal, .full-report--table.report.report-form3 th.normal {
    width: 136px;
    padding-right: 40px
}

.full-report--table.report.report-form3 td.normal:last-of-type, .full-report--table.report.report-form3 th.normal:last-of-type {
    width: 96px;
    padding-right: 0
}

.full-report--table.report.report-form3 td.uppercase, .full-report--table.report.report-form3 th.uppercase {
    text-transform: uppercase
}

.full-report--table.report.report-form3 td.no-value, .full-report--table.report.report-form3 th.no-value {
    color: #999
}

.full-report--table.report.report-form3 td.normal {
    white-space: nowrap
}

.full-report--table.report.report-form3--shift {
    width: auto
}

.full-report--table.report.report-form3--mini .tariffs-list--item td.price, .full-report--table.report.report-form3--mini .tariffs-list--item th.price, .full-report--table.report.report-form3--mini td.name, .full-report--table.report.report-form3--mini th.name, .tariffs-list--item .full-report--table.report.report-form3--mini td.price, .tariffs-list--item .full-report--table.report.report-form3--mini th.price {
    width: 416px;
    padding-right: 56px
}

.full-report--table.report.report-form3--mini td.code, .full-report--table.report.report-form3--mini th.code {
    width: 72px;
    padding-right: 24px
}

.full-report--table.report.report-form3--mini td.total, .full-report--table.report.report-form3--mini th.total {
    width: 150px;
    padding-right: 24px
}

.full-report--table.report.report-form3--mini td.uppercase, .full-report--table.report.report-form3--mini th.uppercase {
    text-transform: uppercase
}

.full-report--table.economy {
    margin-bottom: 73px
}

.full-report--table.economy--factor {
    margin-bottom: 32px
}

.full-report--table.economy .full-report--table_factor {
    border-bottom: 0
}

.full-report--table.economy tr {
    border-bottom: 1px solid #999
}

.full-report--table.economy tr:last-of-type {
    border-bottom: 0
}

.full-report--table.economy tr.images {
    border-bottom: 1px solid #999
}

.full-report--table.economy td, .full-report--table.economy th {
    padding-top: 16px;
    padding-bottom: 15px
}

.full-report--table.economy td.rtl, .full-report--table.economy th.rtl {
    text-align: left
}

.full-report--table.economy td.rtr, .full-report--table.economy th.rtr {
    text-align: right
}

.full-report--table.economy .tariffs-list--item td.price, .full-report--table.economy .tariffs-list--item th.price, .full-report--table.economy td.name, .full-report--table.economy th.name, .tariffs-list--item .full-report--table.economy td.price, .tariffs-list--item .full-report--table.economy th.price {
    width: 240px;
    padding-right: 16px
}

.full-report--table.economy td.value, .full-report--table.economy th.value {
    width: 208px;
    padding-right: 80px
}

.full-report--table.economy td.last, .full-report--table.economy th.last {
    width: 128px
}

.full-report--table.economy th {
    padding-top: 0;
    color: #999
}

.full-report--table.economy .economy-table--header tr {
    border-bottom: 1px solid #999
}

.full-report--table.business {
    margin-bottom: 57px
}

.full-report--table.business--factor {
    margin-bottom: 32px
}

.full-report--table.business .full-report--table_factor {
    border-bottom: 0
}

.full-report--table.business tr {
    border-bottom: 1px solid #999
}

.full-report--table.business tr:last-of-type {
    border-bottom: 0
}

.full-report--table.business tr.images {
    border-bottom: 1px solid #999
}

.full-report--table.business td, .full-report--table.business th {
    padding-top: 16px;
    padding-bottom: 15px
}

.full-report--table.business td.rtl, .full-report--table.business th.rtl {
    text-align: left
}

.full-report--table.business td.rtr, .full-report--table.business th.rtr {
    text-align: right
}

.full-report--table.business .tariffs-list--item td.price, .full-report--table.business .tariffs-list--item th.price, .full-report--table.business td.name, .full-report--table.business th.name, .tariffs-list--item .full-report--table.business td.price, .tariffs-list--item .full-report--table.business th.price {
    width: 240px;
    padding-right: 16px
}

.full-report--table.business td.norm, .full-report--table.business th.norm {
    width: 104px;
    padding-right: 40px
}

.full-report--table.business td.value, .full-report--table.business th.value {
    width: 80px;
    padding-right: 40px
}

.full-report--table.business td.last, .full-report--table.business th.last {
    width: 42px
}

.full-report--table.business td.red, .full-report--table.business th.red {
    color: #f24c3d
}

.full-report--table.business td.green, .full-report--table.business th.green {
    color: #3aa65e
}

.full-report--table.business td.gray, .full-report--table.business th.gray {
    color: #999
}

.full-report--table.business th {
    padding-top: 0;
    color: #999
}

.full-report--table.business .business-table--header tr {
    border-bottom: 1px solid #999
}

.full-report--table.arbitration .info {
    border-bottom: 0
}

.full-report--table.arbitration td.years {
    width: 238px;
    padding-right: 142px
}

.full-report--table.arbitration td.side {
    width: 240px;
    padding-right: 136px
}

.full-report--table.arbitration td.count {
    width: 160px;
    padding-right: 80px
}

.full-report--table.arbitration td p {
    margin-bottom: 8px
}

.full-report--table.arbitration td.full-report--table_row--content {
    padding-left: 0;
    padding-top: 48px;
    padding-right: 80px;
    padding-bottom: 0
}

.full-report--table.arbitration td.full-report--table_row--content .quote {
    margin-bottom: 32px
}

.full-report--table.arbitration td.full-report--table_row--content .quote span {
    margin-right: 16px
}

.full-report--table.arbitration td.full-report--table_row--content .arbitration-name {
    padding-left: 48px;
    padding-right: 280px;
    margin-bottom: 16px
}

.full-report--table.arbitration td.full-report--table_row--content .arbitration-name h4 {
    margin-bottom: 4px;
    font-weight: 700
}

.full-report--table.arbitration td.full-report--table_row--content .docs {
    padding-top: 8px;
    padding-left: 48px
}

.full-report--table.arbitration td.full-report--table_row--content .docs h4 {
    margin-bottom: 4px;
    font-weight: 700
}

.full-report--table.arbitration td.full-report--table_row--content .docs tr {
    border-bottom: 1px solid #999
}

.full-report--table.arbitration .sub-table .date {
    width: 136px;
    padding-right: 40px
}

.full-report--table.fssp.fssp--factor {
    margin-bottom: 16px
}

.full-report--table.fssp.fssp--factor tr {
    border-bottom: 0
}

.full-report--table.fssp.fssp--factor td {
    padding-bottom: 0
}

.full-report--table.fssp td.years, .full-report--table.fssp th.years {
    width: 238px;
    padding-right: 142px
}

.full-report--table.fssp td.open, .full-report--table.fssp th.open {
    width: 240px;
    padding-right: 144px
}

.full-report--table.fssp td.close, .full-report--table.fssp th.close {
    width: 160px;
    padding-right: 64px
}

.full-report--table.fssp td.sum, .full-report--table.fssp th.sum {
    width: 144px
}

.full-report--table.fssp .fssp-table--header tr {
    border-bottom: 1px solid #999
}

.full-report--table.fssp .fssp-table--header tr th {
    color: #999;
    padding-bottom: 15px
}

.full-report--table.fssp .fssp-table--body td {
    padding-top: 16px;
    padding-bottom: 15px
}

.full-report--table.fssp .info {
    border-bottom: 0
}

.full-report--table.fssp .info .full-report--table_row--content {
    padding-top: 48px;
    padding-left: 0;
    padding-bottom: 0
}

.full-report--table.fssp .info .quote {
    margin-bottom: 8px
}

.full-report--table.fssp .info .quote p span {
    margin-right: 16px
}

.full-report--table.fssp .info .content {
    padding-left: 48px
}

.full-report--table.fssp .info .content .sub-table {
    width: 100%
}

.full-report--table.fssp .info .content .sub-table tr {
    border-bottom: 1px solid #999
}

.full-report--table.fssp .info .content .sub-table td {
    padding-top: 16px;
    padding-bottom: 15px
}

.full-report--table.fssp .info .content .sub-table .tariffs-list--item td.price, .full-report--table.fssp .info .content .sub-table td.name, .tariffs-list--item .full-report--table.fssp .info .content .sub-table td.price {
    width: 352px;
    padding-right: 112px
}

.full-report--table.fssp .info .content .sub-table td.content {
    padding-left: 0;
    width: 384px
}

.full-report--table.tender.tender-table {
    margin-bottom: 8px
}

.full-report--table.tender.tender--factor {
    margin-bottom: 0
}

.full-report--table.tender.tender--factor tr {
    border-bottom: 0
}

.full-report--table.tender.tender--factor td {
    padding-bottom: 0
}

.full-report--table.tender caption {
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 8px;
    padding-top: 32px
}

.full-report--table.tender .tender-table--header th {
    color: #999;
    text-align: left
}

.full-report--table.tender .tender-table--header th span {
    display: inline-block;
    margin-right: 8px
}

.full-report--table.tender .tender-table--header tr {
    border-bottom: 1px solid #999
}

.full-report--table.tender td, .full-report--table.tender th {
    padding-top: 16px;
    padding-bottom: 15px;
    width: 181px
}

.full-report--table.tender td b, .full-report--table.tender th b {
    display: inline-block;
    margin-right: 8px
}

.full-report--table.tender td.years, .full-report--table.tender th.years {
    width: 240px;
    padding-right: 176px
}

.full-report--table.tender .info {
    border-bottom: 0
}

.full-report--table.tender .info td {
    padding-top: 40px
}

.full-report--table.tender .info .quote {
    margin-bottom: 24px
}

.full-report--table.tender .info .quote span {
    display: inline-block;
    margin-right: 16px
}

.full-report--table.tender .info .content {
    padding-left: 48px
}

.full-report--table.tender .info .content .sub-table {
    width: 100%
}

.full-report--table.tender .info .content .sub-table tr {
    border-bottom: 1px solid #999
}

.full-report--table.tender .info .content .sub-table tr:last-child {
    border-bottom: 0
}

.full-report--table.tender .info .content .sub-table tr td {
    padding-top: 16px;
    padding-bottom: 7px
}

.full-report--table.tender .info .content .sub-table tr .tariffs-list--item td.price, .full-report--table.tender .info .content .sub-table tr td.name, .tariffs-list--item .full-report--table.tender .info .content .sub-table tr td.price {
    width: 188px;
    padding-right: 16px
}

.full-report--table.tender .info .content .sub-table tr td.content {
    width: 544px
}

.full-report--table.tender .info .content .sub-table tr td.content p:after {
    content: "";
    display: table;
    clear: both
}

.full-report--table.tender .info .content .sub-table tr td.content p b {
    float: right
}

.full-report--table.tender .info .content .sub-table tr td.content p span {
    display: inline-block;
    margin-left: 8px;
    color: #999
}

.full-report--table.tender .info .content .sub-table tr td .inner-table {
    width: 100%;
    border-bottom: 1px solid #999
}

.full-report--table.tender .info .content .sub-table tr td .inner-table:last-of-type {
    border-bottom: 0
}

.full-report--table.tender .info .content .sub-table tr td .inner-table ~ p {
    margin-top: 16px
}

.full-report--table.tender .info .content .sub-table tr td .inner-table + .inner-table {
    margin-top: 8px
}

.full-report--table.tender .info .content .sub-table tr td .inner-table tr {
    border-bottom: 0
}

.full-report--table.tender .info .content .sub-table tr td .inner-table tr:last-of-type td {
    padding-bottom: 15px
}

.full-report--table.tender .info .content .sub-table tr td .inner-table tr td {
    padding: 4px 0
}

.full-report--table.checks--factors {
    margin-bottom: 15px
}

.full-report--table.checks--factors tr {
    border-bottom: 0
}

.full-report--table.checks tr {
    border-bottom: 0
}

.full-report--table.checks tr.images td {
    padding-top: 16px;
    padding-bottom: 15px;
    border-bottom: 1px solid #999
}

.full-report--table.checks tr td, .full-report--table.checks tr th {
    padding-bottom: 15px;
    padding-top: 0
}

.full-report--table.checks tr td.years, .full-report--table.checks tr th.years {
    width: 256px;
    padding-right: 216px
}

.full-report--table.checks tr td.plan, .full-report--table.checks tr th.plan {
    width: 220px;
    padding-right: 124px
}

.full-report--table.checks tr td.noplan, .full-report--table.checks tr th.noplan {
    width: 220px;
    padding-right: 124px
}

.full-report--table.checks tr td .sum, .full-report--table.checks tr th .sum {
    width: 88px
}

.full-report--table.checks tr th {
    color: #999
}

.full-report--table.checks tr td span {
    display: inline-block;
    width: 40px
}

.full-report--table.checks tr td span.two {
    padding-left: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.full-report--table.checks tr td span.red {
    color: #f24c3d
}

.full-report--table.checks tr td .rtl {
    text-align: left
}

.full-report--table.checks tr td .rtr {
    text-align: right
}

.full-report--table.checks tr.last-row {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999
}

.full-report--table.checks tr.last-row td {
    padding: 16px 0 15px
}

.full-report--table.checks .info .full-report--table_row--content {
    padding-left: 0;
    padding-top: 16px
}

.full-report--table.checks .info .quote span {
    width: auto;
    margin-right: 16px
}

.full-report--table.checks .info .content {
    padding-left: 48px
}

.full-report--table.checks .info .content .sub-table {
    margin-top: 8px
}

.full-report--table.checks .info .content .sub-table tr {
    border-bottom: 1px solid #999
}

.full-report--table.checks .info .content .sub-table tr:last-of-type {
    border-bottom: 0
}

.full-report--table.checks .info .content .sub-table tr td {
    padding-top: 16px;
    padding-bottom: 15px
}

.full-report--table.checks .info .content .sub-table tr .name, .full-report--table.checks .info .content .sub-table tr .tariffs-list--item .price, .tariffs-list--item .full-report--table.checks .info .content .sub-table tr .price {
    width: 272px;
    padding-right: 32px
}

.full-report--table.checks .info .content .sub-table tr .content {
    width: 464px
}

.full-report--table.checks .info .content .sub-table tr .content p span {
    display: inline-block;
    margin-left: 8px;
    color: #999
}

.full-report--table.checks .info .content .sub-table tr .content .inner-table tr:last-of-type {
    border-bottom: 1px solid #999
}

.full-report--table_factor {
    border-bottom: 1px solid #999;
    page-break-after: auto
}

.full-report--table_factor td {
    padding-bottom: 23px
}

.full-report--table_factor.count-claims .full-report--table_factor--text p span {
    display: inline-block;
    margin-left: 16px
}

.full-report--table_factor--img {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top
}

.full-report--table_factor--img img {
    width: 100%;
    display: block
}

.full-report--table_factor--text {
    padding-left: 16px;
    display: inline-block;
    vertical-align: top;
    width: 744px
}

.full-report--table_factor--text h3 {
    margin-bottom: 8px;
    font-weight: 700;
    line-height: 2rem
}

.full-report--table_title {
    page-break-after: auto;
    border-bottom: 1px solid #999
}

.full-report--table_title:first-of-type td {
    padding-top: 0
}

.full-report--table_title td {
    padding-top: 16px;
    padding-bottom: 23px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px
}

.full-report--table_row {
    border-bottom: 1px solid #999
}

.full-report--table_row:last-of-type {
    border-bottom: 0
}

.full-report--table_row b {
    font-weight: 700
}

.full-report--table_row.phone .full-report--table_row--content {
    padding-top: 8px
}

.full-report--table_row.phone .full-report--table_row--content p {
    margin-bottom: 0
}

.full-report--table_row.phone .full-report--table_row--content p span {
    width: 145px;
    display: inline-block;
    margin-right: 32px;
    margin-top: 8px;
    margin-bottom: 8px
}

.full-report--table_row.email .full-report--table_row--content, .full-report--table_row.website .full-report--table_row--content {
    padding-top: 8px
}

.full-report--table_row.email .full-report--table_row--content p, .full-report--table_row.website .full-report--table_row--content p {
    padding-top: 8px
}

.full-report--table_row.executive .executive-info {
    padding-bottom: 16px
}

.full-report--table_row.executive .executive-info p span {
    display: inline-block;
    margin-left: 4px
}

.full-report--table_row.license p > span {
    display: inline-block;
    width: 69px;
    margin-right: 11px
}

.full-report--table_row.images {
    border-bottom: 1px solid #999
}

.full-report--table_row.images td {
    padding: 16px 0
}

.full-report--table_row.images .images-item {
    width: 100%;
    height: 392px;
    display: block
}

.full-report--table_row.images .images-item img {
    display: block;
    height: 100%;
    margin: auto;
    width: auto;
    max-width: 100%
}

.full-report--table_row td {
    padding-top: 16px;
    padding-bottom: 7px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.full-report--table_row td.rtl {
    text-align: left
}

.full-report--table_row td.rtr {
    text-align: right
}

.full-report--table_row th.rtl {
    text-align: left
}

.full-report--table_row th.rtr {
    text-align: right
}

.full-report--table_row--name {
    width: 224px
}

.full-report--table_row--content {
    padding-left: 16px;
    width: 560px
}

.full-report--table_row--content h2 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-bottom: 8px
}

.full-report--table_row--content p {
    margin-bottom: 8px
}

.full-report--table_row--content p.warning {
    color: #f24c3d
}

.full-report--table_row--content p.warning.linethrough {
    text-decoration: line-through;
    opacity: .6;
    text-transform: uppercase
}

.full-report--table_row--content p.good {
    color: #3aa65e
}

.full-report--table_row--content p.out {
    color: #999
}

.full-report--table_row--content p.bold {
    font-weight: 700
}

.full-report--table_row--content span {
    display: inline-block
}

.full-report--table_row--content span.warning {
    color: #f24c3d
}

.full-report--table_row--content span.warning.linethrough {
    text-decoration: line-through;
    opacity: .6;
    text-transform: uppercase
}

.full-report--table_row--content .company-info {
    padding-top: 16px;
    padding-bottom: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #999
}

.full-report--table_row--content .company-info--content p {
    display: inline-block;
    margin-right: 16px
}

.full-report--table_row--content .company-info--content p span {
    display: inline-block;
    margin-left: 4px
}

.full-report--table_row--content .company-info:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 47px
}

.full-report--table_row--content .license-item {
    padding-top: 16px;
    padding-bottom: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #999
}

.full-report--table_row--content .license-item:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0
}

.full-report--table_row--content .license-item:after {
    content: "";
    display: table;
    clear: both
}

.full-report--table_row--content .license-item--name {
    float: left;
    display: inline-block;
    width: 168px
}

.full-report--table_row--content .license-item--info {
    float: left;
    width: 374px;
    padding-left: 72px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.full-report--table_row--content .item {
    width: 100%;
    padding-bottom: 16px
}

.full-report--table_row--content .item:after {
    content: "";
    display: table;
    clear: both
}

.full-report--table_row--content .item:last-child {
    padding-bottom: 0;
    margin-bottom: 8px
}

.full-report--table_row--content .item-name {
    width: 64px;
    display: inline-block;
    float: left
}

.full-report--table_row--content .item-content {
    width: 480px;
    padding-left: 16px;
    display: inline-block;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.full-report--table_row--content .item-content p {
    margin-bottom: 0
}

.full-report--table_row--content .item.address h2 {
    margin-bottom: 4px
}

.full-report--table_row--content .item.address p {
    margin-bottom: 0
}

.full-report--table_row--content .quote {
    border-left: 4px solid #191919;
    padding-left: 20px
}

.full-report--table_row--content .quote h2 {
    margin-bottom: 0
}

.dont-work {
    background-color: #e6e6e6;
    width: 100vw;
    height: 100vh
}

.dont-work .wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.dont-work .wrapper h1 {
    font-size: 28px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, .9);
    margin-bottom: 16px
}

.dont-work .wrapper h2 {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, .9)
}

.dont-work .wrapper .logo {
    position: absolute;
    left: 0;
    top: 26px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .4
}

.block-price[data-hint] {
    position: relative;
}

.block-price[data-hint]:before {
    position: absolute;
    z-index: 9991;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 4px 8px;
    opacity: 0;
    width: 400px;
    top: 100%;
    left: 50%;
    margin-top: 8px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    text-transform: none;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: .5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff
}

.block-price[data-hint]:hover:before {
    opacity: 1
}

.card-content .fssp .table-header .table-col:nth-child(3) {
    margin-left: 9%
}

.card-content .fssp .table-footer .table-col:nth-child(3) {
    margin-left: 9%
}

.card-content .fssp .table-header .table-col:nth-child(2) {
    margin-left: 14%
}

.card-content .fssp .table-footer .table-col:nth-child(2) {
    margin-left: 14%
}

#m6 .table-col[data-hint] {
    position: relative;
    cursor: pointer
}

#m6 .table-col[data-hint]:before {
    bottom: 30%;
    position: absolute;
    z-index: 99;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 10px;
    opacity: 0;
    width: 600px;
    left: 0px;
    margin-left: 16px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: none;;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: #fff
}

#m6 .table-col[data-hint]:hover:after, #m6 .table-col[data-hint]:hover:before {
    opacity: 1;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (max-width: 415px) {
    #m6 .table-col[data-hint]:hover:after, #m6 .table-col[data-hint]:hover:before {
        display: none
    }
}

#modal-passport-check form label:first-of-type input {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

#modal-passport-check form input {
    width: 189px;
    height: 48px;
    border: solid 1px rgba(0, 0, 0, .15);
    background-color: #fff;
    padding-left: 16px;
    display: block;
    font-size: 1.4rem;
    line-height: 1.43;
}

#modal-passport-check form label:last-of-type input {
    border-left: 0;
}

#modal-passport-check form button svg {
    display: block;
    width: 24px;
    height: 24px;
    opacity: .4;
}

#modal-passport-check form button {
    width: 48px;
    height: 48px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .15);
    border-left: none;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#modal-passport-check form button:hover {
    background-color: rgba(0, 0, 0, .05)
}

#modal-passport-check form button:hover svg {
    opacity: 1
}

#modal-passport-check form {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@media (max-width: 415px) {
    #pass_sn {
        width: 140px !important;
    }

    #pass_pn {
        width: 175px !important;
    }
    #pass_check_val {
        margin-bottom: 15px;
    }
}


.emp-title {
    padding: 12px 12px 30px 12px;
    clear: both;
}

.emp-c1 {
    float: left;
    width: 120px;
}

.emp-c2 {
    float: left;
    width: 100px;
    text-align: right;
    padding-right: 50px;
}

.emp-c3 {
    float: right;
    width: 120px;
    text-align: center;
}

.emp-row {
    padding: 7px;
    clear: both;
}

.cursH {
    cursor: help
}

.manager-reset-btn img {
    width: 15px;
    height: 15px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    opacity: .4
}

.manager-reset-btn:hover img {
    opacity: 1;
}

.company-mass:before {
    position: absolute;
    z-index: 999;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 12px;
    opacity: 0;
    max-width: 100%;
    bottom: -52px;
    margin-bottom: 8px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transition-delay: .2s;
    transition-delay: .1s;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: .5px;
    color: #fff
}
.company-mass svg g,
.company-mass svg path {
    -webkit-transition: .2s;
    transition: .2s;
}

.company-mass:hover:before {
    opacity: 1;
    -webkit-transition-delay: 0;
transition-delay: 0;
}
.company-mass:hover svg g:first-child {
    fill: #F24C3D;
}
.company-mass:hover svg path{
    fill: #fff;
}

.factor-detail .factor-detail--list .button-down {
    padding: 10px 18px 25px 50px;
    color: #535353;
    position: relative;
    border-bottom: 1px solid rgba(242, 76, 61, .2);
    font-size: 13px;
    text-align: right;
    margin-top: -33px;
}

.factor-detail .factor-detail--list .button-down .text-about {
    font-weight: 600;
    cursor: pointer;
}

.factor-detail .factor-detail--list .button-down .icon-down.active {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.factor-detail .factor-detail--list .button-down .icon-down {
    position: absolute;
    right: 14.5%;
    margin-top: -2px;
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(../images/icon-accordion.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .1s ease transform;
    transition: .1s ease transform;
    cursor: pointer;
}

.factor-detail .factor-detail--list .button-down .description-content {
    margin-left: 25px;
    margin-top: 10px;
    text-align: left;
}

.company-sidebar > ul > li > a.menu-block-price::before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 54.1 (76490) - https://sketchapp.com --%3E%3Ctitle%3E581F362E-5B1F-4367-9ECF-D329A532106B%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='icon/S/refresh/black/thin'%3E%3Cg id='Group-2' transform='translate(0.000000, -1.000000)'%3E%3Cg id='Group'%3E%3Crect id='Rectangle' x='0' y='1' width='16' height='16'%3E%3C/rect%3E%3Cg transform='translate(2.999165, 0.971865)' id='Path'%3E%3Cpath d='M9.3309619,5.52813547 C10.7116738,7.91959859 9.89229799,10.9775506 7.50083488,12.3582625 C5.10937176,13.7389744 2.05141973,12.9195986 0.670707857,10.5281355 C-0.710004017,8.13667236 0.109371759,5.07872033 2.50083488,3.69800845 C3.68514425,3.01424712 5.03290776,2.87004975 6.25947496,3.18914451 L6.94163399,3.43383054' stroke='%23000000' stroke-width='1.2'%3E%3C/path%3E%3Cpolygon fill='%23000000' points='5 0.528135474 9 3.02813547 5 5.52813547'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: center left;
    background-repeat: no-repeat;
    color: rgba(0, 0, 0, .9);
    left: -1.8%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#price-block>span[data-hint][data-hint]::before {
    position: absolute;
    z-index: 9991;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 4px 8px;
    opacity: 0;
    width: 220px;
    top: -92%;
    right: -250px;
    margin-top: 8px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    text-transform: none;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: .5px;
    /* -webkit-transform: translateX(-50%); */
    /* transform: translateX(-50%); */
    color: #fff;
}


#price-block>span[data-hint][data-hint]::after{
    top: 50%;
    position: absolute;
    z-index: 99;
    content: '';
    width: 8px;
    height: 16px;
    left: 100%;
    margin-left: -1px;
    margin-bottom: -8px;
    border: 8px solid transparent;
    border-right-color: #999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}

#price-block>span[data-hint]:hover::before,
#price-block>span[data-hint]:hover::after {
    opacity: 1;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

.menu-block-price.rotateRing::before {
    -webkit-animation: rotateRings 1.5s infinite linear;
    animation: rotateRings 1.5s infinite linear;
    top: 8% !important;
}

@keyframes rotateRings {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateRings {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.company-btn .btn-list-download {
    background-repeat: no-repeat;
    width: 10px;

    margin-right: 10px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z' opacity='.2'/%3E%3Cpath fill='%23FFF' d='M9 21h14v2H9zM15 9h2v9h-2z'/%3E%3Cpath fill='%23FFF' d='M12.5 15h7L16 19.75z'/%3E%3C/g%3E%3C/svg%3E")
}

#req-subbt.error {
    background-color: #f24c3d !important;
}

#req-subbt.error:hover {
    background-color: #ef2c1a !important;
    text-decoration: none;
}

.image-source-link {
    color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}
.compare-menu {
    background-color: #fff;
    position: absolute;
    padding: 10px 10px 5px;
    margin-top: 20px;
    margin-left: -66px;
    width: 250px;
}

.compare-menu .compare-menu--lists {
    overflow-y: auto;
    overflow-x: visible;
    width: 240px;
    margin-bottom: 5px;
}

.compare-menu .compare-menu--list-org {
    display: block;
    font-size: 13px;
    max-height: 200px;
    width: 225px;
    max-width: 240px;
}

.compare-menu .compare-menu--list-org li {
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.compare-menu .compare-menu--list-org li span{
    max-width: 150px;
}
.compare-menu .message-compare {
    font-size: 13px;
    margin-top: -4px;
    margin-bottom: 15px;
    position: relative;
    min-height: 16px;
}

.compare-menu .compare-menu--list-org .delite {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z' opacity='.2'/%3E%3Cpath fill='%23000' opacity='.4' d='M14 10a2 2 0 1 1 4 0h3a1 1 0 0 1 0 2H11a1 1 0 0 1 0-2h3zm1 0h2a1 1 0 0 0-2 0zM11 13h10v8a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-8z'/%3E%3C/g%3E%3C/svg%3E");
    border: 0;
    background-color: transparent
}


.compare-menu .compare-menu--list-org .delite:hover {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z' opacity='.2'/%3E%3Cpath fill='%23F24C3D' d='M14 10a2 2 0 1 1 4 0h3a1 1 0 0 1 0 2H11a1 1 0 0 1 0-2h3zm1 0h2a1 1 0 0 0-2 0zM11 13h10v8a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-8z'/%3E%3C/g%3E%3C/svg%3E")
}

.compare-menu .compare-menu--button {
    margin-top: 10px;
}
.compare-menu .compare-menu--button .btn {
    padding: 8px 16px;
}
.compare-menu .compare-menu--button .btn-disabled {
    border: 1px solid;
}

.compare-menu .compare-menu--button a {
    margin-bottom: 10px;
}




.compare-menu .add-company-compare--input,
.modal-compare-list .add-company-compare--input {
    width: 100%;
    border: 1px solid #999999;
    border-radius: 4px;
    padding: 7px 5px;
    font-size: 13px;
}
.add-company-compare--container {
    display: flex;
    margin-bottom: 10px;
}

.add-button {
    /*margin-top: 5px;*/
    margin-right: -10px;
    transform: rotate(180deg);
}

.add-button svg {
    width: 30px;
    height: auto;
    margin-left: 5px;
    cursor: pointer;
    overflow: visible;
    /*background-color: #3aa65e;*/
    padding: 5px;
    border-radius: 7px;
}

/*.add-button svg:hover {
    background-color: #318c4f;
}*/

.add-button svg polygon,
.add-button svg path {
    transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
    fill: #3aa65e;
}
.add-button svg:hover polygon,
.add-button svg:hover path {
    transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
    fill: #318c4f;
}
.add-button svg:hover .add-button-pl {
    animation: add-button-anim 1.2s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}
.add-button svg:hover .add-button-pl-fixed {
    animation: add-button-fixed-anim 1.2s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}

@keyframes add-button-anim {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    5% {
        transform: translateX(-0.1rem);
    }
    100% {
        transform: translateX(1rem);
        opacity: 0;
    }
}
@keyframes add-button-fixed-anim {
    5% {
        opacity: 0;
    }
    20% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}

.compare-menu .compare-menu--button .ring-load {
    padding: 5px;
    position: absolute;
    left: 42%;
    top: -18px;
    margin: 9px 0;
}

.compare-menu .compare-menu--lists .ring-load {
    padding: 5px;
    position: absolute;
    top: -18px;
    margin: 9px 0;
}

.compare-menu .compare-menu--lists .ring-load.reloaded {
    background-image: none;
    position: relative;
    opacity: 1
}

.compare-menu  .ring-load.reloaded:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    margin-top: 8px;
    margin-left: 8px;
    left: 42%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #999;
    border-bottom-color: transparent;
    -webkit-animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(1, 1, 1, 1) infinite
}

/*******************Кнопки в модалке филиалы и представительства***************/
.modal-main-card .modal-content .fil-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
    padding: 0 16px;
    max-width: 290px;
    flex-direction: row;
}
.modal-address .fil-tabs .fil-tabs--name {
    padding: 8px 16px;
    border: solid 1px rgba(0, 0, 0, .15);
    border-radius: 0;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: normal;
    color: rgba(0, 0, 0, .4);
    cursor: pointer;
    width: 50%;
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
}
.modal-address .fil-tabs .fil-tabs--name:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 1px solid rgba(0, 0, 0, .15);
}
.modal-address .fil-tabs .fil-tabs--name:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .15);
}
.modal-address .fil-tabs .fil-tabs--name.active {
    color: rgba(0, 0, 0, .9);
    background-color: rgba(0, 0, 0, .05);
}


.modal-address .fil-tabs .fil-tabs--name:hover {
    transform: none !important;
    border: solid 1px rgba(0, 0, 0, .15) !important;
    margin: 0 !important;
    color: #000;
}
.modal-address .fil-tabs .fil-tabs--name:not(.active):hover {
    background-color: #fff;
}
.modal-address .fil-tabs .fil-tabs--name:first-child:hover {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.modal-address .fil-tabs .fil-tabs--name:last-child:hover {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.modal-address .count-fil {
    font-style: italic;
}
.modal-address .fil-content-tab,
.modal-address .count-fil {
    display: none !important;
}
.modal-address .fil-content-tab.active,
.modal-address .count-fil.active {
    display: block !important;
}

.card-footer-link--download-eds {
    background-image:url("/img/eds_boo.svg");
    background-size: 32px 19px;
    background-position-y: 8px;
    background-repeat: no-repeat;
}

.card-footer-link .card-footer-link--download-eds[data-hint]:before {
    width: max-content;
}

@media (min-width: 415px) {
    .card-content .main-card-header .status-fns {
        width: 76%;
        line-height: 20px;
    }
}

@media (max-width: 415px) {
    .card-content .main-card-header .status-fns {
        width: 100%;
        line-height: 19px;
    }
}

.search-list--item .item-info--name a.status-stop {
    color: rgba(0, 0, 0, .4);
    text-decoration: line-through;
}

@media (max-width: 415px) {
    .monitoring-menu-line.line-change {
        flex-direction: column;
    }
    .watch-all-change {
        margin: 5px;
    }
    #monitoring .line-change .pagination {
        margin-top: 5px;
    }

    .monitoring-addList {
        display: none;
    }
    .monitoring-sort--item {
        flex-direction: column;
        left: -3px;
        top: 32px;
        font-size: 1.3rem;
        background-color: inherit;
    }
    .monitoring-menu-line {
        padding-right: 15px;
        padding-left: 15px;
    }
    .monitoring-button--sort {
        margin-left: 0;
    }
    .monitoring-button--sort .button-sort {
        background-color: #ffffff;
    }
    .monitoring-button--sort-inner::before {
        top: 2px;
        left: 35px;
    }

    .monitoring-inner--item {
        padding: 13px 17px 8px 18px;
    }
    .monitoring-inner--item .item-name {
        margin-left: 0;
    }
    .monitoring-inner--item .item-refactor {
        margin-left: 10px;
    }
    .monitoring-inner--item .item-all-change {
        width: 100%;
        margin-left: 10px;
    }

    .monitoring-inner--item .item-button--company {
        position: absolute;
        top: 40%;
        right: 0;
    }
    .monitoring-buttons-right .context-button,
    .item-button--company .context-button {
        max-width: 160px;
        white-space: normal;
        right: 6%;
    }
    .monitoring-remove-confirm {
        margin: auto;
        width: auto;
    }

    .monitoring-inner--item.item-changes .item-refactor {
        width: 100%;
    }

    .col-content-old {
        display: none;
    }
    .modal-monitoring--item .col-content .refactors {
        overflow-x: hidden;
        border-bottom: none;
    }
}

#modal-samozanyatiy-check form label:first-of-type input {
    /*    border-top-left-radius: 4px;
        border-bottom-left-radius: 4px*/
}

#modal-samozanyatiy-check form input {
    width: 85%;
    height: 48px;
    border: solid 1px rgba(0, 0, 0, .15);
    background-color: #fff;
    padding-left: 16px;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.43;
}


#modal-samozanyatiy-check form label:last-of-type input {
    margin-top: 5px;
}

#modal-samozanyatiy-check form button svg {
    display: block;
    width: 24px;
    height: 24px;
    opacity: .4;
}

#modal-samozanyatiy-check form button,
.button-search {
    width: 48px;
    height: 48px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: solid 1px rgba(0, 0, 0, .15);
    /*border-left: none;*/
    background-color: #fff;
    display: inline-block;
    margin-left: -1px;
    padding-left: 10px;
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;*/
}

#egrul-archive-modal .button-search {
    width: 38px;
    height: 38px;
    margin-left: -1px;
    padding-left: 2px;
    padding-top: 2px;
}

#search_samozanyatiy.warning_inn,
#samozanyatiy_query.warning_inn {
    border-color: #f24e40;
}

#samozanyatiy_query::-webkit-outer-spin-button,
#samozanyatiy_query::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

#modal-samozanyatiy-check form button:hover,
.button-search:hover{
    background-color: rgba(0, 0, 0, .05)
}

#modal-samozanyatiy-check form button:hover svg,
.button-search:hover svg {
    opacity: 1
}

#modal-samozanyatiy-check form {
    display: block;
}


@media (max-width: 415px) {
    #modal-samozanyatiy-check form input {
        width: 70%;
    }
}
.card-content .card-header-buffer:before {
    position: absolute;
    z-index: 9991;
    pointer-events: none;
    content: attr(data-hint);
    display: block;
    padding: 4px 8px;
    opacity: 0;
    max-width: 464px;
    top: 60%;
    left: -41px;
    margin-top: 8px;
    border-radius: 4px;
    background-color: #999;
    -webkit-transition: .2s ease opacity;
    transition: .2s ease opacity;
    text-transform: none;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6rem;
    letter-spacing: .5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    white-space: nowrap;
}

.card-content .card-header-buffer:hover::before {
    opacity: 1;
}

.card-content .card-header-buffer {
    display: inline-block;
    padding: 5px 5px 2px;
    cursor: pointer;
    margin-bottom: 5px;
    position: absolute;
    top: -5px;
    right: 0;
}
.card-content .card-header-buffer:active svg{
    fill: #3aa65e;
}

.card-content .card-header-buffer:hover {
    background-color: rgba(0,0,0,0.1);
    border-radius: 50%;
}

@media (max-width: 1264px) {
    .card-content .card-header-buffer:before {
        top: 55%;
        left: -42px;
    }
}

@media (max-width: 415px) {
    .card-content .card-header-buffer {
        display: none;
    }
}
.card-content .info-upr h3.name {
    display: inline-block;
    margin-right: 2px;
    max-width: 300px;
    width: 100%;
}

@media (max-width: 1264px) {
    .card-content .info-upr h3.name {
        width: 90%;
    }
}




.card-content .info-upr .upr-name {
    position: relative;
    margin-bottom: 3px;
}