/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 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;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

/**
 * 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%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button, input, optgroup, select, textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button, input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button, select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

@font-face {
    font-family: "Styrene B";
    src: url("../fonts/StyreneB-Bold.woff2") format("woff2"), url("../fonts/StyreneB-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Styrene A";
    src: url("../fonts/StyreneA-Medium.woff2") format("woff2"), url("../fonts/StyreneA-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Styrene A";
    src: url("../fonts/StyreneA-Bold.woff2") format("woff2"), url("../fonts/StyreneA-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Styrene A";
    src: url("../fonts/StyreneA-Light.woff2") format("woff2"), url("../fonts/StyreneA-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Styrene B";
    src: url("../fonts/StyreneB-Medium.woff2") format("woff2"), url("../fonts/StyreneB-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Styrene B";
    src: url("../fonts/StyreneB-Regular.woff2") format("woff2"), url("../fonts/StyreneB-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

.styrene-a, .dropdown a, .carousel--home .carousel__block>h2, .carousel--home .carousel__list>li>a, .dropdown-custom, .h3, .rte>h3, .h4, .t2 {
    font-family: "Styrene A", "sans-serif";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.styrene-b, .t1 {
    font-family: "Styrene B", "sans-serif";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.inter, body, .container__breadcrumb>p, .sidebar__menu .nav>li a, .btn--brand, .btn--bordered, input[type=text], input[type=password], input[type=email], input[type=tel], textarea, .list--links>li>a, .expand__title h2, .h7, .rte>h2, .h8, .rte {
    font-family: "Inter", "sans-serif";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* -------------------
--  GENERAL STYLES  --
------------------- */

video {
    outline: none;
}

h1, h2, h3, h4, h5, ul, li, p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

li {
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

a:focus {
    outline: none;
}

ul, ol {
    margin: 0;
    padding: 0;
}

.hidden {
    visibility: hidden;
    display: none !important;
}

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

::selection {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

::-moz-selection {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

html, body {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
}

body {
    background-color: #fff;
    color: #242424;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
}

body.no-scroll {
    overflow: hidden;
}

#main {
    position: relative;
    background-color: #FAF9F7;
    min-height: 100vh;
    margin-left: 60px;
    transition: margin-left 600ms cubic-bezier(0.23, 1, 0.32, 1);
}

body.is-sidebar-open #main {
    margin-left: 205px;
}

.mt-only, .m-only {
    display: none !important;
}

.row {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    position: relative;
}

.row:after {
    content: "";
    display: block;
    clear: both;
}

.c {
    float: left;
    margin-right: 40px;
}

.c--last {
    margin-right: 0;
}

.c--1 {
    width: calc(1*65px);
}

.c--2 {
    width: calc(2*65px + 1*40px);
}

.c--3 {
    width: calc(3*65px + 2*40px);
}

.c--4 {
    width: calc(4*65px + 3*40px);
}

.c--5 {
    width: calc(5*65px + 4*40px);
}

.c--6 {
    width: calc(6*65px + 5*40px);
}

.c--7 {
    width: calc(7*65px + 6*40px);
}

.c--8 {
    width: calc(8*65px + 7*40px);
}

.c--9 {
    width: calc(9*65px + 8*40px);
}

.c--10 {
    width: calc(10*65px + 9*40px);
}

.c--11 {
    width: calc(11*65px + 10*40px);
}

.c--12 {
    width: 100%;
}

.c--p1 {
    margin-left: calc(1*65px + 1*40px);
}

.c--p2 {
    margin-left: calc(2*65px + 2*40px);
}

.c--p3 {
    margin-left: calc(3*65px + 3*40px);
}

.c--p4 {
    margin-left: calc(4*65px + 4*40px);
}

.c--p5 {
    margin-left: calc(5*65px + 5*40px);
}

.c--p6 {
    margin-left: calc(6*65px + 6*40px);
}

.c--p7 {
    margin-left: calc(7*65px + 7*40px);
}

.c--p8 {
    margin-left: calc(8*65px + 8*40px);
}

.c--p9 {
    margin-left: calc(9*65px + 9*40px);
}

.c--p10 {
    margin-left: calc(10*65px + 10*40px);
}

.c--p11 {
    margin-left: calc(11*65px + 11*40px);
}

.container__breadcrumb {
    margin: 0 15px 60px;
    padding: 21px 0 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.container__breadcrumb>p {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

.container__block {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 30px 100px;
}

.container__block .h8 {
    margin-bottom: 20px;
}

.container__block .list--entries {
    margin-bottom: 40px;
}

.container__block .list--doc {
    margin-top: 40px;
}

.container__block .list--variables {
    margin-top: 50px;
}

.container__meta {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #D9D9D9;
    font-size: 11px;
    padding: 0px 0px 0px 7px;
}

.container__meta__scale {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    line-height: 15px;
    width: 100px;
    margin: 5px 8px 5px 0;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

.container__meta__scale>p {
    display: inline-block;
}

.container__meta__scale>p:nth-child(1) {
    padding-left: 5px;
    width: 47px;
}

.container__meta__scale>p:nth-child(2) {
    border-left: 1px solid #D9D9D9;
    padding-left: 5px;
    width: 30px;
}

.container__meta>p {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 0;
}

.container__meta .select-block {
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid #D9D9D9;
    margin-left: 7px;
    cursor: pointer;
    transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.container__meta .select-block:before {
    bottom: 10px;
    right: 7px;
    background: url("../img/i-arrow-dropdown-white.svg") no-repeat center center;
    background-size: cover;
}

.container__meta .select-block select {
    color: #D9D9D9;
    width: 100px;
    margin: 0 7px;
    border: 0;
    border-radius: 0;
    padding: 7px 0;
    cursor: pointer;
}

.container__meta .select-block:hover {
    background-color: #242424;
}

.container__map {
    width: 100%;
    height: 100vh;
}

.container__map>div {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.container__map>div>div {
    width: 100%;
    height: 100%;
}

.container__map--split>div {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
}

.container__map--split>div:first-child {
    border-right: 1px solid #000;
}

.container__map .map-legend {
    position: absolute;
    z-index: 3;
    bottom: 5px;
    left: 5px;
    border-radius: 3px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    padding: 7px 10px;
}

.container__sidebar {
    background-color: #fff;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    position: fixed;
    z-index: 6;
    top: 0;
    height: 100%;
    left: 60px;
    width: 235px;
    max-height: 100vh;
    overflow-y: auto;
    padding-bottom: 20px;
    box-sizing: border-box;
    transition: left 600ms cubic-bezier(0.23, 1, 0.32, 1);
}

body.is-sidebar-open .container__sidebar {
    left: 205px;
}

.container__sidebar>.h1 {
    padding: 20px 17px;
}

.container__sidebar>.h1+p {
    margin-top: -12px;
    line-height: 17px;
    padding: 0px 17px 20px;
    color: #7D7D7D;
}

.container__sidebar .list--expand {
    margin-bottom: 15px;
}

.container__sidebar .list--expand--sub {
    margin-bottom: 0;
}

.container__sidebar .btn--brand {
    margin: 0 15px;
    font-size: 12px;
    display: block;
}

.container__sidebar--dark {
    background-color: #131313;
    border-right: 0;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}

.container__sidebar+.container__tabs {
    left: calc(10px + 235px);
}

.container__tabs {
    position: absolute;
    z-index: 3;
    top: 10px;
    left: 10px;
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    width: 235px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}

.container__tabs__content {
    padding: 15px;
    height: calc(100vh - 70px);
    overflow-y: auto;
    box-sizing: border-box;
}

.container__tabs__content .h1 {
    padding-bottom: 15px;
}

.container__tabs__content .h1+p {
    margin-top: -7px;
    padding-bottom: 15px;
    line-height: 17px;
    color: #7D7D7D;
}

.container__tabs__content .h2 {
    margin-left: -15px;
    margin-right: -15px;
    background-color: #FAF9F7;
    padding: 8px 15px;
    margin-top: 15px;
}

.container__tabs__content .input-block, .container__tabs__content .select-block, .container__tabs__content .radio-block, .container__tabs__content .checkbox-block {
    margin-top: 10px;
}

.container__tabs__content .radio-block+.radio-block {
    margin-top: 0;
}

.container__tabs__content .checkbox-block+.checkbox-block {
    margin-top: 0;
}

.container__tabs__content .btn {
    width: 100%;
    font-size: 12px;
    margin-top: 20px;
}

.container__tabs__content>.list--expand {
    margin: 15px -15px 15px -15px;
}

.container__tabs__content__header {
    position: relative;
}

.container__tabs__content__header .select-block {
    margin-top: 0;
    margin-right: 33px;
}

.container__tabs__content__header .js-add-bookmark {
    display: block;
    position: absolute;
    padding: 3px 5px;
    top: 1px;
    right: -2px;
}

body.has-table .container__tabs__content {
    height: calc((100vh - 20px) / 3*2 - 60px);
    min-height: 326px;
}

.container__subpanel {
    position: absolute;
    z-index: 3;
    top: 10px;
    left: calc(235px + 20px);
    background-color: #fff;
    border-radius: 3px;
    width: 235px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

.container__subpanel .js-close-subpanel {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    padding: 5px;
}

.container__subpanel .i--close {
    display: block;
    margin-top: 0;
    margin-left: 0;
}

.container__subpanel__header {
    padding: 15px;
}

.container__subpanel__header .btn--small {
    margin-right: 3px;
}

.container__subpanel__header .h1 {
    margin-top: 12px;
    margin-bottom: 6px;
}

.container__subpanel__header p {
    line-height: 17px;
    color: #7D7D7D;
}

.container__subpanel__content {
    padding: 15px;
}

.container__subpanel__content .meta {
    display: block;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 6px;
}

.container__subpanel__content .list--icon+p {
    margin-top: 22px;
}

.container__subpanel__content .slider-block+p {
    margin-top: 20px;
}

.container__subpanel__content p+p {
    margin-top: 15px;
}

.container__subpanel__content p+.list--icon {
    margin-top: 6px;
}

.container__subpanel__content p+.slider-block {
    margin-top: 12px;
}

.container__subpanel .list--tabs--simple {
    text-align: center;
    background-color: #FAF9F7;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.container__subpanel.is-visible {
    opacity: 1;
    visibility: visible;
}

.container__bottom {
    position: absolute;
    z-index: 6;
    bottom: 10px;
    left: 10px;
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    width: calc(100% - 20px);
    height: calc((100vh - 20px) / 3);
    max-height: calc(100vh - 406px);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.container__bottom__header {
    padding: 15px 180px 0 15px;
}

.container__bottom__header .h1 {
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
}

.container__bottom__header .list--icon {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.container__bottom__right {
    position: absolute;
    right: 15px;
    top: 15px;
}

.container__bottom__table {
    padding: 15px 0;
    height: calc(100% - 45px);
    overflow-y: auto;
    box-sizing: border-box;
}

.container__bottom--full {
    max-height: 99999px;
    height: calc(100vh - 20px);
}

.container__content--split>div {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    min-height: 100vh;
    box-sizing: border-box;
}

.container__content--split>div:first-child {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.container__content .container__breadcrumb {
    margin: 0 30px;
}

.container__variables {
    margin: 0px 30px;
    line-height: 17px;
}

.container__variables .btn--small {
    border-radius: 0 0 3px 3px;
}

.container__variables .list--variables {
    margin-top: 20px;
}

.container__graphs {
    margin: 40px 30px 80px;
}

.container__graphs__block {
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    padding: 25px;
    position: relative;
    box-sizing: border-box;
}

.container__graphs__block+.container__graphs__block {
    margin-top: 20px;
}

.container__graphs__block table.table {
    margin-top: 20px;
}

.container__graphs__block table.table thead {
    background-color: rgba(0, 0, 0, 0.02);
}

.container__graphs__block--donut .list--chart {
    max-width: calc(100% - 230px);
}

.container__graphs__block--donut .js-graph {
    position: absolute;
    top: 25px;
    right: 25px;
}

.sect--main {
    background-color: #FAF9F7;
    text-align: center;
    padding: 80px 0;
}

.sect--main .box--logo {
    margin: 0 auto 26px;
}

.sect--main .list--blocks {
    margin: 52px auto 0;
    padding: 0 20px;
}

.sect--help {
    text-align: center;
    padding: 60px 0;
    font-size: 14px;
}

.sect--help .h7, .sect--help .rte>h2 {
    margin-bottom: 6px;
}

.sect--help .btn {
    margin-top: 20px;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
    width: 100%;
    box-sizing: border-box;
    /*&__left {
  		position:fixed;
  		top:10px;
  		left:calc(60px + 10px);
  		@include transition(left 600ms $easeOutQuint);
  
  		body.is-sidebar-open & {
  			left:calc(205px + 10px);
  		}
  	}*/
}

.header__logo {
    padding: 20px;
    max-width: 131px;
}

.header__right {
    position: fixed;
    top: 0px;
    right: 10px;
}

.header__right>div {
    margin-top: 10px;
    border-radius: 3px;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}

.header__right>div .btn {
    display: block;
}

.header__right>div.sep .btn {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.header__right>div.sep .btn:first-child {
    border-top: 0;
}

.header__right>div.tooltip {
    background-color: #242424;
}

.header__right>div.dark {
    background-color: #131313;
}

.header__right>div .list--icon {
    padding: 6px 0;
}

.header__right .tooltip {
    position: absolute;
    right: 58px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1), visibility 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.header__right.is-tooltip-visible .tooltip {
    opacity: 1;
    visibility: visible;
}

.header__right__tools {
    position: absolute;
    top: 49px;
    right: 58px;
    width: 115px;
    height: 48px;
    opacity: 0;
    visibility: hidden;
    transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.header__right__tools .list--icon {
    margin-top: 7px;
    text-align: center;
}

.header__right__tools.is-visible {
    opacity: 1;
    visibility: visible;
}

.dropdown {
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 8;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1);
    width: 260px;
    padding: 20px 25px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 600ms cubic-bezier(0.23, 1, 0.32, 1), visibility 600ms cubic-bezier(0.23, 1, 0.32, 1);
    box-sizing: border-box;
}

.dropdown.is-visible {
    opacity: 1;
    visibility: visible;
}

.dropdown a {
    text-transform: uppercase;
    color: #000;
    font-size: 13px;
    line-height: 22px;
    transition: color 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.dropdown a:hover, .dropdown a:active, .dropdown a.is-active {
    color: #43AF44;
}

.dropdown li {
    display: block;
    margin-top: 8px;
    line-height: 22px;
}

.dropdown li:first-child {
    margin-top: 0;
}

.nav>li {
    position: relative;
    display: block;
    margin-bottom: 8px;
    line-height: 32px;
}

.nav>li>a {
    color: #7D7D7D;
    transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.nav>li>a:hover, .nav>li>a:active, .nav>li>a.is-active {
    color: #43AF44;
    border-bottom: 1px solid #43AF44;
}

.nav--inline>li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    line-height: 20px;
    margin-bottom: 0;
}

.nav--inline>li>a {
    font-weight: normal;
    transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1), background-color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.nav--inline>li>a.btn--brand {
    color: #fff;
}

.nav--inline>li>a:hover, .nav--inline>li>a:active, .nav--inline>li>a.is-active {
    color: #000;
    border-bottom: 0;
}

.nav--inline>li>a:hover.btn--brand, .nav--inline>li>a:active.btn--brand, .nav--inline>li>a.is-active.btn--brand {
    color: #fff;
}

.nav--inline>li:hover>a, .nav--inline>li:active>a {
    color: #000;
    border-bottom: 0;
}

.nav--inline>li:hover>a.btn--brand, .nav--inline>li:active>a.btn--brand {
    color: #fff;
}

.footer {
    color: #7D7D7D;
}

.footer__content {
    border-top: 1px solid #E6E6E6;
    margin: 0 20px;
    padding: 20px 0;
    position: relative;
}

.footer__right {
    position: absolute;
    right: 0;
    top: 20px;
}

#sidebar {
    background-color: #242424;
    position: fixed;
    z-index: 7;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    box-shadow: inset -1px 0px 7px rgba(0, 0, 0, 0.1);
    transition: width 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

body.is-sidebar-open #sidebar {
    width: 205px;
}

.sidebar__head {
    position: relative;
    padding: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.sidebar__head .dropdown-custom {
    position: absolute;
    top: 15px;
    width: 130px;
    height: 30px;
    left: 60px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1), visibility 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.sidebar__head .dropdown-custom>p {
    /*! autoprefixer: off */
    max-width: 110px;
    height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
}

.sidebar__head .dropdown-custom.is-open {
    height: auto;
}

body.is-sidebar-open .sidebar__head .dropdown-custom {
    opacity: 1;
    visibility: visible;
}

.sidebar__menu {
    padding: 20px;
}

.sidebar__menu .nav>li a {
    position: relative;
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    padding: 10px;
    border-bottom: 0;
}

.sidebar__menu .nav>li a>span {
    opacity: 0;
    visibility: hidden;
    margin-left: 30px;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1), visibility 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

body.is-sidebar-open .sidebar__menu .nav>li a>span {
    opacity: 1;
    visibility: visible;
}

.sidebar__menu .nav>li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    opacity: 0.4;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.sidebar__menu .nav>li a:after {
    content: attr(data-title);
    background-color: #242424;
    border-radius: 3px;
    padding: 7px 10px;
    position: absolute;
    top: 50%;
    left: 50px;
    margin-top: -14px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

body.is-sidebar-open .sidebar__menu .nav>li a:after {
    display: none;
}

.sidebar__menu .nav>li a:hover:before, .sidebar__menu .nav>li a:active:before {
    opacity: 1;
}

.sidebar__menu .nav>li a:hover:after, .sidebar__menu .nav>li a:active:after {
    opacity: 1;
    visibility: visible;
}

.sidebar__menu .nav>li a.is-active {
    /*&:after {
      	display:block;
      }*/
}

.sidebar__menu .nav>li a.is-active:before {
    opacity: 1;
}

.sidebar__menu .nav>li.i-map a:before {
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: url("../img/i-map-white.svg") no-repeat center center;
    background-size: cover;
}

.sidebar__menu .nav>li.i-map a.is-active:before {
    background: url("../img/i-map.svg") no-repeat center center;
    background-size: cover;
}

.sidebar__menu .nav>li.i-dashboard a:before {
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: url("../img/i-dashboard-white.svg") no-repeat center center;
    background-size: cover;
}

.sidebar__menu .nav>li.i-dashboard a.is-active:before {
    background: url("../img/i-dashboard.svg") no-repeat center center;
    background-size: cover;
}

.sidebar__menu .nav>li.i-datas a:before {
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background: url("../img/i-chart-white.svg") no-repeat center center;
    background-size: cover;
}

.sidebar__menu .nav>li.i-datas a.is-active:before {
    background: url("../img/i-chart.svg") no-repeat center center;
    background-size: cover;
}

.sidebar__menu .nav>li.i-doc a:before {
    width: 19px;
    height: 22px;
    margin-top: -11px;
    background: url("../img/i-file-white.svg") no-repeat center center;
    background-size: cover;
}

.sidebar__menu .nav>li.i-doc a.is-active:before {
    background: url("../img/i-file.svg") no-repeat center center;
    background-size: cover;
}

.sidebar__menu .nav>li.i-edit a:before {
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: url("../img/i-edit-white.svg") no-repeat center center;
    background-size: cover;
}

.sidebar__menu .nav>li.i-edit a.is-active:before {
    background: url("../img/i-edit-green.svg") no-repeat center center;
    background-size: cover;
}

.sidebar__bottom {
    position: absolute;
    bottom: 25px;
    right: 26px;
}

.sidebar__bottom .js-toggle-sidebar {
    display: block;
    width: 8px;
    height: 12px;
    background: url("../img/i-arrow-right-white.svg") no-repeat center center;
    background-size: cover;
    margin-right: 0;
    margin-top: 0;
}

body.is-sidebar-open .sidebar__bottom {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.is-turning {
    perspective: 100;
    animation: turning 8000ms linear infinite;
}

@keyframes turning {
    100% {
        transform: rotate(-360deg);
    }
}

@keyframes hoverstate {
    0% {
        width: 0px;
        left: 0;
        right: auto;
    }
    40% {
        width: 100%;
        left: 0;
        right: auto;
    }
    42% {
        width: 100%;
        right: 0;
        left: auto;
    }
    100% {
        width: 0;
        right: 0;
        left: auto;
    }
}

.block--login {
    width: 90vw;
    max-width: 900px;
    margin: 0 auto;
    background-color: #FAF9F7;
    border-radius: 3px;
    overflow: hidden;
}

.block--login>div {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding: 60px 80px;
    box-sizing: border-box;
}

.block--login>div:last-child {
    background-color: #fff;
    padding: 70px 80px;
}

.block--login__info {
    text-align: center;
}

.block--login__info .pic {
    max-width: 131px;
    margin: 0 auto 50px;
}

.block--login__info .btn--bordered {
    margin-top: 60px;
}

.block--entry {
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 2px 34px rgba(37, 208, 181, 0.1);
}

.block--entry__content {
    padding: 25px;
    text-align: left;
    font-size: 14px;
    line-height: 23px;
}

.block--entry .h3, .block--entry .rte>h3 {
    margin-bottom: 8px;
}

.block--entry .btn--brand {
    width: 100%;
    margin-top: 24px;
}

.block--entry .list--links {
    text-align: center;
    margin-top: 10px;
}

.box--logo {
    width: 122px;
    height: 122px;
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    box-sizing: border-box;
}

.box--logo .pic {
    max-width: 90px;
    max-height: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transform: translate3d(-50%, -50%, 0);
}

.box--doc {
    position: relative;
}

.box--doc__visual {
    float: left;
    margin-right: 30px;
    width: 30px;
    height: 40px;
    border-radius: 3px;
    position: relative;
    background-color: #43AF44;
}

.box--doc__visual:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    margin-top: -7px;
    margin-left: -7px;
    background: url("../img/logo-forland-icon-white.svg") no-repeat center center;
    background-size: cover;
}

.box--doc__content {
    padding-right: 130px;
}

.box--doc__content>p {
    color: #242424;
    font-weight: 600;
}

.box--doc__content>p.meta {
    color: #7D7D7D;
    font-weight: 500;
}

.box--doc__tools {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -15px;
}

.btn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.btn--brand {
    background-color: #43AF44;
    border-radius: 3px;
    padding: 10px 28px;
    border: 0;
    font-weight: 600;
    color: #fff;
}

.btn--brand:hover, .btn--brand:active {
    color: #fff;
    background-color: #004205;
}

.btn--brand--white {
    background-color: #fff;
    color: #000;
    border: 1px solid #fff;
}

.btn--brand--white:hover, .btn--brand--white:active {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
}

.btn--brand--black {
    background-color: #000;
}

.btn--brand--black:hover, .btn--brand--black:active {
    background-color: #242424;
    color: #fff;
}

.btn--bordered {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    font-size: 12px;
    line-height: 14px;
    padding: 12px 16px;
    font-weight: 500;
    color: #000;
}

.btn--bordered:hover, .btn--bordered:active {
    color: #000;
    border-color: rgba(0, 0, 0, 0.3);
}

.btn--tool {
    background-color: #fff;
    width: 48px;
    height: 48px;
    position: relative;
    display: block;
    transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.btn--tool .i {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.btn--tool .i--hover {
    opacity: 0;
}

.btn--tool.js-tool-dots .i--close {
    display: none;
}

.btn--tool.js-tool-dots.is-open .i--close {
    display: block;
}

.btn--tool.js-tool-dots.is-open .i--dots {
    display: none;
}

.btn--tool:hover, .btn--tool:active {
    background-color: rgba(255, 255, 255, 0.7);
}

.btn--tool:hover .i--normal, .btn--tool:active .i--normal {
    opacity: 0;
}

.btn--tool:hover .i--hover, .btn--tool:active .i--hover {
    opacity: 1;
}

.btn--download {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 7px 10px;
    font-size: 12px;
    line-height: 14px;
    color: #242424;
    font-weight: 500;
}

.btn--download .i--save {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}

.btn--download:hover, .btn--download:active {
    color: #242424;
    border-color: rgba(0, 0, 0, 0.3);
}

.btn--small {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 0 5px;
    line-height: 18px;
    font-size: 11px;
    font-weight: normal;
    color: #242424;
}

.btn--small:hover, .btn--small:active {
    color: #fff;
    background-color: #000;
}

.btn--small.is-active {
    color: #fff;
    background-color: #4D96FF;
}

.btn--select {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    display: block;
    padding: 0;
    outline: 0;
}

.carousel {
    position: relative;
}

.carousel--home {
    width: 100%;
    min-height: 96vh;
}

.carousel--home .carousel__content {
    min-height: 96vh;
    background: url("../img/bg-home.png") no-repeat center center;
    background-size: cover;
}

.carousel--home .carousel__content>li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 800ms cubic-bezier(0.23, 1, 0.32, 1), visibility 800ms cubic-bezier(0.23, 1, 0.32, 1);
}

.carousel--home .carousel__content>li.is-active {
    opacity: 1;
    visibility: visible;
}

.carousel--home .carousel__content>li .pic {
    width: 100%;
}

.carousel--home .carousel__block {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: calc(0.5*(12*65px + 11*40px));
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transform: translate3d(0, -50%, 0);
}

.carousel--home .carousel__block .t2 {
    margin-bottom: 50px;
}

.carousel--home .carousel__block .btn--brand {
    padding: 20px 50px;
}

.carousel--home .carousel__block>h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 300;
    line-height: 38px;
    text-transform: none;
}

.carousel--home .carousel__list {
    position: absolute;
    z-index: 8;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: calc(-0.5*(12*65px + 11*40px));
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transform: translate3d(0, -50%, 0);
}

.carousel--home .carousel__list>li>a {
    color: #fff;
    opacity: 0.5;
    font-size: 76px;
    font-weight: 300;
    line-height: 88px;
    transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.carousel--home .carousel__list>li>a:hover, .carousel--home .carousel__list>li>a:active, .carousel--home .carousel__list>li>a.is-active {
    opacity: 1;
}

.carousel--fade {
    width: 100%;
    height: 485px;
}

.carousel--fade .carousel__content>li {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 600ms cubic-bezier(0.23, 1, 0.32, 1), visibility 600ms cubic-bezier(0.23, 1, 0.32, 1);
}

.carousel--fade .carousel__content>li.is-active {
    opacity: 1;
    visibility: visible;
}

.carousel--fade .carousel__content>li .pic {
    width: calc(6*65px + 5*40px);
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 2px 34px rgba(37, 208, 181, 0.1);
}

.carousel--fade .carousel__block {
    position: absolute;
    top: 50%;
    right: calc(65px + 40px);
    width: calc(4*65px + 3*40px);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transform: translate3d(0, -50%, 0);
}

.carousel__content {
    position: relative;
}

.carousel__content h2 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 20px;
}

.carousel__pager {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    text-align: center;
}

.carousel__pager>li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.carousel__pager>li>a {
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    opacity: 0.4;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.carousel__pager>li>a:hover, .carousel__pager>li>a:active {
    opacity: 0.7;
}

.carousel__pager>li>a.is-active {
    opacity: 1;
}

.carousel__nav>li {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    z-index: 7;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.carousel__nav>li.is-disabled {
    opacity: 0.3;
    pointer-events: none;
}

.carousel__nav>li a {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FAF9F7;
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: relative;
    box-sizing: border-box;
    transition: border-color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.carousel__nav>li a:before, .carousel__nav>li a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 12px;
    margin-left: -7px;
    margin-top: -6px;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.carousel__nav>li a:after {
    opacity: 0;
}

.carousel__nav>li a:hover, .carousel__nav>li a:active {
    border-color: #43AF44;
}

.carousel__nav>li a:hover:before, .carousel__nav>li a:active:before {
    opacity: 0;
}

.carousel__nav>li a:hover:after, .carousel__nav>li a:active:after {
    opacity: 1;
}

.carousel__prev {
    left: -60px;
}

.carousel__prev a:before {
    background: url("../img/i-arrow-left-prev.svg") no-repeat center center;
    background-size: cover;
}

.carousel__prev a:after {
    background: url("../img/i-arrow-left-hover.svg") no-repeat center center;
    background-size: cover;
}

.carousel__next {
    right: -60px;
}

.carousel__next a:before {
    background: url("../img/i-arrow-right-next.svg") no-repeat center center;
    background-size: cover;
}

.carousel__next a:after {
    background: url("../img/i-arrow-right-hover.svg") no-repeat center center;
    background-size: cover;
}

input[type=submit] {
    border: 0;
    outline: 0;
}

input[type=text], input[type=password], input[type=email], input[type=tel], textarea {
    width: 100%;
    display: block;
    outline: 0;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
    font-size: 12px;
    padding: 10px 0;
    transition: border-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
    box-sizing: border-box;
}

input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=tel]:hover, textarea:hover, select.select:hover {
    border-color: rgba(0, 0, 0, 0.3);
}

input[type=text]:active, input[type=password]:active, input[type=email]:active, input[type=tel]:active, textarea:active, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, select.select:focus {
    border-color: #43AF44;
}

textarea {
    resize: none;
    max-height: 100px;
}

.input-block {
    position: relative;
}

.input-block label {
    display: block;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 5px;
    color: #7D7D7D;
}

.input-block input {
    border-radius: 3px;
    padding: 7px 10px;
    box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.input-block span.error {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    line-height: 14px;
    color: #FB3913;
}

.input-block .i--eye {
    position: absolute;
    right: 0;
    bottom: 12px;
    cursor: pointer;
    transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.input-block.has-password-visible .i--eye {
    opacity: 0.4;
}

.input-block.has-label-visible label {
    opacity: 1;
}

.input-block.is-valid input {
    border-color: #4D96FF;
}

.input-block.is-invalid input {
    border-color: #FB3913;
}

.input-block--unit .unit {
    position: absolute;
    bottom: 4px;
    right: 0;
    display: block;
    width: 30px;
    text-align: center;
}

.input-block--unit input {
    padding-right: 30px;
}

.input-block--login label {
    color: #B0B0B0;
    opacity: 0;
    margin-bottom: 0;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.input-block--login input {
    padding: 10px 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.radio-block>div {
    margin-top: 4px;
}

.radio-block input[type="radio"]:not(:checked), .radio-block input[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

.radio-block input[type="radio"]:not(:checked)+label, .radio-block input[type="radio"]:not(:checked)+label, .radio-block input[type="radio"]:checked+label, .radio-block input[type="radio"]:checked+label {
    position: relative;
    padding-left: 18px;
    cursor: pointer;
}

.radio-block input[type="radio"]:not(:checked)+label:before, .radio-block input[type="radio"]:not(:checked)+label:before, .radio-block input[type="radio"]:checked+label:before, .radio-block input[type="radio"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: #fff;
    border-radius: 50%;
}

.radio-block input[type="radio"]:not(:checked)+label:after, .radio-block input[type="radio"]:not(:checked)+label:after, .radio-block input[type="radio"]:checked+label:after, .radio-block input[type="radio"]:checked+label:after {
    content: '\2713\0020';
    position: absolute;
    top: -3px;
    left: 1px;
    font-size: 17px;
    color: #43AF44;
    font-family: Arial, sans-serif;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.radio-block input[type="radio"]:not(:checked)+label:after {
    opacity: 0;
}

.radio-block input[type="radio"]:checked+label:after {
    opacity: 1;
}

.select-block {
    position: relative;
}

.select-block:before {
    content: "";
    position: absolute;
    right: 10px;
    bottom: 13px;
    width: 8px;
    height: 4px;
    background: url("../img/i-arrow-dropdown.svg") no-repeat center center;
    background-size: cover;
    pointer-events: none;
}

.select-block label {
    font-size: 10px;
    line-height: 14px;
    color: #7D7D7D;
}

.select-block select {
    outline: 0;
    background: none;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 7px 27px 7px 10px;
    width: 100%;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.checkbox-block>div {
    margin-top: 4px;
}

.checkbox-block input[type="checkbox"]:not(:checked), .checkbox-block input[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.checkbox-block input[type="checkbox"]:not(:checked)+label, .checkbox-block input[type="checkbox"]:not(:checked)+label, .checkbox-block input[type="checkbox"]:checked+label, .checkbox-block input[type="checkbox"]:checked+label {
    position: relative;
    padding-left: 23px;
    cursor: pointer;
}

.checkbox-block input[type="checkbox"]:not(:checked)+label:before, .checkbox-block input[type="checkbox"]:not(:checked)+label:before, .checkbox-block input[type="checkbox"]:checked+label:before, .checkbox-block input[type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 13px;
    height: 13px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: #fff;
    border-radius: 3px;
}

.checkbox-block input[type="checkbox"]:not(:checked)+label:after, .checkbox-block input[type="checkbox"]:not(:checked)+label:after, .checkbox-block input[type="checkbox"]:checked+label:after, .checkbox-block input[type="checkbox"]:checked+label:after {
    content: '\2713\0020';
    position: absolute;
    top: -3px;
    left: 1px;
    font-size: 20px;
    color: #43AF44;
    font-family: Arial, sans-serif;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.checkbox-block input[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
}

.checkbox-block input[type="checkbox"]:checked+label:after {
    opacity: 1;
}

.form--login .h3, .form--login .rte>h3 {
    margin-bottom: 26px;
}

.form--login .btn--brand {
    width: 100%;
    margin: 30px auto 70px;
    padding: 15px 28px;
}

.form--login .lnk {
    float: right;
}

.form--login .input-block {
    margin-bottom: 32px;
}

.form--login .input-block+.input-block {
    margin-top: -10px;
}

.i {
    display: inline-block;
    vertical-align: middle;
}

.i--arrow {
    width: 32px;
    height: 11px;
    background: url("../img/i-arrow-r.svg") no-repeat center center;
    background-size: cover;
    margin-top: -2px;
    margin-right: 10px;
}

.i--arrow-dropdown {
    width: 7px;
    height: 4px;
    background: url("../img/i-arrow-dropdown.svg") no-repeat center center;
    background-size: cover;
}

.i--forland {
    width: 30px;
    height: 30px;
    background: url("../img/logo-forland-icon-white.svg") no-repeat center center;
    background-size: cover;
}

.i--eye {
    width: 16px;
    height: 10px;
    background: url("../img/i-eye.svg") no-repeat center center;
    background-size: cover;
}

.i--power {
    width: 14px;
    height: 14px;
    background: url("../img/i-power.svg") no-repeat center center;
    background-size: cover;
    margin-top: -7px;
    margin-left: -7px;
}

.i--power-hover {
    width: 14px;
    height: 14px;
    background: url("../img/i-power-hover.svg") no-repeat center center;
    background-size: cover;
    margin-top: -7px;
    margin-left: -7px;
}

.i--dots {
    width: 12px;
    height: 3px;
    background: url("../img/i-dots.svg") no-repeat center center;
    background-size: cover;
    margin-top: -2px;
    margin-left: -6px;
}

.i--close {
    width: 11px;
    height: 11px;
    background: url("../img/i-close.svg") no-repeat center center;
    background-size: cover;
    margin-top: -6px;
    margin-left: -5px;
}

.i--save {
    width: 14px;
    height: 14px;
    background: url("../img/i-save.svg") no-repeat center center;
    background-size: cover;
}

.i--hand {
    width: 17px;
    height: 19px;
    background: url("../img/i-hand.svg") no-repeat center center;
    background-size: cover;
    margin-top: -9px;
    margin-left: -9px;
}

.i--select-area {
    width: 17px;
    height: 14px;
    background: url("../img/i-select-area.svg") no-repeat center center;
    background-size: cover;
    margin-top: -7px;
    margin-left: -8px;
}

.i--ruler {
    width: 16px;
    height: 8px;
    background: url("../img/i-ruler.svg") no-repeat center center;
    background-size: cover;
    margin-top: -4px;
    margin-left: -8px;
}

.i--help {
    width: 15px;
    height: 15px;
    background: url("../img/i-help.svg") no-repeat center center;
    background-size: cover;
    margin-top: -7px;
    margin-left: -7px;
}

.i--share {
    width: 14px;
    height: 15px;
    background: url("../img/i-share.svg") no-repeat center center;
    background-size: cover;
    margin-top: -8px;
    margin-left: -7px;
}

.i--print {
    width: 15px;
    height: 14px;
    background: url("../img/i-print.svg") no-repeat center center;
    background-size: cover;
    margin-top: -7px;
    margin-left: -8px;
}

.i--target {
    width: 17px;
    height: 17px;
    background: url("../img/i-target.svg") no-repeat center center;
    background-size: cover;
}

.i--edit {
    width: 14px;
    height: 14px;
    background: url("../img/i-edit.svg") no-repeat center center;
    background-size: cover;
}

.i--target-white {
    width: 17px;
    height: 17px;
    background: url("../img/i-target-white.svg") no-repeat center center;
    background-size: cover;
    margin-top: -9px;
    margin-left: -8px;
}

.i--baseline-zoom {
    width: 14px;
    height: 14px;
    background: url("../img/i-baseline-zoom.svg") no-repeat center center;
    background-size: cover;
    margin-top: -7px;
    margin-left: -7px;
}

.i--zoom-in-white {
    width: 12px;
    height: 12px;
    background: url("../img/i-zoom-in-white.svg") no-repeat center center;
    background-size: cover;
    margin-top: -6px;
    margin-left: -6px;
}

.i--zoom-out-white {
    width: 12px;
    height: 2px;
    background: url("../img/i-zoom-out-white.svg") no-repeat center center;
    background-size: cover;
    margin-top: -1px;
    margin-left: -6px;
}

.i--layers {
    width: 14px;
    height: 15px;
    background: url("../img/i-layers.svg") no-repeat center center;
    background-size: cover;
}

.i--process {
    width: 16px;
    height: 14px;
    background: url("../img/i-process.svg") no-repeat center center;
    background-size: cover;
}

.i--bookmark {
    width: 11px;
    height: 14px;
    background: url("../img/i-bookmark.svg") no-repeat center center;
    background-size: cover;
}

.i--tune {
    width: 14px;
    height: 14px;
    background: url("../img/i-tune.svg") no-repeat center center;
    background-size: cover;
}

.i--selection-none {
    width: 17px;
    height: 17px;
    background: url("../img/i-selection-none.svg") no-repeat center center;
    background-size: cover;
}

.i--select-none {
    width: 18px;
    height: 18px;
    background: url("../img/i-select-none.svg") no-repeat center center;
    background-size: cover;
}

.i--select-none-active {
    width: 18px;
    height: 18px;
    background: url("../img/i-select-none-active.svg") no-repeat center center;
    background-size: cover;
}

.i--select-rec {
    width: 18px;
    height: 18px;
    background: url("../img/i-select-rec.svg") no-repeat center center;
    background-size: cover;
}

.i--select-rec-active {
    width: 18px;
    height: 18px;
    background: url("../img/i-select-rec-active.svg") no-repeat center center;
    background-size: cover;
}

.i--select-round {
    width: 18px;
    height: 18px;
    background: url("../img/i-select-round.svg") no-repeat center center;
    background-size: cover;
}

.i--select-round-active {
    width: 18px;
    height: 18px;
    background: url("../img/i-select-round-active.svg") no-repeat center center;
    background-size: cover;
}

.i--select-poly {
    width: 18px;
    height: 18px;
    background: url("../img/i-select-poly.svg") no-repeat center center;
    background-size: cover;
}

.i--select-poly-active {
    width: 18px;
    height: 18px;
    background: url("../img/i-select-poly-active.svg") no-repeat center center;
    background-size: cover;
}

.i--select-shape {
    width: 16px;
    height: 17.5px;
    background: url("../img/i-select-shape.svg") no-repeat center center;
    background-size: cover;
}

.i--select-shape-active {
    width: 16px;
    height: 17.5px;
    background: url("../img/i-select-shape-active.svg") no-repeat center center;
    background-size: cover;
}

.i--loop {
    width: 13px;
    height: 17px;
    background: url("../img/i-loop.svg") no-repeat center center;
    background-size: cover;
}

.i--loop-active {
    width: 13px;
    height: 17px;
    background: url("../img/i-loop-active.svg") no-repeat center center;
    background-size: cover;
}

.i--filter {
    width: 14px;
    height: 10px;
    background: url("../img/i-filter.svg") no-repeat center center;
    background-size: cover;
}

.i--filter-active {
    width: 14px;
    height: 10px;
    background: url("../img/i-filter-active.svg") no-repeat center center;
    background-size: cover;
}

.i--zoom-in {
    width: 12px;
    height: 12px;
    background: url("../img/i-zoom-in.svg") no-repeat center center;
    background-size: cover;
}

.i--zoom-in-active {
    width: 12px;
    height: 12px;
    background: url("../img/i-zoom-in-active.svg") no-repeat center center;
    background-size: cover;
}

.i--zoom-out {
    width: 11px;
    height: 2px;
    background: url("../img/i-zoom-out.svg") no-repeat center center;
    background-size: cover;
}

.i--zoom-out-active {
    width: 11px;
    height: 2px;
    background: url("../img/i-zoom-out-active.svg") no-repeat center center;
    background-size: cover;
}

.i--fullscreen {
    width: 14px;
    height: 14px;
    background: url("../img/i-fullscreen.svg") no-repeat center center;
    background-size: cover;
}

.i--fullscreen-exit {
    width: 12px;
    height: 12px;
    background: url("../img/i-fullscreen-exit.svg") no-repeat center center;
    background-size: cover;
}

.i--info {
    width: 16px;
    height: 16px;
    background: url("../img/i-info.svg") no-repeat center center;
    background-size: cover;
}

.i--plus {
    width: 16px;
    height: 16px;
    background: url("../img/i-plus.svg") no-repeat center center;
    background-size: cover;
}

.i--top {
    width: 10px;
    height: 15px;
    background: url("../img/i-top.svg") no-repeat center center;
    background-size: cover;
}

.i--play {
    width: 9px;
    height: 11px;
    background: url("../img/i-play.svg") no-repeat center center;
    background-size: cover;
}

.i--pause {
    width: 11px;
    height: 12px;
    background: url("../img/i-pause.svg") no-repeat center center;
    background-size: cover;
}

.i--skip-prev {
    width: 9px;
    height: 9px;
    background: url("../img/i-skip-prev.svg") no-repeat center center;
    background-size: cover;
}

.i--skip-next {
    width: 9px;
    height: 9px;
    background: url("../img/i-skip-next.svg") no-repeat center center;
    background-size: cover;
}

.list {
    margin: 0;
    padding: 0;
}

.list--blocks>li {
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 2% 0;
    width: 32%;
    max-width: 335px;
}

.list--blocks>li:nth-child(3n) {
    margin-right: 0;
}

.list--links>li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
}

.list--links>li>a {
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    color: #43AF44;
    transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.list--links>li>a:hover, .list--links>li>a:active {
    color: #004205;
}

.list--entries>li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 20px;
    width: calc(50% - 10px);
}

.list--entries>li:nth-child(2n) {
    margin-right: 0;
}

.list--entries>li>a {
    position: relative;
    display: block;
    border-radius: 3px;
    background-color: #fff;
    padding: 15px 45px 15px 15px;
    color: #242424;
    font-size: 14px;
    line-height: 18px;
    transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1), color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.list--entries>li>a:before, .list--entries>li>a:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    height: 9px;
    width: 6px;
    margin-top: -4px;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.list--entries>li>a:before {
    background: url("../img/i-arrow-right-white.svg") no-repeat center center;
    background-size: cover;
    opacity: 0;
}

.list--entries>li>a:after {
    background: url("../img/i-arrow-right.svg") no-repeat center center;
    background-size: cover;
}

.list--entries>li>a:hover, .list--entries>li>a:active {
    background-color: #43AF44;
    color: #fff;
}

.list--entries>li>a:hover:before, .list--entries>li>a:active:before {
    opacity: 1;
}

.list--entries>li>a:hover:after, .list--entries>li>a:active:after {
    opacity: 0;
}

.list--doc {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.list--doc>li {
    display: block;
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.list--expand>li {
    display: block;
    margin-bottom: 1px;
}

.list--tabs>li {
    display: inline-block;
    vertical-align: top;
    width: 117px;
    text-align: center;
}

.list--tabs>li:first-child {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.list--tabs>li .i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.list--tabs>li>a {
    padding: 15px 0 14px;
    display: block;
    text-transform: uppercase;
    color: #000;
    font-size: 10px;
    line-height: 20px;
    font-weight: normal;
    transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.list--tabs>li>a:hover, .list--tabs>li>a:active {
    opacity: 0.75;
}

.list--tabs>li>a.is-active {
    opacity: 1;
    background-color: #fff;
}

.list--tabs>li>a.is-inactive {
    background-color: #FAF9F7;
    color: #7D7D7D;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.list--tabs>li>a.is-inactive .i {
    opacity: 0.6;
}

.list--tabs>li>a.is-inactive:hover, .list--tabs>li>a.is-inactive:active {
    color: #000;
}

.list--tabs>li>a.is-inactive:hover .i, .list--tabs>li>a.is-inactive:active .i {
    opacity: 1;
}

.list--tabs--simple>li {
    width: auto;
    margin: 0 7px;
}

.list--tabs--simple>li:first-child {
    border-right: 0;
}

.list--tabs--simple>li>a {
    position: relative;
    padding: 8px 0px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    text-transform: none;
    color: #7D7D7D;
}

.list--tabs--simple>li>a:hover, .list--tabs--simple>li>a:active {
    color: #000;
    background-color: transparent;
    opacity: 1;
}

.list--tabs--simple>li>a.is-active {
    background-color: transparent;
    color: #000;
    opacity: 1;
}

.list--tabs--simple>li>a.is-active:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: -1px;
    left: 0;
    background-color: #000;
}

.list--tabs--simple>li>a.is-inactive {
    background-color: transparent;
    border-bottom: 0;
}

.list--icon>li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 9px;
}

.list--icon>li>a {
    display: block;
    width: 100%;
}

.list--icon>li>a .i {
    margin-top: 0;
    margin-left: 0;
    display: block;
    margin: 0px auto;
}

.list--icon>li>a .i--ruler {
    margin: 5px auto;
}

.list--icon>li>a .i--zoom-out {
    margin: 4px auto;
}

.list--icon--vertical>li {
    display: block;
    margin: 0;
}

.list--icon--vertical>li>a {
    padding: 10px 0;
}

.list--icon--inline>li {
    margin-left: 14px;
    margin-right: 0;
}

.list--icon--inline>li>a {
    position: relative;
    opacity: 0.6;
    min-width: 17px;
    min-height: 17px;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.list--icon--inline>li>a:hover, .list--icon--inline>li>a:active {
    opacity: 1;
}

.list--icon--inline>li>a .i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -9px;
    margin-top: -9px;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.list--icon--inline>li>a .i--active {
    opacity: 0;
}

.list--icon--inline>li>a .i--close {
    margin-top: -6px;
    margin-left: -6px;
}

.list--icon--inline>li>a .i--skip-prev, .list--icon--inline>li>a .i--skip-next {
    margin-top: -5px;
    margin-left: -5px;
}

.list--icon--inline>li>a .i--play {
    margin-top: -6px;
    margin-left: -4px;
}

.list--icon--inline>li>a .i--loop, .list--icon--inline>li>a .i--loop-active {
    margin-left: -7px;
}

.list--icon--inline>li>a .i--zoom-in, .list--icon--inline>li>a .i--zoom-in-active, .list--icon--inline>li>a .i--fullscreen-exit, .list--icon--inline>li>a .i--pause {
    margin-left: -6px;
    margin-top: -6px;
}

.list--icon--inline>li>a .i--zoom-out, .list--icon--inline>li>a .i--zoom-out-active {
    margin-left: -6px;
    margin-top: -1px;
}

.list--icon--inline>li>a .i--filter, .list--icon--inline>li>a .i--filter-active {
    margin-left: -7px;
    margin-top: -5px;
}

.list--icon--inline>li>a .i--plus, .list--icon--inline>li>a .i--info, .list--icon--inline>li>a .i--fullscreen {
    margin-top: -7px;
    margin-left: -7px;
}

.list--icon--inline>li>a .i--edit {
    margin-top: -8px;
    margin-left: -7px;
}

.list--icon--inline>li>a .i--top {
    margin-left: -5px;
    margin-top: -7px;
}

.list--icon--inline>li>a.is-active {
    opacity: 1;
}

.list--icon--inline>li>a.is-active .i--normal {
    opacity: 0;
}

.list--icon--inline>li>a.is-active .i--active {
    opacity: 1;
}

.list--icon--inline>li .select-block {
    max-width: 80px;
}

.list--icon--inline>li .input-block {
    max-width: 140px;
}

.list--icon--inline>li .input-block input {
    box-shadow: none;
}

.list--icon--inline>li:first-child {
    margin-left: 0;
}

.list--layer>li {
    display: block;
    height: 20px;
    color: #242424;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 3px;
    cursor: pointer;
}

.list--layer>li>span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    height: 15px;
    width: 6px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 32px;
    transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.list--layer>li.color1>span {
    border-color: #3C6E48;
}

.list--layer>li.color2>span {
    border-color: #6CB169;
}

.list--layer>li.color3>span {
    border-color: #FEF8A6;
}

.list--layer>li.color4>span {
    border-color: #1D3896;
}

.list--layer>li.color5>span {
    border-color: #D96D2A;
}

.list--layer>li.airport {
    margin-left: -3px;
}

.list--layer>li.airport>span {
    width: 14px;
    margin-right: 1px;
    border-radius: 0;
    border: 0;
    opacity: 0.6;
    background: url("../img/i-airplane.svg") no-repeat center center;
    background-size: cover;
}

.list--layer>li.is-selected.color1>span {
    background-color: #3C6E48;
}

.list--layer>li.is-selected.color2>span {
    background-color: #6CB169;
}

.list--layer>li.is-selected.color3>span {
    background-color: #FEF8A6;
}

.list--layer>li.is-selected.color4>span {
    background-color: #1D3896;
}

.list--layer>li.is-selected.color5>span {
    background-color: #D96D2A;
}

.list--layer>li.is-selected.airport>span {
    opacity: 1;
}

.container__sidebar--dark .list--layer>li {
    color: #fff;
}

.list--variables>li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

.list--variables>li .h1 {
    margin-bottom: 30px;
}

.list--variables>li .meta {
    display: block;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 4px;
}

.list--variables>li .chart {
    position: relative;
    max-width: 150px;
}

.list--variables>li .chart--gauge .h7, .list--variables>li .chart--gauge .rte>h2 {
    margin-top: -60px;
}

.list--variables>li .chart .h7 span, .list--variables>li .chart .rte>h2 span {
    position: relative;
    padding-left: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -7px;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
}

.list--variables>li .chart .h7 span:before, .list--variables>li .chart .rte>h2 span:before {
    content: "";
    width: 8px;
    position: absolute;
    top: 5px;
    left: 15px;
    height: 4px;
}

.list--variables>li .chart .h7 span.up, .list--variables>li .chart .rte>h2 span.up {
    color: #519D3E;
}

.list--variables>li .chart .h7 span.up:before, .list--variables>li .chart .rte>h2 span.up:before {
    background: url("../img/i-arrow-dropdown-up.svg") no-repeat center center;
    background-size: cover;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.list--variables>li .chart .h7 span.down, .list--variables>li .chart .rte>h2 span.down {
    color: #CB4F40;
}

.list--variables>li .chart .h7 span.down:before, .list--variables>li .chart .rte>h2 span.down:before {
    background: url("../img/i-arrow-dropdown-down.svg") no-repeat center center;
    background-size: cover;
}

.list--variables>li .list--bar {
    margin-bottom: 14px;
}

.list--chart>li {
    display: block;
    margin-top: 16px;
    position: relative;
}

.list--chart>li:first-child {
    margin-top: 0;
}

.list--chart>li>p {
    padding-right: 40px;
}

.list--chart>li .chart__val {
    position: absolute;
    top: 0;
    right: 0;
}

.list--chart>li .chart__line {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 3px;
    height: 6px;
    background-color: #E1E0DE;
    margin: 3px 0 5px;
}

.list--chart>li .chart__line--val {
    position: absolute;
    height: 6px;
    top: 0;
    left: 0;
    border-radius: 3px;
}

.list--chart>li strong {
    font-weight: 600;
}

.list--bar {
    height: 75px;
    position: relative;
}

.list--bar>li {
    position: absolute;
    bottom: 0;
    width: 5px;
    max-height: 75px;
}

svg, canvas {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.hr, hr {
    width: 100%;
    height: 1px;
    margin: 30px auto;
    display: block;
    border: 0;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.tooltip {
    background-color: #242424;
    border-radius: 3px;
    display: block;
    padding: 7px 10px;
}

.tooltip p {
    color: #fff;
    margin-right: 30px;
}

.tooltip p>span {
    margin-left: 12px;
    display: block;
    color: #7D7D7D;
    line-height: 16px;
    text-align: center;
    width: 16px;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    border: 1px solid #7D7D7D;
    border-radius: 3px;
    position: absolute;
    top: 8px;
    right: 10px;
}

.pic {
    display: block;
    max-width: 100%;
}

#overlay {
    background-color: #000;
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: opacity 600ms cubic-bezier(0.23, 1, 0.32, 1), visibility 600ms cubic-bezier(0.23, 1, 0.32, 1);
}

.is-popin-open #overlay {
    opacity: 0.4;
    visibility: visible;
}

.expand {
    cursor: pointer;
    position: relative;
    /*&:hover,
  &:active {
      >.expand__title {
          color:$color-selected;//$color-text-desc;
      }
  }*/
}

.expand__title {
    position: relative;
    background-color: #FAF9F7;
    padding: 5px 20px 5px 40px;
    transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.expand__title h2 {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    display: inline-block;
    vertical-align: middle;
}

.expand__title .flipswitch {
    position: absolute;
    top: 50%;
    right: 15px;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transform: translate3d(0, -50%, 0);
}

.expand__title:hover {
    color: #4D96FF;
}

.expand__title:hover .expand__params {
    opacity: 1;
    visibility: visible;
}

.expand__params {
    position: absolute;
    right: 0;
    top: 6px;
    cursor: pointer;
    border: 0;
    outline: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1), visibility 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.expand__select-all {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    margin-top: -2px;
    margin-right: 4px;
    cursor: pointer;
    transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1), border-color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.container__sidebar--dark .expand__select-all {
    border-color: rgba(255, 255, 255, 0.25);
}

.expand:before {
    position: absolute;
    content: "";
    top: 11px;
    left: 20px;
    width: 5px;
    height: 8px;
    background: url("../img/i-arrow-right.svg") no-repeat center center;
    background-size: cover;
    z-index: 2;
    pointer-events: none;
}

.expand.is-open {
    cursor: default;
    /*&:hover,
    &:active {
        >.expand__title {
            color:$color-black;
        }
    }*/
}

.expand.is-open:before {
    left: 21px;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.expand.is-selected>.expand__title>.expand__select-all {
    border-color: #4D96FF;
    background-color: #4D96FF;
}

.expand--sub:before {
    top: 9px;
    left: 0;
}

.expand--sub .expand__title {
    padding: 3px 0 3px 20px;
    background: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.expand--sub .expand__title--params {
    padding-right: 20px;
}

.expand--sub.is-open:before {
    left: 1px;
}

.container__sidebar--dark .expand {
    /*&:hover,
    &:active {
        >.expand__title {
            color:$color-selected;
        }
    }*/
}

.container__sidebar--dark .expand__title {
    background-color: #000;
    color: #fff;
}

.container__sidebar--dark .expand__title:hover {
    color: #4D96FF;
}

.container__sidebar--dark .expand:before {
    background: url("../img/i-arrow-right-white.svg") no-repeat center center;
    background-size: cover;
}

.container__sidebar--dark .expand--sub .expand__title {
    background: none;
}

.js-expand-content {
    overflow: hidden;
    box-sizing: border-box;
    transition: height 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

.js-expand-content>div {
    padding: 10px 20px 10px 40px;
}

.expand--sub .js-expand-content>div {
    padding: 6px 0px 6px 40px;
}

.js-expand-content a {
    color: #7D7D7D;
    font-size: 12px;
    line-height: 17px;
    font-weight: 500;
    transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.js-expand-content a:hover, .js-expand-content a:active, .js-expand-content a.is-active {
    color: #242424;
}

.flipswitch {
    position: relative;
    border-radius: 3px;
    height: 18px;
    cursor: pointer;
    background-color: #131313;
}

.flipswitch__bg {
    position: absolute;
    border-radius: 3px;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    z-index: 1;
    background-color: #242424;
    transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flipswitch>p {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    line-height: 14px;
    padding: 2px 4px;
    color: #7D7D7D;
    transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flipswitch>p.flipswitch__left {
    color: #fff;
}

.flipswitch.is-checked .flipswitch__bg {
    left: 50%;
}

.flipswitch.is-checked>p.flipswitch__left {
    color: #7D7D7D;
}

.flipswitch.is-checked>p.flipswitch__right {
    color: #fff;
}

.dropdown-custom {
    position: relative;
    font-size: 11px;
    line-height: 15px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
}

.dropdown-custom:before {
    content: "";
    position: absolute;
    right: 0px;
    top: 13px;
    width: 8px;
    height: 4px;
    z-index: 2;
    background: url("../img/i-arrow-dropdown-white.svg") no-repeat center center;
    background-size: cover;
}

.dropdown-custom:after {
    content: "";
    position: absolute;
    border-radius: 3px;
    background-color: #131313;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    top: -12px;
    bottom: 0;
    left: -12px;
    right: -12px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}

.dropdown-custom>p {
    position: relative;
    z-index: 2;
}

.dropdown-custom__list {
    position: relative;
    z-index: 2;
    margin-top: 12px;
    visibility: hidden;
    opacity: 0;
}

.dropdown-custom__list p {
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.dropdown-custom__list a {
    padding: 12px 0;
    display: block;
    color: #fff;
    opacity: 0.5;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.dropdown-custom__list a:hover, .dropdown-custom__list a:active {
    color: #fff;
    opacity: 1;
}

.dropdown-custom.is-open:after {
    opacity: 1;
    visibility: visible;
    transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.dropdown-custom.is-open .dropdown-custom__list {
    opacity: 1;
    visibility: visible;
    transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.slider-block {
    position: relative;
}

.slider-block__tool {
    width: 78%;
}

.slider-block__val {
    color: #7D7D7D;
    position: absolute;
    right: 0;
    top: -9px;
}

.slider-block__wlabels {
    position: relative;
}

.slider-block__wlabels label {
    color: #7D7D7D;
    font-size: 10px;
    position: absolute;
    bottom: -26px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.slider-block__wlabels label.val1 {
    left: 0;
}

.slider-block__wlabels label.val2 {
    left: 29.5%;
}

.slider-block__wlabels label.val3 {
    right: 26%;
}

.slider-block__wlabels label.val4 {
    right: 0;
}

.slider-block__wlabels .slider-block__sep {
    position: absolute;
    top: -6px;
    background-color: #7D7D7D;
    height: 14px;
    width: 1px;
    z-index: 1;
}

.slider-block__wlabels .slider-block__cover {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.6);
    height: 2px;
    z-index: 1;
}

.slider-block__range {
    color: #7D7D7D;
    margin-top: 36px;
    text-align: right;
}

.slider-block__range>span {
    color: #242424;
}

.slider-block__tooltip {
    background-color: #242424;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 10px;
    line-height: 14px;
    position: absolute;
    top: -28px;
    left: 0;
    z-index: 2;
    pointer-events: none;
    margin-left: -15px;
    opacity: 0;
    transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.slider-block__tooltip.is-visible {
    opacity: 1;
}

.slider-block .list--icon--inline {
    position: absolute;
    left: 0;
    bottom: 0;
}

.slider-block .list--icon--inline>li {
    margin-left: 10px;
}

.slider-block .list--icon--inline>li:first-child {
    margin-left: 0;
}

.rangeslider-handle-min, .rangeslider-handle-max {
    fill: #000;
}

.table {
    width: 100%;
    border-collapse: collapse;
}

.table th {
    cursor: pointer;
    padding: 12px 0;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 20px;
    font-weight: normal;
    text-align: left;
    opacity: 0.6;
    outline: 0;
    transition: opacity 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.table th .i--arrow-dropdown {
    margin-left: 2px;
}

.table th.sorting_asc, .table th.sorting_desc {
    opacity: 1;
}

.table th.sorting_desc .i--arrow-dropdown {
    margin-top: -2px;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.table tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.table tr.is-selected .btn--select {
    border-color: #4D96FF;
    background-color: #4D96FF;
}

.table tr td:first-child, .table tr th:first-child {
    padding: 0 5px 0 15px;
}

.table tr:hover, .table tr:active, .table tr:focus {
    background-color: #FAF9F7;
}

.table td {
    padding: 12px 0;
    margin: 0;
}

.table thead tr:hover, .table thead tr:active, .table thead tr:focus {
    background-color: transparent;
}

.table tbody tr td.bold {
    font-weight: 600;
}

.table tbody tr.is-selected td {
    color: #4D96FF;
}

.table--edit tr td, .table--edit tr th {
    transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.table--edit tr td:last-child, .table--edit tr th:last-child {
    opacity: 0;
    pointer-events: none;
}

.table--edit tr:hover td:last-child, .table--edit tr:hover th:last-child, .table--edit tr:active td:last-child, .table--edit tr:active th:last-child, .table--edit tr:focus td:last-child, .table--edit tr:focus th:last-child {
    opacity: 1;
    pointer-events: all;
}

.h1 {
    color: #242424;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
}

.h1.white {
    color: #fff;
}

.h2 {
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    color: #242424;
}

.h3, .rte>h3 {
    color: #43AF44;
    font-size: 14px;
    line-height: 25px;
    font-weight: 500;
    text-transform: uppercase;
}

.h3.black, .rte>h3.black {
    color: #000;
}

.h4 {
    color: #000;
    font-size: 36px;
    line-height: 50px;
    font-weight: 300;
}

.h7, .rte>h2 {
    color: #242424;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
}

.h7.smaller, .rte>h2.smaller {
    font-size: 14px;
    line-height: 17px;
}

.h8 {
    color: #242424;
    font-size: 36px;
    line-height: 60px;
    font-weight: 600;
}

.t1 {
    color: #000;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
}

.t2 {
    color: #fff;
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
}

.upper {
    text-transform: uppercase;
}

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

.align-center {
    text-align: center;
}

a {
    color: #43AF44;
    font-weight: 600;
    transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

a:hover, a:active {
    color: #004205;
}

.meta {
    color: #7D7D7D;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
}

.lnk {
    color: #7D7D7D;
    border-bottom: 1px solid #7D7D7D;
    font-weight: 500;
    transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1), border-bottom-color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.lnk:hover, .lnk:active {
    color: #43AF44;
    border-bottom-color: #43AF44;
}

.rte {
    font-size: 15px;
    line-height: 26px;
}

.rte>h2+p, .rte>h2+ul, .rte>h2+h2, .rte>h2+h3, .rte>h2+figure {
    margin-top: 26px;
}

.rte>h3+p, .rte>h3+ul, .rte>h3+h2, .rte>h3+h3, .rte>h3+figure {
    margin-top: 26px;
}

.rte>p+p, .rte>p+ul, .rte>p+h3, .rte>p+figure {
    margin-top: 26px;
}

.rte>p+h2 {
    margin-top: 39px;
}

.rte>ul+p, .rte>ul+ul, .rte>ul+h2, .rte>ul+h3, .rte>ul+figure {
    margin-top: 26px;
}

.rte>figure {
    margin-left: 0;
    margin-right: 0;
}

.rte>figure+p, .rte>figure+ul, .rte>figure+h2, .rte>figure+h3, .rte>figure+figure {
    margin-top: 26px;
}

.rte figcaption {
    font-size: 11px;
    line-height: 16px;
    color: #7D7D7D;
    margin-top: 14px;
}

.rte li {
    position: relative;
    padding-left: 17px;
}

.rte li>a {
    color: #43AF44;
    border-bottom: 0;
    font-weight: normal;
}

.rte li>a:hover, .rte li>a:active {
    color: #004205;
}

.rte li:before {
    content: "";
    background-color: #D9D9D9;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
}

.rte a {
    color: #000;
    border-bottom: 1px solid #000;
    transition: color 400ms cubic-bezier(0.23, 1, 0.32, 1), border-bottom-color 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.rte a:hover, .rte a:active {
    color: #43AF44;
    border-bottom-color: #43AF44;
}

/*! jQuery UI - v1.12.1 - 2019-06-20
* http://jqueryui.com
* Includes: core.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

/* Icons
----------------------------------*/

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 12px;
    height: 12px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background-color: #4D96FF;
}

/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 2px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -5px;
    margin-left: -8px;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/* Component containers
----------------------------------*/

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 0;
}

.ui-widget-content {
    border: 0;
    background: #D9D9D9;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

/* Interaction states
----------------------------------*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid rgba(5, 5, 5, 0.1);
    background: #fff;
    font-weight: normal;
    color: #454545;
    position: relative;
    border-radius: 3px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
    outline: 0;
    display: inline-block;
}

.ui-state-default:after, .ui-widget-content .ui-state-default:after, .ui-widget-header .ui-state-default:after, .ui-button:after, html .ui-button.ui-state-disabled:hover:after, html .ui-button.ui-state-disabled:active:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #242424;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    margin-left: -2px;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid rgba(5, 5, 5, 0.1);
    background: #fff;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #4D96FF;
    background: #fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    box-shadow: 0px 0px 5px #666666;
}

.tpl-login {
    background: url("../img/bg-login.jpg") no-repeat center center;
    background-size: cover;
}

.tpl-login>div {
    display: table;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
}

.tpl-login>div>div {
    display: table-cell;
    vertical-align: middle;
}

.tpl-home .header {
    position: relative;
    background-color: #FAF9F7;
}

.tpl-home .sect--main {
    padding-top: 0;
}

.tpl-sidebar {
    /*&.is-sidebar-open {
  	#main {
  		margin-left:calc(235px + 205px);
  	}
  }*/
}

.tpl-sidebar #main {
    padding-left: 235px;
}

.tpl-dashboard .container__block {
    padding: 0 75px 80px;
    max-width: 9999px;
}

.tpl-dashboard .container__block>.h7, .tpl-dashboard .rte.container__block>h2 {
    display: inline-block;
    vertical-align: middle;
}

.tpl-dashboard .container__block>.select-block {
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
}

.tpl-dashboard .container__graphs {
    margin: 60px -10px 0px;
}

.tpl-dashboard .container__graphs__block {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 20px;
}

.tpl-dashboard .container__graphs__block .svg-container {
    margin: 30px auto 0;
}

.tpl-dashboard .container__graphs__block .select-block {
    position: absolute;
    top: 20px;
    right: 25px;
}

.tpl-dashboard .container__graphs__block--full {
    width: calc(100% - 20px);
}

.tpl-dashboard .container__graphs__block--half {
    width: calc((100% - 40px) / 2);
}

.tpl-dashboard .container__graphs__block--quarter {
    width: calc((100% - 40px) / 4);
}

.tpl-dashboard .container__graphs__block--quarter .list--chart {
    margin-top: 30px;
}

.tpl-dashboard .container__graphs__block--threequarters {
    width: calc((100% - 40px) / 4*3);
}

@media screen and (max-width: 1179px) {
    .sect--main .row {
        min-height: 50vw;
    }
}