@font-face {
    font-family: "Golos Text";
    font-weight: 400;
    font-style: normal;
    src: url("static/fonts/Golos-Text_Regular.eot#iefix") format("embedded-opentype"), url("static/fonts/Golos-Text_Regular.woff2") format("woff2"), url("static/fonts/Golos-Text_Regular.woff") format("woff"), url("static/fonts/Golos-Text_Regular.ttf") format("truetype"), url("static/fonts/Golos-Text_Regular.otf") format("opentype"), url("static/fonts/Golos-Text_Regular.svg#font") format("svg")
}

@font-face {
    font-family: "Golos Text";
    font-weight: 600;
    font-style: normal;
    src: url("static/fonts/Golos-Text_DemiBold.eot#iefix") format("embedded-opentype"), url("static/fonts/Golos-Text_DemiBold.woff2") format("woff2"), url("static/fonts/Golos-Text_DemiBold.woff") format("woff"), url("static/fonts/Golos-Text_DemiBold.ttf") format("truetype"), url("static/fonts/Golos-Text_DemiBold.otf") format("opentype"), url("static/fonts/Golos-Text_DemiBold.svg#font") format("svg")
}

@font-face {
    font-family: "Golos Text";
    font-weight: 700;
    font-style: normal;
    src: url("static/fonts/Golos-Text_Bold.eot#iefix") format("embedded-opentype"), url("static/fonts/Golos-Text_Bold.woff2") format("woff2"), url("static/fonts/Golos-Text_Bold.woff") format("woff"), url("static/fonts/Golos-Text_Bold.ttf") format("truetype"), url("static/fonts/Golos-Text_Bold.otf") format("opentype"), url("static/fonts/Golos-Text_Bold.svg#font") format("svg")
}

@font-face {
    font-family: "Golos UI";
    font-weight: 400;
    font-style: normal;
    src: url("static/fonts/Golos-UI_Regular.eot#iefix") format("embedded-opentype"), url("static/fonts/Golos-UI_Regular.woff2") format("woff2"), url("static/fonts/Golos-UI_Regular.woff") format("woff"), url("static/fonts/Golos-UI_Regular.ttf") format("truetype"), url("static/fonts/Golos-UI_Regular.otf") format("opentype"), url("static/fonts/Golos-UI_Regular.svg#font") format("svg")
}

@font-face {
    font-family: "Golos UI";
    font-weight: 500;
    font-style: normal;
    src: url("static/fonts/Golos-UI_Medium.eot#iefix") format("embedded-opentype"), url("static/fonts/Golos-UI_Medium.woff2") format("woff2"), url("static/fonts/Golos-UI_Medium.woff") format("woff"), url("static/fonts/Golos-UI_Medium.ttf") format("truetype"), url("static/fonts/Golos-UI_Medium.otf") format("opentype"), url("static/fonts/Golos-UI_Medium.svg#font") format("svg")
}

@font-face {
    font-family: "Golos UI";
    font-weight: 700;
    font-style: normal;
    src: url("static/fonts/Golos-UI_Bold.eot#iefix") format("embedded-opentype"), url("static/fonts/Golos-UI_Bold.woff2") format("woff2"), url("static/fonts/Golos-UI_Bold.woff") format("woff"), url("static/fonts/Golos-UI_Bold.ttf") format("truetype"), url("static/fonts/Golos-UI_Bold.otf") format("opentype"), url("static/fonts/Golos-UI_Bold.svg#font") format("svg")
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    padding: 0.35em 0.75em 0.625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

* {
    box-sizing: border-box
}

html,
body {
    font-family: "Golos Text", sans-serif !important;
    width: 100%;
    height: 100%;
    min-width: 1000px;
    color: rgba(var(--text-RGB), 1);
    background-color: rgba(var(--background-RGB), 1)
}

@media (max-width: 767px) {

    html,
    body {
        min-width: auto
    }
}

:root,
.digit-colors {
    --brand-color-1: rgba(12, 34, 72, 1);
    --brand-color-2: rgba(6, 67, 146, 1);
    --brand-color-3: rgba(0, 100, 250, 1);
    --background-RGB: 255, 255, 255;
    --text-RGB: 12, 34, 72;
    --accent-RGB: 0, 100, 220;
    --surface-RGB: 200, 220, 240;
    --link-RGB: 0, 60, 160;
    --hover-RGB: 0, 110, 255;
    --mark-RGB: 255, 230, 0;
    --success-RGB: 60, 180, 0;
    --error-RGB: 180, 0, 60
}

.steppe-colors {
    --brand-color-1: rgba(0, 5, 66, 1);
    --brand-color-2: rgba(46, 50, 177, 1);
    --brand-color-3: rgba(236, 89, 70, 1);
    --brand-color-4: rgba(248, 212, 206, 1);
    --background-RGB: 255, 255, 255;
    --text-RGB: 0, 5, 66;
    --accent-RGB: 236, 89, 70;
    --surface-RGB: 248, 212, 206;
    --link-RGB: 46, 50, 177;
    --hover-RGB: 255, 105, 85;
    --mark-RGB: 255, 230, 1;
    --success-RGB: 60, 180, 0;
    --error-RGB: 180, 0, 60
}

.autumn-colors {
    --brand-color-1: rgb(10, 48, 80);
    --brand-color-2: rgb(0, 74, 155);
    --brand-color-3: rgb(209, 93, 61);
    --brand-color-4: rgb(255, 215, 68);
    --background-RGB: 255, 255, 255;
    --text-RGB: 10, 48, 80;
    --accent-RGB: 209, 93, 61;
    --surface-RGB: 223, 215, 213;
    --link-RGB: 0, 74, 155;
    --hover-RGB: 244, 173, 68;
    --mark-RGB: 255, 215, 6;
    --success-RGB: 0, 150, 40;
    --error-RGB: 230, 60, 60
}

.card-colors {
    --brand-color-1: rgb(0, 20, 40);
    --brand-color-2: rgb(0, 60, 190);
    --brand-color-3: rgb(253, 47, 75);
    --brand-color-4: rgb(255, 225, 0);
    --background-RGB: 255, 255, 255;
    --text-RGB: 0, 20, 40;
    --accent-RGB: 253, 47, 75;
    --surface-RGB: 233, 221, 229;
    --link-RGB: 0, 60, 190;
    --hover-RGB: 175, 208, 20;
    --mark-RGB: 255, 225, 0;
    --success-RGB: 0, 150, 40;
    --error-RGB: 220, 0, 20
}

.active-colors {
    --brand-color-1: rgba(240, 240, 240, 1);
    --brand-color-2: rgba(0, 200, 50, 1);
    --brand-color-3: rgba(0, 50, 200, 1);
    --brand-color-4: rgba(15, 15, 15, 1);
    --background-RGB: 255, 255, 255;
    --text-RGB: 40, 40, 40;
    --accent-RGB: 0, 180, 45;
    --surface-RGB: 240, 240, 240;
    --link-RGB: 0, 50, 200;
    --hover-RGB: 0, 200, 50;
    --mark-RGB: 255, 230, 0;
    --success-RGB: 0, 150, 40;
    --error-RGB: 220, 0, 0
}

.orb .orb__top-space-S {
    margin-top: 1.3em
}

.orb .orb__top-space-M {
    margin-top: calc(1.3em * 2)
}

.orb .orb__top-space-L {
    margin-top: calc(1.3em * 5)
}

.orb .orb__right-space-XS {
    margin-right: calc(1.3em / 2)
}

.orb .orb__right-space-S {
    margin-right: 1.3em
}

.orb .orb__right-space-M {
    margin-right: calc(1.3em * 2)
}

.orb .orb__right-space-L {
    margin-right: calc(1.3em * 5)
}

.orb .orb__bottom-space-XS {
    margin-bottom: calc(1.3em / 2)
}

.orb .orb__bottom-space-S {
    margin-bottom: 1.3em
}

.orb .orb__bottom-space-M {
    margin-bottom: calc(1.3em * 2)
}

.orb .orb__bottom-space-L {
    margin-bottom: calc(1.3em * 5)
}

.orb .orb__right-inner-space-XS {
    padding-right: calc(1.3em / 2)
}

.orb .orb__right-inner-space-S {
    padding-right: 1.3em
}

.orb .orb__right-inner-space-M {
    padding-right: calc(1.3em * 1.5)
}

.orb img {
    width: 100%;
    display: block
}

.orb .orb__wrapper {
    position: relative;
    width: 70%;
    margin: 0 auto
}

@media (max-width: 767px) {
    .orb .orb__wrapper {
        width: 100%;
        padding: 0 1em
    }
}

.orb .orb__wrapper.full-width {
    width: 100%;
    padding: 0 1em
}

.orb .orb__wrapper.edge-to-edge {
    width: 100%
}

@media (min-width: 768px) {
    .orb .orb__wrapper.shift-right {
        padding-left: 6em
    }
}

@media (min-width: 768px) {
    .orb .orb__wrapper.shift-left {
        padding-right: 6em
    }
}

.orb .orb__wrapper .orb__text {
    width: 70%
}

@media (max-width: 767px) {
    .orb .orb__wrapper .orb__text {
        width: 100%
    }
}

.orb .orb__header {
    position: relative;
    padding: 1em 1.2em;
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    .orb .orb__header {
        padding: 0.8em 0.6em
    }
}

.orb .orb__header .orb__identity {
    display: flex;
    border-bottom: none
}

.orb .orb__header .orb__identity .orb__identity-item {
    margin-right: 0.4em
}

@media (max-width: 767px) {
    .orb .orb__header .orb__identity .orb__identity-item {
        margin-right: 0.2em
    }
}

.orb .orb__header .orb__identity .orb__identity-item .orb-emblem {
    width: 4em
}

@media (max-width: 767px) {
    .orb .orb__header .orb__identity .orb__identity-item .orb-emblem {
        width: 2em
    }
}

.orb .orb__header .orb__identity .orb__identity-item .orb-emblem .st0 {
    fill: var(--brand-color-3)
}

.orb .orb__header .orb__identity .orb__identity-item .orb-logo {
    width: 4em
}

@media (max-width: 767px) {
    .orb .orb__header .orb__identity .orb__identity-item .orb-logo {
        width: 2em
    }
}

@media (max-width: 767px) {
    .orb .orb__header .orb__identity .orb__identity-item .orb-logo-caption {
        font-size: 0.81em;
        margin-top: 0.1em;
        margin-left: 0.4em;
        line-height: 1.3em
    }
}

@media (max-width: 767px) {
    .orb .orb__js-nav {
        position: fixed;
        top: 0.5em;
        right: 100%;
        padding: 1em 1em 5em 1em;
        width: 60%;
        background-color: white;
        z-index: 10000;
        opacity: 0;
        transition: opacity 0.5s ease;
        box-shadow: 0 1em 2em 0 rgba(var(--text-RGB), 0.2);
        border-radius: 0.3em
    }
}

@media (max-width: 767px) {

    .orb .orb__js-nav a,
    .orb .orb__js-nav span {
        display: block;
        border: none;
        margin: 0.2em;
        padding: 0.3em
    }
}

.orb .orb__js-nav a:hover,
.orb .orb__js-nav span:hover {
    border: none
}

.orb .orb__js-nav .orb__js-nav-close {
    position: absolute;
    top: 0.2em;
    right: 0.2em;
    margin: 0;
    border: none;
    padding: 0;
    font-size: 3em;
    border-bottom: 0
}

@media (min-width: 768px) {
    .orb .orb__js-nav .orb__js-nav-close {
        display: none
    }
}

.orb .orb__js-nav.visible {
    right: 0.5em;
    opacity: 1
}

.orb .orb__nav-hambourger {
    position: absolute;
    top: 0.15em;
    right: 0.1em;
    font-size: 3.5em;
    font-weight: 500;
    padding: 0.05em 0.2em 0;
    line-height: 0.6;
    border-bottom: 0
}

.orb .orb__nav-hambourger:hover {
    border-bottom: 0
}

@media (min-width: 768px) {
    .orb .orb__nav-hambourger {
        display: none
    }
}

.orb .orb__footer {
    display: flex;
    justify-content: space-between;
    margin-top: 7em;
    padding: 1em 1em 1.5em
}

.orb .orb__footer .orb__identity {
    display: flex;
    border-bottom: none;
    margin-right: 1em
}

@media (max-width: 767px) {
    .orb .orb__footer .orb__identity {
        display: none
    }
}

.orb .orb__footer .orb__identity .orb__identity-item {
    margin-right: 0.4em
}

.orb .orb__footer .orb__identity .orb__identity-item .orb-emblem {
    width: 2em
}

.orb .orb__footer .orb__identity .orb__identity-item .orb-emblem .st0 {
    fill: var(--brand-color-3)
}

.orb .orb__footer .orb__identity .orb__identity-item .orb-logo {
    width: 2em
}

.orb .orb__footer .orb__footer-nav {
    width: 65%;
    margin-right: 1em
}

@media (max-width: 767px) {
    .orb .orb__footer .orb__footer-nav {
        width: 50%
    }
}

.orb .orb__footer .orb__footer-nav .links {
    margin-bottom: 0.7em
}

.orb .orb__footer .orb__footer-nav .orb__footer-nav-item {
    display: inline-block;
    margin: 0 1em 0.5em 0
}

.orb .orb__footer .orb__footer-contact {
    width: 35%
}

@media (max-width: 767px) {
    .orb .orb__footer .orb__footer-contact {
        width: 50%
    }
}

.orb .orb__footer section {
    margin: 0.4em 0 0.8em
}

.orb .orb__promo-container {
    padding: 0 1.2em
}

@media (max-width: 767px) {
    .orb .orb__promo-container {
        padding: 0.6em
    }
}

.orb .orb__promo {
    position: relative;
    background-color: rgba(var(--surface-RGB), 0.5);
    height: 23em;
    padding: 1.5em;
    overflow: hidden;
    border-radius: 0.5em
}

@media (max-width: 767px) {
    .orb .orb__promo {
        padding: 0.5em
    }
}

.orb .orb__promo .orb__promo-image {
    position: absolute;
    left: 48%;
    width: 55%;
    top: 7em
}

@media (max-width: 767px) {
    .orb .orb__promo .orb__promo-image {
        left: 3%;
        width: 103%;
        top: 6em
    }
}

.orb .orb__promo .orb__promo-image img {
    width: 100%
}

.orb .orb__promo .orb__promo-title {
    width: 70%;
    position: relative
}

@media (max-width: 767px) {
    .orb .orb__promo .orb__promo-title {
        width: 100%
    }
}

.orb .orb__promo-nav {
    display: flex;
    width: 100%
}

.orb .orb__promo-nav a.orb__promo-nav-item:hover {
    background-color: rgba(var(--surface-RGB), 0.7);
    transition: background-color 0s ease
}

.orb .orb__promo-nav .orb__promo-nav-item {
    width: 25%;
    border-bottom: 0;
    font-size: 1.2em;
    line-height: 1.3em;
    padding: 0.6em 0.9em 0.8em;
    background-color: rgba(var(--surface-RGB), 0.5);
    backdrop-filter: blur(1em);
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    transition: background-color 0.3s ease
}

.orb .orb__promo-nav .orb__promo-nav-item:first-child {
    border-radius: 0.5em 0 0 0.5em
}

.orb .orb__promo-nav .orb__promo-nav-item:last-child {
    border-radius: 0 0.5em 0.5em 0;
    border-right: none
}

.orb .orb__promo-nav .orb__promo-nav-item.soon {
    color: rgba(0, 0, 0, 0.5)
}

.orb .orb__promo-nav .orb__promo-nav-item.soon::after {
    content: "Скоро";
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5em 1em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(0, 0, 0, 0.3);
    font-size: 0.6em
}

.orb .orb__grid {
    margin-top: calc(1.3em * 1);
    display: flex;
    flex-wrap: wrap
}

.orb .orb__grid.orb__grid-align-bottom {
    align-items: flex-end
}

.orb .orb__grid.orb__grid-round-corners {
    border-radius: 1em;
    overflow: hidden
}

@media (max-width: 767px) {
    .orb .orb__grid.orb__grid-round-corners {
        border-radius: 0.8em
    }
}

.orb .orb__grid.orb__grid-size-XXL .orb__grid-cell {
    width: calc(100% / 2)
}

@media (max-width: 767px) {
    .orb .orb__grid.orb__grid-size-XXL .orb__grid-cell {
        width: 100%
    }
}

.orb .orb__grid.orb__grid-size-XL .orb__grid-cell {
    width: calc(100% / 3)
}

@media (max-width: 767px) {
    .orb .orb__grid.orb__grid-size-XL .orb__grid-cell {
        width: 100%
    }
}

.orb .orb__grid.orb__grid-size-L .orb__grid-cell {
    width: calc(100% / 4)
}

@media (max-width: 767px) {
    .orb .orb__grid.orb__grid-size-L .orb__grid-cell {
        width: calc(100% / 2)
    }
}

.orb .orb__grid.orb__grid-size-M .orb__grid-cell {
    width: calc(100% / 5)
}

@media (max-width: 767px) {
    .orb .orb__grid.orb__grid-size-M .orb__grid-cell {
        width: calc(100% / 3)
    }
}

.orb .orb__grid.orb__grid-size-S .orb__grid-cell {
    width: calc(100% / 6)
}

@media (max-width: 767px) {
    .orb .orb__grid.orb__grid-size-S .orb__grid-cell {
        width: calc(100% / 3)
    }
}

.orb .orb__grid.orb__grid-size-XS .orb__grid-cell {
    width: calc(100% / 7)
}

@media (max-width: 767px) {
    .orb .orb__grid.orb__grid-size-XS .orb__grid-cell {
        width: calc(100% / 4)
    }
}

.orb .orb__grid.orb__grid-size-XXS .orb__grid-cell {
    width: calc(100% / 8)
}

@media (max-width: 767px) {
    .orb .orb__grid.orb__grid-size-XXS .orb__grid-cell {
        width: calc(100% / 4)
    }
}

.orb .orb__grid.orb__grid-inset-L .orb__grid-cell {
    padding-right: calc(1.3em * 2);
    padding-bottom: calc(1.3em * 2)
}

@media (max-width: 767px) {
    .orb .orb__grid.orb__grid-inset-L .orb__grid-cell {
        padding-right: calc(1.3em);
        padding-bottom: calc(1.3em)
    }
}

.orb .orb__grid.orb__grid-inset-M .orb__grid-cell {
    padding-right: calc(1.3em * 1);
    padding-bottom: calc(1.3em * 1)
}

@media (max-width: 767px) {
    .orb .orb__grid.orb__grid-inset-M .orb__grid-cell {
        padding-right: calc(1.3em * 0.5);
        padding-bottom: calc(1.3em * 0.5)
    }
}

.orb .orb__grid.orb__grid-inset-S .orb__grid-cell {
    padding-right: calc(1.3em * 0.5);
    padding-bottom: calc(1.3em * 0.5)
}

@media (max-width: 767px) {
    .orb .orb__grid.orb__grid-inset-S .orb__grid-cell {
        padding-right: calc(1.3em * 0.25);
        padding-bottom: calc(1.3em * 0.25)
    }
}

.orb .orb__grid.orb__grid-inset-XS .orb__grid-cell {
    padding-right: calc(1.3em * 0.2);
    padding-bottom: calc(1.3em * 0.2)
}

@media (max-width: 767px) {
    .orb .orb__grid.orb__grid-inset-XS .orb__grid-cell {
        padding-right: calc(1.3em * 0.1);
        padding-bottom: calc(1.3em * 0.1)
    }
}

.orb .orb__grid .orb__grid-cell {
    width: 50%
}

.orb .orb__grid .orb__grid-cell.orb__grid-cell-align-bottom {
    align-self: flex-end
}

@media (max-width: 767px) {
    .orb .orb__grid .orb__grid-cell {
        width: 100%
    }
}

.orb .orb__nav-card {
    position: relative;
    display: block;
    padding: 0.8em 1em 1.2em 0.8em;
    background-color: rgba(var(--surface-RGB), 0.5);
    border-bottom: none;
    height: 100%;
    transition: background-color 0.5s ease, color 0.5s ease
}

.orb .orb__nav-card .orb__nav-card__icon svg {
    width: 2em;
    margin-bottom: 0.5em
}

.orb .orb__nav-card .orb__nav-card__icon svg path {
    fill: rgba(var(--link-RGB), 1);
    transition: fill 0.5s ease
}

.orb .orb__nav-card:hover {
    border-bottom: none;
    background-color: rgba(var(--surface-RGB), 1);
    transition: background-color 0s ease, color 0s ease
}

.orb .orb__nav-card:hover .orb__nav-card__icon svg path {
    fill: rgba(var(--hover-RGB), 1);
    transition: fill 0s ease
}

@media screen and (max-width: 1200px) {
    .small-at-1000 {
        max-width: 1000px;
        margin: 0 auto;
        font-size: 16px;
        line-height: 1.3em
    }
}

@media (max-width: 767px) {
    .small-at-1000 {
        font-size: 15px;
        line-height: 1.3em
    }
}

.orb__wrapper.full-at-1000 {
    width: 84%
}

@media screen and (max-width: 1200px) {
    .orb__wrapper.full-at-1000 {
        width: 96%
    }
}

@media (max-width: 767px) {
    .orb__wrapper.full-at-1000 {
        width: 100%;
        padding: 0 0.9em 0 1em
    }
}

.orb {
    font-size: 20px;
    line-height: 1.3em
}

@media (max-width: 767px) {
    .orb {
        font-size: 15px;
        line-height: 1.3em
    }
}

.orb section {
    margin-top: 3em
}

.orb section.S {
    margin-top: 1em
}

.orb section._L {
    margin-top: 5em
}

.orb a {
    color: rgba(var(--link-RGB), 1);
    border-bottom: 1px solid rgba(var(--link-RGB), 0.2);
    text-decoration: none;
    transition: color 0.5s ease, border 0.5s ease, background-color 0.5s ease
}

.orb a:hover {
    color: rgba(var(--hover-RGB), 1);
    border-bottom: 1px solid rgba(var(--hover-RGB), 0.2);
    transition: color 0s ease, border 0s ease, background-color 0s ease
}

.orb .orb__button-link {
    display: inline-block;
    padding: 0.25em 1em 0.35em;
    border: 2px solid rgba(var(--link-RGB), 0.2);
    border-radius: 0.3em;
    font-family: "Golos UI", sans-serif
}

.orb .orb__button-link:hover {
    border: 2px solid rgba(var(--hover-RGB), 0.2)
}

.orb .orb__button-link.orb__button-link-accent {
    border: 2px solid rgba(var(--accent-RGB), 1);
    background-color: rgba(var(--accent-RGB), 1);
    color: rgba(var(--background-RGB), 1)
}

.orb .orb__button-link.orb__button-link-accent:hover {
    border: 2px solid rgba(var(--hover-RGB), 1);
    background-color: rgba(var(--hover-RGB), 1);
    color: rgba(var(--background-RGB), 1)
}

.orb .orb__button-link.orb__button-link-light-accent {
    border: 2px solid rgba(var(--accent-RGB), 0.4);
    color: rgba(var(--accent-RGB), 1)
}

.orb .orb__button-link.orb__button-link-light-accent:hover {
    border: 2px solid rgba(var(--hover-RGB), 0.4);
    color: rgba(var(--hover-RGB), 1)
}

.orb .orb__button-link.L {
    font-size: 1.2em
}

.orb .orb__button-link .orb__link-text {
    display: inline
}

.orb p {
    margin-top: 0;
    margin-bottom: 0.5em
}

.orb .orb__text-L {
    font-size: 1.3em;
    line-height: 1.3em
}

.orb .orb__text-SM {
    font-size: 0.9em;
    line-height: 1.3em
}

.orb .orb__text-S {
    font-size: 0.85em;
    line-height: 1.3em
}

@media (max-width: 767px) {
    .orb .orb__text-S {
        line-height: 1.4
    }
}

.orb .orb__text-XS {
    font-size: 0.7em;
    line-height: 1.3em
}

.orb .orb__lead {
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.3em;
    margin-bottom: calc(1.3em * 0.4)
}

@media (max-width: 767px) {
    .orb .orb__lead {
        font-size: 1em;
        line-height: 1.3em
    }
}

.orb h1,
.orb h2,
.orb h3,
.orb h4,
.orb h5,
.orb h6 {
    margin: 0
}

.orb h1 {
    font-size: 4.2em;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 0.4em
}

@media (max-width: 767px) {
    .orb h1 {
        font-size: 2.1em
    }
}

.orb h1.S {
    font-size: 3.6em
}

@media (max-width: 767px) {
    .orb h1.S {
        font-size: 2.3em
    }
}

.orb h2 {
    font-size: 3em;
    line-height: 1.1em;
    font-weight: 700;
    margin-bottom: 0.5em
}

@media (max-width: 767px) {
    .orb h2 {
        font-size: 2.2em
    }
}

.orb h3 {
    font-size: 2em;
    line-height: 1.2em;
    margin-bottom: 0.5em
}

@media (max-width: 767px) {
    .orb h3 {
        font-size: 1.6em
    }
}

.orb h4 {
    font-size: 1.3em;
    line-height: 1.3em;
    margin-bottom: 0.6em;
    font-weight: 600
}

.orb h5 {
    font-size: 1em;
    line-height: 1.3em;
    margin-bottom: 0.7em
}

.orb h6 {
    font-family: "Golos UI", sans-serif;
    font-weight: 500;
    font-size: 0.8em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.7em
}

.orb strong,
.orb b {
    font-weight: 600
}

.orb mark {
    color: rgba(var(--text-RGB), 1);
    background-color: rgba(var(--mark-RGB), 1)
}

.orb ul,
.orb ol {
    margin: 0 0 calc(1.3em * 0.75) 0;
    padding: 0
}

.orb ul li,
.orb ol li {
    position: relative;
    margin-bottom: calc(1.3em * 0.5)
}

.orb ul li {
    list-style-type: none;
    padding-left: calc(1.3em * 0.75)
}

.orb ul li:before {
    position: absolute;
    left: 0;
    content: "• "
}

.orb ol {
    padding-left: 1.7em
}

.orb ol li {
    padding-left: 0.2em;
    list-style: decimal outside none
}

.orb blockquote {
    font-size: 1.4em;
    line-height: 1.3em;
    margin: 0;
    padding-left: calc(1.3em * 0.75);
    margin-bottom: 1.3em
}

.orb aside {
    margin: 0;
    margin-bottom: 1em;
    background: rgba(var(--surface-RGB), 0.5);
    padding: calc(1.3em * 0.75);
    padding-top: calc(1.3em * 0.6);
    padding-right: calc(1.3em * 2);
    border-radius: 0.2em
}

@media (max-width: 767px) {
    .orb aside {
        padding-right: calc(1.3em)
    }
}

.orb code {
    font-family: "Golos UI", sans-serif;
    font-weight: 400;
    padding: 0 0.15em 0.1em;
    background: rgba(var(--text-RGB), 0.05);
    color: rgba(var(--text-RGB), 0.7);
    border-radius: 0.1em
}

.orb figure {
    margin: 0 0 calc(1.3em * 0.5) 0
}

.orb figure.orb__figure__XXS {
    width: 25%
}

.orb figure.orb__figure__XS {
    width: 50%
}

.orb figure.orb__figure__S {
    width: 75%
}

.orb figure img {
    width: 100%
}

.orb figure figcaption {
    margin-top: calc(1.3em * 0.75);
    font-size: 0.85em;
    line-height: 1.3em;
    opacity: 0.7
}

.orb details {
    padding: 0.5em;
    cursor: pointer;
    border: 1px solid var(--divider-color);
    border-radius: 0.2em summary;
    border-radius-padding-bottom: 0.1em
}

.orb .orb__error-color {
    color: rgba(var(--error-RGB), 1)
}

.orb .orb__success-color {
    color: rgba(var(--success-RGB), 1)
}

.orb .orb__label {
    display: inline-block;
    padding: 0.1em;
    background-color: rgba(var(--accent-RGB), 1);
    color: var(--on-accent-color);
    border-radius: 0.2em
}

.orb .orb__label.orb__label-outline {
    background-color: var(--on-accent-color);
    color: theme-color(main-color);
    border: 2px solid rgba(var(--accent-RGB), 1)
}

.orb .orb__label.orb__label-S {
    font-size: 0.9em
}

.orb .orb__narrow-text-column {
    width: 65%
}

@media (max-width: 767px) {
    .orb .orb__narrow-text-column {
        width: 100%
    }
}

.orb .orb__app-store-badge {
    position: relative;
    display: inline-block;
    border: 0;
    margin: 0 0.3em 0.3em 0
}

.orb .orb__app-store-badge:hover {
    border: 0
}

.orb .orb__app-store-badge:hover img {
    position: relative;
    z-index: 1;
    filter: brightness(1)
}

.orb .orb__app-store-badge img {
    width: auto;
    height: 2em;
    border-radius: 0.2em;
    filter: brightness(0.9)
}

.orb button {
    display: inline-block;
    padding: 0.25em 1em 0.35em;
    border: 2px solid rgba(var(--accent-RGB), 1);
    background-color: rgba(var(--accent-RGB), 1);
    color: rgba(var(--background-RGB), 1);
    border-radius: 0.3em;
    font-family: "Golos UI", sans-serif;
    font-size: 1.04em;
    line-height: 1.3em
}

.orb button:focus {
    box-shadow: 0 0 0 5px rgba(var(--mark-RGB), 1);
    outline: none
}

.orb button:hover {
    background-color: rgba(var(--hover-RGB), 1);
    border: 2px solid rgba(var(--hover-RGB), 1)
}

.orb input[type="text"],
.orb input[type="number"] {
    display: inline-block;
    width: 100%;
    padding: 0.4em 0.4em 0.45em;
    border: none;
    background-color: rgba(var(--surface-RGB), 0.5);
    color: rgba(var(--text-RGB), 1);
    border-radius: 0.3em;
    font-family: "Golos UI", sans-serif
}

.orb input[type="text"]::placeholder,
.orb input[type="number"]::placeholder {
    color: rgba(var(--text-RGB), 0.3)
}

.orb input[type="text"]:focus,
.orb input[type="number"]:focus {
    outline: none
}

.orb .orb__select {
    position: relative;
    display: inline-block
}

.orb .orb__select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0.3em 2em 0.4em 0.5em;
    background-color: rgba(var(--surface-RGB), 0.5);
    border: 0;
    border-radius: 0.3em;
    font-family: "Golos UI", sans-serif;
    font-size: 1.04em
}

@media (max-width: 767px) {
    .orb .orb__select select {
        max-width: 16em
    }
}

.orb .orb__select select:hover {
    background-color: rgba(var(--surface-RGB), 1)
}

.orb .orb__select select:focus {
    outline: none
}

.orb .orb__select:after {
    position: absolute;
    content: "〈";
    top: 0.3em;
    right: 0.9em;
    transform: rotate(-90deg) scaleX(1.2) scaleY(0.7);
    z-index: 10;
    pointer-events: none
}

.orb select::-ms-expand {
    display: none
}

@media screen and (min-width: 0\0) {
    .orb select {
        background: none\9;
        padding: 5px\9
    }
}

.orb .orb__radiogroup-line {
    display: flex;
    margin-bottom: 0.5em;
    font-family: "Golos UI", sans-serif;
    font-size: 1.04em
}

.orb .orb__radiogroup-line .option input {
    display: none
}

.orb .orb__radiogroup-line .option input:checked+label {
    background-color: rgba(var(--accent-RGB), 1);
    color: rgba(var(--background-RGB), 1)
}

.orb .orb__radiogroup-line .option label {
    display: block;
    padding: 0.3em 0.5em 0.4em;
    background-color: rgba(var(--surface-RGB), 0.5)
}

.orb .orb__radiogroup-line .option label:hover {
    background-color: rgba(var(--surface-RGB), 1)
}

.orb .orb__radiogroup-line .option:first-child label {
    border-radius: 0.3em 0 0 0.3em;
    padding-left: 0.8em
}

.orb .orb__radiogroup-line .option:last-child label {
    border-radius: 0 0.3em 0.3em 0;
    padding-right: 0.8em
}

.orb .orb__checkbox {
    display: flex;
    margin-bottom: 0.5em
}

.orb .orb__checkbox label {
    display: inline-block;
    margin-top: -0.2em;
    padding-left: 0.3em
}

.orb .orb__checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    border: 1px solid rgba(var(--text-RGB), 0.4);
    border-radius: 0.2em;
    padding: 0;
    vertical-align: baseline;
    cursor: pointer;
    flex-shrink: 0;
    overflow: hidden
}

.orb .orb__checkbox input[type="checkbox"]:hover {
    border: 1px solid rgba(var(--text-RGB), 1)
}

.orb .orb__checkbox input[type="checkbox"]:checked {
    border: 1px solid rgba(var(--accent-RGB), 1);
    background-color: rgba(var(--accent-RGB), 1)
}

.orb .orb__checkbox input[type="checkbox"]:checked:before {
    content: "";
    position: absolute;
    width: 0.4em;
    height: 0.6em;
    border-right: 2px solid rgba(var(--background-RGB), 1);
    border-bottom: 2px solid rgba(var(--background-RGB), 1);
    left: 0.25em;
    top: 0.025em;
    transform: rotate(45deg)
}

@media (max-width: 767px) {
    .orb .orb__checkbox input[type="checkbox"]:checked:before {
        left: 0.2em;
        top: 0.08em
    }
}

.orb .orb__checkbox input[type="checkbox"]:focus {
    box-shadow: 0 0 0 5px rgba(var(--mark-RGB), 1);
    outline: none
}

.orb .orb__error {
    position: relative;
    padding: calc(1.3em * 0.75);
    padding-top: calc(1.3em * 0.6);
    padding-right: calc(1.3em * 2);
    border-radius: 0.2em;
    color: rgba(var(--error-RGB), 1);
    background-color: rgba(var(--error-RGB), 0.1)
}

.orb .orb__error:after {
    content: "×";
    font-size: 1.5em;
    position: absolute;
    top: calc(1.3em * 0.2);
    right: calc(1.3em * 0.3)
}

.orb .orb__error-text-color {
    color: rgba(var(--error-RGB), 1)
}

.orb .orb__nav a,
.orb .orb__nav span {
    margin-right: 0.8em
}

.orb .orb__nav a:last-child,
.orb .orb__nav span:last-child {
    margin-right: 0
}

.orb .orb__nav span {
    font-weight: 600
}

.orb .orb__icons-nav {
    margin: 2em 0 1em;
    display: flex;
    flex-wrap: wrap
}

.orb .orb__icons-nav a {
    width: 7.5em;
    border-bottom: none;
    padding-right: 2.5em
}

.orb .orb__icons-nav a figure figcaption {
    margin-top: 0.5em;
    opacity: 1
}

.orb .orb__icons-nav a:hover img {
    filter: brightness(1.4)
}

.orb .orb__cards-menu {
    margin: 2em 0 1em;
    display: flex;
    flex-wrap: wrap
}

.orb .orb__cards-menu a {
    position: relative;
    width: 14em;
    height: 10em;
    padding: 0.8em;
    border-bottom: none;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    background-color: rgba(var(--surface-RGB), 0.5)
}

.orb .orb__cards-menu a figure img {
    position: absolute;
    bottom: 0.8em;
    left: 0.8em;
    height: 1.8em
}

.orb .orb__cards-menu a figure figcaption {
    margin-top: 0;
    opacity: 1;
    color: rgba(var(--text-RGB), 1)
}

.orb .orb__cards-menu a:hover {
    background-color: rgba(var(--surface-RGB), 1)
}

.orb .orb__cards-menu a:hover figcaption {
    color: rgba(var(--hover-RGB), 1)
}

.orb .orb__links-list {
    margin: 1em 0;
    max-width: 32em
}

.orb .orb__links-list a {
    display: flex;
    padding: 0.2em 0.2em 0.6em 0.2em;
    margin-bottom: 0.3em
}

.orb .orb__links-list a .orb__link-caption {
    width: 50%;
    padding-right: 1em;
    color: rgba(var(--text-RGB), 1)
}

.orb .orb__links-list a .orb__link-text {
    width: 50%;
    color: rgba(var(--link-RGB), 1)
}

.orb .orb__links-list a .orb__link-text:after {
    content: "↗";
    position: relative;
    bottom: -0.05em;
    margin-left: 0.5em;
    font-size: 0.7em
}

.orb .orb__links-list a:hover {
    border-radius: 0.3em;
    background-color: rgba(var(--surface-RGB), 1)
}

.orb .orb-dark {
    color: rgba(var(--background-RGB), 1);
    background-color: rgba(var(--text-RGB), 1)
}

.orb .orb-dark a {
    color: rgba(var(--background-RGB), 1);
    border-bottom: 1px solid rgba(var(--background-RGB), 0.3);
    text-decoration: none
}

.orb .orb-dark a:hover {
    color: rgba(var(--hover-RGB), 1);
    border-bottom: 1px solid rgba(var(--hover-RGB), 0.6)
}

@media (max-width: 767px) {
    header {
        height: auto
    }
}

.top {
    background-color: rgba(var(--surface-RGB), 1)
}

.top .top-header {
    padding: 1.1em 1.2em;
    display: flex;
    justify-content: space-between
}

.top .top-content {
    margin-top: 1em;
    margin-left: 2em;
    width: 60%;
    padding: 1.1em 1.2em
}

.logos {
    display: flex
}

.logos .orb-emblem {
    width: 3.8em
}

.logos .orb-emblem .st0 {
    fill: rgba(var(--text-RGB), 1)
}

.logos .project-logo {
    min-width: 3.8em;
    margin-left: 1.8em;
    padding-top: 0.25em;
    margin-right: 0.6em
}

.logos .project-caption h1 {
    margin: 0;
    padding-top: 0.1em;
    font-size: 1.4em;
    line-height: 0.95;
    font-weight: 700
}

.oc-top {
    background-image: url("/images/identity/OC-header-image.png");
    background-repeat: no-repeat;
    background-size: 97%;
    background-position: 50% 80%;
    height: 28em
}

.ag-top {
    background-image: url("/images/identity/AG-top-image.png");
    background-repeat: no-repeat;
    background-size: 63%;
    background-position: 95% 80%;
    height: 28em
}

.ag-top .logos .project-logo {
    width: 4.1em;
    margin-left: 1.5em;
    margin-right: 0.4em
}

footer {
    padding: 8em 0 1em
}

@media (max-width: 767px) {
    footer {
        height: auto
    }
}

.marten svg {
    margin: 0 -1em
}

.marten .st0 {
    fill: rgba(var(--text-RGB), 1)
}

.sidebar {
    position: fixed;
    top: 0;
    z-index: 1;
    width: 12em;
    padding: 1em
}

@media (max-width: 767px) {
    .sidebar {
        position: static;
        margin: 1em;
        padding: 1em;
        background-color: rgba(var(--surface-RGB), 0.5)
    }
}

.sidebar h6 {
    margin-bottom: 0
}

.nav {
    margin-bottom: 1em
}

.nav .nav-header {
    display: flex
}

.nav .nav-header .nav-emblem {
    width: 6em
}

.nav .nav-link {
    margin: 0.4em 0
}

.orb .sidebar-controls-group {
    margin-top: 1em
}

.orb .sidebar-controls-group .sidebar-controls.hidden {
    display: none
}

@media (max-width: 767px) {
    .orb .sidebar-controls-group .sidebar-controls {
        display: none
    }
}

.orb .sidebar-controls-group .sidebar-controls .sidebar-em-converter {
    margin-bottom: 0.5em
}

.orb .sidebar-controls-group .sidebar-controls .sidebar-em-converter label {
    display: inline-block;
    padding: 0.4em 0 0.4em 0.7em;
    background-color: rgba(var(--surface-RGB), 0.5);
    border-radius: 0.3em 0 0 0.3em
}

.orb .sidebar-controls-group .sidebar-controls .sidebar-em-converter input {
    width: 4em;
    top: 0;
    padding-top: 0.4em;
    border-radius: 0 0.3em 0.3em 0
}

.orb .sidebar-controls-group .sidebar-controls .sidebar-em-converter span {
    padding-top: 0.4em
}

.palette {
    display: flex;
    flex-wrap: wrap
}

.palette.hidden {
    display: none
}

.palette.brand-palette {
    margin: 1.5em 0 2em -1.2em
}

@media (max-width: 767px) {
    .palette.brand-palette {
        margin: 1em 0 3em 0
    }
}

.palette.brand-palette .brand-palette-sample {
    width: 13em;
    height: 13em;
    border-radius: 50%;
    margin-right: -2em;
    padding: 3.5em 1.2em
}

.palette.brand-palette .brand-palette-sample .rgb,
.palette.brand-palette .brand-palette-sample .cmyk {
    font-size: 0.8em
}

@media (max-width: 767px) {

    .palette.brand-palette .brand-palette-sample .rgb,
    .palette.brand-palette .brand-palette-sample .cmyk {
        font-size: 0.8em
    }
}

@media (max-width: 767px) {
    .palette.brand-palette .brand-palette-sample {
        width: 12em;
        height: 12em;
        margin-right: -1.5em;
        margin-bottom: -1.5em;
        padding: 3em 1.5em
    }
}

.palette.interface-palette {
    margin-bottom: 1em
}

.palette.interface-palette .palette-bar {
    width: 25%;
    height: 6em;
    padding: calc(1.3em * 0.4) calc(1.3em * 0.5)
}

@media (max-width: 767px) {
    .palette.interface-palette .palette-bar {
        width: 50%
    }
}

.palette.interface-palette .palette-bar.half-width {
    width: 12.5%
}

@media (max-width: 767px) {
    .palette.interface-palette .palette-bar.half-width {
        width: 25%
    }
}

.palette.interface-palette .palette-bar .rgb {
    font-size: 0.9em;
    font-family: "Golos UI", sans-serif;
    font-weight: 400
}

@media (max-width: 767px) {
    .palette.interface-palette .palette-bar .rgb {
        font-size: 0.8em
    }
}

.font-letter {
    font-size: 2.5em;
    line-height: calc(1.3em / 1.2);
    margin-bottom: 0.5em
}

.font-letter.regular {
    font-weight: 400
}

.font-letter.demibold {
    font-weight: 600
}

.font-letter.bold {
    font-weight: 700
}

.font-letter.ui-regular {
    font-family: "Golos UI", sans-serif;
    font-weight: 400
}

.font-letter.ui-medium {
    font-family: "Golos UI", sans-serif;
    font-weight: 500
}

.font-letter.ui-bold {
    font-family: "Golos UI", sans-serif;
    font-weight: 700
}

@media (max-width: 767px) {
    .font-letter {
        font-size: 2.2em
    }
}

.props {
    margin-top: 1.5em;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .props {
        display: none
    }
}

.props .prop {
    width: 10em;
    margin-bottom: 0.5em
}

.props .prop.double-width {
    width: 20em
}

.props .prop .prop-caption {
    font-size: 0.75em;
    line-height: 1em;
    padding-bottom: 0.3em;
    border-bottom: 1px solid rgba(var(--text-RGB), 0.1);
    margin-bottom: 0.5em
}

.props .prop .value {
    display: inline-block;
    margin: 0 0.5em 0.5em 0
}

.props .prop .value .em::after {
    content: " em "
}

.props .prop .value .px::after {
    content: " px "
}

.props .prop .value .em,
.props .prop .value .px {
    display: inline
}

.props .prop .value.arrow-up .em::before,
.props .prop .value.arrow-up .px::before {
    content: "↑ "
}

.props .prop .value.arrow-right .em::before,
.props .prop .value.arrow-right .px::before {
    content: "→ "
}

.props .prop .value.arrow-down .em::before,
.props .prop .value.arrow-down .px::before {
    content: "↓ "
}

.props .prop .value.arrow-left .em::before,
.props .prop .value.arrow-left .px::before {
    content: "← "
}

h3 u {
    text-decoration: none;
    color: rgba(var(--text-RGB), 0.2)
}

.orb .units-selector {
    display: inline-flex;
    margin-right: 3em
}

.orb .em-converter {
    display: none
}

.orb .em-converter.visible {
    display: inline-flex
}

.orb .em-converter input {
    position: relative;
    width: 5em;
    top: -0.28em
}

.crest {
    padding-right: 30%
}

.crest .st0 {
    fill: rgba(var(--text-RGB), 1)
}

.logo-plate {
    padding: 1.5em 2em 2em;
    display: flex;
    background-color: rgba(var(--surface-RGB), 0.5)
}

.logo-plate .logo {
    width: 50%;
    display: flex
}

.logo-plate .emblem {
    width: 3.8em;
    margin-top: 0.2em
}

.logo-plate .emblem.shield {
    margin-top: 0.7em;
    width: 1.9em
}

.logo-plate .emblem svg .st0 {
    fill: rgba(var(--text-RGB), 1)
}

.logo-plate .caption {
    width: 30%;
    font-size: 1.1em;
    margin-top: 0.5em;
    margin-left: 0.5em
}

.section-wide {
    margin-right: -10%
}

@media (min-width: 768px) {
    .logo-download.S {
        display: inline-block
    }
}

.logo-download.S .download-plate .download-plate-container {
    width: 100%;
    margin: 0;
    padding: 1em 1em 2em 1em
}

.logo-download.S .download-plate .download-plate-container img {
    width: auto;
    height: 3em
}

.logo-download .download-plate {
    position: relative;
    margin-top: -0.5em;
    width: 100%
}

.logo-download .download-plate .download-plate-container {
    position: relative;
    margin: 0 -5%;
    width: 110%;
    padding: 1em 5% 2em;
    top: 0;
    box-sizing: border-box;
    background-color: rgba(242, 239, 239, 0);
    border-radius: 0.5em;
    transition: top 0.1s ease, background-color 0.3s ease
}

@media (max-width: 767px) {
    .logo-download .download-plate .download-plate-container {
        margin: 0;
        width: 100%;
        padding: 1em 1em 2em 1em
    }
}

.logo-download .download-plate .download-caption {
    opacity: 0;
    position: absolute;
    bottom: 0.5em;
    left: 0;
    width: 100%;
    text-align: center;
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.8em;
    transition: opacity 0.5s ease
}

.logo-download .download-plate.hover {
    cursor: pointer
}

.logo-download .download-plate.hover .download-plate-container {
    background-color: rgba(var(--surface-RGB), 0.3);
    top: -0.2em
}

.logo-download .download-plate.hover .download-caption {
    opacity: 1;
    transition: opacity 0.2s ease
}

.logo-download .download-plate .download-menu {
    position: relative;
    text-align: center;
    width: 100%
}

.logo-download .download-plate .download-menu .download-menu-plate {
    display: inline-block;
    position: absolute;
    top: -1.5em;
    z-index: 1;
    width: 18em;
    margin-left: -9em;
    font-size: 0.9em;
    line-height: 1.3;
    text-align: left;
    padding: 0.5em 0.8em 0.2em 0.8em;
    box-sizing: border-box;
    border-radius: 0.5em;
    background-color: rgba(var(--background-RGB), 1);
    box-shadow: 0 1em 2em 0 rgba(var(--surface-RGB), 1);
    opacity: 0;
    transition: top 0.2s ease, opacity 0.2s ease;
    pointer-events: none
}

@media all and (max-width: (max-width: 767px)) {
    .logo-download .download-plate .download-menu .download-menu-plate {
        width: 27em;
        margin-left: -13.5em;
        font-size: 0.85em;
        line-height: 1.3
    }
}

.logo-download .download-plate .download-menu .download-menu-plate p {
    width: 90%
}

.logo-download .download-plate .download-menu .download-menu-plate .logo-download-links .logo-download-link {
    width: 100%
}

.logo-download .download-plate .download-menu .download-menu-plate .logo-download-links .logo-download-link a {
    padding-bottom: 0.3em
}

.logo-download .download-plate .download-menu .download-menu-plate .logo-download-links .logo-download-link a span {
    font-size: 0.85em;
    opacity: 0.5;
    letter-spacing: 0.1em
}

.logo-download .download-plate .download-menu .download-menu-plate .logo-download-links .logo-download-link:last-child a {
    border-bottom: 0
}

.logo-download .download-plate .download-menu.visible .download-menu-plate {
    top: -1.7em;
    pointer-events: auto;
    opacity: 1
}

.map-container {
    position: relative
}

.map-container .map-controls {
    position: absolute;
    bottom: 3em;
    right: 3em;
    width: 13em;
    background-color: rgba(var(--background-RGB), 1);
    padding: 1em;
    border-radius: 0.3em
}

.checkboxes {
    margin-bottom: 1.5em
}

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

.banners .banners-column {
    width: 66%
}

.banners .banners-column.narrow {
    width: 32%
}

.ag-widget {
    position: relative;
    margin-top: 1.4em;
    padding: 1.2em 1.5em;
    background-color: #f7f7f7;
    height: 15em;
    color: rgba(var(--text-RGB), 1);
    overflow: hidden
}

.ag-widget .bg-logo {
    position: absolute;
    z-index: 0;
    top: -2em;
    left: 46%;
    width: 19.5em
}

.ag-widget h4 {
    position: relative
}

.ag-widget .content {
    position: relative
}

.ag-widget .buttons {
    position: absolute;
    left: 1.5em;
    bottom: 1.2em
}

.ag-widget .button {
    margin: 0.5em 0
}

.ag-widget .orb__button-link {
    display: inline-block;
    line-height: 1.3em
}

.apps {
    position: absolute;
    bottom: 1.4em;
    right: 1em
}

.apps p {
    font-size: 0.8em;
    line-height: 1.3em
}

.problem-form {
    display: flex;
    font-size: 1.2em
}

@media (max-width: 767px) {
    .problem-form {
        flex-wrap: wrap
    }
}

.problem-form input {
    margin-right: 0.3em
}

@media (max-width: 767px) {
    .problem-form input {
        width: 100%;
        margin-bottom: 0.5em
    }
}

a.vote-promo {
    display: block;
    padding: 1em 3em 1em 1em;
    background-color: rgba(var(--surface-RGB), 0.5);
    color: rgba(var(--text-RGB), 1);
    border-bottom: 0;
    height: 100%
}

a.vote-promo .fake-button {
    margin-top: 0.3em;
    display: inline-block;
    padding: 0.3em 1em 0.4em;
    background-color: rgba(var(--accent-RGB), 1);
    color: rgba(var(--background-RGB), 1);
    border-radius: 0.3em
}

a.vote-promo .fake-button.big {
    font-size: 1.3em;
    line-height: 1.3em
}

a.vote-promo:hover {
    background-color: rgba(var(--surface-RGB), 0.7);
    color: rgba(var(--text-RGB), 1);
    border-bottom: 0
}

a.vote-promo:hover .fake-button {
    background-color: rgba(var(--hover-RGB), 1)
}

.orb__window {
    position: relative;
    background-color: rgba(var(--background-RGB), 1);
    border-radius: 0.3em;
    padding: 1.2em 1.5em 1.5em 1.2em;
    box-shadow: 0 0.5em 1.5em 0 rgba(var(--text-RGB), 0.1)
}

.orb__window:after {
    content: "×";
    position: absolute;
    font-size: 1.5em;
    line-height: 1.3em;
    opacity: 0.4;
    top: 0.15em;
    right: 0.4em;
    z-index: 1
}

.report-nav .orb__grid.orb__grid-size-M .orb__grid-cell {
    width: calc(100% / 5)
}

@media (max-width: 767px) {
    .report-nav .orb__grid.orb__grid-size-M .orb__grid-cell {
        width: calc(100% / 2)
    }
}

@media (min-width: 768px) {
    .report-nav .orb__grid-cell:nth-child(1) .orb__nav-card {
        border-radius: 0.8em 0 0 0
    }

    .report-nav .orb__grid-cell:nth-child(5) .orb__nav-card {
        border-radius: 0 0.8em 0 0
    }

    .report-nav .orb__grid-cell:nth-child(6) .orb__nav-card {
        border-radius: 0 0 0 0.8em
    }

    .report-nav .orb__grid-cell:nth-child(10) .orb__nav-card {
        border-radius: 0 0 0.8em 0
    }
}

@media (max-width: 767px) {
    .report-nav .orb__grid-cell:nth-child(1) .orb__nav-card {
        border-radius: 0.8em 0 0 0
    }

    .report-nav .orb__grid-cell:nth-child(2) .orb__nav-card {
        border-radius: 0 0.8em 0 0
    }

    .report-nav .orb__grid-cell:nth-child(9) .orb__nav-card {
        border-radius: 0 0 0 0.8em
    }

    .report-nav .orb__grid-cell:nth-child(10) .orb__nav-card {
        border-radius: 0 0 0.8em 0
    }
}

.report-nav .orb__nav-card {
    position: relative;
    height: 10em;
    padding-right: 5em;
    color: white;
    background-image: linear-gradient(135deg, #003cb4, #001e78);
    overflow: hidden
}

.report-nav .orb__nav-card:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(-45deg, #00dc64, #003cb4);
    opacity: 0;
    transition: opacity 0.5s ease
}

.report-nav .orb__nav-card:hover {
    color: white
}

.report-nav .orb__nav-card:hover:after {
    opacity: 1;
    transition: opacity 0s ease
}

.report-nav .orb__nav-card .orb__nav-card__caption {
    position: relative;
    z-index: 1
}

.report-nav .orb__nav-card .orb__nav-card__image {
    position: absolute;
    bottom: 0.7em;
    right: 1em;
    z-index: 1
}

.report-nav .orb__nav-card .orb__nav-card__image img {
    width: 5em
}

.report-nav .orb__nav-card.tourism-design:after {
    background-image: linear-gradient(-45deg, #00fafa, #0064c8)
}

.report-nav .orb__nav-card.school-design .orb__nav-card__image img {
    width: 3.7em;
    transform: rotate(-7deg)
}

.report-nav .orb__nav-card.trolley-design .orb__nav-card__image img {
    width: 4.5em
}

.report-nav .orb__nav-card.med-design:after {
    background-image: linear-gradient(-45deg, #dc0064, #003cb4)
}

.report-nav .orb__nav-card.music-design:after {
    background-image: linear-gradient(-45deg, #f064fa, #003cb4)
}

.report-nav .orb__nav-card.music-design .orb__nav-card__image {
    bottom: 1.5em;
    right: -1.8em
}

.report-nav .orb__nav-card.music-design .orb__nav-card__image img {
    transform: rotate(70deg);
    width: 8em
}

.report-nav .orb__nav-card.sport-design .orb__nav-card__image img {
    width: 7em
}

.report-nav .orb__nav-card.city-design:after {
    background-image: linear-gradient(-45deg, #f064fa, #003cb4)
}

.report-nav .orb__nav-card.city-design .orb__nav-card__image img {
    width: 6em
}

.report-nav .orb__nav-card.eco-design:after {
    background-image: linear-gradient(-45deg, #00fafa, #003cb4)
}

.report-nav .orb__nav-card.eco-design .orb__nav-card__image {
    right: 1.5em
}

.report-nav .orb__nav-card.eco-design .orb__nav-card__image img {
    width: 3em
}

.report-big-illustration {
    position: relative;
    padding-right: 3em
}

.report-big-illustration.shift-top {
    top: -2em
}

.report-big-illustration.shift-left {
    left: -4em
}

@media (max-width: 767px) {
    .report-big-illustration.shift-left {
        left: 0
    }
}

.report-big-illustration.plus img {
    width: 130%
}

@media (max-width: 767px) {
    .report-big-illustration.plus img {
        width: 105%
    }
}

.report-sm-illustration {
    width: 60%;
    margin-bottom: 2em
}

.report-big-icon {
    margin: 1em 0;
    width: 6em
}

.report-big-icon.float-left {
    float: left;
    margin-right: 1em
}

.report-big-icon.float-right {
    float: right;
    margin-left: 0.5em
}

.report-M-icon {
    margin: 1em 0;
    width: 4.8em
}

.report-sm-icon {
    margin: 1em 0;
    width: 3.5em
}

.report-icon-in-text {
    width: 3.9em;
    margin: 0.3em 0.8em 0 0;
    float: left;
    transform: rotate(-3deg)
}

.report-text {
    clear: both;
    margin-bottom: 1.5em
}

.report-plate {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 1em 2em 2em 1em;
    border-radius: 0.5em;
    margin-bottom: 1.5em
}

.eco-projects-table {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.eco-projects-table .eco-project {
    width: 33%;
    background-color: rgba(var(--surface-RGB), 0.5);
    padding: 1em
}

@media (max-width: 767px) {
    .eco-projects-table .eco-project {
        width: 100%;
        border-radius: 0.7em;
        margin-bottom: 0.5em
    }
}

@media (min-width: 768px) {
    .eco-projects-table .eco-project:nth-child(1) {
        border-radius: 0.5em 0 0 0.5em
    }

    .eco-projects-table .eco-project:nth-child(3) {
        border-radius: 0 0.5em 0.5em 0
    }
}

.eco-projects-table .eco-project .eco-project-header {
    height: 4em
}

@media (max-width: 767px) {
    .eco-projects-table .eco-project .eco-project-header {
        height: auto
    }
}

.eco-projects-table .eco-project h6 {
    font-weight: 400;
    margin-top: 1.5em;
    margin-bottom: 0.4em
}

.orb .report mark {
    background-color: transparent;
    background-image: linear-gradient(to right, rgba(var(--mark-RGB), 1) 0%, rgba(var(--mark-RGB), 1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background-size: 200% 100%;
    background-position: 0 0;
    transition: background-position 1s ease
}

.orb .report mark.sleep {
    background-position: 100% 0
}

.report-infographics {
    margin-bottom: 1em
}

.report-infographics .info-item {
    display: flex;
    margin-bottom: 0.1em;
    align-items: baseline
}

.report-infographics .info-item .bar {
    width: 50%;
    padding: 0.2em 0.5em;
    color: white;
    margin-right: 0.3em;
    text-align: right;
    white-space: nowrap;
    transition: width 0.3s ease;
    background-image: linear-gradient(to right, #003296, #00c864);
    border-radius: 1em
}

.report-infographics .info-item .bar.sleep {
    width: 10% !important
}

.report-infographics .info-item .bar.planning {
    background-image: linear-gradient(to right, #fffa00, #00c864)
}

.report-infographics .info-item .caption {
    color: rgba(var(--text-RGB), 0.5)
}

.letters-header {
    padding: 1em 1.1em;
    background-color: rgba(var(--surface-RGB), 0.5)
}

.letters-header .orb-logo {
    display: flex
}

.letters-header .orb-logo .orb-emblem {
    width: 3em
}

.letters-header .orb-logo .orb-emblem .st0 {
    fill: rgba(var(--text-RGB), 1)
}

.letters-header .orb-logo .orb-caption {
    margin: 0.35em 0.6em
}

.promo-auth {
    position: absolute;
    top: 1em;
    right: 2em;
    width: 15em;
    z-index: 1000;
    padding: 1em;
    border-radius: 0.5em;
    border-bottom: 0;
    background-color: rgba(var(--background-RGB), 1);
    box-shadow: 0 1em 2em 0 rgba(var(--accent-RGB), 0.1)
}

@media (max-width: 767px) {
    .promo-auth {
        display: block;
        position: relative;
        top: auto;
        right: auto;
        margin-top: -2em;
        left: 1em
    }
}

.promo-auth .gosuslugi {
    margin: 0.8em 0.05em;
    width: 10em
}

.promo-auth .fake-button {
    margin-top: 0.3em;
    font-size: 0.75em;
    display: inline-block;
    padding: 0.2em 0.8em 0.3em;
    background-color: rgba(var(--accent-RGB), 1);
    color: rgba(var(--background-RGB), 1);
    border-radius: 0.3em
}

.promo-auth:hover {
    border-bottom: 0;
    box-shadow: 0 1em 2em 0 rgba(var(--hover-RGB), 0.2)
}

.promo-auth:hover .fake-button {
    background-color: rgba(var(--hover-RGB), 1)
}

.letters-promo {
    position: relative;
    padding: 1em 1em 2em 1em;
    background-color: rgba(var(--surface-RGB), 0.5)
}

@media (max-width: 767px) {
    .letters-promo {
        padding: 0.5em 0.5em 3em 0.5em
    }
}

.letters-promo .promo-cta {
    padding: 1em 2em;
    width: 65%
}

@media (max-width: 767px) {
    .letters-promo .promo-cta {
        padding: 0.5em 0.6em;
        width: 100%
    }
}

@media (max-width: 767px) {
    .letters-promo .promo-cta h2 {
        font-size: 2em
    }
}

.letters-promo .promo-cta .buttons {
    margin: 1em 0
}

.letters-content {
    padding: 1em 25% 4em 3em
}

@media (max-width: 767px) {
    .letters-content {
        padding: 1em 1.1em;
        width: 100%
    }
}

.letters-footer {
    padding: 1em
}

.ag-frame {
    position: relative
}

.ag-frame:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -0.5em;
    bottom: -0.5em;
    left: -0.8em;
    right: -0.5em;
    border: 1px solid rgba(var(--text-RGB), 0.2);
    border-radius: 0.3em
}

.orb .orb__button-link.ag-logo-bg {
    position: relative;
    background-image: url("/images/ORB_AG-logo-box.svg");
    background-size: 8em auto;
    background-position: 80% 60%;
    background-repeat: no-repeat;
    background-color: #001478;
    padding: 0.35em 1em 0.45em;
    border: 0
}

.orb .orb__button-link.ag-logo-bg:hover {
    border: 0
}

.ag-badges {
    margin-top: 0.3em
}

.orb__link-icon {
    position: relative;
    top: 0.1em;
    display: inline-block;
    margin: 0 0.2em 0 0
}

.orb__link-icon img {
    width: 1em
}

.poll-header {
    padding: 1em 1.1em
}

.poll-header .orb-logo {
    display: flex
}

.poll-header .orb-logo .orb-emblem {
    width: 3em
}

.poll-header .orb-logo .orb-emblem .st0 {
    fill: rgba(var(--text-RGB), 1)
}

.poll-header .orb-logo .orb-caption {
    margin: 0.35em 0.6em
}

.orb .orb-poll-block {
    display: block;
    height: 100%;
    padding: 1em 3em 1em 1em;
    background-color: rgba(var(--surface-RGB), 0.5);
    border-radius: 0.5em;
    border-bottom-width: 0.2em
}

.orb .orb-poll-block:hover {
    background-color: rgba(var(--hover-RGB), 0.1);
    border-bottom-width: 0.2em
}

.poll-card {
    margin: 0 0 2em 0;
    padding: 1em 3em 1em 1em;
    background-color: rgba(var(--surface-RGB), 0.5);
    border-radius: 0.5em
}

@media (max-width: 767px) {
    .poll-card {
        padding: 1em
    }
}

.poll-card .poll-progress {
    margin-bottom: 1em
}

.poll-card .poll-question {
    margin-bottom: 2em
}

.poll-card .poll-buttons .orb__button-link {
    margin-right: 0.4em
}

.poll-card .poll-summary {
    width: 80%;
    margin-bottom: 1.5em
}

@media (max-width: 767px) {
    .poll-card .poll-summary {
        width: 100%
    }
}

.poll-card .poll-result {
    width: 80%;
    margin-bottom: 2.2em
}

@media (max-width: 767px) {
    .poll-card .poll-result {
        width: 100%
    }
}

.poll-options .poll-option {
    display: flex;
    align-items: baseline;
    overflow: hidden;
    background-color: rgba(var(--surface-RGB), 0.5);
    margin-bottom: 0.1em
}

.poll-options .poll-option:hover {
    background-color: rgba(var(--surface-RGB), 0.7)
}

.poll-options .poll-option input:checked+label {
    font-weight: 600
}

.poll-options .poll-option label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.poll-options.options-as-text-list {
    width: 80%
}

@media (max-width: 767px) {
    .poll-options.options-as-text-list {
        width: 100%
    }
}

.poll-options.options-as-text-list .poll-option:first-child {
    border-radius: 0.3em 0.3em 0 0
}

.poll-options.options-as-text-list .poll-option:last-child {
    border-radius: 0 0 0.3em 0.3em
}

.poll-options.options-as-text-list .poll-option input {
    margin-left: 0.7em
}

.poll-options.options-as-text-list .poll-option label {
    flex-grow: 1;
    padding: 0.5em 0.5em 0.5em 0.9em;
    margin-left: -0.5em
}

.poll-options.options-as-icons-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.poll-options.options-as-icons-list .poll-option {
    position: relative;
    width: 11em;
    margin-right: 0.1em;
    justify-content: center;
    font-family: "Golos UI", sans-serif
}

@media (max-width: 767px) {
    .poll-options.options-as-icons-list .poll-option {
        font-size: 0.75em;
        line-height: 1
    }
}

.poll-options.options-as-icons-list .poll-option:first-child {
    border-radius: 0
}

.poll-options.options-as-icons-list .poll-option:last-child {
    border-radius: 0
}

.poll-options.options-as-icons-list .poll-option label {
    padding: 6.5em 0.5em 0.5em 0.9em;
    z-index: 1;
    margin-left: -0.5em
}

.poll-options.options-as-icons-list .poll-option label .label-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 1.5em
}

.poll-options.options-as-icons-list .poll-option label .label-icon img {
    width: 4.5em
}

@media (max-width: 767px) {
    .poll-options.options-as-icons-list .poll-option input {
        position: relative;
        top: 0.15em
    }
}

.orb-poll-table {
    margin: 2em 0
}

.orb-poll-table .orb-poll-th {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(var(--text-RGB), 0.5);
    padding-bottom: 0.5em;
    font-size: 0.85em;
    line-height: 1.3em
}

@media (max-width: 767px) {
    .orb-poll-table .orb-poll-th {
        font-size: 0.75em;
        line-height: 1
    }
}

.orb-poll-table .orb-poll-th .orb-poll-td:nth-child(1) {
    width: 35%
}

.orb-poll-table .orb-poll-th .orb-poll-td:nth-child(2) {
    width: 65%
}

.orb-poll-table .orb-poll-th .orb-poll-td .orb-poll-th-columns {
    display: flex
}

.orb-poll-table .orb-poll-th .orb-poll-td .orb-poll-th-columns .orb-poll-th-column {
    width: calc(100% / 4);
    text-align: center
}

.orb-poll-table .orb-poll-tr {
    display: flex;
    flex-wrap: wrap
}

.orb-poll-table .orb-poll-tr .orb-poll-td {
    border-bottom: 1px solid rgba(var(--text-RGB), 0.2)
}

@media (max-width: 767px) {
    .orb-poll-table .orb-poll-tr .orb-poll-td {
        font-size: 0.9em;
        line-height: 1.2
    }
}

.orb-poll-table .orb-poll-tr .orb-poll-td:nth-child(1) {
    width: 35%;
    padding: 0.3em 0 0.5em 0
}

.orb-poll-table .orb-poll-tr .orb-poll-td:nth-child(2) {
    width: 65%
}

.orb-poll-table .orb-poll-tr .orb-poll-td .poll-options {
    display: flex;
    height: 100%
}

.orb-poll-table .orb-poll-tr .orb-poll-td .poll-options .poll-option {
    display: flex;
    align-items: stretch;
    width: calc(100% / 4);
    height: 100%;
    background-color: transparent
}

.orb-poll-table .orb-poll-tr .orb-poll-td .poll-options .poll-option:hover {
    background-color: rgba(var(--surface-RGB), 0.2)
}

.orb-poll-table .orb-poll-tr .orb-poll-td .poll-options .poll-option label {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    padding: 0.5em
}

.poll-infographics {
    margin-bottom: 1em
}

.poll-infographics .info-item-caption {
    margin: 0.5em 0 0.2em
}

.poll-infographics .info-item {
    display: flex;
    align-items: baseline;
    font-family: "Golos UI", sans-serif
}

.poll-infographics .info-item .bar {
    width: 50%;
    padding: 0.2em 0.5em;
    color: white;
    margin-right: 0.3em;
    text-align: right;
    white-space: nowrap;
    transition: width 0.3s ease;
    background-image: linear-gradient(to right, rgba(var(--accent-RGB), 1), rgba(var(--link-RGB), 1))
}

.poll-infographics .info-item .bar.sleep {
    width: 10% !important
}

.poll-infographics .info-item .caption {
    color: rgba(var(--text-RGB), 0.5)
}

.poll-infographics .info-item.colors:nth-child(1) .bar {
    background-image: linear-gradient(to right, rgba(var(--link-RGB), 1), #c80000)
}

.poll-infographics .info-item.colors:nth-child(2) .bar {
    background-image: linear-gradient(to right, rgba(var(--link-RGB), 1), rgba(0, 0, 0, 0.4))
}

.poll-infographics .info-item.colors:nth-child(3) .bar {
    background-image: linear-gradient(to right, rgba(var(--link-RGB), 1), #00c832)
}

.poll-infographics .info-item.colors:nth-child(4) .bar {
    background-image: linear-gradient(to right, rgba(var(--link-RGB), 1), rgba(0, 0, 0, 0.7))
}

.legend {
    font-size: 0.75em;
    margin-bottom: 1em
}

.legend .legend-item {
    display: inline;
    margin-right: 0.7em
}

.legend .legend-item:nth-child(1) {
    color: #c80000
}

.legend .legend-item:nth-child(2) {
    color: rgba(0, 0, 0, 0.4)
}

.legend .legend-item:nth-child(3) {
    color: #00c832
}

.legend .legend-item:nth-child(4) {
    color: rgba(0, 0, 0, 0.7)
}

.widgets .orb__widget-container {
    padding: 0 1em 1em 0
}

.widgets .orb__widget-container.wide {
    width: 100%
}

.widgets .orb__widget-container.tall {
    width: 42%;
    min-width: 18em
}

.orb__widget {
    width: 100%;
    max-width: 50em;
    position: relative;
    background-color: rgba(var(--surface-RGB), 0.5);
    padding: 0.8em 0.8em 0.5em 0.8em;
    overflow: hidden
}

.orb__widget .orb__widget-content {
    position: relative;
    width: 79%;
    max-width: 30em;
    z-index: 1
}

.orb__widget .orb__widget-content .orb__widget-logo {
    display: flex;
    margin-bottom: 1.2em
}

.orb__widget .orb__widget-content .orb__widget-logo .orb__widget-logo-image {
    width: 2.2em;
    margin: 0.1em 0.3em 0 0
}

.orb__widget .orb__widget-content .orb__widget-logo .orb__widget-logo-wordmark {
    line-height: 1.1;
    font-weight: 600
}

.orb__widget.AG.wide .orb__widget-image {
    top: auto;
    bottom: 0.5em
}

.orb__widget.UCO {
    background-color: rgba(var(--surface-RGB), 0.3)
}

.orb__widget.UCO.wide .orb__widget-text {
    max-width: 23em
}

.orb__widget.UCO.wide .orb__widget-image {
    top: 0;
    right: 2.5em;
    transform: rotate(-10deg)
}

.orb__widget.UCO.wide .orb__widget-footer {
    margin-bottom: 2em
}

.orb__widget.wide .orb__widget-image {
    top: 0.5em;
    right: 0.5em;
    position: absolute;
    width: 35%
}

.orb__widget.tall .orb__widget-content {
    width: 100%
}

.orb__widget.tall .orb__widget-image {
    margin: 1em 0 1em 0;
    width: 90%
}

.orb__widget .orb__widget-footer {
    margin-top: 0.5em
}

.orb__widget .orb__widget-text .orb__button-link,
.orb__widget .orb__widget-footer-text .orb__button-link {
    margin: 0 0.35em 0.35em 0
}

.orb .edu-header {
    display: flex;
    justify-content: space-between;
    padding: 0.8em 1em;
    background-color: rgba(var(--surface-RGB), 0.3);
    height: 6em
}

@media (max-width: 767px) {
    .orb .edu-header {
        padding: 0.6em 3em 1em 0.8em;
        margin-bottom: 5em;
        height: auto
    }
}

.orb .edu-header .orb-logo {
    display: flex
}

.orb .edu-header .orb-logo .orb-emblem {
    margin-top: -0.1em;
    width: 3.8em
}

@media (max-width: 767px) {
    .orb .edu-header .orb-logo .orb-emblem {
        width: 2.5em;
        min-width: 2.5em
    }
}

.orb .edu-header .orb-logo .orb-emblem .st0 {
    fill: rgba(var(--text-RGB), 1)
}

.orb .edu-header .orb-logo .orb-caption {
    margin: 0 0.6em;
    font-weight: 600
}

@media (max-width: 767px) {
    .orb .edu-header .orb-logo .orb-caption {
        margin: 0 0.4em
    }
}

.orb .edu-header .orb__auth {
    display: flex
}

@media (max-width: 767px) {
    .orb .edu-header .orb__auth {
        display: none
    }
}

.orb .edu-header .orb__auth .orb__auth-item {
    margin-left: 0.8em
}

.orb .edu-header .orb__auth .orb__auth-item.orb__auth-button a {
    padding: 0.15em 0.4em 0.2em;
    border-radius: 0.2em;
    border: 1px solid rgba(var(--link-RGB), 0.2)
}

.orb .edu-header .orb__auth .orb__auth-item.orb__auth-button a:hover {
    border: 1px solid rgba(var(--hover-RGB), 0.2)
}

.orb .orb__navbar {
    display: flex;
    justify-content: space-between;
    padding: 0.6em 1em;
    margin-bottom: 5em
}

@media (max-width: 767px) {
    .orb .orb__navbar {
        display: none
    }
}

.orb .orb__navbar .orb__nav {
    display: flex;
    flex-wrap: wrap
}

.orb .orb__navbar .orb__nav .orb__nav-item {
    margin-right: 0.8em;
    margin-bottom: 0.2em
}

.orb .orb__navbar .orb__nav .orb__nav-item a {
    border-bottom: 0
}

.orb .orb__navbar .orb__nav .orb__nav-item a:hover {
    border-bottom: 0
}

.orb .orb__navbar .orb__search {
    position: relative
}

.orb .orb__navbar .orb__search .orb__search-icon {
    position: absolute;
    top: 0em;
    right: 0;
    width: 0.8em
}

.orb .orb__navbar .orb__search .orb__search-icon svg path {
    fill: rgba(var(--text-RGB), 0.3)
}

.orb .orb__navbar .orb__search input[type="text"] {
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid rgba(var(--surface-RGB), 1);
    padding: 0 0 0.1em 0
}

.orb .orb__navbar .orb__search input[type="text"]:focus {
    border-bottom: 1px solid rgba(var(--text-RGB), 0.5)
}

.orb .orb__navbar .orb__search input[type="text"]:focus+.orb__search-icon svg path {
    fill: rgba(var(--text-RGB), 1)
}

@media (min-width: 768px) {
    .orb .orb__hambourger {
        display: none
    }
}

@media (min-width: 768px) {
    .edu-nav-cards-filter {
        background-color: rgba(var(--text-RGB), 1);
        padding: 0.8em 1em 4em 0.8em;
        border-radius: 1em;
        margin-bottom: -4em;
        font-size: 0.89em;
        display: flex
    }
}

@media (max-width: 767px) {
    .edu-nav-cards-filter {
        justify-content: flex-start
    }
}

@media (max-width: 767px) {
    .edu-nav-cards-filter .orb__radiogroup-line {
        display: none
    }
}

@media (min-width: 768px) {
    .edu-nav-cards-filter .orb__select {
        display: none
    }
}

.edu-nav-cards-filter .orb__radiogroup-line .option label {
    color: rgba(var(--background-RGB), 1);
    background-color: transparent;
    padding: 0.1em 0.4em;
    border-radius: 0.3em;
    border: 1px solid transparent
}

.edu-nav-cards-filter .orb__radiogroup-line .option label:hover {
    color: rgba(var(--hover-RGB), 1);
    background-color: transparent
}

.edu-nav-cards-filter .orb__radiogroup-line .option input:checked+label {
    position: relative;
    z-index: 1;
    background-color: transparent;
    color: rgba(var(--background-RGB), 1);
    border: 1px solid rgba(var(--background-RGB), 0.3);
    padding: 0.1em 0.5em;
    margin: 0 -0.1em
}

.edu-nav-cards-filter .orb__radiogroup-line .option:first-child label {
    border-radius: 0.3em;
    padding: 0.1em 0.4em
}

.edu-nav-cards-filter .orb__radiogroup-line .option:last-child label {
    border-radius: 0.3em;
    padding: 0.1em 0.4em
}

.orb .edu-nav-card {
    height: 15em;
    background-color: rgba(var(--text-RGB), 1);
    color: rgba(var(--background-RGB), 1);
    background-image: linear-gradient(135deg, #00288c, #001e78)
}

.orb .edu-nav-card:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(-45deg, #003cb4, #00288c);
    opacity: 0;
    transition: opacity 0.5s ease
}

.orb .edu-nav-card:hover {
    background-color: rgba(var(--text-RGB), 1);
    color: rgba(var(--background-RGB), 1)
}

.orb .edu-nav-card:hover:after {
    opacity: 1;
    transition: opacity 0s ease
}

.orb .edu-nav-card h4,
.orb .edu-nav-card p {
    position: relative;
    z-index: 1
}


/*# sourceMappingURL=main.7085e78a.css.map*/