/* Document
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
    box-sizing: border-box;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
    text-decoration: inherit; /* 1 */
    vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
    cursor: default; /* 1 */
    line-height: 1.5; /* 2 */
    -moz-tab-size: 4; /* 3 */
    tab-size: 4; /* 3 */
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%; /* 5 */
    -webkit-text-size-adjust: 100%; /* 5 */
    word-break: break-word; /* 6 */
}

/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
    margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
    margin: 0;
}

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */
hr {
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */
main {
    display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
    list-style: none;
    padding: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
iframe {
    border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */
img {
    border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
    fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Tabular data
 * ========================================================================== */
/**
 * Collapse border spacing in all browsers (opinionated).
 */
table {
    border-collapse: collapse;
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
    margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
    overflow: visible; /* 1 */
    text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
    border: 1px solid #a0a0a0; /* 1 */
    padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
    overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
    text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
    margin: 0; /* 1 */
    overflow: auto; /* 2 */
    resize: vertical; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
    padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
    box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
    display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
    background-color: white;
    border: solid;
    color: black;
    display: block;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
}

dialog:not([open]) {
    display: none;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
    display: none;
}

/* User interaction
 * ========================================================================== */
/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
    -ms-touch-action: manipulation; /* 1 */
    touch-action: manipulation; /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none;
}

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy=true] {
    cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
    cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled=true],
[disabled] {
    cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden=false][hidden] {
    display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    position: absolute;
}

.db {
    display: block;
}

.di {
    display: inline;
}

.dib {
    display: inline-block;
}

.dn {
    display: none;
}

.df {
    display: flex;
}

.dif {
    display: inline-flex;
}

.mar-t0 {
    margin-top: 0rem !important;
}

.mar-b0 {
    margin-bottom: 0rem !important;
}

.mar-l0 {
    margin-left: 0rem !important;
}

.mar-r0 {
    margin-right: 0rem !important;
}

.mar-t1 {
    margin-top: 0.5rem !important;
}

.mar-b1 {
    margin-bottom: 0.5rem !important;
}

.mar-l1 {
    margin-left: 0.5rem !important;
}

.mar-r1 {
    margin-right: 0.5rem !important;
}

.mar-t2 {
    margin-top: 1rem !important;
}

.mar-b2 {
    margin-bottom: 1rem !important;
}

.mar-l2 {
    margin-left: 1rem !important;
}

.mar-r2 {
    margin-right: 1rem !important;
}

.mar-t3 {
    margin-top: 1.5rem !important;
}

.mar-b3 {
    margin-bottom: 1.5rem !important;
}

.mar-l3 {
    margin-left: 1.5rem !important;
}

.mar-r3 {
    margin-right: 1.5rem !important;
}

.mar-t4, .feedback--xl .feedback--icon {
    margin-top: 2rem !important;
}

.mar-b4, .feedback--xl .feedback--body p, .feedback--xl .feedback--icon {
    margin-bottom: 2rem !important;
}

.mar-l4 {
    margin-left: 2rem !important;
}

.mar-r4 {
    margin-right: 2rem !important;
}

.mar-t5 {
    margin-top: 2.5rem !important;
}

.mar-b5 {
    margin-bottom: 2.5rem !important;
}

.mar-l5 {
    margin-left: 2.5rem !important;
}

.mar-r5 {
    margin-right: 2.5rem !important;
}

.mar-t6 {
    margin-top: 3rem !important;
}

.mar-b6 {
    margin-bottom: 3rem !important;
}

.mar-l6 {
    margin-left: 3rem !important;
}

.mar-r6 {
    margin-right: 3rem !important;
}

.mar-t7 {
    margin-top: 3.5rem !important;
}

.mar-b7 {
    margin-bottom: 3.5rem !important;
}

.mar-l7 {
    margin-left: 3.5rem !important;
}

.mar-r7 {
    margin-right: 3.5rem !important;
}

.mar-0 {
    padding: 0 !important;
}

.pad-t0 {
    padding-top: 0rem !important;
}

.pad-b0 {
    padding-bottom: 0rem !important;
}

.pad-l0 {
    padding-left: 0rem !important;
}

.pad-r0 {
    padding-right: 0rem !important;
}

.pad-t1 {
    padding-top: 0.5rem !important;
}

.pad-b1 {
    padding-bottom: 0.5rem !important;
}

.pad-l1 {
    padding-left: 0.5rem !important;
}

.pad-r1 {
    padding-right: 0.5rem !important;
}

.pad-t2 {
    padding-top: 1rem !important;
}

.pad-b2 {
    padding-bottom: 1rem !important;
}

.pad-l2 {
    padding-left: 1rem !important;
}

.pad-r2 {
    padding-right: 1rem !important;
}

.pad-t3 {
    padding-top: 1.5rem !important;
}

.pad-b3 {
    padding-bottom: 1.5rem !important;
}

.pad-l3, .has-download {
    padding-left: 1.5rem !important;
}

.pad-r3 {
    padding-right: 1.5rem !important;
}

.pad-t4 {
    padding-top: 2rem !important;
}

.pad-b4 {
    padding-bottom: 2rem !important;
}

.pad-l4 {
    padding-left: 2rem !important;
}

.pad-r4 {
    padding-right: 2rem !important;
}

.pad-t5 {
    padding-top: 2.5rem !important;
}

.pad-b5 {
    padding-bottom: 2.5rem !important;
}

.pad-l5 {
    padding-left: 2.5rem !important;
}

.pad-r5 {
    padding-right: 2.5rem !important;
}

.pad-t6 {
    padding-top: 3rem !important;
}

.pad-b6 {
    padding-bottom: 3rem !important;
}

.pad-l6 {
    padding-left: 3rem !important;
}

.pad-r6 {
    padding-right: 3rem !important;
}

.pad-t7 {
    padding-top: 3.5rem !important;
}

.pad-b7 {
    padding-bottom: 3.5rem !important;
}

.pad-l7 {
    padding-left: 3.5rem !important;
}

.pad-r7 {
    padding-right: 3.5rem !important;
}

.pad-0 {
    padding: 0 !important;
}

.pad-label {
    margin-top: 1.9rem;
}

.fdr {
    flex-direction: row;
}

.fdrr {
    flex-direction: row-reverse;
}

.fdc {
    flex-direction: column;
}

.fdcr {
    flex-direction: column-reverse;
}

.fw {
    flex-wrap: wrap;
}

.fwr {
    flex-wrap: wrap-reverse;
}

.fw-n {
    flex-wrap: nowrap;
}

.jc-fs {
    justify-content: flex-start;
}

.jc-fe {
    justify-content: flex-end;
}

.jc-c {
    justify-content: center;
}

.jc-sb {
    justify-content: space-between;
}

.jc-sa {
    justify-content: space-around;
}

.jc-se {
    justify-content: space-evenly;
}

.ai-fs {
    align-items: flex-start !important;
}

.ai-fe {
    align-items: flex-end !important;
}

.ai-c {
    align-items: center !important;
}

.ai-s {
    align-items: stretch !important;
}

.ai-b {
    align-items: baseline !important;
}

.ac-fs {
    align-content: flex-start;
}

.ac-fe {
    align-content: flex-end;
}

.ac-c {
    align-content: center;
}

.ac-s {
    align-content: stretch;
}

.ac-sb {
    align-content: space-between;
}

.ac-sa {
    align-content: space-around;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fn {
    float: none !important;
}

.poa {
    position: absolute;
}

.pof {
    position: fixed;
}

.por {
    position: relative;
}

.pos {
    position: static;
}

.ra {
    border-radius: 50%;
}

.ran {
    border-radius: 0;
}

.tac, .feedback--xl {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.tsi {
    font-style: italic;
}

.ttu {
    text-transform: uppercase;
}

.twl {
    font-weight: 100 !important;
}

.twn {
    font-weight: normal;
}

.twb {
    font-weight: bold;
}

.vh {
    visibility: hidden;
}

.vat {
    vertical-align: top;
}

.h100 {
    height: 100vh;
}

.h100p {
    height: 100%;
}

.w100 {
    width: 100% !important;
}

.ofh {
    overflow: hidden;
}

.mhc {
    margin-left: auto;
    margin-right: auto;
}

.ml-a {
    margin-left: auto;
}

.mr-a {
    margin-right: auto;
}

.bn {
    border: 0 !important;
}

.cp {
    cursor: pointer;
}

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

.debug {
    background-color: pink !important;
}

@media only screen and (min-width: 1025px) {
    .wide-view {
        padding-left: 70px;
    }
    .hide-wide {
        display: none !important;
    }
    .show-phone {
        display: none;
    }
}
@media only screen and (max-width: 481px) {
    .hide-mobile {
        display: none;
    }
    .hide-phone {
        display: none !important;
    }
    .mobile-view {
        padding-top: 80px;
    }
    .phone-view {
        display: block !important;
    }
    .show-phone {
        display: block !important;
    }
}
@media only screen and (max-width: 1024px) {
    .hide-mobile {
        display: none !important;
    }
    .show-phone {
        display: none;
    }
}
html {
    font-family: "Roboto", sans-serif;
    font-size: 16;
    line-height: 1.5;
    color: #000000;
    box-sizing: border-box !important;
    padding: 0;
    height: 100%;
}

body {
    min-height: 100vh;
}

* {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: inherit;
}

*:before, *:after {
    box-sizing: inherit;
}

ul {
    margin: 0;
}

@media only screen and (max-width: 1024px) {
    body {
        padding-top: 80px;
    }
}
@media only screen and (max-width: 481px) {
    html {
        padding: 0;
    }
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@-moz-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@-ms-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@-o-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-ms-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-ms-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@-ms-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@-moz-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@-ms-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@-o-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
@-ms-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
@-o-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes fadeInTransparent {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.75;
    }
}
@-moz-keyframes fadeInTransparent {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.75;
    }
}
@-ms-keyframes fadeInTransparent {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.75;
    }
}
@-o-keyframes fadeInTransparent {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.75;
    }
}
@keyframes fadeInTransparent {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.75;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInFromTransparent {
    0% {
        opacity: 0.25;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeInFromTransparent {
    0% {
        opacity: 0.25;
    }
    100% {
        opacity: 1;
    }
}
@-ms-keyframes fadeInFromTransparent {
    0% {
        opacity: 0.25;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes fadeInFromTransparent {
    0% {
        opacity: 0.25;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeInFromTransparent {
    0% {
        opacity: 0.25;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 0.75;
    }
    100% {
        opacity: 0.25;
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity: 0.75;
    }
    100% {
        opacity: 0.25;
    }
}
@-ms-keyframes fadeOut {
    0% {
        opacity: 0.75;
    }
    100% {
        opacity: 0.25;
    }
}
@-o-keyframes fadeOut {
    0% {
        opacity: 0.75;
    }
    100% {
        opacity: 0.25;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 0.75;
    }
    100% {
        opacity: 0.25;
    }
}
@-webkit-keyframes fadeOutTransparent {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}
@-moz-keyframes fadeOutTransparent {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}
@-ms-keyframes fadeOutTransparent {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}
@-o-keyframes fadeOutTransparent {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}
@keyframes fadeOutTransparent {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}
.js--filter {
    overflow-y: hidden;
    max-height: 31.25rem;
    transition: all 0.25s cubic-bezier(0.7, 0, 0.175, 1) 0s;
}

.js--filter-closed {
    max-height: 0;
}

.title-dropdown {
    padding-right: 1.875rem;
    background-image: url(../images/down_arrow_title.svg);
    background-repeat: no-repeat;
    background-position: right 21px;
    background-size: 0.8125rem;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.title-dropdown:hover {
    color: #3ebad6;
    background-position: right calc(100% - 19px);
}

.page-event--title {
    font-weight: 300;
    font-size: 1.375rem;
    display: inline-block;
}
.page-event--title span {
    font-size: 1rem;
    font-weight: 600;
}

.page-event--info {
    font-size: 0.875rem;
    font-style: italic;
    margin-bottom: 2.25rem;
}

.js--expand-container {
    overflow-y: hidden;
    max-height: 62.5rem;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.175, 1) 0s;
}

.js--expand-container-closed {
    max-height: 0;
}

.salesreport--chartContainer {
    background: #ffffff;
    padding: 0.9375rem;
    border: 1px solid #ededed;
}

#js--tix-percent, #js--tix-money {
    height: 21.875rem;
    width: 100%;
}

.cart {
    background-image: url(../images/cart.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 0.8125rem !important;
}

.fadeOutTransparent {
    -webkit-animation-name: fadeInTransparent;
    -moz-animation-name: fadeInTransparent;
    -ms-animation-name: fadeInTransparent;
    -o-animation-name: fadeInTransparent;
    animation-name: fadeInTransparent;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.btnCtrl {
    border: 1px solid #cdcdcd;
    width: 35px;
    height: 35px;
    background-color: #fff;
    margin-bottom: 10px;
    background-size: 22px;
    background-position: center;
    background-repeat: no-repeat;
    transition: border 0.1s ease-in-out;
}
.btnCtrl:hover {
    border: 1px solid #0078bd;
    cursor: pointer;
}
.btnCtrl--pdf {
    background-image: url(/assets/images/ico--pdf.svg);
}
.btnCtrl--xml {
    background-image: url(/assets/images/ico--xml.svg);
}
.btnCtrl--xml37 {
    background-image: url(/assets/images/ico--xml37.svg);
}
.btnCtrl--zoomIn {
    background-image: url(/assets/images/ico--zoomIn.svg);
}
.btnCtrl--zoomOut {
    background-image: url(/assets/images/ico--zoomOut.svg);
}
.btnCtrl--reset {
    background-image: url(/assets/images/ico--reset.svg);
}

#goBack {
    display: none;
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #0078bd;
    color: #ffffff;
    padding: 5px;
    border-radius: 5px;
    font-weight: 700;
    cursor: pointer;
}

.totalRound {
    padding: 0;
    margin: 15px 0;
}
.totalRound li {
    list-style: none;
    line-height: 2.2;
}

.criteria span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    background: #dedede;
    color: #494949;
    padding: 2px 26px 2px 6px;
    margin: 10px 5px 10px 0;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.23s ease-in-out 0s;
    background-image: url(../images/del.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 6px) 50%;
}
.criteria span:hover {
    background-color: #cfcfcf;
}

#districts {
    background: #FFFFFF;
}

.districts--content {
    width: 100%;
    margin: auto;
    padding: 0 40px;
}

.district--selector {
    list-style: none;
}
.district--selector li {
    display: block;
    border-bottom: 1px solid #cdcdcd;
    overflow: hidden;
    padding: 10px 0;
}
.district--selector li span {
    float: left;
}
.district--selector li a {
    float: right;
    color: #3EBAD3;
}
.district--selector li a:hover {
    text-decoration: none !important;
}

.status-bar {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #e9e9e9;
    height: 30px;
    margin-top: 15px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.status-bar--result {
    height: 30px;
    background: #d3cdcf;
    text-align: center;
    font-weight: 600;
    padding-top: 3px;
}

.status-bar--resultNum {
    height: 30px;
    text-align: center;
    font-weight: 600;
    padding-top: 3px;
    position: absolute;
    z-index: 9996;
    background: transparent;
}

.product-items {
    list-style: none;
}

.product-items--main {
    border: 1px solid #e6e4e4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0.6875rem;
    margin-bottom: 0.625rem;
    cursor: pointer;
    overflow: hidden;
    background: #FFF;
    transition: border-color 0.25s ease-in-out 0s;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.product-items--main:hover {
    border: 2px solid #5ad37c !important;
    padding: 0.625rem !important;
}
.product-items--main a {
    font-weight: 200 !important;
    display: inline-block;
    float: right;
    display: inline-block;
    width: 0.9375rem;
    height: 0.9375rem;
    background: url(../images/gear-ico.svg) no-repeat;
    font-size: 0.75rem;
    cursor: pointer;
    margin-top: 0.1875rem;
}
.product-items--main a:hover {
    background-position: 0 -0.9375rem;
}
.product-items--main span {
    display: inline-block;
    background: url(../images/checked-ico.svg) no-repeat;
    background-position: 0 -1.25rem;
    height: 1.25rem;
    padding-left: 1.875rem;
}

.product-items--main--selected {
    border: 2px solid #5ad37c !important;
    padding: 0.625rem !important;
}
.product-items--main--selected span {
    background-position: 0 0 !important;
    font-weight: 600;
    color: #5ad37c;
}

.product-items--sub {
    list-style: none;
    clear: both;
    margin: 0.9375rem 0 0 0;
}
.product-items--sub li {
    padding: 0.3125rem 0 0.3125rem 0.9375rem;
    border-bottom: 1px solid #dddddd;
    background: url(../images/arrowRight.svg) left center;
    background-repeat: no-repeat;
    background-size: 8px;
}

.districtNameContainer {
    max-height: calc(50vh - 84px);
    overflow-x: scroll;
}

.table--gradient-container {
    width: calc(100% - 2px);
    height: 100px;
    bottom: 0;
    left: 1px;
    z-index: 995;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 43%, rgb(255, 255, 255) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 43%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 43%, rgb(255, 255, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.preloader {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 9999;
}

.has-tooltip {
    display: flex;
    align-items: center;
}
.has-tooltip img {
    cursor: pointer !important;
}

.has-download {
    background: url(../images/download-ico.svg) left center;
    background-repeat: no-repeat;
    background-size: 12px;
    font-size: 0.8125rem;
}

.mobile-menu {
    background: #f0f0f0;
    height: 100%;
    width: 100%;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    z-index: 10000;
    -webkit-overflow-scrolling: touch;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    animation-delay: 0.1s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mobile-menu--slideTop {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -ms-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    animation-delay: 0.1s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.marketing__searchCriteria {
    width: 35%;
    display: block;
}

.marketing__searchResults {
    width: 62%;
    margin-left: 3%;
}

@media only screen and (max-width: 1024px) {
    .marketing__searchCriteria {
        width: 100%;
        background: #ffffff;
        height: 100%;
        position: fixed;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 9999;
        -webkit-overflow-scrolling: touch;
        -webkit-animation-name: fadeInDown;
        -moz-animation-name: fadeInDown;
        -ms-animation-name: fadeInDown;
        -o-animation-name: fadeInDown;
        animation-name: fadeInDown;
        -webkit-animation-iteration-count: 1s;
        -moz-animation-iteration-count: 1s;
        -ms-animation-iteration-count: 1s;
        -o-animation-iteration-count: 1s;
        animation-iteration-count: 1s;
        -webkit-animation-duration: 0.4s;
        -moz-animation-duration: 0.4s;
        -ms-animation-duration: 0.4s;
        -o-animation-duration: 0.4s;
        animation-duration: 0.4s;
        -webkit-animation-delay: 0.1s;
        -moz-animation-delay: 0.1s;
        -ms-animation-delay: 0.1s;
        -o-animation-delay: 0.1s;
        animation-delay: 0.1s;
        -webkit-animation-timing-function: ease;
        -moz-animation-timing-function: ease;
        -ms-animation-timing-function: ease;
        -o-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .marketing__searchResults {
        width: 100%;
        margin-left: 0;
    }
}
@media only screen and (max-width: 650px) {
    .monMsgSchedule {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .monMsgSchedule--item {
        margin-top: 10px;
    }
}
.history-plg-item {
    padding: 5px 0 0 0;
    width: calc(100% - 30px);
    display: inline-block;
    line-height: 1.1rem;
    border-top: 1px solid #cdcdcd;
}

.history-plg-cnt {
    padding: 5px 0 5px 30px;
    background-image: url(/assets/images/ico--enter.svg);
    background-repeat: no-repeat;
    background-position: 0 18px;
    background-size: 13px;
}

.head-level {
    font-size: 13.2px;
    font-weight: bold;
    padding: 5px 8px;
    border-top: 10px solid #edece5;
}
.head-level:first-child {
    border-top: none;
}

.companyFormsListItem {
    border-bottom: 1px solid #dfdfdf;
    padding: 8px 0;
}

.input {
    font-family: "Bitter", serif;
    background-clip: padding-box;
    width: 100%;
    transition: border-color 0.2s ease-in-out;
}
.input:hover {
    outline: none;
}
.input:focus {
    outline: none;
}

.input--s {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 0.3125rem;
}
.input--s::-webkit-input-placeholder {
    color: #cdcdcd;
}
.input--s::-moz-placeholder {
    color: #cdcdcd;
}
.input--s:-ms-input-placeholder {
    color: #cdcdcd;
}
.input--s:-moz-placeholder {
    color: #cdcdcd;
}

.input--l {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 0.5rem;
}
.input--l::-webkit-input-placeholder {
    color: #cdcdcd;
}
.input--l::-moz-placeholder {
    color: #cdcdcd;
}
.input--l:-ms-input-placeholder {
    color: #cdcdcd;
}
.input--l:-moz-placeholder {
    color: #cdcdcd;
}

.input--normal {
    border: 1px solid rgb(212.25, 212.25, 212.25);
}
.input--normal:hover {
    border-color: rgb(186.75, 186.75, 186.75);
}
.input--normal:focus {
    border-color: #3165d2;
}

.input--error {
    border: 2px solid #ff0000;
    color: #ff0000;
}

.input--success {
    border: 2px solid #ee836e;
    color: #ee836e;
}

.input:disabled {
    background: #f3efef;
    color: #cdcdcd;
}

.has--calendar {
    background: #ffffff url(../images/ico-calendar.svg) no-repeat;
    background-position: calc(100% - 5px);
    background-size: 18px;
    padding-right: 35px;
}

.has--search {
    background: #ffffff url(../images//ico-search.svg) no-repeat;
    background-size: 18px;
    background-position: calc(100% - 5px);
    padding-right: 35px;
}

.has--password {
    text-security: disc;
    -webkit-text-security: disc;
    -moz-text-security: disc;
}

input[type=checkbox] {
    position: absolute;
    left: -9999px;
    visibility: hidden;
}
input[type=checkbox] + label {
    overflow: hidden;
    display: flex;
    align-items: center;
    word-break: normal;
}
input[type=checkbox] + label b {
    font-weight: 600 !important;
}
input[type=checkbox] + label span {
    background: url(/assets/images/cbrb.svg) no-repeat 0 0;
    background-size: 1rem;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    margin-right: 5px;
}
input[type=checkbox] + label span:hover {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -16px;
    background-size: 1rem;
}
input[type=checkbox] + label span:active {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -64px;
    background-size: 1rem;
}
input[type=checkbox]:focus:not(:checked) + label span {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -64px !important;
    background-size: 1rem;
}
input[type=checkbox]:focus + label span {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -80px !important;
    background-size: 1rem;
}
input[type=checkbox]:disabled + label span {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -48px !important;
    background-size: 1rem !important;
    cursor: not-allowed;
}
input[type=checkbox]:disabled:not(:checked) + label span {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -32px !important;
    background-size: 1rem !important;
    cursor: not-allowed;
}
input[type=checkbox]:checked + label span {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -112px;
    background-size: 1rem;
}
input[type=checkbox]:checked + label span:hover {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -96px;
    background-size: 1rem;
}
input[type=checkbox]:checked + label span:active {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -80px;
    background-size: 1rem;
}

.checkbox-description {
    display: block;
    margin-top: 0;
    text-indent: 0;
}

.checkbox--xl {
    font-size: 15px;
}

.dropdown {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    border: 1px solid #cdcdcd;
    overflow: hidden;
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    z-index: 997;
    display: none;
    padding: 0 !important;
    font-weight: 400 !important;
}
.dropdown ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
}
.dropdown ::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #9e9e9e;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.dropdown li {
    display: block;
    width: 100%;
    padding: 0;
    transition: background-color 0.1s ease-in 0s;
}
.dropdown li:hover {
    background: #d4ece6;
}
.dropdown li a {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    color: #484848;
    font-size: 0.8125rem;
}
.dropdown--s li a {
    padding: 0.5rem;
}
.dropdown--l li a {
    padding: 0.9375rem;
}

.has-dropdown {
    background-image: url(/assets/images/down_arrow.svg);
    background-repeat: no-repeat;
    background-size: 0.5rem;
    background-position: calc(100% - 10px) center;
    cursor: pointer !important;
}

.selectAccount {
    color: #484848;
}
.selectAccount li {
    padding: 20px;
    border-bottom: 1px solid #ebebeb;
}
.selectAccount li:last-child {
    border-bottom: none;
}

.selectAccount__company {
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

.selectAccount__role {
    font-size: 12px;
    font-weight: 300;
}

.dropdown__fixed {
    max-height: 350px;
    overflow-y: scroll;
    min-width: 200px;
}

.dropdown__nolink {
    font-size: 14px;
    color: #484848;
    font-weight: 600;
    padding: 15px !important;
    border-bottom: 1px solid #cdcdcd;
    white-space: nowrap;
}
.dropdown__nolink:hover {
    background-color: transparent !important;
    cursor: auto !important;
}

.flag {
    background-repeat: no-repeat;
    background-position: 5% 50%;
}

.flag--input--xl {
    width: 25px;
    height: 25px;
    margin-left: 15px;
    padding-left: 50px !important;
}

.flag--l {
    background-size: 20px !important;
    padding-left: 35px !important;
}

.flag--xl {
    background-size: 25px;
    padding-left: 40px !important;
}

.flag__ad {
    background-image: url(/assets/images/flags/ad.svg);
}

.flag__ae {
    background-image: url(/assets/images/flags/ae.svg);
}

.flag__af {
    background-image: url(/assets/images/flags/af.svg);
}

.flag__ag {
    background-image: url(/assets/images/flags/ag.svg);
}

.flag__ai {
    background-image: url(/assets/images/flags/ai.svg);
}

.flag__al {
    background-image: url(/assets/images/flags/al.svg);
}

.flag__am {
    background-image: url(/assets/images/flags/am.svg);
}

.flag__an {
    background-image: url(/assets/images/flags/an.svg);
}

.flag__ao {
    background-image: url(/assets/images/flags/ao.svg);
}

.flag__aq {
    background-image: url(/assets/images/flags/aq.svg);
}

.flag__ar {
    background-image: url(/assets/images/flags/ar.svg);
}

.flag__as {
    background-image: url(/assets/images/flags/as.svg);
}

.flag__at {
    background-image: url(/assets/images/flags/at.svg);
}

.flag__au {
    background-image: url(/assets/images/flags/au.svg);
}

.flag__aw {
    background-image: url(/assets/images/flags/aw.svg);
}

.flag__ax {
    background-image: url(/assets/images/flags/ax.svg);
}

.flag__az {
    background-image: url(/assets/images/flags/az.svg);
}

.flag__ba {
    background-image: url(/assets/images/flags/ba.svg);
}

.flag__bb {
    background-image: url(/assets/images/flags/bb.svg);
}

.flag__bd {
    background-image: url(/assets/images/flags/bd.svg);
}

.flag__be {
    background-image: url(/assets/images/flags/be.svg);
}

.flag__bf {
    background-image: url(/assets/images/flags/bf.svg);
}

.flag__bg {
    background-image: url(/assets/images/flags/bg.svg);
}

.flag__bh {
    background-image: url(/assets/images/flags/bh.svg);
}

.flag__bi {
    background-image: url(/assets/images/flags/bi.svg);
}

.flag__bj {
    background-image: url(/assets/images/flags/bj.svg);
}

.flag__bl {
    background-image: url(/assets/images/flags/bl.svg);
}

.flag__bm {
    background-image: url(/assets/images/flags/bm.svg);
}

.flag__bn {
    background-image: url(/assets/images/flags/bn.svg);
}

.flag__bo {
    background-image: url(/assets/images/flags/bo.svg);
}

.flag__bq {
    background-image: url(/assets/images/flags/bq.svg);
}

.flag__br {
    background-image: url(/assets/images/flags/br.svg);
}

.flag__bs {
    background-image: url(/assets/images/flags/bs.svg);
}

.flag__bt {
    background-image: url(/assets/images/flags/bt.svg);
}

.flag__bv {
    background-image: url(/assets/images/flags/bv.svg);
}

.flag__bw {
    background-image: url(/assets/images/flags/bw.svg);
}

.flag__by {
    background-image: url(/assets/images/flags/by.svg);
}

.flag__bz {
    background-image: url(/assets/images/flags/bz.svg);
}

.flag__ca {
    background-image: url(/assets/images/flags/ca.svg);
}

.flag__cc {
    background-image: url(/assets/images/flags/cc.svg);
}

.flag__cd {
    background-image: url(/assets/images/flags/cd.svg);
}

.flag__cf {
    background-image: url(/assets/images/flags/cf.svg);
}

.flag__cg {
    background-image: url(/assets/images/flags/cg.svg);
}

.flag__ch {
    background-image: url(/assets/images/flags/ch.svg);
}

.flag__ci {
    background-image: url(/assets/images/flags/ci.svg);
}

.flag__ck {
    background-image: url(/assets/images/flags/ck.svg);
}

.flag__cl {
    background-image: url(/assets/images/flags/cl.svg);
}

.flag__cm {
    background-image: url(/assets/images/flags/cm.svg);
}

.flag__cn {
    background-image: url(/assets/images/flags/cn.svg);
}

.flag__co {
    background-image: url(/assets/images/flags/co.svg);
}

.flag__cr {
    background-image: url(/assets/images/flags/cr.svg);
}

.flag__cu {
    background-image: url(/assets/images/flags/cu.svg);
}

.flag__cv {
    background-image: url(/assets/images/flags/cv.svg);
}

.flag__cw {
    background-image: url(/assets/images/flags/cw.svg);
}

.flag__cx {
    background-image: url(/assets/images/flags/cx.svg);
}

.flag__cy {
    background-image: url(/assets/images/flags/cy.svg);
}

.flag__cz {
    background-image: url(/assets/images/flags/cz.svg);
}

.flag__de {
    background-image: url(/assets/images/flags/de.svg);
}

.flag__dj {
    background-image: url(/assets/images/flags/dj.svg);
}

.flag__dk {
    background-image: url(/assets/images/flags/dk.svg);
}

.flag__dm {
    background-image: url(/assets/images/flags/dm.svg);
}

.flag__do {
    background-image: url(/assets/images/flags/do.svg);
}

.flag__dz {
    background-image: url(/assets/images/flags/dz.svg);
}

.flag__ec {
    background-image: url(/assets/images/flags/ec.svg);
}

.flag__ee {
    background-image: url(/assets/images/flags/ee.svg);
}

.flag__eg {
    background-image: url(/assets/images/flags/eg.svg);
}

.flag__eh {
    background-image: url(/assets/images/flags/eh.svg);
}

.flag__er {
    background-image: url(/assets/images/flags/er.svg);
}

.flag__es {
    background-image: url(/assets/images/flags/es.svg);
}

.flag__et {
    background-image: url(/assets/images/flags/et.svg);
}

.flag__fi {
    background-image: url(/assets/images/flags/fi.svg);
}

.flag__fj {
    background-image: url(/assets/images/flags/fj.svg);
}

.flag__fk {
    background-image: url(/assets/images/flags/fk.svg);
}

.flag__fm {
    background-image: url(/assets/images/flags/fm.svg);
}

.flag__fo {
    background-image: url(/assets/images/flags/fo.svg);
}

.flag__fr {
    background-image: url(/assets/images/flags/fr.svg);
}

.flag__ga {
    background-image: url(/assets/images/flags/ga.svg);
}

.flag__gb {
    background-image: url(/assets/images/flags/gb.svg);
}

.flag__gd {
    background-image: url(/assets/images/flags/gd.svg);
}

.flag__ge {
    background-image: url(/assets/images/flags/ge.svg);
}

.flag__gf {
    background-image: url(/assets/images/flags/gf.svg);
}

.flag__gg {
    background-image: url(/assets/images/flags/gg.svg);
}

.flag__gh {
    background-image: url(/assets/images/flags/gh.svg);
}

.flag__gi {
    background-image: url(/assets/images/flags/gi.svg);
}

.flag__gl {
    background-image: url(/assets/images/flags/gl.svg);
}

.flag__gm {
    background-image: url(/assets/images/flags/gm.svg);
}

.flag__gn {
    background-image: url(/assets/images/flags/gn.svg);
}

.flag__gp {
    background-image: url(/assets/images/flags/gp.svg);
}

.flag__gq {
    background-image: url(/assets/images/flags/gq.svg);
}

.flag__gr {
    background-image: url(/assets/images/flags/gr.svg);
}

.flag__gs {
    background-image: url(/assets/images/flags/gs.svg);
}

.flag__gt {
    background-image: url(/assets/images/flags/gt.svg);
}

.flag__gu {
    background-image: url(/assets/images/flags/gu.svg);
}

.flag__gw {
    background-image: url(/assets/images/flags/gw.svg);
}

.flag__gy {
    background-image: url(/assets/images/flags/gy.svg);
}

.flag__hk {
    background-image: url(/assets/images/flags/hk.svg);
}

.flag__hm {
    background-image: url(/assets/images/flags/hm.svg);
}

.flag__hn {
    background-image: url(/assets/images/flags/hn.svg);
}

.flag__hr {
    background-image: url(/assets/images/flags/hr.svg);
}

.flag__ht {
    background-image: url(/assets/images/flags/ht.svg);
}

.flag__hu {
    background-image: url(/assets/images/flags/hu.svg);
}

.flag__id {
    background-image: url(/assets/images/flags/id.svg);
}

.flag__ie {
    background-image: url(/assets/images/flags/ie.svg);
}

.flag__il {
    background-image: url(/assets/images/flags/il.svg);
}

.flag__im {
    background-image: url(/assets/images/flags/im.svg);
}

.flag__in {
    background-image: url(/assets/images/flags/in.svg);
}

.flag__io {
    background-image: url(/assets/images/flags/io.svg);
}

.flag__iq {
    background-image: url(/assets/images/flags/iq.svg);
}

.flag__ir {
    background-image: url(/assets/images/flags/ir.svg);
}

.flag__is {
    background-image: url(/assets/images/flags/is.svg);
}

.flag__it {
    background-image: url(/assets/images/flags/it.svg);
}

.flag__je {
    background-image: url(/assets/images/flags/je.svg);
}

.flag__jm {
    background-image: url(/assets/images/flags/jm.svg);
}

.flag__jo {
    background-image: url(/assets/images/flags/jo.svg);
}

.flag__jp {
    background-image: url(/assets/images/flags/jp.svg);
}

.flag__ke {
    background-image: url(/assets/images/flags/ke.svg);
}

.flag__kg {
    background-image: url(/assets/images/flags/kg.svg);
}

.flag__kh {
    background-image: url(/assets/images/flags/kh.svg);
}

.flag__ki {
    background-image: url(/assets/images/flags/ki.svg);
}

.flag__km {
    background-image: url(/assets/images/flags/km.svg);
}

.flag__kn {
    background-image: url(/assets/images/flags/kn.svg);
}

.flag__kp {
    background-image: url(/assets/images/flags/kp.svg);
}

.flag__kr {
    background-image: url(/assets/images/flags/kr.svg);
}

.flag__kw {
    background-image: url(/assets/images/flags/kw.svg);
}

.flag__ky {
    background-image: url(/assets/images/flags/ky.svg);
}

.flag__kz {
    background-image: url(/assets/images/flags/kz.svg);
}

.flag__la {
    background-image: url(/assets/images/flags/la.svg);
}

.flag__lb {
    background-image: url(/assets/images/flags/lb.svg);
}

.flag__lc {
    background-image: url(/assets/images/flags/lc.svg);
}

.flag__li {
    background-image: url(/assets/images/flags/li.svg);
}

.flag__lk {
    background-image: url(/assets/images/flags/lk.svg);
}

.flag__lr {
    background-image: url(/assets/images/flags/lr.svg);
}

.flag__ls {
    background-image: url(/assets/images/flags/ls.svg);
}

.flag__lt {
    background-image: url(/assets/images/flags/lt.svg);
}

.flag__lu {
    background-image: url(/assets/images/flags/lu.svg);
}

.flag__lv {
    background-image: url(/assets/images/flags/lv.svg);
}

.flag__ly {
    background-image: url(/assets/images/flags/ly.svg);
}

.flag__ma {
    background-image: url(/assets/images/flags/ma.svg);
}

.flag__mc {
    background-image: url(/assets/images/flags/mc.svg);
}

.flag__md {
    background-image: url(/assets/images/flags/md.svg);
}

.flag__me {
    background-image: url(/assets/images/flags/me.svg);
}

.flag__mf {
    background-image: url(/assets/images/flags/mf.svg);
}

.flag__mg {
    background-image: url(/assets/images/flags/mg.svg);
}

.flag__mh {
    background-image: url(/assets/images/flags/mh.svg);
}

.flag__mk {
    background-image: url(/assets/images/flags/mk.svg);
}

.flag__ml {
    background-image: url(/assets/images/flags/ml.svg);
}

.flag__mm {
    background-image: url(/assets/images/flags/mm.svg);
}

.flag__mn {
    background-image: url(/assets/images/flags/mn.svg);
}

.flag__mo {
    background-image: url(/assets/images/flags/mo.svg);
}

.flag__mp {
    background-image: url(/assets/images/flags/mp.svg);
}

.flag__mq {
    background-image: url(/assets/images/flags/mq.svg);
}

.flag__mr {
    background-image: url(/assets/images/flags/mr.svg);
}

.flag__ms {
    background-image: url(/assets/images/flags/ms.svg);
}

.flag__mt {
    background-image: url(/assets/images/flags/mt.svg);
}

.flag__mu {
    background-image: url(/assets/images/flags/mu.svg);
}

.flag__mv {
    background-image: url(/assets/images/flags/mv.svg);
}

.flag__mw {
    background-image: url(/assets/images/flags/mw.svg);
}

.flag__mx {
    background-image: url(/assets/images/flags/mx.svg);
}

.flag__my {
    background-image: url(/assets/images/flags/my.svg);
}

.flag__mz {
    background-image: url(/assets/images/flags/mz.svg);
}

.flag__na {
    background-image: url(/assets/images/flags/na.svg);
}

.flag__nc {
    background-image: url(/assets/images/flags/nc.svg);
}

.flag__ne {
    background-image: url(/assets/images/flags/ne.svg);
}

.flag__nf {
    background-image: url(/assets/images/flags/nf.svg);
}

.flag__ng {
    background-image: url(/assets/images/flags/ng.svg);
}

.flag__ni {
    background-image: url(/assets/images/flags/ni.svg);
}

.flag__nl {
    background-image: url(/assets/images/flags/nl.svg);
}

.flag__no {
    background-image: url(/assets/images/flags/no.svg);
}

.flag__np {
    background-image: url(/assets/images/flags/np.svg);
}

.flag__nr {
    background-image: url(/assets/images/flags/nr.svg);
}

.flag__nu {
    background-image: url(/assets/images/flags/nu.svg);
}

.flag__nz {
    background-image: url(/assets/images/flags/nz.svg);
}

.flag__om {
    background-image: url(/assets/images/flags/om.svg);
}

.flag__pa {
    background-image: url(/assets/images/flags/pa.svg);
}

.flag__pe {
    background-image: url(/assets/images/flags/pe.svg);
}

.flag__pf {
    background-image: url(/assets/images/flags/pf.svg);
}

.flag__pg {
    background-image: url(/assets/images/flags/pg.svg);
}

.flag__ph {
    background-image: url(/assets/images/flags/ph.svg);
}

.flag__pk {
    background-image: url(/assets/images/flags/pk.svg);
}

.flag__pl {
    background-image: url(/assets/images/flags/pl.svg);
}

.flag__pm {
    background-image: url(/assets/images/flags/pm.svg);
}

.flag__pn {
    background-image: url(/assets/images/flags/pn.svg);
}

.flag__pr {
    background-image: url(/assets/images/flags/pr.svg);
}

.flag__ps {
    background-image: url(/assets/images/flags/ps.svg);
}

.flag__pt {
    background-image: url(/assets/images/flags/pt.svg);
}

.flag__pw {
    background-image: url(/assets/images/flags/pw.svg);
}

.flag__py {
    background-image: url(/assets/images/flags/py.svg);
}

.flag__qa {
    background-image: url(/assets/images/flags/qa.svg);
}

.flag__re {
    background-image: url(/assets/images/flags/re.svg);
}

.flag__ro {
    background-image: url(/assets/images/flags/ro.svg);
}

.flag__rs {
    background-image: url(/assets/images/flags/rs.svg);
}

.flag__ru {
    background-image: url(/assets/images/flags/ru.svg);
}

.flag__rw {
    background-image: url(/assets/images/flags/rw.svg);
}

.flag__sa {
    background-image: url(/assets/images/flags/sa.svg);
}

.flag__sb {
    background-image: url(/assets/images/flags/sb.svg);
}

.flag__sc {
    background-image: url(/assets/images/flags/sc.svg);
}

.flag__sd {
    background-image: url(/assets/images/flags/sd.svg);
}

.flag__se {
    background-image: url(/assets/images/flags/se.svg);
}

.flag__sg {
    background-image: url(/assets/images/flags/sg.svg);
}

.flag__sh {
    background-image: url(/assets/images/flags/sh.svg);
}

.flag__si {
    background-image: url(/assets/images/flags/si.svg);
}

.flag__sj {
    background-image: url(/assets/images/flags/sj.svg);
}

.flag__sk {
    background-image: url(/assets/images/flags/sk.svg);
}

.flag__sl {
    background-image: url(/assets/images/flags/sl.svg);
}

.flag__sm {
    background-image: url(/assets/images/flags/sm.svg);
}

.flag__sn {
    background-image: url(/assets/images/flags/sn.svg);
}

.flag__so {
    background-image: url(/assets/images/flags/so.svg);
}

.flag__sr {
    background-image: url(/assets/images/flags/sr.svg);
}

.flag__ss {
    background-image: url(/assets/images/flags/ss.svg);
}

.flag__st {
    background-image: url(/assets/images/flags/st.svg);
}

.flag__sv {
    background-image: url(/assets/images/flags/sv.svg);
}

.flag__sx {
    background-image: url(/assets/images/flags/sx.svg);
}

.flag__sy {
    background-image: url(/assets/images/flags/sy.svg);
}

.flag__sz {
    background-image: url(/assets/images/flags/sz.svg);
}

.flag__tc {
    background-image: url(/assets/images/flags/tc.svg);
}

.flag__td {
    background-image: url(/assets/images/flags/td.svg);
}

.flag__tf {
    background-image: url(/assets/images/flags/tf.svg);
}

.flag__tg {
    background-image: url(/assets/images/flags/tg.svg);
}

.flag__th {
    background-image: url(/assets/images/flags/th.svg);
}

.flag__tj {
    background-image: url(/assets/images/flags/tj.svg);
}

.flag__tk {
    background-image: url(/assets/images/flags/tk.svg);
}

.flag__tl {
    background-image: url(/assets/images/flags/tl.svg);
}

.flag__tm {
    background-image: url(/assets/images/flags/tm.svg);
}

.flag__tn {
    background-image: url(/assets/images/flags/tn.svg);
}

.flag__to {
    background-image: url(/assets/images/flags/to.svg);
}

.flag__tr {
    background-image: url(/assets/images/flags/tr.svg);
}

.flag__tt {
    background-image: url(/assets/images/flags/tt.svg);
}

.flag__tv {
    background-image: url(/assets/images/flags/tv.svg);
}

.flag__tw {
    background-image: url(/assets/images/flags/tw.svg);
}

.flag__tz {
    background-image: url(/assets/images/flags/tz.svg);
}

.flag__ua {
    background-image: url(/assets/images/flags/ua.svg);
}

.flag__ug {
    background-image: url(/assets/images/flags/ug.svg);
}

.flag__um {
    background-image: url(/assets/images/flags/um.svg);
}

.flag__us {
    background-image: url(/assets/images/flags/us.svg);
}

.flag__uy {
    background-image: url(/assets/images/flags/uy.svg);
}

.flag__uz {
    background-image: url(/assets/images/flags/uz.svg);
}

.flag__va {
    background-image: url(/assets/images/flags/va.svg);
}

.flag__vc {
    background-image: url(/assets/images/flags/vc.svg);
}

.flag__ve {
    background-image: url(/assets/images/flags/ve.svg);
}

.flag__vg {
    background-image: url(/assets/images/flags/vg.svg);
}

.flag__vi {
    background-image: url(/assets/images/flags/vi.svg);
}

.flag__vn {
    background-image: url(/assets/images/flags/vn.svg);
}

.flag__vu {
    background-image: url(/assets/images/flags/vu.svg);
}

.flag__wf {
    background-image: url(/assets/images/flags/wf.svg);
}

.flag__ws {
    background-image: url(/assets/images/flags/ws.svg);
}

.flag__ye {
    background-image: url(/assets/images/flags/ye.svg);
}

.flag__yt {
    background-image: url(/assets/images/flags/yt.svg);
}

.flag__za {
    background-image: url(/assets/images/flags/za.svg);
}

.flag__zm {
    background-image: url(/assets/images/flags/zm.svg);
}

.flag__zw {
    background-image: url(/assets/images/flags/zw.svg);
}

.flag__uk {
    background-image: url(/assets/images/flags/uk.svg);
}

.monLegend {
    min-width: 100%;
    font-size: 13px !important;
}
.monLegend li {
    display: flex !important;
    justify-content: space-between !important;
    padding: 0 8px;
}
.monLegend li:hover {
    background: #ffffff !important;
}
.monLegend__title {
    border-bottom: 1px solid #cdcdcd;
    background: #f9f9f9;
    padding: 8px !important;
}
.monLegend__control {
    border-radius: 5px;
}
.monLegend__content {
    font-size: 13px;
}

.btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    display: inline-block;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    transition: background-color 0.23s ease-in-out 0s;
    word-break: normal;
}
.btn:disabled {
    opacity: 0.3;
}
.btn--light {
    background-color: #d6d6d6;
    color: #484848;
}
.btn--light:hover {
    color: #151515;
}
.btn--light:active {
    color: #484848;
}
.btn--yellow {
    background-color: #ede503;
    color: #4c4646;
}
.btn--yellow:hover {
    background: rgb(211.81875, 204.66875, 2.68125);
    color: rgb(22.904109589, 21.095890411, 21.095890411);
}
.btn--yellow:active {
    color: #4c4646;
}
.btn--dark {
    background-color: #3b3b3b;
    color: #ffffff;
}
.btn--dark:hover {
    color: #cccccc;
}
.btn--dark:active {
    color: #ffffff;
}
.btn--white {
    color: #6e6e6e;
}
.btn--white:hover {
    color: #3b3b3b;
}
.btn--white:active {
    color: #6e6e6e;
}
.btn--blue__border {
    background-color: #FFFFFF !important;
    color: #3165d2;
    box-shadow: inset 0 0 0 1px #3165d2;
}
.btn--blue__border:hover {
    color: rgb(28.1474103586, 60.6733067729, 128.8525896414);
    box-shadow: inset 0 0 0 1px rgb(28.1474103586, 60.6733067729, 128.8525896414);
}
.btn--blue__border:active {
    color: rgb(28.1474103586, 60.6733067729, 128.8525896414);
    box-shadow: inset 0 0 0 1px rgb(28.1474103586, 60.6733067729, 128.8525896414);
}
.btn--grey__border {
    color: #000000;
    border: 1px solid #ffffff;
    font-weight: 300 !important;
}
.btn--grey__border:hover {
    color: #000000;
    border: 1px solid #d8d8d8;
}
.btn--grey__border:active {
    color: #000000;
    border: 1px solid #a5a5a5;
}
.btn--blue {
    background-color: #7695fa;
    color: #ffffff;
}
.btn--blue:hover {
    background-color: rgb(19.5915492958, 72.8591549296, 246.4084507042);
}
.btn--blue:active {
    background-color: rgb(19.5915492958, 72.8591549296, 246.4084507042);
}
.btn--green {
    background: #2ca850;
    color: #ffffff;
}
.btn--green:hover {
    background-color: rgb(36.5905660377, 139.7094339623, 66.5283018868);
}
.btn--green:active {
    background-color: rgb(41.8830188679, 159.9169811321, 76.1509433962);
}
.btn--addUser {
    background-image: url(/assets/images/ico--addUser.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 15px !important;
    background-position: 8px center !important;
    padding-left: 30px !important;
}
.btn--addList {
    background-image: url(/assets/images/ico--addList.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 15px !important;
    background-position: 8px center !important;
    padding-left: 30px !important;
}
.btn--settings {
    background-image: url(/assets/images/ico--settings.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 15px !important;
    background-position: 8px center !important;
    padding-left: 30px !important;
}
.btn--filter {
    background-image: url(/assets/images/filter--ico.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 15px !important;
    background-position: 8px center !important;
    padding-left: 30px !important;
}
.btn--plus {
    background-image: url(/assets/images/plus-white.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 10px !important;
    background-position: 8px center !important;
    padding-left: 25px !important;
}
.btn--micro {
    font-weight: 500;
    padding: 0.3125rem 0.5rem;
    font-size: 12px;
    line-height: 1rem !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
.btn--s {
    font-weight: 400;
    padding: 0.2rem 0.6rem;
    font-size: 13px;
}
.btn--l {
    font-weight: 500;
    padding: 0.4rem 0.9375rem;
    font-size: 13px;
}
.btn--xl {
    font-weight: 500;
    padding: 0.5rem 1.25rem;
    font-size: 18px;
}
.btn--xxl {
    font-weight: 300;
    display: inline-block;
    padding: 0.375rem 1.25rem;
    font-size: 30px;
}
.btn--hero {
    font-weight: 400;
    display: inline-block;
    padding: 0.6em 1.25rem;
    font-size: 28px;
    border-radius: 30px;
}

.reviewSmallBtn {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 3px;
    background: #4983ff;
    border-radius: 10px;
    color: #FFFFFF;
    font-weight: 500;
    min-width: 25px;
    font-size: 11px;
    text-align: center;
    transition: color 0.23s ease-in-out 0s;
}
.reviewSmallBtn:hover {
    color: #ffe800 !important;
}

.btn-form-search {
    top: 0;
    right: 0;
    width: 40px;
    height: 33px;
    cursor: pointer;
    border: none;
    background-color: transparent;
}

.scrollToTopBtn {
    font-size: 18px;
    line-height: 48px;
    width: 48px;
    position: fixed;
    bottom: 360px;
    right: 20px;
    z-index: 100;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.5s ease;
}
.scrollToTopBtn img {
    cursor: pointer;
}

.showBtn {
    opacity: 1;
    transform: translateY(0);
}

.amlStatus {
    min-width: 160px;
    text-align: center;
    padding: 3px 5px;
    font-weight: bold;
    border-radius: 10px;
}
.amlStatus--green {
    background: #8fcb54;
    color: #ffffff;
}
.amlStatus--orange {
    background: #ffa200;
    color: #ffffff;
}
.amlStatus--yellow {
    background: #ffa200;
    color: #ffffff;
}
.amlStatus--red {
    background: #ff1900;
    color: #ffffff;
}
.amlStatus--grey {
    background: #e0e0e0;
    color: #a4a4a4;
}

@media only screen and (max-width: 1024px) {
    .btn--hero {
        font-size: 18px;
    }
}
.btn-combo {
    border: 0;
    display: flex;
    cursor: pointer;
    outline: 0;
    position: relative;
}

.btn-combo--primary {
    text-decoration: none;
    -webkit-border-top-left-radius: 3px !important;
    -webkit-border-bottom-left-radius: 3px !important;
    -moz-border-radius-topleft: 3px !important;
    -moz-border-radius-bottomleft: 3px !important;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    transition: background-color 0.23s ease-in-out 0s;
    word-break: normal;
}

.btn-combo--secondary {
    background-image: url(/assets/images/down_arrow.svg);
    background-repeat: no-repeat;
    background-position: 50% !important;
    background-size: 10px;
    -webkit-border-top-right-radius: 3px !important;
    -webkit-border-bottom-right-radius: 3px !important;
    -moz-border-radius-topright: 3px !important;
    -moz-border-radius-bottomright: 3px !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    margin-left: 1px;
    transition: background-color 0.23s ease-in-out 0s;
}

.dropdown-controls {
    padding: 0.25 rem !important;
    background: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dropdown-controls a {
    display: inline-block !important;
    color: #3c8dd8 !important;
}
.dropdown-controls:hover {
    background: #f2f2f2 !important;
}

li.dropdown-controls:hover a {
    color: #3c8dd8 !important;
}

.has-checkboxes {
    padding: 4px 10px !important;
}

.autocomplete-suggestions {
    background: #ffffff;
    text-align: left;
    overflow: auto;
    z-index: 99999999 !important;
    box-shadow: 0 8px 24px -5px #cdcdcd;
    font-size: 16px;
    font-weight: 100;
}
.autocomplete-suggestions strong {
    font-weight: 600;
    color: #3165d2;
}

.autocomplete-suggestion {
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-group {
    padding: 0.625rem;
}
.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #cdcdcd;
}

.autocomplete-selected {
    background: #F0F0F0;
}

table, table th, table td {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.table--fixedSize {
    min-width: 1420px;
}

.table {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #eaeaea;
    background-repeat: repeat-x;
    background-position: top;
    color: #484848;
    font-weight: 300;
    font-size: 13px;
    box-sizing: border-box;
}
.table td {
    margin: 0;
    border-bottom: 1px solid #eaeaea;
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 0.4rem 0 0.4rem 8px;
    vertical-align: middle;
}
.table td:first-child {
    padding-left: 10px;
}
.table td:last-child {
    padding-right: 10px;
}
.table thead th {
    padding: 7px 0 7px 8px;
    background-color: #f0f0f0;
    font-weight: 400;
    text-align: left;
    word-break: keep-all;
    border-right: 1px solid #e4e3e3;
    padding-right: 22px !important;
    border-bottom: 1px solid #e4e3e3;
}
.table thead th:first-child {
    padding-left: 10px;
}
.table thead th:last-child {
    padding-right: 10px;
    border-right: 0;
}
.table tbody th {
    background-color: #f0f0f0;
    border-bottom: 1px solid #dedcdc;
    padding-left: 15px;
}
.table tbody tr:hover .hide--gradient {
    background: linear-gradient(to bottom, rgba(255, 242, 207, 0), #FFF2CF) !important;
}
.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #fff2cf;
}
.table tbody tr:last-child td {
    background-image: none !important;
    border: none !important;
}
.table tbody tr .hide--gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
    pointer-events: none;
}

.table--prop th {
    background-color: #f0f0f0 !important;
    padding: 10px;
    border-bottom: 1px solid #d8d8d8;
}
.table--prop td {
    padding: 10px;
}
.table--prop tr:last-child th {
    border-bottom: none !important;
}

.property-table {
    border: 1px solid #ededed;
    font-size: 14px;
}
.property-table th {
    background-color: #f4f4f4;
    vertical-align: middle;
    min-width: 35%;
    padding: 0 0.625rem;
    border-bottom: 1px solid #ededed;
    font-weight: 600;
}
.property-table td {
    padding: 0rem 0.625rem;
    border-bottom: 1px solid #ededed;
}

.table--fullReport-noborder td {
    border: 0 !important;
}

.table--fullReport thead th {
    background-color: #f0f0f0 !important;
    padding: 5px 10px;
    border-bottom: 1px solid #ececec;
}
.table--fullReport tbody th {
    background-color: #FFFFFF;
    padding: 5px 10px;
    border-bottom: 1px solid #ececec !important;
    font-weight: 600 !important;
}
.table--fullReport tbody td {
    padding: 5px 10px;
    border-bottom: 1px solid #ececec;
}
.table--fullReport tbody td:last-child th {
    border-bottom: none;
}

.table--fullReport-pad {
    margin: 5px;
    width: calc(100% - 10px);
}

.table--fullReport-hover tbody tr:hover td, .table--fullReport-hover tbody tr:hover th {
    background-color: #fffbe9;
}

.table--fullReport-skipHover:hover td, .table--fullReport-skipHover:hover th {
    background-color: transparent !important;
}

.js--sort-desc {
    background-image: url(../images/ico-desc.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 10px !important;
    background-position: calc(100% - 6px) center !important;
    padding-right: 20px !important;
}

.js--sort-asc {
    background-image: url(../images/ico-asc.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 10px !important;
    background-position: calc(100% - 6px) center !important;
    padding-right: 20px !important;
}

.js--sorting {
    background-image: url(../images/ico-sort.svg);
    background-repeat: no-repeat !important;
    background-size: 10px !important;
    background-position: calc(100% - 6px) center !important;
    padding-right: 12px !important;
    cursor: pointer !important;
}

.availability__price {
    font-weight: 600 !important;
    color: #b2b0b0 !important;
}

.availability__price-amount {
    color: #2ca850 !important;
    font-size: 24px !important;
    text-decoration: none !important;
}

.table--expand__container {
    border: 1px solid #ececec;
    padding: 10px;
}

.table-sticky {
    position: -webkit-sticky;
    position: sticky;
}

.sticky-col {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    left: 0;
    white-space: initial;
    background: #FFFFFF;
}

.table-wrapper {
    position: relative;
    overflow: auto;
    white-space: nowrap;
}

.mob-title {
    display: none;
}

.tblResp-actionButton {
    text-align: right;
}

@media only screen and (max-width: 1024px) {
    .table--resp thead {
        display: none !important;
    }
    .table--resp tbody tr {
        display: flex;
        flex-direction: column;
    }
    .tblResp-actionButton {
        text-align: center;
    }
}
@media only screen and (max-width: 780px) {
    .hide-resp {
        display: none;
    }
    .availability__price-amount {
        color: #2ca850 !important;
        font-size: 24px !important;
        text-decoration: none !important;
    }
    .content-v100 {
        padding: 0 !important;
    }
    .mob-title {
        width: 24%;
        font-weight: bold;
        display: inline-block;
    }
    .resp-head {
        background-color: #f0f0f0;
    }
}
.table--resp-alignRight {
    text-align: right;
}

.hide--content--tbl {
    overflow: hidden;
    display: block;
    position: relative;
    max-height: 120px;
    z-index: 0;
}

.tbl--oddEven tbody tr:nth-child(even) {
    background: #fcfcfc;
}

@media only screen and (min-width: px) {
    .hide--so {
        display: none;
    }
}
@media only screen and (min-width: 780px) {
    .hide--so {
        display: none;
    }
}
@media only screen and (max-width: 1024px) {
    .table--resp-alignRight {
        text-align: left;
    }
    .table--resp__itemFirst {
        flex: 0 0 100% !important;
    }
    .table--resp-column {
        flex-direction: column;
    }
    .availability__price-amount {
        color: #2ca850 !important;
        font-size: 24px !important;
        text-decoration: none !important;
    }
    .facts-data th:last-child {
        display: none !important;
    }
    .facts-data td:last-child {
        display: none !important;
    }
    .key-figures th {
        display: none;
    }
    .key-figures th:nth-child(-n+4) {
        display: table-cell !important;
    }
    .key-figures td {
        display: none;
    }
    .key-figures td:nth-child(-n+4) {
        display: table-cell !important;
    }
    .table--scroll-x {
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
}
.table--scroll-x {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.pagination {
    text-align: center;
    margin: 25px 0 0 0;
    height: 42px;
}
.pagination .pagination__button {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 400;
    padding: 0.5rem 0.9375rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.pagination .pagination__button.current {
    text-decoration: none;
}
.pagination .pagination__button.current:hover {
    text-decoration: none;
}
.pagination .pagination__button.disabled {
    opacity: 0.5;
    color: #3b3a3a;
    text-decoration: none;
    cursor: default;
}
.pagination .pagination__button.disabled:hover, .pagination .pagination__button.disabled:active {
    opacity: 0.5;
    color: #3b3a3a;
    text-decoration: none;
    cursor: default;
}

.btn--transparent-grey, .pagination .pagination__button {
    background-color: none;
    color: #919191;
}

.btn--transparent-grey:hover, .pagination .pagination__button:hover {
    background-color: #e1e1e1;
}

.btn--transparent-grey:active, .pagination .pagination__button:active {
    background-color: #d4d4d4;
}

.btn--transparentBlue {
    background-color: none;
    color: #3c8dd8;
    border: 1px solid #3c8dd8;
}

.pagination .pagination__button.current {
    background-color: none;
    color: #3165d2;
    border: 1px solid #3165d2;
}
.pagination .pagination__button.current:hover {
    background-color: none;
    color: #3c8dd8;
    border: 1px solid #3c8dd8;
}

.btn--transparentBlue:hover, .pagination .pagination__button.current:hover {
    border: 2px solid #2673bc;
    color: #2673bc;
}

.btn--transparentBlue:active, .pagination .pagination__button.current:active {
    border: 2px solid #1d5991;
    color: #2673bc;
}

.pagination-result {
    color: #a5a5a5;
    font-weight: 400;
    font-size: 14px;
}

.tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-x: auto;
    scroll-behavior: smooth;
}
.tabs::-webkit-scrollbar {
    display: none;
}
.tabs li a {
    display: block;
    padding: 7px 20px;
    color: #7270ab;
    opacity: 0.8;
    cursor: pointer;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    white-space: nowrap;
    text-decoration: none;
}
.tabs li a:hover {
    opacity: 1;
}
.tabs--active {
    background: #4983ff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
    color: #ffffff !important;
    opacity: 1 !important;
    margin-right: 10px;
}
.tabs__gradient-l {
    z-index: 996;
    position: absolute;
    left: 0;
    height: 38px;
    width: 60px;
    background: linear-gradient(90deg, rgb(247, 247, 252) 30%, rgba(247, 247, 252, 0) 100%);
    display: none;
}
.tabs__gradient-r {
    z-index: 996;
    position: absolute;
    right: 0;
    height: 38px;
    width: 120px;
    background: linear-gradient(270deg, rgb(247, 247, 252) 30%, rgba(247, 247, 252, 0) 100%);
}

.reportTypeSelector {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    box-sizing: border-box;
}
.reportTypeSelector li {
    border-radius: 7px;
    border: 2px solid #CBCFD5;
    margin-bottom: 10px;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.23s ease-in-out 0s;
    overflow: hidden;
}
.reportTypeSelector li:hover {
    border-color: #595EE9;
}
.reportTypeSelector--active {
    box-sizing: border-box;
    border: 2px solid #595EE9 !important;
}
.reportTypeSelector--name {
    font-size: 18px;
    font-weight: 700;
    color: #2E323C;
    margin-bottom: 20px;
}
.reportTypeSelector--price {
    font-size: 16px;
    font-weight: 700;
    color: #329D4C;
}
.reportTypeSelector--vat {
    font-size: 10px;
    font-weight: 300;
    color: #838893;
    line-height: 1;
}

.reportTypeSelector-productHover {
    padding: 10px 10px 5px 10px;
    border-bottom: 1px solid #cdcdcd;
    transition: background-color 0.23s ease-in-out 0s;
}
.reportTypeSelector-productHover--active {
    box-sizing: border-box;
    background-image: url(/assets/images/selTypeActive.svg);
    background-repeat: no-repeat;
    background-position: 95% 15%;
    background-color: #fef0cb;
}
.reportTypeSelector-productHover:hover {
    background-color: #ecebeb;
}

.reportTypeSelector--example {
    padding: 5px 10px 5px 10px;
    transition: background-color 0.23s ease-in-out 0s;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    color: #595EE9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.reportTypeSelector--example:hover {
    background-color: #ecebeb;
}

.tabs-light {
    border-bottom: 1px solid #d8d8d8;
}
.tabs-light li {
    list-style: none;
    display: inline-block;
    font-weight: 600;
    padding: 0 0.625rem !important;
    cursor: pointer;
    position: relative;
    top: 0.0625rem;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
}
.tabs-light li a {
    font-size: 0.8125rem;
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
    text-decoration: none;
    color: #484848;
    font-weight: 400;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}
.tabs-light li:hover a {
    color: #3ebad6;
}

.tabs-light--active {
    border-left: 1px solid #d8d8d8 !important;
    border-right: 1px solid #d8d8d8 !important;
    border-top: 1px solid #d8d8d8 !important;
    padding-right: 0.9375rem !important;
}
.tabs-light--active a {
    font-weight: 700;
}

.tabs-light--active {
    background: #ffffff;
    position: relative;
    top: 0.0625rem;
}
.tabs-light--active a {
    color: #3ebad6 !important;
}

.modal-bg {
    background: #000;
    display: flex;
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -9999999px;
    left: 0;
    transition: opacity 0.3s;
    z-index: 9999;
}

.modal-bg__active {
    opacity: 0.75;
    top: 0;
}

.modal-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: -9999999px;
    left: 0;
    overflow: auto;
    text-align: center;
    display: flex;
    z-index: 10000;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.2s;
}

.modal-container__active {
    opacity: 1;
    top: 0;
}

.modal-body {
    background: #ffffff;
    text-align: left;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.modal-body--title {
    position: relative;
    background: #f0f0f0;
    text-align: center;
    padding: 0 1.25rem;
}
.modal-body--title span {
    display: inline-block;
    font-size: 18px;
    padding: 15px 0;
}

.modal-body--content {
    padding: 0 1.25rem 3rem 1.25rem;
    overflow-y: auto;
    height: calc(100vh - 100px);
    -webkit-flex: 1 1 auto;
}

.modal-body--tabs {
    padding: 1.5rem 1.25rem 0 1.25rem;
}

.modal-body--controls {
    padding: 1.5rem 1.25rem 0 1.25rem;
    background-image: url(../images/1px.svg);
    background-repeat: repeat-x;
    background-position: top;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
}

.modal-close {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    background-image: url(../images/ico-delete.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    top: 18px;
    left: calc(100% - 34px);
    cursor: pointer;
}

.modal--l {
    width: 31.25rem;
}
.modal--l .modal-body--content {
    height: auto !important;
    padding-bottom: 77px !important;
}

.modal--xl {
    width: 50%;
}
.modal--xl .modal-body--content {
    height: auto !important;
}

.modal--lxx {
    width: 70%;
    max-height: 80%;
}
.modal--lxx .modal-body--content {
    height: auto !important;
    margin-bottom: 5rem !important;
}

.modal--x {
    width: 80%;
    min-height: 90%;
    max-height: 90%;
}

.modal--full {
    width: 100%;
    height: 100vh;
    max-width: 100%;
    max-height: 100vh;
}
.modal--full .modal-body {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
    box-shadow: none;
}
.modal--full .modal-body--content {
    height: calc(100vh - 100px);
    padding: 0 1.25rem 3rem 1.25rem;
    overflow-y: auto;
}

@media only screen and (max-width: 500px) {
    .modal--l, .modal--x, .modal--lx {
        width: 100% !important;
        height: 100vh !important;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        max-height: 95% !important;
    }
}
.fadeOutBody {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -ms-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.1s;
    -moz-animation-duration: 0.1s;
    -ms-animation-duration: 0.1s;
    -o-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.fadeOutBg {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -ms-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.1s;
    -moz-animation-duration: 0.1s;
    -ms-animation-duration: 0.1s;
    -o-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.modal-bg {
    background: #000;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: -9999999px;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 10001;
}

.modal-bg__active {
    opacity: 0.5;
    top: 0;
}

.modal-bg--light {
    background: #FFF;
    opacity: 0.6;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-animation-name: fadeInTransparent;
    -moz-animation-name: fadeInTransparent;
    -ms-animation-name: fadeInTransparent;
    -o-animation-name: fadeInTransparent;
    animation-name: fadeInTransparent;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    animation-delay: 0.1s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 995;
}

.modal-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: -9999999px;
    left: 0;
    overflow: auto;
    z-index: 100000;
    opacity: 0;
    transition: opacity 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-container__active {
    opacity: 1;
    top: 0;
}

.modal-container--aligner {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-body {
    border-radius: 10px;
    background: #ffffff;
    text-align: left;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -ms-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -ms-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.modal-body--title {
    position: relative;
    background: #f0f0f0;
    text-align: center;
    padding: 0 1.25rem;
    margin-bottom: 1.5rem;
}
.modal-body--title span {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.modal-body--title--l {
    padding: 0 0.625rem !important;
}
.modal-body--title--l span {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
.modal-body--title--l .modal-close {
    top: 11px !important;
}

.modal-body--content {
    padding: 0 1.25rem 0 1.25rem;
    overflow-y: auto;
    -webkit-flex: 1 1 auto;
}

.modal-body--tabs {
    padding: 1.5rem 1.25rem 0 1.25rem;
}

.modal-body--controls {
    padding: 0.625rem 1.25rem;
    background-repeat: repeat-x;
    background-position: top;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f5f5f5;
    z-index: 9999;
}

.modal-close {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    background-image: url(/assets/images/ico-delete.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    top: 18px;
    left: calc(100% - 34px);
    cursor: pointer;
}

.modal--loader {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
}

.modal--s {
    width: 30%;
    max-height: 80%;
}
.modal--s .modal-body--content {
    height: auto;
    margin-bottom: 5rem;
}

.modal--l {
    width: 40%;
    max-height: 80%;
}
.modal--l .modal-body--content {
    height: auto;
    margin-bottom: 5rem;
}

.modal--xl {
    width: 55%;
    max-height: 80%;
}
.modal--xl .modal-body--content {
    height: auto;
    margin-bottom: 5rem;
}

.modal--xxl {
    width: 70%;
    max-height: 80%;
}
.modal--xxl .modal-body--content {
    height: auto;
    margin-bottom: 5rem;
}

.modal--full {
    width: calc(100% - 80px);
    max-width: calc(100% - 80px);
    height: calc(100vh - 80px);
    max-height: calc(100vh - 80px);
    margin: 40px;
    display: flex;
    flex-direction: column;
}
.modal--full .modal-body {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.modal--full .modal-body--content {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 1.25rem 1.25rem 5rem 1.25rem;
}

@media only screen and (max-width: 1500px) {
    .modal--s {
        width: 35%;
    }
    .modal--l {
        width: 45%;
    }
    .modal--xl {
        width: 55%;
    }
    .modal--xxl {
        width: 65%;
    }
}
@media only screen and (max-width: 1200px) {
    .modal--s {
        width: 45%;
    }
    .modal--l {
        width: 55%;
    }
    .modal--xl {
        width: 65%;
    }
    .modal--xxl {
        width: 75%;
    }
}
@media only screen and (max-width: 1024px) {
    .modal--s,
    .modal--l,
    .modal--xl,
    .modal--xxl {
        width: 90%;
    }
}
@media only screen and (min-width: 1500px) {
    .modal--s {
        width: 28%;
    }
    .modal--l {
        width: 36%;
    }
    .modal--xl {
        width: 48%;
    }
    .modal--xxl {
        width: 60%;
    }
}
.fadeOutBody {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -ms-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
    -ms-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.fadeOutBg {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -ms-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -ms-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.text-divider {
    display: flex;
    align-items: center;
    background: url(/assets/images/1px.svg) repeat-x center;
    justify-content: center;
}
.text-divider span {
    padding: 1.25rem 0.9375rem;
    background: #fff;
    font-size: 15px;
    font-weight: 400;
    color: #858ca2;
}

.advancedSearch--btn {
    width: 80px;
    background-color: #f4f4f4;
    background-image: url(../images/advanced--ico.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    border-right: 1px solid #eaeaea;
    transition: background-color 0.23s ease-in-out 0s;
    cursor: pointer;
}
.advancedSearch--btn:hover {
    background-color: #eaeaea;
}

.advancedSearch {
    background: #FFF;
    padding: 20px 30px 30px;
}

.advancedForm {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.advancedForm--item {
    width: 23%;
}

@media only screen and (max-width: 850px) {
    .advancedForm--item {
        width: 48%;
    }
}
@media only screen and (max-width: 500px) {
    .advancedForm--item {
        width: 100%;
    }
}
.label {
    font-weight: 400;
    display: block;
    font-family: "Bitter", serif;
    font-size: 16px;
}

.vertical-label {
    font-weight: 600;
    margin-right: 0.625rem;
}

.label--error, .label span {
    color: #ff0000;
}

.selectedFiles {
    display: flex;
    flex-flow: row wrap;
    padding-bottom: 10px;
}

.fileContainer {
    display: flex;
    flex-direction: column;
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    margin-top: 10px;
    align-items: center;
    padding: 10px;
    margin-left: 10px;
    width: calc(20% - 10px);
    word-break: break-all;
    font-size: 12px;
}

.nofile {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #039efc;
    font-weight: 400;
}

.attachment {
    min-height: 54px;
    border: 2px dashed #d8d8d8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    transition: all 0.23s ease-in-out 0s;
    cursor: pointer;
}
.attachment:hover {
    border: 2px dashed #039efc;
    background-position: center 15px;
}

.attachment--nofile {
    background-image: url(/assets/images/upload--ico.svg);
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 120px;
    background-size: 100px;
}

.removeFile {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
}

.status {
    text-align: center;
    white-space: nowrap;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 0 5px;
    display: inline-block;
    font-weight: 700;
    font-size: 9px;
    text-transform: uppercase;
    line-height: 1.5;
}

.status--green {
    border: 2px #ff9000 solid;
    color: #74ce5f;
}

.status--blue {
    border: 2px #959aff solid;
    color: #959aff;
}

.status--red {
    border: 2px #ff0000 solid;
    color: #f93333;
}

.status--grey {
    border: 2px #cdcdcd solid;
    color: #cdcdcd;
}

.warnIco--outline {
    border: 1px solid white;
    outline: 1px solid red;
    border-radius: 50%;
}

.warnIco--outline-c {
    border: 1px solid white;
    outline: 1px solid red;
}

.new--product {
    padding-left: 0 !important;
    background-color: #fffbf7;
}

.risk {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    color: #ffffff;
    font-weight: 600;
    font-size: 10px;
}

.riskClass1 {
    background: #488348;
}

.riskClass2 {
    background: #488348;
}

.riskClass3 {
    background: #488348;
}

.riskClass4 {
    background: #69AC55;
}

.riskClass5 {
    background: #6EAA54;
}

.riskClass6 {
    background: #9EC553;
}

.riskClass7 {
    background: #D8CA47;
}

.riskClass8 {
    background: #BD933F;
}

.riskClass9 {
    background: #A34F30;
}

.riskClass10 {
    background: #AC312B;
}

.status--advance {
    color: #ffc048;
    background: url(/assets/images/s-advance-ico.svg) no-repeat;
    padding-left: 20px;
    background-size: 13px;
    background-position: 2px;
    text-decoration: none;
}

.statePin {
    margin-right: 4px;
    display: inline-block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.statePin--green {
    background-color: #09cf02;
}

.statePin--yellow {
    background-color: #ff8c00;
}

.statePin--blue {
    background-color: #00b7ff;
}

.statePin--grey {
    background-color: #b5b5b5;
}

.amlNote {
    margin-bottom: 5px;
    display: inline-block;
    padding: 10px;
    border-radius: 10px;
}
.amlNote--mach {
    background: #ffe2e2;
}
.amlNote--halfMach {
    background: #fffccf;
}

.amlNoteStatus {
    padding: 1px 2px;
}
.amlNoteStatus--mach {
    background: #f85858;
    color: #ffffff;
}
.amlNoteStatus--halfMach {
    background: #ffcea0;
    color: #000000;
}

.expander {
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
}
.expander li {
    list-style: none;
    background: url(/assets/images/1px.svg) repeat-y;
    background-position: 0.5625rem 0;
}
.expander b {
    color: #3165d2;
}

.expander--secondary {
    margin-left: 2.1875rem;
}

.expander--root {
    margin-left: 4.0625rem;
}
.expander--root li {
    background: none !important;
}

.expander--btn {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    background: #ffffff url(/assets/images/expand-ico.svg) no-repeat;
    background-size: 2.5rem;
    margin-right: 0.625rem;
}
.expander--btn-open {
    background-position: 0 0;
}

.expander--btn-close {
    background-position: 0 -1.25rem;
}

.radioButton {
    position: absolute;
    left: -9999px;
}
.radioButton + label {
    overflow: hidden;
    display: inline-block;
    padding-right: 1.5rem;
    text-indent: -36px;
    padding-left: 36px;
    word-break: normal;
}
.radioButton + label span {
    display: inline-table;
    vertical-align: middle;
    background: url(../images/cbrb.svg) no-repeat 0 -160px;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    margin-right: 5px;
    background-size: 1rem;
}
.radioButton + label span:hover {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -176px;
    background-size: 1rem;
}
.radioButton + label span:active {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -208px;
    background-size: 1rem;
}
.radioButton + label img {
    display: inline-table;
    vertical-align: middle;
}
.radioButton:focus:not(:checked) + label span {
    background: url(./assets/mages/cbrb.svg) no-repeat 0 -182px;
    background-size: 1rem !important;
}
.radioButton:focus + label span {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -208px !important;
    background-size: 1rem !important;
}
.radioButton:checked + label span {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -240px !important;
    background-size: 1rem !important;
}
.radioButton:checked + label span:hover {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -224px !important;
    background-size: 1rem !important;
}
.radioButton:checked + label span:active {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -208px;
    background-size: 1rem !important;
}
.radioButton:disabled:not(:checked) + label span {
    background: url(/assets/images/cbrb.svg) no-repeat 0 -192px !important;
    cursor: not-allowed;
    background-size: 1rem !important;
}
.radioButton:disabled + label span {
    background: url(../images/cbrb.svg) no-repeat 0 -208px !important;
    cursor: not-allowed;
    background-size: 1rem !important;
}

.radioSelector {
    position: absolute;
    left: -9999px;
}
.radioSelector + label {
    border: 2px solid #DBDAE3;
    color: #000000;
    font-size: 13px;
    font-weight: 500;
    padding: 9px 15px;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
}
.radioSelector + label:last-child {
    margin-right: 0 !important;
}
.radioSelector:hover {
    border: 2px solid #3659E3 !important;
    color: #3659E3;
}
.radioSelector:checked + label {
    border: 2px solid #3659E3;
    color: #3659E3;
}

.radioBox {
    border: 1px solid #ebebeb;
    padding: 20px;
    display: block;
    transition: all 0.23s ease-in-out 0s;
}
.radioBox:hover {
    box-shadow: 0 8px 24px -5px #cdcdcd;
}
.radioBox__active {
    box-shadow: 0 8px 24px -5px #cdcdcd;
}
.radioBox__desc {
    color: #676767;
    font-size: 14px;
    margin-left: 35px;
}
.radioBox__title {
    font-weight: 500;
}

.inlineHint {
    font-size: 0.8125rem;
    display: none;
}

.error > .inlineHint {
    color: #ff0000;
    animation: showNav 0.25s ease-in-out both;
    display: block;
}

.inlineHint--error {
    color: #ff0000;
}

.inlineHint--success {
    color: #2ecc71;
}

.inlineHint--help {
    color: #484848;
    animation: showNav 0.25s ease-in-out both;
    display: none;
}

.inlineHint--help.is-active {
    display: block;
}

@keyframes showNav {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.feedback {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    transition: background-color 0.23s ease-in-out 0s;
    overflow: hidden;
}

.feedback--l {
    text-align: left !important;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 1.625rem;
    padding: 0.3125rem 0.625rem;
}
.feedback--l.feedback--error {
    background: #f8d0c8;
}
.feedback--l.feedback--success {
    background: #d4ece6;
}
.feedback--l.feedback--info {
    background: #ccebf3;
}
.feedback--l.feedback--warning {
    background: #ffeebf;
}
.feedback--l .feedback--icon {
    height: 2.8125rem;
    min-width: 1.25rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 1.25rem;
    float: left;
    margin-right: 0.625rem;
}
.feedback--l .feedback--body {
    float: left;
    width: calc(100% - 30px);
}
.feedback--l .feedback--error-ico {
    background-image: url(/assets/images/error-round.svg);
}
.feedback--l .feedback--ok-ico {
    background-image: url(/assets/images/ok-round.svg);
}
.feedback--l .feedback--warning-ico {
    background-image: url(/assets/images/warning-round.svg);
}
.feedback--l .feedback--info-ico {
    background-image: url(/assets/images/info-round.svg);
}

.feedback--xl {
    @extens .card;
    background-color: #ffffff;
}
.feedback--xl.feedback--error h4 {
    color: #ff2929;
}
.feedback--xl.feedback--info h4 {
    color: #484848;
}
.feedback--xl.feedback--ok h4 {
    color: #484848;
}
.feedback--xl.feedback--warning h4 {
    color: #484848;
}
.feedback--xl .feedback--icon {
    height: 150px;
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: center;
}
.feedback--xl .feedback--error-ico {
    background-image: url(/assets/images/error-ico.svg);
}
.feedback--xl .feedback--info-ico {
    background-image: url(/assets/images/info-ico.svg);
}
.feedback--xl .feedback--warning-ico {
    background-image: url(/assets/images/warning-ico.svg);
}
.feedback--xl .feedback--ok-ico {
    background-image: url(/assets/images/ok-ico.svg);
}
.feedback--xl .feedback--search-ico {
    background-image: url(/assets/images/search-ico-grey.svg);
}
.feedback--xl .feedback--body h4 {
    font-size: 24px;
    font-weight: 500;
}
.feedback--xl .feedback--body p {
    color: #484848;
}

.select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.8125rem;
    border: 0;
    font-weight: 600;
    display: inline-block;
    width: auto;
    background-color: #dfdede;
    color: #484848;
    position: relative;
}
.select::after {
    border: 3px solid #484848;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: 0.625em;
    margin-top: -0.4em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 0.625em;
    right: 0.9em;
    z-index: 4;
    box-sizing: border-box;
}
.select::after:disabled {
    opacity: 0.5 !important;
}
.select, .select > * {
    cursor: pointer;
}
.select:hover {
    background-color: rgb(192.25, 192.25, 192.25);
}
.select select {
    background: transparent;
    border: 0;
    outline: 0;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: radio-container;
    appearance: none;
}

.select--l select {
    padding: 7px 35px 7px 15px;
    line-height: 1.5 !important;
}

.select--s select {
    padding: 4px 35px 4px 15px;
    line-height: 1.5 !important;
}

.select--disabled {
    opacity: 0.5;
}
.select--disabled:hover {
    background-color: #cdcdcd !important;
}

.select--full {
    width: 100%;
}
.select--full select {
    width: calc(100% - 50px) !important;
}

.slat {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #ededed;
    margin-bottom: 1.25rem;
    display: flex;
}
.slat .meter {
    margin: 0.4375rem 0 0 !important;
}
.slat .slat-block {
    border-right: 1px solid #ededed;
    padding: 1.875rem 1.25rem;
    flex-grow: 1;
    flex-basis: 100%;
}
.slat .slat-block h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    font-weight: 600;
    color: #3ebad6;
    font-style: normal;
}
.slat .slat-block:last-child {
    border-right: none;
}
.slat .slat-block--200 {
    flex-grow: 2;
    flex-basis: 200%;
}

.slat-noborder h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    font-weight: 600;
    color: #3ebad6;
    font-style: normal;
}

.slat-img {
    width: 30px;
}

@media only screen and (max-width: 700px) {
    .slat {
        flex-flow: row wrap;
    }
    .slat .slat-block {
        flex-basis: 50%;
        border-bottom: 1px solid #ededed;
    }
    .slat .slat-block:last-child {
        border: none !important;
    }
    .slat .slat-block:nth-child(even) {
        border-right: none !important;
    }
}
.metric {
    width: 55px;
    height: 55px;
    background-repeat: no-repeat;
    background-size: 55px;
    background-position: center;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
}

.metric-slat {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.metric-slat p {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 8px;
}

.metric--color1 {
    color: #2a7727;
}

.metric--color2 {
    color: #2b7928;
}

.metric--color3 {
    color: #2a7527;
}

.metric--color4 {
    color: #4aa422;
}

.metric--color5 {
    color: #56a23d;
}

.metric--color6 {
    color: #8dbe2a;
}

.metric--color7 {
    color: #d7c52e;
}

.metric--color8 {
    color: #ba8730;
}

.metric--color9 {
    color: #9e4027;
}

.metric--color10 {
    color: #ad1213;
}

.metric--color {
    color: #ff6d04;
}

.card {
    padding: 15px 0.9375rem 0;
    -webkit-border-radius: 8x;
    -moz-border-radius: 8x;
    -ms-border-radius: 8x;
    border-radius: 8x;
}

.card--light, .feedback--xl {
    border: 1px solid #e3e1e1;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 1.375rem;
}

.card--dark {
    background: #f0f0f0;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 1.5rem;
}

.card--blue {
    background: #fafbff;
    border: 1px solid #ededed;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    margin-top: 0rem;
    margin-bottom: 1.5rem;
}

.card--block {
    border-bottom: 1px solid #dddddd;
}

.status--steps {
    list-style: none;
    border-bottom: 1px solid #ededed;
    z-index: 9991;
    top: 0;
    left: 0;
    width: 100%;
}
.status--steps li {
    float: left;
    padding: 1rem;
    font-size: 1rem !important;
    line-height: 1.5;
}
.status--steps .previous {
    color: #3165d2;
    cursor: pointer;
}
.status--steps .previous:hover {
    text-decoration: underline;
}
.status--steps .divide--steps {
    background: url(images//step-right.svg) no-repeat center;
    height: 3.5rem;
    background-size: 25px;
}

.la-ball-scale-pulse {
    vertical-align: top;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.la-ball-scale-pulse > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.la-ball-scale-pulse {
    font-size: 0;
    color: #ffffff;
}
.la-ball-scale-pulse.la-dark {
    color: #333;
}
.la-ball-scale-pulse > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    opacity: 0.5;
    -webkit-animation: ball-scale-pulse 2s infinite ease-in-out;
    -moz-animation: ball-scale-pulse 2s infinite ease-in-out;
    -o-animation: ball-scale-pulse 2s infinite ease-in-out;
    animation: ball-scale-pulse 2s infinite ease-in-out;
}
.la-ball-scale-pulse > div:last-child {
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
    -o-animation-delay: -1s;
    animation-delay: -1s;
}
.la-ball-scale-pulse {
    width: 32px;
    height: 32px;
}
.la-ball-scale-pulse.la-s {
    width: 0.9375rem;
    height: 0.9375rem;
}
.la-ball-scale-pulse.la-s > div {
    width: 0.9375rem;
    height: 0.9375rem;
}
.la-ball-scale-pulse.la-l {
    width: 1.5rem;
    height: 1.5rem;
}
.la-ball-scale-pulse.la-l > div {
    width: 1.5rem;
    height: 1.5rem;
}
.la-ball-scale-pulse.la-xl {
    width: 3.125rem;
    height: 3.125rem;
}
.la-ball-scale-pulse.la-xl > div {
    width: 3.125rem;
    height: 3.125rem;
}

@-webkit-keyframes ball-scale-pulse {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes ball-scale-pulse {
    0%, 100% {
        -moz-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}
@-o-keyframes ball-scale-pulse {
    0%, 100% {
        -o-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes ball-scale-pulse {
    0%, 100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.la-ball-clip-rotate {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.la-ball-clip-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.la-ball-clip-rotate {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-ball-clip-rotate.la-dark {
    color: #333;
}
.la-ball-clip-rotate > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
    width: 32px;
    height: 32px;
    background: transparent;
    border-width: 2px;
    border-bottom-color: transparent;
    border-radius: 100%;
    -webkit-animation: ball-clip-rotate 0.75s linear infinite;
    -moz-animation: ball-clip-rotate 0.75s linear infinite;
    -o-animation: ball-clip-rotate 0.75s linear infinite;
    animation: ball-clip-rotate 0.75s linear infinite;
}
.la-ball-clip-rotate {
    width: 32px;
    height: 32px;
}
.la-ball-clip-rotate.la-sm {
    width: 16px;
    height: 16px;
}
.la-ball-clip-rotate.la-sm > div {
    width: 16px;
    height: 16px;
    border-width: 1px;
}
.la-ball-clip-rotate.la-2x {
    width: 64px;
    height: 64px;
}
.la-ball-clip-rotate.la-2x > div {
    width: 64px;
    height: 64px;
    border-width: 4px;
}
.la-ball-clip-rotate.la-3x {
    width: 96px;
    height: 96px;
}
.la-ball-clip-rotate.la-3x > div {
    width: 96px;
    height: 96px;
    border-width: 6px;
}

@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes ball-clip-rotate {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes ball-clip-rotate {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.link {
    text-decoration: none;
    transition: all 0.23s ease-in-out 0s;
    cursor: pointer;
}
.link__regular {
    color: #0078be;
}
.link__regular:hover {
    text-decoration: underline;
    color: #165de2;
}
.link__normal {
    color: #4848ff;
}
.link__normal:hover {
    text-decoration: underline;
    color: #4848FF;
}
.link__hidden {
    color: inherit;
}
.link__hidden:hover {
    text-decoration: none;
    opacity: 0.7;
}
.link__underline {
    color: #0078be !important;
    border-bottom: 1px dashed #0078be;
    line-height: 1;
}
.link__underline:hover {
    border-bottom: 1px dashed #ffffff;
}

.toggle-btn {
    cursor: pointer;
    text-indent: -9999px;
    width: 55px;
    min-width: 55px;
    height: 30px;
    background: #cccccc;
    display: block;
    border-radius: 100px;
    position: relative;
}
.toggle-btn:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.toggle-btn--sm {
    width: 40px;
    min-width: 40px;
    height: 22px;
}
.toggle-btn--sm:after {
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
}

input:checked + .toggle-btn,
input:checked + .toggle-btn--sm {
    background: #bada55;
}
input:checked + .toggle-btn:after,
input:checked + .toggle-btn--sm:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.toggle-btn:active:after,
.toggle-btn--sm:active:after {
    width: 30px;
}

.toggle-btn--sm:active:after {
    width: 22px;
}

.historyBlock {
    background: url(/assets/images/history-line.svg) repeat-y center;
    background-size: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.historyBlock--innerItem {
    border-bottom: 1px solid #e3e3e3;
    padding: 5px 0;
}
.historyBlock--innerItem:last-child {
    border-bottom: 0 !important;
}
.historyBlock--innerItem:first-child {
    padding-top: 0 !important;
}

.historyBlock--year {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 15px;
    color: #ffffff;
    background: #7695fa;
    padding: 2px 5px;
}

.historyBlock--item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

.historyBlock--item:nth-child(even) {
    flex-direction: row-reverse;
}
.historyBlock--item:nth-child(even) .historyBlock--date {
    text-align: right !important;
}
.historyBlock--item:nth-child(even) .historyBlock--content:after {
    border-width: 8px 8px 8px 0 !important;
    left: -8px !important;
}
.historyBlock--item:nth-child(even) .historyBlock--content:before {
    border-width: 8px 8px 8px 0 !important;
    left: -9px !important;
}

.historyBlock--content {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #7695fa;
    width: 350px;
    padding: 10px;
    font-size: 13px;
    color: #6f6f6f;
    position: relative;
}

.historyBlock--content:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent #FFFFFF;
    display: block;
    width: 0;
    z-index: 1;
    right: -8px;
    top: calc(50% - 8px);
}

.historyBlock--content:before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent #7695fa;
    display: block;
    width: 0;
    z-index: 0;
    right: -9px;
    top: calc(50% - 8px);
}

.historyBlock--mark {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    width: 13px;
    height: 13px;
    border: 3px solid #7695fa;
    background: #ffffff;
    margin: 0 15px;
}

.historyBlock--date {
    font-size: 14px;
    font-weight: 100;
    color: #9d9da8;
    width: 350px;
    text-align: left;
}

@keyframes heartbeat {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.2);
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
.heartbeat {
    animation: heartbeat 1s 2;
    background-color: #fffbe9;
}

.banner--main {
    padding: 70px 0 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.banner--main__txt {
    font-weight: 100;
    font-size: 65px;
    text-align: left;
    color: #ffffff;
    line-height: 1;
}
.banner--main__txt b {
    font-weight: 700;
}
.banner--main__txt--2 {
    font-size: 46px;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 100;
    text-align: left;
    color: #ffffff;
}
.banner--main__txt--2 b {
    font-weight: 700;
}
.banner--main__img {
    width: 25%;
}

@media only screen and (max-width: 1042px) {
    .banner--main__txt {
        font-size: 6.2vw;
    }
}
@media only screen and (max-width: 700px) {
    .banner--main {
        flex-direction: column-reverse;
        padding: 30px 0 5px 0;
    }
    .banner--main__txt {
        text-align: center;
        margin: 20px 0 40px 0;
        font-weight: 300;
        font-size: 7.2vw;
    }
    .banner--main__txt--2 {
        text-align: center;
        margin: 20px 0 40px 0;
        font-weight: 300;
        font-size: 7.2vw;
    }
    .banner--main__img {
        width: 30%;
    }
}
.content {
    max-width: 1080px;
    width: 100%;
    display: inline-block;
}

h1 {
    font-size: 40px;
    padding: 30px 0;
    font-weight: 400;
    color: #484848;
}

.categoryBlock {
    min-height: 300px;
    font-family: "Bitter", serif;
    position: relative;
    background-color: #000000;
    color: #ffffff;
    text-align: left;
    padding: 140px 20px 20px 20px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    cursor: pointer;
    transition: all 0.5s ease-in-out 0s;
    text-decoration: none;
    width: 32%;
    margin-right: 2%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}
.categoryBlock:nth-child(-n+3) {
    margin-bottom: 2%;
}
.categoryBlock:nth-child(3n) {
    margin-right: 0;
}
.categoryBlock__familyTree {
    background-color: #f1f4fe;
}
.categoryBlock__familyTree .categoryBlock__img {
    background-image: url(/assets/images/landings/familyTree/familyTree.svg);
}
.categoryBlock__reportCompany {
    background-color: #f1f4fe;
}
.categoryBlock__reportCompany .categoryBlock__img {
    background-image: url(/assets/images/landings/reportCompany/company.svg);
}
.categoryBlock__reportPrivate {
    background-color: #f1f4fe;
}
.categoryBlock__reportPrivate .categoryBlock__img {
    background-image: url(/assets/images/landings/reportPrivate/private.svg);
}
.categoryBlock__monitoring {
    background-color: #f1f4fe;
}
.categoryBlock__monitoring .categoryBlock__img {
    background-image: url(/assets/images/landings/monitoring/monitoring.svg);
}
.categoryBlock__marketing {
    background-color: #f1f4fe;
}
.categoryBlock__marketing .categoryBlock__img {
    background-image: url(/assets/images/landings/marketing/marketing.svg);
}
.categoryBlock__reportForeign {
    background-color: #f1f4fe;
}
.categoryBlock__reportForeign .categoryBlock__img {
    background-image: url(/assets/images/landings/reportForeign/foreign.svg);
}
.categoryBlock:hover {
    background: #3165d2;
    box-shadow: 0 8px 24px -5px #cdcdcd;
}
.categoryBlock:hover .categoryBlock__img {
    opacity: 0.2;
    background-size: 110%;
}
.categoryBlock:hover h2 {
    color: yellow;
    background: none;
}
.categoryBlock:hover p {
    color: yellow;
    background: none;
}
.categoryBlock h2 {
    font-size: 21px;
    font-weight: 500;
    position: absolute;
    left: 0;
    bottom: 0;
    min-height: 80px;
    padding: 15px;
    z-index: 1;
    transition: all 0.2s ease-in-out 0s;
    color: #000000;
    width: 100%;
    background: #f1f4fe;
}
.categoryBlock p {
    font-size: 16px;
    z-index: 1;
    transition: all 0.2s ease-in-out 0s;
    color: #000000;
}
.categoryBlock__big {
    flex: 60%;
}
.categoryBlock__small {
    flex: 40%;
}

.categoryBlock__img {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 65%;
    background-position: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    opacity: 1;
    transition: all 0.5s ease-in-out 0s;
}

@media only screen and (max-width: 1024px) {
    .container {
        min-width: 100%;
    }
}
@media only screen and (max-width: 1100px) {
    .content {
        padding: 0 20px;
    }
}
@media only screen and (max-width: 850px) {
    h1 {
        font-size: 30px;
    }
    .content {
        padding: 0 10px;
    }
    .categoryBlock {
        width: 49%;
    }
    .categoryBlock:nth-child(-n+3) {
        margin-bottom: 0;
    }
    .categoryBlock:nth-child(3n) {
        margin-right: 2%;
    }
    .categoryBlock:nth-child(-n+4) {
        margin-bottom: 2%;
    }
    .categoryBlock:nth-child(2n) {
        margin-right: 0;
    }
}
.person_name {
    font-weight: 400;
}

.summary--hint {
    border: 1px solid #d4d2d2;
    display: block;
    line-height: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    margin: 10px 0 5px 0;
    padding: 10px;
    background: #f4f3f3;
}

.text-hint {
    margin-top: 5px;
    font-size: 13px;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    position: relative;
    display: inline-block;
    background: #FFFFFF;
}
.text-hint:before {
    content: " ";
    position: absolute;
    left: 15px;
    top: -5px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.text-hint span {
    text-decoration: none !important;
    font-weight: 700;
    color: green !important;
}

.text-hint b {
    color: #00adee !important;
}

.v100 {
    width: 100%;
}

.additionalPrice {
    font-size: 13px;
    color: #484848;
}

@media only screen and (max-width: 450px) {
    .categoryBlock {
        width: 100%;
        margin-bottom: 20px !important;
        margin-right: 0 !important;
    }
    .categoryBlock:nth-child(-n+3) {
        margin-bottom: 0;
    }
    .categoryBlock:nth-child(3n) {
        margin-right: 0;
    }
    .categoryBlock:nth-child(-n+4) {
        margin-bottom: 0;
    }
    .categoryBlock:nth-child(2n) {
        margin-right: 0;
    }
}
.header {
    width: 100%;
    height: 80px;
    background: #ffffff;
    padding: 0 15px;
    border-bottom: 1px solid #dedcdc;
    background: #ffffff;
}
.header__logo {
    background: url(/assets/images/logo.svg);
    height: 32px;
    width: 136px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}
.header__menu {
    display: flex;
    align-self: center;
}
.header__menu--selected {
    color: #3165D2 !important;
}
.header__menu li {
    list-style: none !important;
    margin-left: 40px;
    word-break: keep-all;
}
.header__menu li a {
    font-size: 14px;
    text-decoration: none;
    color: #797979;
    font-weight: 400;
    transition: color 0.2s ease-in-out 0s;
}
.header__menu li a:hover {
    color: #3165D2;
}

.user-control {
    cursor: pointer;
    display: flex;
    justify-content: center;
    border-left: 1px solid #dedcdc;
    height: 80px;
}
.user-control--avatar {
    -webkit-border-radius: 70%;
    -moz-border-radius: 70%;
    -ms-border-radius: 70%;
    border-radius: 70%;
    width: 2.8125rem;
    height: 2.8125rem;
    font-size: 1rem;
    font-weight: 500;
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
    padding: 0.4375rem;
    background: #cdd7fb;
    color: #ffffff;
}
.user-control--info {
    margin-right: 0.9375rem;
}
.user-control--info span:first-child {
    margin-top: 0.1875rem;
}
.user-control--info span {
    font-size: 0.8125rem;
    font-weight: 600;
    display: block;
}

.search--top {
    width: 35px;
    height: 35px;
    background-image: url(/assets/images/ico--searchMenu.svg);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: background-size 0.2s ease-in-out 0s;
    margin-right: 1em;
}
.search--top:hover {
    background-size: 25px;
}

.mobileNavi {
    width: 40px;
    height: 40px;
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
}
.mobileNavi__menu {
    background-image: url(/assets/images/mobile-menu.svg);
    margin-left: 15px;
}
.mobileNavi__login {
    background-image: url(/assets/images/mobile-login.svg);
    margin-right: 15px;
}

.accountSwitch {
    padding-left: 20px;
    background-image: url(/assets/images/private_search.svg);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 15px;
}

.screen-dialog {
    display: none;
    background: #ffffff;
    height: 100%;
    width: 100%;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10000;
    border-top: 1px solid #cdcdcd;
    -webkit-overflow-scrolling: touch;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    animation-delay: 0.1s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.screen-dialog--slideTop {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -ms-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    animation-delay: 0.1s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mabileMenuItems {
    padding: 0;
    margin: 0;
    margin-top: 50px;
}
.mabileMenuItems li {
    list-style: none;
    font-size: 21px;
    margin: 15px 0;
}
.mabileMenuItems li a {
    color: #797979;
}

.mobileLang {
    padding: 0;
    margin-top: 70px;
    width: 100%;
    text-align: center;
}
.mobileLang li {
    display: inline-block;
    list-style: none;
    -webkit-border-radius: 70%;
    -moz-border-radius: 70%;
    -ms-border-radius: 70%;
    border-radius: 70%;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
    font-weight: 500;
    margin-right: 0.3125rem;
    margin-left: 0.3125rem;
    padding: 0.4375rem;
    border: 1px solid #cdcdcd;
    cursor: pointer;
}

.mobileLang__active {
    border: 1px solid #6784da !important;
    color: #6784da !important;
}

@media only screen and (max-width: 1024px) {
    .header {
        justify-content: space-between;
        position: fixed;
        z-index: 9999;
        padding: 0;
        top: 0;
    }
    .header__logo {
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        width: 90px;
        height: 21px;
    }
}
@media only screen and (max-width: 1270px) {
    .user-control--info {
        display: none;
    }
    .user-control--avatar {
        margin-right: 0;
        width: 2.1875rem;
        height: 2.1875rem;
        font-size: 0.75rem;
    }
    .search--top {
        margin-right: 0 !important;
    }
}
@media only screen and (max-width: 1100px) {
    .authMenu--title {
        display: none;
    }
    .auth-c {
        width: 100% !important;
    }
}
.searchTabs {
    display: flex;
    justify-content: center;
    list-style: none;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.3960784314);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 0 2px;
    width: fit-content;
    position: relative;
}
.searchTabs li {
    padding: 10px 15px;
    cursor: pointer;
    user-select: none;
}

.searchTabs_bg {
    position: absolute;
    top: 2px;
    left: 2px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    background: #ffffff;
    height: calc(100% - 4px);
    z-index: 1x;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    transition: all 0.23s ease-in-out 0s;
}

.searchTabs__active {
    color: #6784da;
    z-index: 100;
    transition: color 0.23s ease-in-out 0s;
}

.heroeSearch-sanctions {
    background-image: url(/assets/images/bg_fill_sanctions.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.heroeSearch {
    background-image: url(/assets/images/banner/bg_new.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.heroeSearch__text {
    font-size: 60px;
    font-weight: 500;
    margin-top: 115px;
    margin-bottom: 70px;
    color: #ffffff;
    line-height: 60px;
}
.heroeSearch__mainInputContainer {
    background: #ffffff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    height: 70px;
}
.heroeSearch__btn {
    background: #3064d2;
    color: #ffffff;
    font-weight: 500;
    font-size: 24px;
    padding: 0 30px;
    cursor: pointer;
    border: none;
    transition: background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s;
}
.heroeSearch__btn span {
    white-space: nowrap;
}
.heroeSearch__btn:hover {
    background-color: rgb(36.9642857143, 79.6785714286, 170.0357142857);
    color: #ffffff;
}
.heroeSearch__advancedSearchBtn {
    background-image: url(/assets/images/advanced--ico.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 30px;
    background-size: 25px;
    background-color: #f5f5f5;
    border-left: 1px solid #e9e9e9;
    transition: background-color 0.23s ease-in-out 0s;
    cursor: pointer;
}
.heroeSearch__advancedSearchBtn:hover {
    background-color: rgb(219.5, 219.5, 219.5);
}

.searchInput {
    border: 0;
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 70px;
    outline: 0;
    font-size: 21px;
    width: 100%;
}
.searchInput::placeholder {
    font-size: 21px;
    font-weight: 100;
    color: #616161;
    white-space: nowrap;
}
.searchInput__company {
    background-image: url(/assets/images/company_search.svg);
    background-size: 30px;
}
.searchInput__private {
    background-image: url(/assets/images/private_search.svg);
    background-size: 30px;
}
.searchInput__debt {
    background-image: url(/assets/images/debt_search.svg);
    background-size: 30px;
}
.searchInput__sanction {
    background-image: url(/assets/images/sanction_search.svg);
    background-size: 30px;
}

.countryWidgetMain {
    border-right: 1px solid #d2d2d2;
}
.countryWidgetMain span {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
}

.searchPledgesAdvanced {
    visibility: hidden;
    background: #FFFFFF;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    bottom: -180px;
    opacity: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    transition: visibility 0s linear 0s opacity 0.25s ease-in-out 0s bottom 0.25s ease-in-out 0s;
}
.searchPledgesAdvanced__active {
    visibility: visible;
    bottom: -80px;
    opacity: 1;
}
.searchPledgesAdvanced__arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.searchPledgesAdvanced__arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: white;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
}

.searchHolder {
    padding: 15px;
    background: #ededed;
    position: absolute;
    left: 0;
    top: calc(100% - 48px);
    z-index: 996;
}

@media only screen and (max-width: 1024px) {
    .searchInput {
        background-image: none;
        padding-left: 10px;
        font-size: 15px;
    }
    .heroeSearch__text {
        font-size: 30px;
        margin: 60px 0 40px 0;
        line-height: 1;
        text-align: center;
    }
    .heroeSearch__btn {
        background-image: url(/assets/images/search-ico.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40%;
    }
    .heroeSearch__mainInputContainer {
        height: 50px;
    }
    .heroeSearch__advancedSearchBtn {
        padding: 0 20px;
        background-size: 20px;
    }
    .heroeSearch .countryWidgetMain {
        padding-right: 10px;
        background-position: calc(100% - 9px) center;
    }
    .heroeSearch__hide-bg {
        background-image: none;
        padding: 0 18px !important;
    }
}
.footer {
    background: #f0f0f0;
    padding: 25px 25px 10px 25px;
    color: #616161;
}
.footer__menu {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px !important;
}
.footer__menu li {
    line-height: 1.75;
}
.footer__menu--title {
    font-weight: 600;
    font-size: 16px;
}
.footer__menu a {
    color: #7e7e7e;
}
.footer__hintTxt {
    font-size: 12px;
}
.footer__block {
    border-top: 1px solid #d7d7d7;
    padding: 15px 0 0 0;
    margin-top: 15px;
}
.footer__logo {
    text-align: right;
}

@media only screen and (max-width: 1024px) {
    .footer__content {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        text-align: center !important;
    }
    .footer__logo {
        text-align: center;
    }
}
.news__block {
    border: 1px solid #eeeeee;
    flex: calc(50% - 40px);
    margin: 20px 20px 0 0;
    text-decoration: none;
    color: #616161;
}
.news__block:nth-child(1) {
    margin: 0 20px 0 0 !important;
}
.news__block:nth-child(2) {
    margin: 0 20px 0 0 !important;
}
.news__block:nth-child(even) {
    margin-right: 0 !important;
}
.news__img {
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.news__content {
    width: 50%;
    padding: 20px;
}
.news__title {
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}
.news__date {
    font-size: 12px;
    color: #cdcdcd;
    padding: 10px 0;
}
.news__txt {
    font-size: 14px;
    color: #616161;
}

.article {
    padding: 0;
    font-family: "Bitter", serif;
}
.article__gradient {
    padding-top: 400px;
    color: #FFFFFF;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}
.article__date {
    font-size: 20px;
}
.article__title {
    font-size: 52px;
    font-weight: 700;
    line-height: 1.2;
}
.article a {
    color: #FFFFFF;
}
.article a:hover {
    color: yellow !important;
}

.archiveItem {
    flex-flow: column;
    text-decoration: none;
    color: #000000;
    display: block;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.archiveItem__gradient {
    padding-top: 150px;
    padding-bottom: 50px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    color: #ffffff;
}
.archiveItem__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}

@media only screen and (max-width: 1100px) {
    .article__gradient {
        padding-left: 10px;
        padding-right: 10px;
    }
    .article__text {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
@media only screen and (max-width: 600px) {
    .archiveItem__gradient {
        padding-top: 90px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.3) 100%);
    }
    .archiveItem__title {
        font-size: 24px;
    }
    .article__gradient {
        padding: 250px 10px 0 10px;
    }
    .article__title {
        font-size: 32px;
    }
    .article__date {
        font-size: 18px;
    }
    .article__text {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .news__block {
        flex: 100% !important;
        margin: 20px 0 0 0 !important;
    }
    .news__block:nth-child(1) {
        margin: 0 !important;
    }
    .news__block:nth-child(2) {
        margin: 20px 0 0 0 !important;
    }
}
@media only screen and (max-width: 450px) {
    .news__img {
        width: 100% !important;
        height: 200px;
    }
    .news__content {
        width: 100% !important;
        padding: 20px;
    }
    .news__block {
        flex-direction: column;
    }
}
.companyName {
    font-family: "Faustina", serif;
    color: #484848;
    font-size: 38px;
    font-weight: 500;
}
.companyName__address {
    color: #484848;
    font-size: 18px;
    font-weight: 100;
}

.reviewBlock--holder {
    width: 49%;
}

.reviewBlock--container {
    gap: 2%;
    flex-wrap: wrap;
    display: flex;
}

.reviewBlock {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    background: #FFFFFF;
    width: 49%;
    color: #484848;
    padding: 0;
    border-radius: 10px;
    font-size: 14px;
}
.reviewBlock:nth-child(even) {
    margin-right: 0 !important;
}

.person_container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.person_container img {
    margin-left: 5px;
}

.reviewBlock__title {
    padding: 15px 25px;
    border-bottom: 1px solid #f3f2ff;
    color: #003264;
    font-weight: 500;
    font-size: 18px;
    text-align: left;
}

.reviewBlock__item {
    border-bottom: 1px solid #f3f2ff;
    padding: 10px 0;
    color: #64616d;
    align-items: flex-start;
}
.reviewBlock__item--left {
    text-align: left;
    font-weight: 500;
    display: flex;
    align-items: center;
    width: 35%;
}
.reviewBlock__item--right {
    text-align: right;
    min-width: 25px;
}

.reviewBlock__content {
    padding: 5px 25px 25px;
}

.companyTitle {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}

.companyStatus {
    color: red;
    font-weight: 600;
    background-image: url(/assets/images/bell-ico.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left center;
    padding-left: 20px;
}

.managementView {
    line-height: 1;
}

.managementView__title {
    font-size: 0.6875rem;
    font-weight: 300;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 3px;
}
.managementView__title img {
    height: 12px;
    margin-right: 3px;
}

@media only screen and (max-width: 1024px) {
    .companyName {
        font-size: 22px;
        margin-top: 2rem;
    }
    .reviewBlock {
        width: 100%;
        margin-right: 0;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    }
    .reviewBlock--holder {
        width: 100%;
        margin-right: 0;
    }
    .reviewBlock__content {
        padding: 5px 15px 15px;
    }
    .reviewBlock__title {
        padding: 15px;
    }
    .companyTitle {
        flex-direction: column;
        flex-flow: column-reverse;
        margin-top: 0 !important;
    }
}
@media only screen and (max-width: 500px) {
    .managementView__title {
        justify-content: flex-start;
    }
    .person_container {
        flex-direction: row-reverse;
    }
    .person_container img {
        margin-right: 5px;
        margin-left: 0 !important;
    }
    .reviewBlock__item {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .reviewBlock__item--right {
        text-align: left;
        justify-content: flex-end;
    }
}
.auth__container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    position: absolute;
    width: 100%;
    z-index: 100000;
}

.auth {
    border: 1px solid #f9f9f9;
    background: #FFF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 1px 50px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 50px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 50px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    margin-bottom: 0 !important;
    height: auto !important;
}

.auth__content {
    padding: 20px;
}

.auth__logo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 200px;
    background-color: #f3f3f3;
    height: 60px;
    position: relative;
}

.auth__logo--crediweb {
    background-image: url(../images/logo-cw.svg);
    background-size: 100px;
}

.auth__logo--cr {
    background-image: url(../images/logo.svg);
}

.auth__banklink {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.auth__banklink--item {
    height: 40px;
    width: 23%;
    border: 1px solid #e7e6e6;
    background-size: 70% !important;
    margin-bottom: 10px;
}

.banklink__swed {
    background: url(../images/ico--swed.png) no-repeat center;
}

.banklink__eparaksts {
    background: url(../images/eParaksts-logo.png) no-repeat center;
}

.banklink__luminordnb {
    background: url(../images/ico--dnb.svg) no-repeat center;
}

.banklink__luminornordea {
    background: url(../images/ico--nordea.svg) no-repeat center;
}

.banklink__seb {
    background: url(../images/ico--seb.svg) no-repeat center;
}

.banklink__citadele {
    background: #ed1a3b url(../images/ico--citadele.svg) no-repeat center;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@-moz-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@-ms-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@-o-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-ms-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-ms-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@-ms-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@-moz-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@-ms-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@-o-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
@-ms-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
@-o-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes fadeInTransparent {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.75;
    }
}
@-moz-keyframes fadeInTransparent {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.75;
    }
}
@-ms-keyframes fadeInTransparent {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.75;
    }
}
@-o-keyframes fadeInTransparent {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.75;
    }
}
@keyframes fadeInTransparent {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.75;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInFromTransparent {
    0% {
        opacity: 0.25;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeInFromTransparent {
    0% {
        opacity: 0.25;
    }
    100% {
        opacity: 1;
    }
}
@-ms-keyframes fadeInFromTransparent {
    0% {
        opacity: 0.25;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes fadeInFromTransparent {
    0% {
        opacity: 0.25;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeInFromTransparent {
    0% {
        opacity: 0.25;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 0.75;
    }
    100% {
        opacity: 0.25;
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity: 0.75;
    }
    100% {
        opacity: 0.25;
    }
}
@-ms-keyframes fadeOut {
    0% {
        opacity: 0.75;
    }
    100% {
        opacity: 0.25;
    }
}
@-o-keyframes fadeOut {
    0% {
        opacity: 0.75;
    }
    100% {
        opacity: 0.25;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 0.75;
    }
    100% {
        opacity: 0.25;
    }
}
@-webkit-keyframes fadeOutTransparent {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}
@-moz-keyframes fadeOutTransparent {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}
@-ms-keyframes fadeOutTransparent {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}
@-o-keyframes fadeOutTransparent {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}
@keyframes fadeOutTransparent {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-iteration-count: 1s;
    -moz-animation-iteration-count: 1s;
    -ms-animation-iteration-count: 1s;
    -o-animation-iteration-count: 1s;
    animation-iteration-count: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.landing__list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.landing__list li {
    background-size: 10px;
    line-height: 2;
    font-size: 18px;
    padding-left: 20px;
    background-image: url(/assets/images/landings/list.svg);
    background-repeat: no-repeat;
    background-position: left 13px;
}

.help__item {
    font-family: "Bitter", serif;
    border: 1px solid #e8e4e4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 20px;
    cursor: pointer;
    background-image: url(/assets/images/ico-faqArrowDown.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: calc(100% - 20px) 20px;
}
.help__item h2 {
    font-size: 18px;
    color: #12336a;
    font-weight: 500;
}

.help__desc {
    max-height: 0;
    overflow: hidden;
    width: 90%;
}

.help__item--selected {
    background-image: url(/assets/images/ico-faqArrowUp.svg) !important;
}
.help__item--selected .help__desc {
    transition: max-height 0.25s ease-in;
}
.help__item--selected h2 {
    color: #ff756c !important;
}

.countryList {
    margin: 0;
    padding: 0;
}
.countryList li {
    list-style: none;
    display: inline-block;
}
.countryList li a {
    border: 1px solid #e7e7e7;
    padding: 8px;
    border-radius: 10px;
    line-height: 3;
    text-decoration: none;
    color: #616161;
    margin-right: 10px;
    font-size: 14px;
    transition: all 0.23s ease-in-out 0s;
}
.countryList li a:hover {
    color: #3c8dd8;
    border: 1px solid #3c8dd8;
}

.ladingHeroe {
    font-family: "Bitter", serif;
}

.heroeContent {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.heroeContent__info--title {
    font-size: 62px;
    font-weight: 500;
    line-height: 1.1;
    word-break: keep-all;
}
.heroeContent__info--text {
    font-size: 18px;
}
.heroeContent__image {
    width: 100%;
}
.heroeContent__familyTreeTxt {
    width: 45%;
}
.heroeContent__familyTreeImg {
    width: 55%;
}
.heroeContent__marketingTxt {
    width: 65%;
}
.heroeContent__marketingImg {
    width: 35%;
    padding: 50px 0;
}

.cardBox {
    display: flex;
    font-family: "Bitter", serif;
    font-weight: 400;
    font-size: 18px;
}
.cardBox__item {
    border: 1px solid #cdcdcd;
    padding: 30px;
}
.cardBox__item--30 {
    width: 30%;
}

.first-btnLanding {
    margin-right: 20px;
    margin-bottom: 0;
}

.mr5 {
    margin-right: 5%;
}

.mrt5 {
    margin-top: 5%;
}

.crForeign {
    background: #ffffff;
    padding: 70px 0;
    background-image: url(/assets/images/landings/reportForeign/partner.svg);
    background-repeat: no-repeat;
    background-position: 80% center;
    background-size: 25%;
}

.frTitle {
    width: 50%;
}

@media only screen and (max-width: 850px) {
    .crForeign {
        background-image: none;
    }
    .frTitle {
        width: 100%;
    }
    .mobile--center {
        text-align: center;
    }
    .mr5 {
        margin-right: 0;
    }
    .mrt5 {
        margin-top: 0;
    }
    .first-btnLanding {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .ladingHeroe {
        padding: 0 0 35px 0;
    }
    .heroeContent__info {
        text-align: center;
    }
    .heroeContent__info--title {
        font-size: 40px;
        font-weight: 500;
    }
    .heroeContent__image {
        width: 100%;
    }
    .heroeContent__lr {
        flex-direction: column-reverse;
    }
    .heroeContent__rl {
        flex-direction: column;
    }
    .heroeContent__familyTreeImg, .heroeContent__familyTreeTxt, .heroeContent__marketingTxt, .heroeContent__marketingImg {
        width: 100%;
    }
    .cardBox {
        flex-direction: column;
    }
    .cardBox__item {
        border: 1px solid #cdcdcd;
        padding: 30px;
        margin-bottom: 20px;
    }
    .cardBox__item--30 {
        width: 100%;
    }
}
.landing__top501 {
    background-image: url(/assets/images/landings/top501/501.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.landing__crefoscore {
    background-image: url(/assets/images/landings/crefoscore/crefoscore.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.landing__survey1 {
    background-image: url(/assets/images/landings/survey/mountains.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.chart-score__container {
    padding: 0;
    display: flex;
    width: 97.5%;
    list-style: none;
    margin-left: 2.5%;
}
.chart-score__container li {
    width: 20%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.chart-score {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 100;
    width: 50px;
    height: 50px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chart-score__description {
    font-size: 11px;
    color: #5d5d5d;
    margin-top: 20px;
    padding: 0 10px;
}
.chart-score__1 {
    background: #3b7d01;
}
.chart-score__1--txt {
    font-size: 11px;
    font-weight: 700;
    color: #3b7d01;
}
.chart-score__2 {
    background: #499902;
}
.chart-score__2--txt {
    font-size: 11px;
    font-weight: 700;
    color: #499902;
}
.chart-score__3 {
    background: #35ac0b;
}
.chart-score__3--txt {
    font-size: 11px;
    font-weight: 700;
    color: #35ac0b;
}
.chart-score__4 {
    background: #74c42b;
}
.chart-score__4--txt {
    font-size: 11px;
    font-weight: 700;
    color: #74c42b;
}
.chart-score__5 {
    background: #8adb3f;
}
.chart-score__5--txt {
    font-size: 11px;
    font-weight: 700;
    color: #8adb3f;
}
.chart-score__6 {
    background: #f1de34;
}
.chart-score__6--txt {
    font-size: 11px;
    font-weight: 700;
    color: #f1de34;
}
.chart-score__7 {
    background: #efb400;
}
.chart-score__7--txt {
    font-size: 11px;
    font-weight: 700;
    color: #efb400;
}
.chart-score__8 {
    background: #e63e00;
}
.chart-score__8--txt {
    font-size: 11px;
    font-weight: 700;
    color: #e63e00;
}
.chart-score__9, .chart-score__10 {
    background: #ff0000;
}
.chart-score__9--txt, .chart-score__10--txt {
    font-size: 11px;
    font-weight: 700;
    color: #ff0000;
}

.searchResults__item {
    text-decoration: none;
    margin-bottom: 30px;
    text-align: left;
    display: block;
}
.searchResults__item--title {
    font-size: 20px;
    line-height: 1.3;
    color: #1a0dab;
    text-decoration: none;
}
.searchResults__item--title:hover {
    text-decoration: underline;
}
.searchResults__item--text {
    font-size: 14px;
    color: #4d5156;
}
.searchResults__item--highlights {
    font-size: 14px;
    color: #4d5156;
}
.searchResults__item--highlights span {
    font-weight: 500;
}
.searchResults__item--highlights em {
    background: #f8ffc3;
    font-size: 14px;
    color: #4d5156;
}

.searchResults__info {
    padding: 40px 0 30px 0;
    color: #a09e9e;
    font-size: 16px;
}
.searchResults__info span {
    color: #484848;
}

.autocomplete__status {
    display: block;
    font-size: 14px;
    color: #f12020;
}
.autocomplete__status img {
    margin-right: 2px;
}

.cookies__bg {
    background: #000000;
    opacity: 0.7;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9998;
}

.cookies__container {
    padding: 30px;
    background: #ffffff;
    box-sizing: border-box;
    display: flex;
    position: fixed;
    justify-content: space-between;
    z-index: 9999;
    width: 100%;
    bottom: 0;
    left: 0;
    font-family: "Open Sans", sans-serif;
}

.cookies__tal {
    text-align: left;
}

.cookies__text {
    font-size: 16px;
    font-weight: 100;
    line-height: 1.5;
    margin-right: 30px;
    text-align: justify;
}

.cookies__options {
    margin-top: 20px;
}

.cookies__options h1 {
    font-weight: 600;
    font-size: 16px;
}

.cookies__options--content {
    font-size: 16px;
    display: none;
}

.cookies__options--item {
    margin-bottom: 15px;
}

.cookies__options span {
    margin-left: 15px;
}

.cookies__closeBtn {
    text-align: center !important;
    cursor: pointer;
    font-size: 18px;
    font-weight: 100;
    background: #0080ff;
    color: #ffffff;
    border: 1px solid #0080ff;
    padding: 15px 0;
    width: 300px;
}

.cookies__toggleBtn {
    text-align: center !important;
    cursor: pointer;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 100;
    background: #ffffff;
    color: #0080ff;
    border: 1px solid #0080ff;
    padding: 15px 0;
    width: 300px;
}

@media only screen and (max-width: 600px) {
    .cookies__container {
        flex-direction: column;
    }
    .cookies__text {
        margin-right: 0 !important;
    }
    .cookies__closeBtn {
        width: 100%;
        margin-top: 10px;
    }
}
.fullReportContainer {
    background: #FFF;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
}
.fullReportContainer:last-child {
    margin-bottom: 0;
}
.fullReportContainer b {
    color: #000 !important;
}
.fullReportContainer--title {
    background: #229dde;
    color: #ffffff;
    font-weight: bold;
    font-size: 13.2px;
    margin-bottom: 5px;
    padding: 5px 10px;
    position: relative;
}
.fullReportContainer--title__close {
    height: 100%;
    width: 30px;
    background-image: url(/assets/images/exp-close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;
    border-left: 1px solid #71c1ec;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition: background-color 0.23s ease-in-out 0s;
}
.fullReportContainer--title__close:hover {
    background-color: #71c1ec;
}
.fullReportContainer--title__open {
    height: 100%;
    width: 30px;
    background-image: url(/assets/images/exp-open.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px;
    border-left: 1px solid #71c1ec;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition: background-color 0.23s ease-in-out 0s;
}
.fullReportContainer--title__open:hover {
    background-color: #71c1ec;
}
.fullReportContainer--content {
    background: #edece5;
    padding: 10px 10px;
    font-size: 11px;
}
.fullReportContainer--content--block {
    background: #ffffff;
    box-sizing: border-box;
    font-size: 12px;
}
.fullReportContainer--content--block a {
    color: #0078be;
    text-decoration: none;
    border-bottom: 1px dotted #0078be;
}
.fullReportContainer--content--block a:hover {
    border-bottom: 0;
}

.fullReportContainer--table {
    width: 100%;
    font-size: 13px !important;
}
.fullReportContainer--table tbody {
    width: 100%;
    display: table;
}
.fullReportContainer--table tbody td {
    padding-left: 10px;
}

.jc-sb {
    justify-content: space-between;
}

.w50 {
    width: 50%;
    font-size: 13px !important;
}

.fullReportContainer--subtitle {
    font-size: 12px;
    border-bottom: 1px solid #000;
    margin-bottom: 5px;
    font-weight: 600;
}

.fullReportContainer--subcontent {
    margin-left: 50px;
}

.structuralTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 11px !important;
}
.structuralTable th {
    background: #f0f0f0;
    padding: 2px 4px;
}
.structuralTable td {
    background: #f7f7f7;
    padding: 2px 4px;
}

.reportHeader {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 15px;
    align-content: stretchs;
}
.reportHeader--block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.headerInfoBlock {
    background: #004884;
    color: #ffffff;
    font-size: 13px;
    padding: 5px 10px;
}

.creditreportName {
    color: #9c9c9c;
    font-weight: bold;
    font-size: 15px;
    margin-top: 15px;
    flex-grow: 2;
    padding-left: 10px;
}

.reportHeader--block--1 {
    width: calc(150% - 222px);
}
.reportHeader--block--1 img {
    margin-left: 10px;
}

.reportHeader--block--2 {
    width: calc(150% - 222px);
}

.reportHeader--block--3 {
    width: 220px;
    margin-left: 2px;
}

.cert {
    font-size: 18px;
    color: #21aae2;
}
.cert__cert {
    color: #717376;
}
.cert__gold {
    color: #d3b03e;
}
.cert__cont {
    width: 100% !important;
    background: #ffffff;
    padding: 15px;
}
.cert__info {
    margin-left: 15px;
    margin-top: 2px;
}

@media only screen and (max-width: 1024px) {
    .structuralTable {
        margin-left: 0 !important;
        width: 100% !important;
    }
}
.smallSearch {
    background: #ffffff;
    border: 1px solid #e4dddd;
    height: 40px;
}
.smallSearch__input {
    border: 0;
    outline: 0;
    font-size: 16px;
    width: 100%;
    background-size: 20px !important;
    background-repeat: no-repeat;
    padding-left: 40px;
    background-position: 10px center !important;
}
.smallSearch__options {
    padding: 0 20px;
    background-image: url(/assets/images/ico--menuHorizontal.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out 0s;
}
.smallSearch__options:hover {
    background-color: #eeecec;
}
.smallSearch__close {
    padding: 0 20px;
    background-image: url(/assets/images/ico--smsClose.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out 0s;
}
.smallSearch__close:hover {
    background-color: #eeecec;
}
.smallSearch__btn {
    background: #343434;
    background-image: url(/assets/images/search-ico.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
    padding: 0 20px;
    cursor: pointer;
    border: none;
    transition: background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s;
}
.smallSearch__btn:hover {
    background-color: #000000;
}
.smallSearch__advanced {
    width: 20px;
    height: 20px;
    background-image: url(/assets/images/advanced--ico.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
}
.smallSearch__container {
    flex: 1;
}

.plans__body--titles {
    width: 20%;
    list-style: none;
    background-color: #5071F7;
    padding: 0;
    margin: 0;
    color: #DEE4FE;
    -webkit-border-top-left-radius: 10px !important;
    -webkit-border-bottom-left-radius: 10px !important;
    -moz-border-radius-topleft: 10px !important;
    -moz-border-radius-bottomleft: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    position: relative;
}
.plans__body--titles li {
    padding: 0 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
    font-size: 15px;
    min-height: 55px;
    display: flex;
    align-items: center;
}

.plans__body--items {
    list-style: none;
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
    color: #484848;
    width: 20%;
    z-index: 3;
}
.plans__body--items li {
    padding: 0 10px;
    border-bottom: 1px solid rgba(89, 28, 255, 0.1019607843);
    border-right: 1px solid rgba(89, 28, 255, 0.1019607843);
    font-size: 15px;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plans__header--container {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.plans__header--container li {
    z-index: 3;
    width: 20%;
    text-align: center;
    border-top: 1px solid rgba(89, 28, 255, 0.1019607843);
    border-bottom: 1px solid rgba(89, 28, 255, 0.1019607843);
    border-right: 1px solid rgba(89, 28, 255, 0.1019607843);
    padding: 20px 10px;
    margin-top: 30px;
    background-color: #FFFFFF;
    align-items: stretch;
}
.plans__header--container li:last-child {
    border-right: 1px solid rgba(89, 28, 255, 0.1019607843);
    border-top-right-radius: 10px;
}
.plans__header--container li:first-child {
    border: none !important;
    border-top-right-radius: 10px;
    background-color: transparent !important;
}
.plans__header--container li:nth-child(2) {
    border-left: 1px solid rgba(89, 28, 255, 0.1019607843);
    border-top-left-radius: 10px;
}

.plans__footer {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    position: relative;
}
.plans__footer li {
    width: 20%;
    text-align: center;
    border-bottom: 1px solid rgba(89, 28, 255, 0.1019607843);
    border-right: 1px solid rgba(89, 28, 255, 0.1019607843);
    padding: 20px;
    background-color: #FFFFFF;
    z-index: 3;
}
.plans__footer li:first-child {
    border: none !important;
    background-color: transparent !important;
}
.plans__footer li:last-child {
    border-right: 1px solid rgba(89, 28, 255, 0.1019607843);
    border-bottom-right-radius: 10px;
}
.plans__footer li:nth-child(2) {
    border-left: 1px solid rgba(89, 28, 255, 0.1019607843);
    border-bottom-left-radius: 10px;
}

.plan__name {
    color: #747474;
    font-size: 28px;
    font-weight: 100;
}
.plan__price {
    font-size: 38px;
    font-weight: 100;
}
.plan__cur {
    font-size: 24px;
}

@media only screen and (max-width: 1024px) {
    .plans__header--container li:first-child {
        background-color: #f7f7fc !important;
        width: calc(48.2% - 1px) !important;
        flex: 0 0 auto;
        position: absolute;
        z-index: 10;
        height: 250px;
    }
    .plans__header--container li:nth-child(2) {
        margin-left: 50%;
    }
    .plans {
        overflow-x: auto;
    }
    .plans__body {
        flex-wrap: nowrap;
    }
    .plans__body--titles {
        width: 48.2% !important;
        flex: 0 0 auto;
    }
    .plans__body--titles {
        position: absolute;
        z-index: 10;
    }
    .plans__body--items {
        width: 50% !important;
        flex: 0 0 auto;
    }
    .plans__body--items:nth-child(2) {
        margin-left: 50%;
    }
    .plans__header--container {
        flex-wrap: nowrap;
    }
    .plans__header--container li {
        width: 50% !important;
        flex: 0 0 auto;
    }
}
.wallet-header {
    border-left: 1px solid #dedcdc;
    height: 80px;
}
.wallet-header a {
    color: #3165d2;
    font-size: 14px;
    text-decoration: none;
}
.wallet-header a div {
    line-height: 1;
}

.wallet__balance {
    width: 30%;
    border-right: 1px solid #e3e1e1;
}
.wallet__payment {
    width: 70%;
}
.wallet__pg {
    width: 70%;
}

@media only screen and (max-width: 960px) {
    .wallet {
        flex-direction: column;
        padding-left: 15px !important;
    }
    .wallet__balance {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e3e1e1;
        text-align: center;
        padding-bottom: 15px;
    }
    .wallet__payment {
        margin-top: 15px;
        text-align: center;
        width: 100%;
        padding-left: 0 !important;
    }
    .wallet__pg {
        width: 100%;
    }
    .wallet__terms {
        display: flex;
        justify-content: center;
    }
    .wallet__terms span {
        width: 21px !important;
    }
}
.apiKey__container {
    padding-right: 30px;
    width: 100%;
}

.apiKey__btn {
    border-radius: 3px;
    margin-right: 5px;
    cursor: pointer;
    border: 1px solid #AEAEAE;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
}
.apiKey__btn-show {
    background-image: url(/assets/images/show-ico.svg);
}
.apiKey__btn-hide {
    background-image: url(/assets/images/hide-ico.svg);
}
.apiKey__btn-copy {
    background-image: url(/assets/images/copy-ico.svg);
}

.apiKey__msg {
    font-size: 14px;
    font-weight: 600;
}
.apiKey__msg--ok {
    color: #6AC259;
}
.apiKey__msg--fail {
    color: #E24C4B;
}

.triggerHead {
    height: 320px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
    text-align: center;
}
.triggerHead__survey1 {
    background-image: url(/assets/images/landings/survey/mountTrigger.jpg);
}
.triggerHead__survey1 div {
    color: #ffffff;
    font-size: 34px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    text-align: center;
}

@media only screen and (max-width: 481px) {
    .triggerHead__survey1 div {
        font-size: 24px;
    }
}
.widgetContainer {
    display: flex;
    justify-content: space-between;
}

.widget501 {
    width: 66%;
    background-image: url(/assets/images/landings/top501/501.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 140%;
}

.scoreWidget {
    width: 32%;
    background-image: url(/assets/images/landings/crefoscore/cf-gradient.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.scoreWidget__title {
    font-weight: 500;
    color: #ffffff;
    font-size: 24px;
    padding: 10px 0;
}
.scoreWidget p {
    font-size: 13px;
    color: #ffffff;
    display: block;
    line-height: 1.3;
    margin-top: 20px;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 850px) {
    .widget501 {
        width: 49%;
        background-position: center;
        background-size: 240%;
    }
    .scoreWidget {
        width: 49%;
    }
}
@media only screen and (max-width: 620px) {
    .widget501 {
        width: 100%;
    }
    .scoreWidget {
        width: 100%;
    }
    .widgetContainer {
        flex-direction: column;
    }
}
.grid {
    list-style: none; /* [1] */
    margin: 0; /* [2] */
    padding: 0; /* [2] */
    margin-left: -30px; /* [3] */
}

.grid__item {
    display: inline-block; /* [1] */
    padding-left: 30px; /* [2] */
    vertical-align: top; /* [3] */
    width: 100%; /* [4] */
    -webkit-box-sizing: border-box; /* [5] */
    -moz-box-sizing: border-box; /* [5] */
    box-sizing: border-box; /* [5] */
}

.grid--rev {
    direction: rtl;
    text-align: left;
}
.grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
}

.grid--full {
    margin-left: 0;
}
.grid--full > .grid__item {
    padding-left: 0;
}

.grid--right {
    text-align: right;
}
.grid--right > .grid__item {
    text-align: left;
}

.grid--center {
    text-align: center;
}
.grid--center > .grid__item {
    text-align: left;
}

.grid--middle > .grid__item {
    vertical-align: middle;
}

.grid--bottom > .grid__item {
    vertical-align: bottom;
}

.grid--narrow {
    margin-left: -15px;
}
.grid--narrow > .grid__item {
    padding-left: 15px;
}

.grid--wide {
    margin-left: -60px;
}
.grid--wide > .grid__item {
    padding-left: 60px;
}

/**
 * Our regular, non-responsive width classes.
 */
.one-whole {
    width: 100%;
}

.one-half, .six-twelfths, .five-tenths, .four-eighths, .three-sixths, .two-quarters {
    width: 50%;
}

.one-third, .four-twelfths, .two-sixths {
    width: 33.333%;
}

.two-thirds, .eight-twelfths, .four-sixths {
    width: 66.666%;
}

.one-quarter, .three-twelfths, .two-eighths {
    width: 25%;
}

.three-quarters, .nine-twelfths, .six-eighths {
    width: 75%;
}

.one-fifth, .two-tenths {
    width: 20%;
}

.two-fifths, .four-tenths {
    width: 40%;
}

.three-fifths, .six-tenths {
    width: 60%;
}

.four-fifths, .eight-tenths {
    width: 80%;
}

.one-sixth, .two-twelfths {
    width: 16.666%;
}

.five-sixths, .ten-twelfths {
    width: 83.333%;
}

.one-eighth {
    width: 12.5%;
}

.three-eighths {
    width: 37.5%;
}

.five-eighths {
    width: 62.5%;
}

.seven-eighths {
    width: 87.5%;
}

.one-tenth {
    width: 10%;
}

.three-tenths {
    width: 30%;
}

.seven-tenths {
    width: 70%;
}

.nine-tenths {
    width: 90%;
}

/**
 * Twelfths
 */
.one-twelfth {
    width: 8.333%;
}

.five-twelfths {
    width: 41.666%;
}

.seven-twelfths {
    width: 58.333%;
}

.eleven-twelfths {
    width: 91.666%;
}

/**
 * Our responsive classes, if we have enabled them.
 */
@media only screen and (max-width: 480px) {
    .palm--one-whole {
        width: 100%;
    }
    .palm--one-half, .palm--six-twelfths, .palm--five-tenths, .palm--four-eighths, .palm--three-sixths, .palm--two-quarters {
        width: 50%;
    }
    .palm--one-third, .palm--four-twelfths, .palm--two-sixths {
        width: 33.333%;
    }
    .palm--two-thirds, .palm--eight-twelfths, .palm--four-sixths {
        width: 66.666%;
    }
    .palm--one-quarter, .palm--three-twelfths, .palm--two-eighths {
        width: 25%;
    }
    .palm--three-quarters, .palm--nine-twelfths, .palm--six-eighths {
        width: 75%;
    }
    .palm--one-fifth, .palm--two-tenths {
        width: 20%;
    }
    .palm--two-fifths, .palm--four-tenths {
        width: 40%;
    }
    .palm--three-fifths, .palm--six-tenths {
        width: 60%;
    }
    .palm--four-fifths, .palm--eight-tenths {
        width: 80%;
    }
    .palm--one-sixth, .palm--two-twelfths {
        width: 16.666%;
    }
    .palm--five-sixths, .palm--ten-twelfths {
        width: 83.333%;
    }
    .palm--one-eighth {
        width: 12.5%;
    }
    .palm--three-eighths {
        width: 37.5%;
    }
    .palm--five-eighths {
        width: 62.5%;
    }
    .palm--seven-eighths {
        width: 87.5%;
    }
    .palm--one-tenth {
        width: 10%;
    }
    .palm--three-tenths {
        width: 30%;
    }
    .palm--seven-tenths {
        width: 70%;
    }
    .palm--nine-tenths {
        width: 90%;
    }
    /**
   * Twelfths
   */
    .palm--one-twelfth {
        width: 8.333%;
    }
    .palm--five-twelfths {
        width: 41.666%;
    }
    .palm--seven-twelfths {
        width: 58.333%;
    }
    .palm--eleven-twelfths {
        width: 91.666%;
    }
}
@media only screen and (min-width: 481px) and (max-width: 1024px) {
    .lap--one-whole {
        width: 100%;
    }
    .lap--one-half, .lap--six-twelfths, .lap--five-tenths, .lap--four-eighths, .lap--three-sixths, .lap--two-quarters {
        width: 50%;
    }
    .lap--one-third, .lap--four-twelfths, .lap--two-sixths {
        width: 33.333%;
    }
    .lap--two-thirds, .lap--eight-twelfths, .lap--four-sixths {
        width: 66.666%;
    }
    .lap--one-quarter, .lap--three-twelfths, .lap--two-eighths {
        width: 25%;
    }
    .lap--three-quarters, .lap--nine-twelfths, .lap--six-eighths {
        width: 75%;
    }
    .lap--one-fifth, .lap--two-tenths {
        width: 20%;
    }
    .lap--two-fifths, .lap--four-tenths {
        width: 40%;
    }
    .lap--three-fifths, .lap--six-tenths {
        width: 60%;
    }
    .lap--four-fifths, .lap--eight-tenths {
        width: 80%;
    }
    .lap--one-sixth, .lap--two-twelfths {
        width: 16.666%;
    }
    .lap--five-sixths, .lap--ten-twelfths {
        width: 83.333%;
    }
    .lap--one-eighth {
        width: 12.5%;
    }
    .lap--three-eighths {
        width: 37.5%;
    }
    .lap--five-eighths {
        width: 62.5%;
    }
    .lap--seven-eighths {
        width: 87.5%;
    }
    .lap--one-tenth {
        width: 10%;
    }
    .lap--three-tenths {
        width: 30%;
    }
    .lap--seven-tenths {
        width: 70%;
    }
    .lap--nine-tenths {
        width: 90%;
    }
    /**
   * Twelfths
   */
    .lap--one-twelfth {
        width: 8.333%;
    }
    .lap--five-twelfths {
        width: 41.666%;
    }
    .lap--seven-twelfths {
        width: 58.333%;
    }
    .lap--eleven-twelfths {
        width: 91.666%;
    }
}
@media only screen and (max-width: 1024px) {
    .portable--one-whole {
        width: 100%;
    }
    .portable--one-half, .portable--six-twelfths, .portable--five-tenths, .portable--four-eighths, .portable--three-sixths, .portable--two-quarters {
        width: 50%;
    }
    .portable--one-third, .portable--four-twelfths, .portable--two-sixths {
        width: 33.333%;
    }
    .portable--two-thirds, .portable--eight-twelfths, .portable--four-sixths {
        width: 66.666%;
    }
    .portable--one-quarter, .portable--three-twelfths, .portable--two-eighths {
        width: 25%;
    }
    .portable--three-quarters, .portable--nine-twelfths, .portable--six-eighths {
        width: 75%;
    }
    .portable--one-fifth, .portable--two-tenths {
        width: 20%;
    }
    .portable--two-fifths, .portable--four-tenths {
        width: 40%;
    }
    .portable--three-fifths, .portable--six-tenths {
        width: 60%;
    }
    .portable--four-fifths, .portable--eight-tenths {
        width: 80%;
    }
    .portable--one-sixth, .portable--two-twelfths {
        width: 16.666%;
    }
    .portable--five-sixths, .portable--ten-twelfths {
        width: 83.333%;
    }
    .portable--one-eighth {
        width: 12.5%;
    }
    .portable--three-eighths {
        width: 37.5%;
    }
    .portable--five-eighths {
        width: 62.5%;
    }
    .portable--seven-eighths {
        width: 87.5%;
    }
    .portable--one-tenth {
        width: 10%;
    }
    .portable--three-tenths {
        width: 30%;
    }
    .portable--seven-tenths {
        width: 70%;
    }
    .portable--nine-tenths {
        width: 90%;
    }
    /**
   * Twelfths
   */
    .portable--one-twelfth {
        width: 8.333%;
    }
    .portable--five-twelfths {
        width: 41.666%;
    }
    .portable--seven-twelfths {
        width: 58.333%;
    }
    .portable--eleven-twelfths {
        width: 91.666%;
    }
}
@media only screen and (min-width: 1025px) {
    .desk--one-whole {
        width: 100%;
    }
    .desk--one-half, .desk--six-twelfths, .desk--five-tenths, .desk--four-eighths, .desk--three-sixths, .desk--two-quarters {
        width: 50%;
    }
    .desk--one-third, .desk--four-twelfths, .desk--two-sixths {
        width: 33.333%;
    }
    .desk--two-thirds, .desk--eight-twelfths, .desk--four-sixths {
        width: 66.666%;
    }
    .desk--one-quarter, .desk--three-twelfths, .desk--two-eighths {
        width: 25%;
    }
    .desk--three-quarters, .desk--nine-twelfths, .desk--six-eighths {
        width: 75%;
    }
    .desk--one-fifth, .desk--two-tenths {
        width: 20%;
    }
    .desk--two-fifths, .desk--four-tenths {
        width: 40%;
    }
    .desk--three-fifths, .desk--six-tenths {
        width: 60%;
    }
    .desk--four-fifths, .desk--eight-tenths {
        width: 80%;
    }
    .desk--one-sixth, .desk--two-twelfths {
        width: 16.666%;
    }
    .desk--five-sixths, .desk--ten-twelfths {
        width: 83.333%;
    }
    .desk--one-eighth {
        width: 12.5%;
    }
    .desk--three-eighths {
        width: 37.5%;
    }
    .desk--five-eighths {
        width: 62.5%;
    }
    .desk--seven-eighths {
        width: 87.5%;
    }
    .desk--one-tenth {
        width: 10%;
    }
    .desk--three-tenths {
        width: 30%;
    }
    .desk--seven-tenths {
        width: 70%;
    }
    .desk--nine-tenths {
        width: 90%;
    }
    /**
   * Twelfths
   */
    .desk--one-twelfth {
        width: 8.333%;
    }
    .desk--five-twelfths {
        width: 41.666%;
    }
    .desk--seven-twelfths {
        width: 58.333%;
    }
    .desk--eleven-twelfths {
        width: 91.666%;
    }
}
/*------------------------------------*\
    $PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
    $PULL
\*------------------------------------*/
/**
 * Pull classes, to move grid items back to the left by certain amounts.
 */
.vnotify-container {
    position: fixed;
    z-index: 999990;
}
.vnotify-container.vn-top-right {
    right: 10px;
    top: 10px;
}
.vnotify-container.vn-top-left {
    top: 10px;
    left: 10px;
}
.vnotify-container.vn-bottom-right {
    bottom: 10px;
    right: 10px;
}
.vnotify-container.vn-bottom-left {
    bottom: 10px;
    left: 10px;
}
.vnotify-container .vn-close {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 15px;
    height: 15px;
    padding: 2px;
    cursor: pointer;
}
.vnotify-container .vn-close:before, .vnotify-container .vn-close:after {
    content: "";
    position: absolute;
    width: 100%;
    top: 50%;
    height: 2px;
    background: #fff;
}
.vnotify-container .vn-close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.vnotify-container .vn-close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.vnotify-item {
    width: 20em;
    padding: 15px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    text-align: left;
}
.vnotify-item:hover {
    opacity: 1;
}

.vnotify-title {
    font-weight: bold;
}

.vnotify-info {
    background: #3498db;
    color: #fff;
}

.vnotify-success {
    background: #2ecc71;
    color: #fff;
}

.vnotify-error {
    background: #e74c3c;
    color: #fff;
}

.vnotify-warning {
    background: #f39c12;
    color: #fff;
}

.vnotify-notify {
    background: #333;
    color: #fff;
}