/**, *:before, *:after {*/
/*    box-sizing: border-box !important; }*/

/*html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*    border: 0 !important;*/
/*    font-size: 100% !important;*/
/*    font: inherit !important;*/
/*    vertical-align: baseline !important;*/
/*    text-rendering: optimizeLegibility !important;*/
/*    -webkit-font-smoothing: antialiased !important;*/
/*    text-size-adjust: none !important; }*/

.kmfdm-page__body,
.kmfdm-page__content {
    margin: 0 !important;
    padding: 0 !important;
}

footer, header, nav, section, main {
    display: block !important; }

html, body {
    background-color: #f4f7f9 !important;
    overflow: initial !important;
    font-family: Gilroy !important;
    line-height: 1 !important; }

ol, ul {
    list-style: none !important; }

blockquote, q {
    quotes: none !important; }

blockquote:before, blockquote:after, q:before, q:after {
    content: "" !important;
    content: none !important; }

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

input {
    border-radius: 0 !important; }

a {
    text-decoration: none !important;
    color: inherit !important; }

img {
    width: 100% !important;
    max-width: 100% !important; }

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-Regular.eot");
    src: local("Gilroy Regular"), local("Gilroy-Regular"), url("fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Regular.woff2") format("woff2"), url("fonts/Gilroy-Regular.woff") format("woff"), url("fonts/Gilroy-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-Bold.eot");
    src: local("Gilroy Bold"), local("Gilroy-Bold"), url("fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Bold.woff2") format("woff2"), url("fonts/Gilroy-Bold.woff") format("woff"), url("fonts/Gilroy-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-Black.eot");
    src: local("Gilroy Black"), local("Gilroy-Black"), url("fonts/Gilroy-Black.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Black.woff2") format("woff2"), url("fonts/Gilroy-Black.woff") format("woff"), url("fonts/Gilroy-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-Light.eot");
    src: local("Gilroy Light"), local("Gilroy-Light"), url("fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Light.woff2") format("woff2"), url("fonts/Gilroy-Light.woff") format("woff"), url("fonts/Gilroy-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-Semibold.eot");
    src: local("Gilroy Semibold"), local("Gilroy-Semibold"), url("fonts/Gilroy-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Semibold.woff2") format("woff2"), url("fonts/Gilroy-Semibold.woff") format("woff"), url("fonts/Gilroy-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-Medium.eot");
    src: local("Gilroy Medium"), local("Gilroy-Medium"), url("fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Medium.woff2") format("woff2"), url("fonts/Gilroy-Medium.woff") format("woff"), url("fonts/Gilroy-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-UltraLight.eot");
    src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"), url("fonts/Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-UltraLight.woff2") format("woff2"), url("fonts/Gilroy-UltraLight.woff") format("woff"), url("fonts/Gilroy-UltraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-Extrabold.eot");
    src: local("Gilroy Extrabold"), local("Gilroy-Extrabold"), url("fonts/Gilroy-Extrabold.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Extrabold.woff2") format("woff2"), url("fonts/Gilroy-Extrabold.woff") format("woff"), url("fonts/Gilroy-Extrabold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-Heavy.eot");
    src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url("fonts/Gilroy-Heavy.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Heavy.woff2") format("woff2"), url("fonts/Gilroy-Heavy.woff") format("woff"), url("fonts/Gilroy-Heavy.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-Thin.eot");
    src: local("Gilroy Thin"), local("Gilroy-Thin"), url("fonts/Gilroy-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Thin.woff2") format("woff2"), url("fonts/Gilroy-Thin.woff") format("woff"), url("fonts/Gilroy-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

.content-box {
    background-color: #ffffff !important;
    border-radius: 24px !important;
    padding: 20px 24px !important;
    width: 100% !important;
}

@media screen and (max-width: 760px) {
    .content-box {
        padding: 16px !important;
    }
}

.kmfdm-page__container {
    margin-left: 0 !important;
}

.content-box-grey {
    background-color: #f8f8f8 !important;
    border-radius: 12px !important;
    padding: 12px !important;
    width: 100% !important;
}

h1 .header_title,
.title {
    color: #181d31 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 21px !important;
    position: relative !important;
}

.custom-css-cookie-form {
    bottom: 70px !important;
}

.kmfdm-container {
    margin: 0 !important;
}

.layout {
    display: flex !important; }


.layout__content {
    width: 100% !important;
    padding: 0 15px 60px 15px; }

@media screen and (max-width: 760px) {
    .layout__content {
        padding: 0 !important;
        padding-bottom: 64px !important; }
}

.button {
    cursor: pointer !important;
    outline: none !important;
    border: none !important;
    background-color: #ffffff !important;
    font-family: "Gilroy" !important;
    color: #181d31 !important;
    font-size: 16px !important;
    box-shadow: 0 4px 15px rgba(49, 24, 31, 0.06) !important;
    border-radius: 100px !important;
    font-weight: 700 !important;
    height: 48px !important;
    text-decoration: none !important;
    padding: 0 20px !important;
    letter-spacing: 0.15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

.button:hover {
    background-color: #ffffff !important;
    color: #181d31 !important;
}

.button.no-shadow {
    box-shadow: none !important; }

.button.full {
    width: 100% !important; }

.button--green {
    background-color: #08c408 !important;
    color: #ffffff !important; }

.button--transparent {
    background-color: transparent !important;
    box-shadow: none !important; }

.button--gray {
    background-color: #9da5c4 !important;
    color: #ffffff !important; }

.button--light-gray {
    background-color: #f8f8f8 !important;
    color: #414657 !important; }

.button--pink {
    background-color: #ef16b0 !important;
    color: #ffffff !important; }

.button--warned {
    background-color: #ff4471 !important;
    color: #ffffff !important; }

.button--size-small {
    height: 36px !important;
    font-weight: 500 !important;
    padding: 0 13px !important;
    letter-spacing: 0.2px !important; }

.button--size-small .icon {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important; }

.button--size-small .icon.left {
    margin-right: 6px !important; }

@media screen and (max-width: 760px) {
    .button--size-small .icon.left.icon--plus {
        margin-right: 0 !important;
        width: 24px !important;
        height: 24px !important; }
}

.button--size-small .icon.left.icon--link {
    margin-right: 0 !important;
    width: 24px !important;
    height: 24px !important; }

.button--size-small .icon.right {
    margin-left: 6px !important; }

.button--size-tiny {
    height: 24px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.25px !important;
    padding: 0 9px !important; }

.button--size-tiny .icon {
    width: 8px !important;
    min-width: 8px !important;
    height: 8px !important; }

.button--size-tiny .icon.right {
    margin-left: 4px !important; }

.icon {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important; }

.icon.left {
    margin-right: 9px !important; }

.icon.right {
    margin-left: 9px !important; }

.header {
    padding: 20px 16px 20px 8px !important;
    display: flex !important;
    align-items: center !important;
    background-color: #f4f7f9 !important;
    font-family: "Gilroy" !important; }

@media screen and (max-width: 760px) {
    .header {
        padding: 8px !important; }
}

.header.sticky {
    position: sticky !important;
    top: 0 !important;
    z-index: 1001 !important; }

@media screen and (max-width: 760px) {
    .header.sticky {
        z-index: 1000 !important; }
}

@media screen and (max-width: 760px) {
    .header.menu-open {
        z-index: 1001 !important; }
}

.header__logo {
    display: none !important; }

@media screen and (max-width: 760px) {
    .header__logo {
        display: block !important; }
}

.header__right {
    display: flex !important;
    align-items: center !important;
    margin-left: auto !important; }

.header__balance {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #181d31 !important;
    white-space: nowrap !important; }

.header__notification {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23181D31' d='m22 16.139-1.126-1.133A2.98 2.98 0 0 1 20 12.891V9A8 8 0 0 0 4 9v3.89a2.98 2.98 0 0 1-.874 2.117L2 16.139V20h6.05a3.979 3.979 0 0 0 7.9 0H22zM12 21.5a2 2 0 0 1-1.937-1.5h3.874A2 2 0 0 1 12 21.5m8-3.5H4v-1.036l.544-.547A4.97 4.97 0 0 0 6 12.891V9a6 6 0 1 1 12 0v3.89a4.97 4.97 0 0 0 1.456 3.527l.544.547z'/%3E%3C/svg%3E") !important;
    margin-left: 32px !important;
    position: relative !important;
    cursor: pointer !important; }

@media screen and (max-width: 760px) {
    .header__notification {
        background-color: #ffffff !important;
        box-shadow: 0 4px 15px rgba(49, 24, 31, 0.06) !important;
        height: 40px !important;
        width: 48px !important;
        min-width: 48px !important;
        background-size: 24px !important;
        background-position: 50% 50% !important;
        display: none !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 24px !important; }
}

.header__notification span.new-label {
    width: 7px !important;
    height: 7px !important;
    position: absolute !important;
    border-radius: 50% !important;
    background-color: #08c408 !important;
    right: 2px !important;
    top: 2px !important; }

@media screen and (max-width: 760px) {
    .header__notification span.new-label {
        right: 14px !important;
        top: 10px !important; }
}

.header__account {
    position: relative !important; }

.header__account-avatar {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    margin-left: 32px !important;
    cursor: pointer !important;
    display: block !important;}

.header__account-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; }

@media screen and (max-width: 920px) {
    .header .button .text {
        display: none !important; }

    .header .button .icon {
        margin-right: 0 !important; }
}

@media screen and (max-width: 760px) {
    .header .button {
        display: none !important; }
}

.sidebar {
    width: 242px !important;
    min-width: 242px !important;
    height: 100% !important;
    padding: 17px !important;
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    font-family: "Gilroy" !important;
    z-index: 999999 !important; }

@media screen and (max-width: 760px) {
    .sidebar {
        width: 100vw !important;
        min-width: 100vw !important;
        height: 64px !important;
        top: auto !important;
        bottom: 0 !important;
        padding: 0 8px 0 8px !important; }
}

.sidebar__content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; }

.sidebar__label {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #7a8096 !important;
    letter-spacing: 0.15px !important;
    margin-bottom: 10px !important; }

@media screen and (max-width: 760px) {
    .sidebar__label {
        display: none !important; }
}

.sidebar__logo {
    margin-bottom: 35px !important; }

@media screen and (max-width: 760px) {
    .sidebar__logo {
        display: none !important; }
}

.sidebar__bottom {
    margin-top: auto !important; }

@media screen and (max-width: 760px) {
    .sidebar__bottom {
        display: none !important; }
}

.sidebar__link {
    font-size: 12px !important;
    color: #181d31 !important;
    text-decoration: none !important;
    display: block !important;
    margin-top: 14px !important;
    letter-spacing: 0.15px !important; }

.logo-menu {
    display: flex !important;
    justify-content: space-between !important;
    position: relative !important; }

@media screen and (max-width: 760px) {
    .logo-menu {
        align-items: center !important;
        justify-content: center !important;
        background-color: #ffffff !important;
        height: 40px !important;
        border-radius: 24px !important;
        padding: 0 17px !important;
        cursor: pointer !important;
        box-shadow: 0 4px 15px rgba(49, 24, 31, 0.06) !important; }
}

.logo-menu.active .logo-menu__arrow {
    transform: rotate(180deg) !important; }

@media screen and (max-width: 760px) {
    .logo-menu.active {
        border-radius: 24px 24px 0 0 !important; }
}

.logo-menu__arrow {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    cursor: pointer !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23181D31' d='m20.82 8.182-9.052 9.05-9.051-9.05 1.414-1.414 7.637 7.636 7.637-7.636z'/%3E%3C/svg%3E") !important;
    margin-top: -4px !important;
    transition: all 300ms !important; }

@media screen and (max-width: 760px) {
    .logo-menu__arrow {
        margin-left: 8px !important;
        margin-top: 0 !important; }
}

.sidebar-menu {
    position: relative !important; }

@media screen and (max-width: 760px) {
    .sidebar-menu {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important; }
}

@media screen and (max-width: 760px) {
    .sidebar-menu__wrapper--web {
        display: none !important; }
}

.sidebar-menu__wrapper--mob {
    display: none !important; }

@media screen and (max-width: 760px) {
    .sidebar-menu__wrapper--mob {
        display: flex !important;
        align-items: center !important;
        background-color: #ffffff !important;
        box-shadow: 0 4px 15px rgba(49, 24, 31, 0.06) !important;
        height: 56px !important;
        border-radius: 40px !important;
        padding: 0 8px !important;
        margin: 0 4px !important; }
}

.sidebar-menu__button {
    display: none !important; }

@media screen and (max-width: 760px) {
    .sidebar-menu__button {
        display: block !important; }

    .sidebar-menu__button .button {
        height: 56px !important;
        width: 56px !important;
        min-width: 56px !important;
        padding: 0 !important; }

    .sidebar-menu__button .button .icon {
        width: 24px !important;
        min-width: 24px !important;
        height: 24px !important;
        margin-right: 0 !important; }
}

.sidebar-menu .dropdown {
    display: none !important; }

@media screen and (max-width: 760px) {
    .sidebar-menu .dropdown {
        display: block !important;
        top: -10px !important;
        transform: translateY(-100%) !important; }
}

.menu-item {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 24px !important;
    cursor: pointer !important; }

@media screen and (max-width: 760px) {
    .menu-item {
        margin-bottom: 0 !important; }
}

.menu-item__text {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #181d31 !important;
    letter-spacing: 0.15px !important;
    white-space: nowrap !important; }

@media screen and (max-width: 760px) {
    .menu-item__text {
        display: none !important; }
}

.menu-item__icon {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    margin-right: 8px !important; }

@media screen and (max-width: 760px) {
    .menu-item__icon {
        width: 24px !important;
        min-width: 24px !important;
        height: 24px !important;
        margin-left: 16px !important;
        margin-right: 16px !important; }
}

.dropdown {
    width: 100% !important;
    border-radius: 24px !important;
    box-shadow: 0 4px 15px rgba(49, 24, 31, 0.2) !important;
    position: fixed !important;
    bottom: 80px !important;
    background-color: #ffffff !important;
    z-index: 1001 !important; }

.dropdown__item {
    display: block !important;
    height: 43px !important;
    line-height: 43px !important;
    padding: 0 16px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #181d31 !important;
    text-decoration: none !important;
    letter-spacing: 0.15px !important;
    border-bottom: 1px solid #e7e7ec !important;
    transition: all 300ms !important; }

.dropdown__item:hover {
    color: #ef16b0 !important; }

.dropdown__item:last-child {
    border: none !important; }