.bonus-notification {
    height: 48px;
    width: 48px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

@media (min-width: 767px) {
    .bonus-notification {
        height: 64px
    }

    .bonus-notification:hover .bonus-notification__icon {
        box-shadow: 0px 0px 0px 1px #1473FB
    }

    .bonus-notification:hover .bonus-notification__icon svg {
        color: #FEDE36
    }

    .bonus-notification:hover .bonus-notification__list {
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1)
    }

    .bonus-notification:hover:after {
        opacity: 1;
        visibility: visible;
        z-index: 2
    }

    .bonus-notification:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 100%;
        right: 0;
        opacity: 0;
        visibility: hidden;
        z-index: -10
    }
}

.bonus-notification__icon {
    width: 48px;
    height: 48px;
    position: relative;
    background: #242B3E;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-out all
}

.bonus-notification__icon svg {
    width: 24px;
    height: 24px;
    color: #fff;
    transition: 0.3s ease-out all
}

.bonus-notification__icon > span {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.004em;
    color: #141825
}

@media (min-width: 767px) {
    .bonus-notification__icon > span {
        display: none
    }
}

.bonus-notification__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - var(--vh-offset, 0px));
    background: rgba(70, 70, 70, 0.6);
    display: block;
    z-index: 10
}

.bonus-notification__list {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 288px;
    height: auto;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 16px;
    border-radius: 16px;
    display: block;
    z-index: 11
}

@media (min-width: 767px) {
    .bonus-notification__list {
        width: 288px;
        height: auto;
        top: 95%;
        right: 0;
        position: absolute;
        background: #fff;
        box-shadow: 0px 50px 100px rgba(111, 111, 128, 0.1);
        border-radius: 10px;
        padding: 24px;
        display: block;
        opacity: 0;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        transition: 0.25s ease-out all;
        max-height: 500px;
        overflow-y: auto
    }

    .bonus-notification__list::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        background-color: #F6F6F4
    }

    .bonus-notification__list::-webkit-scrollbar {
        width: 4px;
        background-color: #F6F6F4
    }

    .bonus-notification__list::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
        background-color: #1473FB
    }
}

.bonus-notification__item {
    background: #F6F6F4;
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 16px
}

.bonus-notification__item:last-child {
    margin-bottom: 0
}

.bonus-notification__item a {
    margin-top: 16px;
    width: 100%;
    display: block
}

.bonus-notification__item a .button {
    width: 100%
}

.bonus-notification__item_image {
    background: #fff;
    border-radius: 16px;
    margin-bottom: 16px;
    height: 102px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.bonus-notification__item_image img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block;
    object-fit: cover
}

.bonus-notification__item_icon {
    color: #1473FB;
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-right: 8px
}

.bonus-notification__item_label {
    font-family: Exo2, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -0.002em;
    color: #141825
}

.bonus-notification__item_price {
    font-family: Exo2, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.002em;
    color: #141825;
    white-space: nowrap
}

.bonus-notification__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px
}

@media (min-width: 767px) {
    .bonus-notification__head {
        display: none
    }
}

.bonus-notification__head span {
    font-family: Exo2, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #141825
}

.bonus-notification__head button {
    background: #F6F6F4;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: none
}

.bonus-notification__head button svg {
    color: #141825
}

.margin-calculator {
    height: 48px;
    width: 48px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.margin-calculator.margin-calculator_active .margin-calculator__icon {
    box-shadow: inset 0px 0px 0px 1px #1473FB
}

.margin-calculator.margin-calculator_active .margin-calculator__icon span {
    color: #1473FB
}

@media (min-width: 767px) {
    .margin-calculator {
        height: 64px
    }

    .margin-calculator:hover .margin-calculator__icon, .margin-calculator.margin-calculator_active .margin-calculator__icon {
        box-shadow: 0px 0px 0px 1px #1473FB
    }

    .margin-calculator:hover .margin-calculator__icon svg, .margin-calculator.margin-calculator_active .margin-calculator__icon svg {
        color: #FEDE36
    }
}

.margin-calculator .margin-calculator-item__odds input {
    box-shadow: 0px 0px 0px 1px #E2E2E2
}

.margin-calculator .margin-calculator-item__odds input:focus, .margin-calculator .margin-calculator-item__odds input.margin-calculator-item__odds_active {
    box-shadow: 0px 0px 0px 1px #1473FB
}

.margin-calculator__icon {
    width: 48px;
    height: 48px;
    position: relative;
    background: #242B3E;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-out all
}

.margin-calculator__icon svg {
    width: 17px;
    height: 17px;
    color: #fff;
    transition: 0.3s ease-out all
}

.margin-calculator__icon > span {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.004em;
    color: #141825
}

@media (min-width: 767px) {
    .margin-calculator__icon > span {
        display: none
    }
}

.margin-calculator__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - var(--vh-offset, 0px));
    background: rgba(70, 70, 70, 0.6);
    display: block;
    z-index: 10
}

.margin-calculator__list {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 312px;
    height: auto;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 16px;
    border-radius: 16px;
    display: block;
    z-index: 11
}

@media (min-width: 767px) {
    .margin-calculator__list {
        width: 312px;
        height: auto;
        top: 95%;
        right: 0;
        position: absolute;
        background: #fff;
        box-shadow: 0px 50px 100px rgba(111, 111, 128, 0.1);
        border-radius: 10px;
        padding: 16px 16px 0 16px;
        display: block;
        opacity: 0;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        transition: 0.25s ease-out all;
        overflow-y: auto
    }

    .margin-calculator__list::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        background-color: #F6F6F4
    }

    .margin-calculator__list::-webkit-scrollbar {
        width: 4px;
        background-color: #F6F6F4
    }

    .margin-calculator__list::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
        background-color: #1473FB
    }
}

.margin-calculator__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px
}

@media (min-width: 767px) {
    .margin-calculator__head {
        display: none
    }
}

.margin-calculator__head span {
    font-family: Exo2, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #141825
}

.margin-calculator__head button {
    background: #F6F6F4;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: none
}

.margin-calculator__head button svg {
    color: #141825
}

.social-links {
    display: flex;
    align-items: center
}

.social-links li {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    background: #F6F6F4;
    border-radius: 12px;
    margin-right: 8px;
    transition: 0.3s ease-out all
}

.social-links li:hover a svg {
    color: #1473FB
}

.social-links li:hover a span {
    color: #1473FB
}

.social-links li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 8px 6px
}

.social-links li a svg {
    color: #141825;
    transition: 0.3s ease-out all
}

.social-links li:last-child {
    margin-right: 0
}

.social-links li span {
    margin-left: 10px;
    margin-right: 10px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: -0.002em;
    color: #9E9E9E;
    white-space: nowrap;
    transition: 0.3s ease-out all
}

.language {
    height: 64px;
    width: 48px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    order: 5
}

@media (min-width: 767px) {
    .language {
        margin-left: 12px
    }

    .language:hover .language__list {
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1)
    }

    .language:hover:after {
        opacity: 1;
        visibility: visible;
        z-index: 2
    }

    .language:hover .language__current {
        box-shadow: 0px 0px 0px 1px #1473FB
    }

    .language:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 100%;
        right: 0;
        opacity: 0;
        visibility: hidden;
        z-index: -10
    }
}

@media (min-width: 991px) {
    .language {
        order: unset
    }
}

.language__current {
    width: 48px;
    height: 48px;
    position: relative;
    background: #242B3E;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    transition: 0.3s ease-out all
}

.language__current img {
    width: 22px;
    height: 22px;
    border-radius: 4px
}

.language__current span {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.004em;
    color: #fff;
    margin-right: 8px;
    flex-grow: 1
}

@media (min-width: 767px) {
    .language__current span {
        display: none
    }
}

.language__current svg {
    min-width: 16px;
    width: 16px;
    height: 16px;
    color: #fff
}

.language__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - var(--vh-offset, 0px));
    background: rgba(70, 70, 70, 0.6);
    display: block;
    z-index: 10
}

.language__list {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 288px;
    height: auto;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 16px;
    border-radius: 16px;
    display: block;
    z-index: 11
}

@media (min-width: 767px) {
    .language__list {
        width: 288px;
        height: auto;
        top: 95%;
        right: 0;
        left: unset;
        position: absolute;
        background: #fff;
        box-shadow: 0px 50px 100px rgba(111, 111, 128, 0.1);
        border-radius: 10px;
        padding: 24px;
        display: block;
        transition: 0.25s ease-out all;
        opacity: 0;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

.language__item {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    background: #F6F6F4;
    border-radius: 16px;
    padding: 16px
}

.language__item:last-child {
    margin-bottom: 0
}

.language__item span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #141825;
    flex-grow: 1
}

.language__icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    margin-right: 16px
}

.language__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px
}

@media (min-width: 767px) {
    .language__head {
        display: none
    }
}

.language__head span {
    font-family: Exo2, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #141825
}

.language__head button {
    background: #F6F6F4;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: none
}

.language__head button svg {
    color: #141825
}

.header-search {
    position: relative;
    order: 3;
    z-index: 99
}

@media (min-width: 991px) {
    .header-search {
        order: unset
    }
}

.header-search__icon {
    width: 48px;
    height: 48px;
    position: relative;
    background: #242B3E;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-out all;
    cursor: pointer
}

.header-search__icon svg {
    width: 24px;
    height: 24px;
    color: #fff;
    transition: 0.3s ease-out all
}

@media (min-width: 1024px) {
    .header-search__icon:hover {
        box-shadow: 0px 0px 0px 1px #1473FB
    }

    .header-search__icon:hover svg {
        color: #FEDE36
    }
}

.header-search__block {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    transition: 0.25s ease-out all;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transform-origin: 100% 50%;
    width: calc(100vw - 32px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px
}

@media (min-width: 767px) {
    .header-search__block {
        width: calc(100vw - 230px);
        max-width: calc(1400px - 230px)
    }
}

@media (min-width: 1024px) {
    .header-search__block {
        width: calc(100vw - 360px);
        max-width: calc(1400px - 360px)
    }
}

@media (min-width: 1280px) {
    .header-search__block {
        width: calc(100vw - 374px);
        max-width: calc(1400px - 374px)
    }
}

.header-search__block .search-component {
    flex-direction: column
}

.header-search__block .search-component__input {
    width: calc(100vw - 32px)
}

@media (min-width: 767px) {
    .header-search__block .search-component__input {
        width: calc(100vw - 230px);
        max-width: calc(1400px - 230px)
    }
}

@media (min-width: 1024px) {
    .header-search__block .search-component__input {
        width: calc(100vw - 360px);
        max-width: calc(1400px - 360px)
    }
}

@media (min-width: 1280px) {
    .header-search__block .search-component__input {
        width: calc(100vw - 374px);
        max-width: calc(1400px - 374px)
    }
}

.header-search__block .search-component__input-wrapper .search-component__button {
    right: 34px
}

.header-search__block .search-component__icon {
    color: #1473FB
}

.header-search__block_show {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.header-search__close-button {
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    height: 48px;
    width: 32px;
    padding-left: 6px
}

.header-search__close-button svg {
    color: #505564;
    width: 16px;
    height: 16px
}

.search-component {
    display: flex;
    align-items: center;
    position: relative
}

.search-component__input-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    flex-grow: 1
}

.search-component__input-wrapper .search-component__button {
    height: 40px;
    width: 80px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    z-index: 2
}

.search-component__icon {
    position: absolute;
    left: 10px;
    top: 50%;
    width: 24px;
    height: 24px;
    z-index: 2;
    transform: translateY(-50%)
}

.search-component__input input {
    padding-left: 40px;
    padding-right: 66px;
    transition: 0.3s ease-out all;
    box-shadow: 0px 0px 0px 1px transparent !important
}

.search-component__input_active input {
    box-shadow: 0px 0px 0px 1px #1473FB !important
}

.search-component__result {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 4px;
    background: #fff;
    box-shadow: 0px 0px 0px 1px #1473FB;
    border-radius: 16px;
    padding: 16px
}

.search-component__result mark {
    background-color: #FEDE36;
    border-radius: 2px;
    transition: 0.3s ease-out all
}

.search-component__result-list {
    list-style-type: none
}

.search-component__result-list a {
    display: flex
}

.search-component__result-list a:hover .search-component__result-item-title {
    color: #1473FB
}

.search-component__result-list a:hover .search-component__result-item-title mark {
    color: #1473FB
}

.search-component__result-list a:hover .search-component__result-item-description {
    text-decoration: underline
}

.search-component__result-item-img {
    width: 120px;
    min-width: 100px
}

.search-component__result-item-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 10px
}

.search-component__result-item-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-left: 16px
}

.search-component__result-item {
    border-bottom: 1px solid #F6F6F4;
    margin-bottom: 12px;
    padding-bottom: 12px
}

.search-component__result-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.search-component__result-item-title {
    font-family: Exo2, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.002em;
    color: #141825;
    margin-bottom: 6px;
    transition: 0.3s ease-out all
}

.search-component__result-item-description {
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: -0.002em;
    color: #4F525A;
    margin-bottom: 12px;
    max-height: 60px;
    overflow: hidden;
    transition: 0.3s ease-out all
}

@media (min-width: 767px) {
    .search-component__result-item-description {
        max-height: 45px
    }
}

.search-component__result-item-description h1, .search-component__result-item-description h2, .search-component__result-item-description h3, .search-component__result-item-description h4, .search-component__result-item-description h5, .search-component__result-item-description h6 {
    font-size: 14px;
    font-weight: 400
}

.search-component__result-item-date {
    display: flex;
    font-size: 14px;
    line-height: 1;
    color: #B7BBC4
}

.search-component__result-item-date img {
    margin-right: 4px
}

.search-component__result-item-date .time {
    padding-left: 4px
}

.search-component__result-title {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #141825;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.search-component__result-title button {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.search-component__nothing-found {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #141825;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 12px;
    position: relative
}

.search-component__nothing-found button {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.main-menu {
    flex-grow: 1;
    display: flex;
    width: 100%;
    max-height: 100%;
    overflow-y: auto
}

@media (min-width: 991px) {
    .main-menu {
        max-height: unset;
        overflow-y: unset;
        padding-right: 12px;
        align-items: center
    }
}

.main-menu nav {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    max-height: 100%
}

@media (min-width: 991px) {
    .main-menu nav {
        display: flex;
        position: relative;
        left: unset;
        top: unset;
        width: unset;
        height: 64px;
        flex-direction: row;
        justify-content: unset;
        background: transparent;
        margin-top: 0;
        margin-bottom: 0;
        max-height: unset
    }

    .main-menu nav::before, .main-menu nav::after {
        display: none
    }
}

.main-menu__item {
    width: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    color: #141825;
    transition: 0.3s ease-out all;
    box-shadow: inset 0px -2px 0px 0px transparent;
    justify-content: space-between;
    position: relative
}

.main-menu__item:last-child {
    margin-bottom: 0
}

@media (min-width: 991px) {
    .main-menu__item {
        color: #fff;
        height: 100%;
        width: unset;
        margin-right: 10px;
        justify-content: unset;
        flex-direction: row
    }

    .main-menu__item:last-child {
        margin-right: 0
    }
}

@media (min-width: 1280px) {
    .main-menu__item {
        margin-right: 56px
    }
}

.main-menu__item > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 8px;
    transition: 0.3s ease-out all;
    color: #141825
}

@media (min-width: 991px) {
    .main-menu__item > a {
        padding: 0;
        color: #fff
    }
}

.main-menu__item > a span {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    margin-right: 2px;
    white-space: nowrap;
    transition: 0.3s ease-out all
}

@media (min-width: 991px) and (min-width: 991px) {
    .main-menu__item:hover>a span {
        color: #FEDE36
    }
}

@media (min-width: 991px) {
    .main-menu__item:hover .main-menu__hide-list {
        opacity: 1;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1)
    }

    .main-menu__item:hover svg {
        transform: rotate(-180deg);
        color: #FEDE36
    }
}

.main-menu__item.main-menu__item_active a span {
    color: #1473FB
}

@media (min-width: 991px) and (min-width: 991px) {
    .main-menu__item.main-menu__item_active a span {
        color: #FEDE36
    }
}

@media (min-width: 991px) {
    .main-menu__item.main-menu__item_active svg {
        color: #FEDE36
    }
}

.main-menu__item_open .main-menu__hide-list {
    max-height: unset !important
}

.main-menu__hide-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    transition: 0.25s ease-out all;
    overflow: hidden;
    padding-left: 16px;
    max-height: 0;
    z-index: 10
}

@media (min-width: 991px) {
    .main-menu__hide-list {
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: -20px;
        padding: 6px 20px;
        background: #242B3E;
        width: 100%;
        height: auto;
        box-shadow: inset 0px -2px 0px 0px #FEDE36;
        overflow: unset;
        opacity: 0;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 220px;
        max-height: unset !important
    }
}

@media (min-width: 1280px) {
    .main-menu__hide-list {
        padding: 14px 20px
    }
}

.main-menu__hide-list:before {
    content: '';
    left: 0;
    top: -2px;
    width: 100%;
    height: 2px;
    background: #FEDE36;
    display: block;
    position: absolute;
    transition: 0.25s ease-out all
}

.main-menu__hide-list a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -0.002em;
    color: #1473FB;
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
    transition: 0.3s ease-out all;
    width: 100%
}

@media (min-width: 991px) {
    .main-menu__hide-list a {
        color: #fff;
        letter-spacing: -0.001em;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .main-menu__hide-list a:hover {
        color: #FEDE36
    }
}

.main-menu__item-toggle {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0
}

.mobile-menu {
    order: 1;
    z-index: 100
}

@media (min-width: 991px) {
    .mobile-menu {
        flex-grow: 1;
        display: flex;
        align-items: center;
        width: 100%;
        order: unset
    }
}

@media (min-width: 991px) {
    .mobile-menu nav {
        flex-grow: 1;
        display: flex;
        align-items: center;
        width: 100%;
        height: 64px
    }
}

.mobile-menu__icon {
    width: 48px;
    height: 48px;
    position: relative;
    background: #242B3E;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease-out all;
    border: none;
    margin-right: 8px
}

.mobile-menu__icon svg {
    width: 24px;
    height: 24px;
    color: #fff;
    transition: 0.3s ease-out all
}

.mobile-menu__icon:hover svg {
    color: #FEDE36
}

.mobile-menu__icon_active svg {
    color: #FEDE36
}

.mobile-menu__content {
    display: flex;
    flex-direction: column;
    flex-grow: unset;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 0;
    width: 85%;
    height: calc(100vh - var(--vh-offset, 0px));
    background: #fff;
    padding: 16px 16px 16px 0;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    z-index: 10
}

@media (min-width: 767px) {
    .mobile-menu__content {
        justify-content: center
    }
}

.mobile-menu__content::before {
    content: '';
    width: 100%;
    height: 100%;
    right: 100%;
    top: 0;
    background: #fff;
    position: absolute;
    display: block
}

.mobile-menu__content .search-component {
    flex-direction: column
}

.mobile-menu__content .search-component .search-component__result {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 1
}

.mobile-menu__content .search-component .search-component__result .search-component__result-list {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 350px
}

.mobile-menu__content .search-component .search-component__input {
    width: 100%
}

.mobile-menu__content .search-component .search-component__button {
    right: 34px
}

.mobile-menu__content-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + 16px);
    height: calc(100vh - var(--vh-offset, 0px));
    background: #141825;
    opacity: 0.9;
    z-index: 9
}

.mobile-menu__content-overlay svg {
    position: absolute;
    right: 16px;
    top: 16px;
    color: #FEDE36
}

.mobile-menu__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.mobile-menu__bonus {
    height: auto;
    width: calc(50% - 8px);
    justify-content: flex-start
}

.mobile-menu__bonus .bonus-notification__icon {
    background: #F6F6F4;
    border-radius: 12px;
    width: 100%;
    justify-content: flex-start;
    padding: 14px
}

.mobile-menu__bonus .bonus-notification__icon svg {
    color: #1473FB;
    margin-right: 10px
}

.mobile-menu__bonus .bonus-notification__icon span {
    color: #141825
}

.mobile-menu__bonus .bonus-notification__list {
    max-height: 80%;
    overflow-x: auto
}

.mobile-menu__сalculator {
    height: auto;
    width: 100%;
    margin-bottom: 16px;
    justify-content: flex-start
}

.mobile-menu__сalculator .margin-calculator__icon {
    background: #F6F6F4;
    border-radius: 12px;
    width: 100%;
    padding: 14px
}

.mobile-menu__сalculator .margin-calculator__icon svg {
    color: #1473FB;
    margin-right: 10px
}

.mobile-menu__сalculator .margin-calculator__icon span {
    color: #141825
}

.mobile-menu__сalculator .margin-calculator__list {
    max-height: 80%;
    overflow-x: auto
}

.mobile-menu__language {
    height: auto;
    width: calc(50% - 8px);
    justify-content: flex-start
}

.mobile-menu__language .language__current {
    background: #F6F6F4;
    border-radius: 12px;
    width: 100%;
    justify-content: flex-start;
    padding: 14px
}

.mobile-menu__language .language__current svg {
    display: none
}

.mobile-menu__language .language__current img {
    margin-right: 10px
}

.mobile-menu__language .language__current span {
    color: #141825;
    display: block
}

.mobile-menu__logo {
    width: 123px;
    min-width: 123px;
    height: auto;
    display: block;
    margin: 0 auto 10px
}

.header {
    position: relative;
    padding-top: 64px
}

.header__top {
    background: #141825;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 10
}

.header__bottom {
    background: #fff;
    height: 52px
}

.header__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 64px;
    flex-grow: 1
}

.header__logo {
    width: 123px;
    min-width: 120px;
    height: 40px;
    display: flex;
    align-items: center;
    transition: 0.3s ease-out all;
    order: 3;
    margin: 0 auto
}

@media (min-width: 991px) {
    .header__logo {
        order: unset;
        margin: 0 32px 0 0
    }
}

@media (min-width: 1280px) {
    .header__logo {
        margin: 0 40px 0 0
    }
}

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

.header__bonus {
    margin-right: 12px;
    order: 2
}

.header__bonus .bonus-notification__list {
    right: unset;
    left: 0
}

@media (min-width: 991px) {
    .header__bonus .bonus-notification__list {
        right: 0;
        left: unset
    }
}

@media (min-width: 991px) {
    .header__bonus {
        order: unset
    }
}

.header__сalculator {
    margin-right: 12px;
    order: 2
}

.header__сalculator .margin-calculator__list {
    right: unset;
    left: 0
}

@media (min-width: 991px) {
    .header__сalculator .margin-calculator__list {
        right: 0;
        left: unset
    }
}

@media (min-width: 991px) {
    .header__сalculator {
        order: unset
    }
}

.header__second-menu-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    margin-right: 20px;
    height: 52px;
    flex-grow: 1
}

.header__second-menu-wrapper {
    scrollbar-width: thin;
    scrollbar-color: #888 #e0e0e0;
}

/* Стили для кастомного скроллбара в Webkit-браузерах */
.header__second-menu-wrapper::-webkit-scrollbar {
    width: 8px; /* Ширина скроллбара */
}

.header__second-menu-wrapper::-webkit-scrollbar-thumb {
    background: #888; /* Цвет ползунка */
    border-radius: 4px; /* Закругление ползунка */
}

.header__second-menu-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555; /* Цвет ползунка при наведении */
}

.header__second-menu-wrapper::-webkit-scrollbar-track {
    background: #e0e0e0; /* Цвет фона скроллбара */
}

.header__second-menu {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%
}

.header__second-menu li {
    margin-right: 30px
}

@media (min-width: 1280px) {
    .header__second-menu li {
        margin-right: 50px
    }
}

.header__second-menu li a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.002em;
    color: #141825;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    cursor: pointer;
    white-space: nowrap
}

.header__second-menu li a svg {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    color: #A7AAB1;
    transition: .3s ease-out all
}

.header__second-menu li a:hover svg {
    color: #1473FB
}

.header__second-menu li:last-child {
    margin-right: 0
}

.header__sign-in {
    order: 6;
    width: 48px;
    min-width: 48px;
    padding: 0
}

@media (min-width: 767px) {
    .header__sign-in {
        margin-left: 12px
    }
}

@media (min-width: 991px) {
    .header__sign-in {
        order: unset
    }
}

.header__sign-in svg {
    width: 24px;
    height: 24px;
    min-width: 24px
}

.header__current-user {
    order: 6;
    height: 64px;
    width: 48px;
    min-width: 48px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2
}

@media (min-width: 767px) {
    .header__current-user {
        margin-left: 12px
    }
}

@media (min-width: 991px) {
    .header__current-user {
        order: unset
    }
}

.header__current-user:hover .header__current-user-logo {
    box-shadow: 0px 0px 0px 1px #1473FB
}

.header__current-user .header__current-user-logo {
    height: 48px;
    width: 48px;
    border-radius: 12px;
    transition: 0.3s ease-out all;
    overflow: hidden
}

.header__current-user .header__current-user-logo img {
    width: 100%;
    height: 100%;
    contain: cover;
    display: block
}

.footer {
    background: #fff
}

.footer__top {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #F6F6F4
}

@media (min-width: 991px) {
    .footer__top {
        justify-content: space-between;
        flex-wrap: nowrap
    }
}

.footer__logo {
    width: 123px;
    min-width: 123px;
    height: auto;
    display: block;
    margin-right: 24px;
    margin-bottom: 24px
}

@media (min-width: 991px) {
    .footer__logo {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .footer__logo {
        margin-right: 130px
    }
}

.footer__description {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #141825
}

.footer__center {
    padding-top: 32px;
    padding-bottom: 16px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (min-width: 767px) {
    .footer__center {
        padding-bottom: 32px
    }
}

@media (min-width: 1280px) {
    .footer__center {
        flex-wrap: nowrap
    }
}

.footer__menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap
}

@media (min-width: 991px) {
    .footer__menu {
        flex-wrap: nowrap
    }
}

@media (min-width: 1280px) {
    .footer__menu {
        width: calc(100% - 370px)
    }
}

.footer__menu_item {
    width: calc(100% / 2);
    margin-bottom: 24px
}

@media (min-width: 991px) {
    .footer__menu_item {
        margin-bottom: 0;
        width: calc(100% / 4)
    }
}

.footer__menu_item > a {
    font-family: Exo2, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.002em;
    color: #141825;
    text-transform: uppercase;
    margin-bottom: 12px;
    display: block
}

.footer__menu_item ul li a {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.002em;
    color: #4F525A;
    transition: 0.3s ease-out all;
    cursor: pointer
}

.footer__menu_item ul li a:hover {
    color: #1473FB
}

.footer__social-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width: 767px) {
    .footer__social-block {
        flex-direction: row;
        justify-content: space-between
    }
}

@media (min-width: 1280px) {
    .footer__social-block {
        width: 370px;
        flex-direction: column
    }
}

.footer__social-block_item {
    margin-bottom: 20px;
    width: 100%;
    text-align: center
}

@media (min-width: 767px) {
    .footer__social-block_item {
        width: 50%;
        text-align: unset
    }
}

@media (min-width: 991px) {
    .footer__social-block_item {
        margin-top: 24px
    }
}

@media (min-width: 1280px) {
    .footer__social-block_item {
        width: unset;
        margin-top: unset
    }
}

.footer__social-block_item:last-child {
    margin-bottom: 0
}

@media (min-width: 767px) {
    .footer__social-block_item:last-child {
        margin-bottom: 20px
    }
}

.footer__social-block_item .social-links {
    justify-content: center
}

@media (min-width: 767px) {
    .footer__social-block_item .social-links {
        justify-content: unset
    }
}

.footer__social-block_item p {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #141825;
    margin-bottom: 12px
}

.footer__social-block_item > span {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.001em;
    color: #B7BBC4;
    display: block;
    margin-bottom: 22px
}

@media (min-width: 767px) {
    .footer__social-block_item .subscribe-form {
        max-width: 370px
    }
}

.footer__contact_us {
    margin-bottom: 0;
    width: 100%;
    text-align: center
}

@media (min-width: 767px) {
    .footer__contact_us {
        width: 50%;
        text-align: unset
    }
}

@media (min-width: 991px) {
    .footer__contact_us {
        margin-top: 24px
    }
}

@media (min-width: 1280px) {
    .footer__contact_us {
        width: unset;
        margin-top: unset
    }
}

.footer__contact_us:last-child {
    margin-bottom: 0
}

@media (min-width: 767px) {
    .footer__contact_us:last-child {
        margin-bottom: 0
    }
}

.footer__contact_us .social-links {
    justify-content: center
}

@media (min-width: 767px) {
    .footer__contact_us .social-links {
        justify-content: unset
    }
}

.footer__contact_us p {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #141825;
    margin-bottom: 2px
}

.footer__contact_us > span {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.001em;
    color: #141825;
    display: block;
    margin-bottom: 22px
}

@media (min-width: 767px) {
    .footer__contact_us .subscribe-form {
        max-width: 370px
    }
}

.footer__contact_us a {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.002em;
    color: #4F525A
}

.footer__contact_us a:hover {
    color: #1473FB
}

.footer__bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 1px solid #F6F6F4
}

@media (min-width: 767px) {
    .footer__bottom {
        justify-content: space-between;
        flex-direction: row
    }
}

.footer__bottom span {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.001em;
    color: #B7BBC4;
    order: 2;
    margin-top: 16px
}

@media (min-width: 767px) {
    .footer__bottom span {
        order: unset;
        margin-top: unset;
        color: #141825
    }
}

.footer__care {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

@media (min-width: 767px) {
    .footer__care {
        justify-content: flex-end;
        flex-wrap: nowrap
    }
}

.footer__care .footer__care-item {
    width: 100px;
    text-align: center;
    margin: 0 20px 8px 20px;
    cursor: pointer
}

.footer__care .footer__care-item:last-child {
    margin-right: 0
}

@media (min-width: 767px) {
    .footer__care .footer__care-item {
        width: 80px;
        text-align: unset;
        margin-bottom: unset
    }
}

@media (min-width: 991px) {
    .footer__care .footer__care-item {
        width: 100px;
        margin-right: 40px
    }
}

.footer__care .footer__care-item img {
    width: 100%;
    height: auto;
    display: block;
    filter: grayscale(70%);
    transition: 0.3s ease-out all
}

.footer__care .footer__care-item:hover img {
    filter: grayscale(0)
}

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

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Thin"),
    local("Exo2-Thin"),
    url("../fonts/exo2thin.woff2") format("woff2"),
    url("../fonts/exo2thin.woff") format("woff"),
    url("../fonts/exo2thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Thin Italic"),
    local("Exo2-ThinItalic"),
    url("../fonts/exo2thinitalic.woff2") format("woff2"),
    url("../fonts/exo2thinitalic.woff") format("woff"),
    url("../fonts/exo2thinitalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Extra Light"),
    local("Exo2-ExtraLight"),
    url("../fonts/exo2extralight.woff2") format("woff2"),
    url("../fonts/exo2extralight.woff") format("woff"),
    url("../fonts/exo2extralight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Extra Light Italic"),
    local("Exo2-ExtraLightItalic"),
    url("../fonts/exo2extralightitalic.woff2") format("woff2"),
    url("../fonts/exo2extralightitalic.woff") format("woff"),
    url("../fonts/exo2extralightitalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Light"), local("Exo2-Light"),
    url("../fonts/exo2light.woff2") format("woff2"),
    url("../fonts/exo2light.woff") format("woff"),
    url("../fonts/exo2light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Light Italic"), local("Exo2-LightItalic"),
    url("../fonts/exo2lightitalic.woff2") format("woff2"),
    url("../fonts/exo2lightitalic.woff") format("woff"),
    url("../fonts/exo2lightitalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2"), local("Exo2-Regular"),
    url("../fonts/exo2.woff2") format("woff2"),
    url("../fonts/exo2.woff") format("woff"),
    url("../fonts/exo2.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Italic"), local("Exo2-Italic"),
    url("../fonts/exo2italic.woff2") format("woff2"),
    url("../fonts/exo2italic.woff") format("woff"),
    url("../fonts/exo2italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Medium"), local("Exo2-Medium"),
    url("../fonts/exo2medium.woff2") format("woff2"),
    url("../fonts/exo2medium.woff") format("woff"),
    url("../fonts/exo2medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Medium Italic"), local("Exo2-MediumItalic"),
    url("../fonts/exo2mediumitalic.woff2") format("woff2"),
    url("../fonts/exo2mediumitalic.woff") format("woff"),
    url("../fonts/exo2mediumitalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Semi Bold"), local("Exo2-SemiBold"),
    url("../fonts/exo2semibold.woff2") format("woff2"),
    url("../fonts/exo2semibold.woff") format("woff"),
    url("../fonts/exo2semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Semi Bold Italic"), local("Exo2-SemiBoldItalic"),
    url("../fonts/exo2semibolditalic.woff2") format("woff2"),
    url("../fonts/exo2semibolditalic.woff") format("woff"),
    url("../fonts/exo2semibolditalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Bold"), local("Exo2-Bold"),
    url("../fonts/exo2bold.woff2") format("woff2"),
    url("../fonts/exo2bold.woff") format("woff"),
    url("../fonts/exo2bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Bold Italic"), local("Exo2-BoldItalic"),
    url("../fonts/exo2bolditalic.woff2") format("woff2"),
    url("../fonts/exo2bolditalic.woff") format("woff"),
    url("../fonts/exo2bolditalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Extra Bold"), local("Exo2-ExtraBold"),
    url("../fonts/exo2extrabold.woff2") format("woff2"),
    url("../fonts/exo2extrabold.woff") format("woff"),
    url("../fonts/exo2extrabold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Extra Bold Italic"), local("Exo2-ExtraBoldItalic"),
    url("../fonts/exo2extrabolditalic.woff2") format("woff2"),
    url("../fonts/exo2extrabolditalic.woff") format("woff"),
    url("../fonts/exo2extrabolditalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Black"), local("Exo2-Black"),
    url("../fonts/exo2black.woff2") format("woff2"),
    url("../fonts/exo2black.woff") format("woff"),
    url("../fonts/exo2black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Exo2';
    src: local("Exo 2 Black Italic"), local("Exo2-BlackItalic"),
    url("../fonts/exo2blackitalic.woff2") format("woff2"),
    url("../fonts/exo2blackitalic.woff") format("woff"),
    url("../fonts/exo2blackitalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: 'Roboto';
    src: local("Roboto Thin"), local("Roboto-Thin"),
    url("../fonts/Robotothin.woff2") format("woff2"),
    url("../fonts/Robotothin.woff") format("woff"),
    url("../fonts/Robotothin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"),
    url("../fonts/Robotothinitalic.woff2") format("woff2"),
    url("../fonts/Robotothinitalic.woff") format("woff"),
    url("../fonts/Robotothinitalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: 'Roboto';
    src: local("Roboto Light"), local("Roboto-Light"),
    url("../fonts/Robotolight.woff2") format("woff2"),
    url("../fonts/Robotolight.woff") format("woff"),
    url("../fonts/Robotolight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: local("Roboto Light Italic"),
    local("Roboto-LightItalic"),
    url("../fonts/Robotolightitalic.woff2") format("woff2"),
    url("../fonts/Robotolightitalic.woff") format("woff"),
    url("../fonts/Robotolightitalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'Roboto';
    src: local("Roboto"), local("Roboto-Regular"),
    url("../fonts/Roboto.woff2") format("woff2"),
    url("../fonts/Roboto.woff") format("woff"),
    url("../fonts/Roboto.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: local("Roboto Italic"),
    local("Roboto-Italic"),
    url("../fonts/Robotoitalic.woff2") format("woff2"),
    url("../fonts/Robotoitalic.woff") format("woff"),
    url("../fonts/Robotoitalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Roboto';
    src: local("Roboto Medium"), local("Roboto-Medium"),
    url("../fonts/Robotomedium.woff2") format("woff2"),
    url("../fonts/Robotomedium.woff") format("woff"),
    url("../fonts/Robotomedium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
    url("../fonts/Robotomediumitalic.woff2") format("woff2"),
    url("../fonts/Robotomediumitalic.woff") format("woff"),
    url("../fonts/Robotomediumitalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'Roboto';
    src: local("Roboto Bold"), local("Roboto-Bold"),
    url("../fonts/Robotobold.woff2") format("woff2"),
    url("../fonts/Robotobold.woff") format("woff"),
    url("../fonts/Robotobold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"),
    url("../fonts/Robotobolditalic.woff2") format("woff2"),
    url("../fonts/Robotobolditalic.woff") format("woff"),
    url("../fonts/Robotobolditalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'Roboto';
    src: local("Roboto Black"), local("Roboto-Black"),
    url("../fonts/Robotoblack.woff2") format("woff2"),
    url("../fonts/Robotoblack.woff") format("woff"),
    url("../fonts/Robotoblack.ttf") format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: local("Roboto Black Italic"),
    local("Roboto-BlackItalic"),
    url("../fonts/Robotoblackitalic.woff2") format("woff2"),
    url("../fonts/Robotoblackitalic.woff") format("woff"),
    url("../fonts/Robotoblackitalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: 'Inter';
    src: local("Inter"), local("Inter"),
    url("../fonts/Inter.ttf") format("truetype");
    font-style: normal
}

@font-face {
    font-family: 'Inter Italic';
    src: local("Inter Italic"), local("Inter-Italic"),
    url("../fonts/InterItalic.ttf") format("truetype");
    font-style: normal
}

html, body {
    font-family: Inter, sans-serif;
    line-height: unset;
    min-width: 320px;
    background: #eee;
    scroll-behavior: smooth
}

@media (max-width: 991px) {
    html, body {
        overflow-x: hidden;
        overflow-y: auto
    }
}

body *, body *::before, body *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    scroll-behavior: smooth
}

ul li, ol li, nav li {
    list-style-type: none
}

.flex {
    display: flex
}

.flex-inline {
    display: inline-flex
}

.justify-between {
    justify-content: space-between
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-around {
    justify-content: space-around
}

.align-center {
    align-items: center
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-column {
    flex-direction: column
}

.flex-grow-1 {
    flex-grow: 1
}

.full-height {
    min-height: calc(100vh - var(--vh-offset, 0px))
}

.container {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 991px) {
    .container {
        padding-left: 40px;
        padding-right: 40px
    }
}

.title, .title a {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.6px;
    color: #141825
}

@media (min-width: 767px) {
    .title, .title a {
        font-size: 32px
    }
}

.page-width-aside {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
    width: 100%
}

.page-width-aside .page-content {
    width: 100%;
    flex-grow: 1
}

.page-width-aside > .infinite-scroll-component__outerdiv {
    flex-grow: 1;
    width: 100%
}

@media (min-width: 991px) {
    .page-width-aside > .infinite-scroll-component__outerdiv {
        width: calc(100% - 336px)
    }
}

.page-width-aside > .infinite-scroll-component__outerdiv .infinite-scroll-component {
    overflow: hidden !important
}

.page-width-aside aside {
    width: 312px;
    min-width: 312px;
    display: flex;
    flex-direction: column;
    margin-left: 24px;
    padding-bottom: 50px
}

.page-width-aside aside .aside-block-wrapper {
    padding-bottom: 24px
}

.page-width-aside aside .aside-block-wrapper h4 {
    font-family: Exo2, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.2px;
    color: #141825;
    margin-bottom: 24px
}

.modals-provider {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 270px;
    height: auto;
    z-index: 1000;
    background: #fff;
    border-radius: 16px
}

@media (min-width: 767px) {
    .modals-provider {
        width: 318px
    }
}

.modals-provider__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #141825;
    opacity: 0.8
}

.react-datepicker-wrapper {
    width: 100%
}

.react-datepicker-wrapper input {
    background: #FFFFFF;
    width: 100%;
    height: 48px;
    border: 1px solid #E2E2E2;
    border-radius: 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1;
    padding-left: 16px;
    padding-right: 16px;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    transition: 0.3s ease-out all;
    z-index: 2;
    position: relative;
    color: #141825
}

.react-datepicker-wrapper input:hover, .react-datepicker-wrapper input:focus, .react-datepicker-wrapper input.input-block__input_active {
    border-color: #1473FB
}

.react-datepicker-wrapper input:-webkit-autofill, .react-datepicker-wrapper input:-webkit-autofill:hover, .react-datepicker-wrapper input:-webkit-autofill:focus, .react-datepicker-wrapper input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important
}

.react-datepicker-wrapper input:disabled {
    border-color: transparent
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
    transition: 0.3s ease-out all
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
    background-color: #1473FB
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover {
    background-color: #2D80F9
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before {
    border-top-color: #1473FB
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
    font-weight: 700;
    font-family: Exo2, sans-serif;
    color: #141825
}

.react-datepicker {
    border-color: #1473FB
}

/*!
 * froala_editor v4.1.1 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */
.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element, .fr-element:focus {
    outline: 0 solid transparent
}

.fr-view.fr-element-scroll-visible {
    overflow-x: visible !important
}

.fr-box.fr-basic {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-basic .fr-element {
    font-family: sans-serif;
    color: #414141;
    font-size: 14px;
    line-height: 1.6;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: auto;
    min-height: 60px;
    text-align: left
}

.fr-box.fr-basic.fr-rtl .fr-element {
    text-align: right
}

.fr-element {
    background: transparent;
    position: relative;
    z-index: 2;
    -webkit-user-select: auto
}

.fr-element a {
    user-select: auto;
    -o-user-select: auto;
    -moz-user-select: auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    -ms-user-select: auto
}

.fr-element.fr-disabled {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element [contenteditable="true"] {
    outline: 0 solid transparent
}

.fr-box a.fr-floating-btn {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 40px;
    width: 40px;
    text-align: center;
    background: #fff;
    color: #333333;
    -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
    outline: none;
    left: 0;
    top: 0;
    line-height: 40px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    text-align: center;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none
}

.fr-box a.fr-floating-btn svg {
    -webkit-transition: transform 0.2s ease 0s;
    -moz-transition: transform 0.2s ease 0s;
    -ms-transition: transform 0.2s ease 0s;
    -o-transition: transform 0.2s ease 0s;
    fill: #333333
}

.fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg {
    font-size: 14px;
    line-height: 40px
}

.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
    margin-left: 10px
}

.fr-box a.fr-floating-btn:hover {
    background: #ebebeb;
    cursor: pointer
}

.fr-box a.fr-floating-btn:hover svg {
    fill: #333333
}

.fr-box .fr-visible a.fr-floating-btn {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

iframe.fr-iframe {
    width: 100%;
    border: none;
    position: relative;
    display: block;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-wrapper {
    position: relative;
    z-index: 1
}

.fr-wrapper::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-wrapper .fr-placeholder {
    position: absolute;
    font-size: 14px;
    color: #aaa;
    font-family: sans-serif;
    z-index: 1;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.fr-wrapper.show-placeholder .fr-placeholder {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fr-wrapper ::-moz-selection {
    background: rgba(181, 214, 253, 0.8);
    color: #000
}

.fr-wrapper ::selection {
    background: rgba(181, 214, 253, 0.8);
    color: #000
}

.fr-box.fr-basic .fr-wrapper {
    background: #fff;
    border: 1px solid #cccccc;
    border-bottom-color: #efefef;
    top: 0;
    left: 0
}

.fr-box.fr-basic.fr-top .fr-wrapper {
    border-top: 0
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

@media (min-width: 992px) {
    .fr-box.fr-document {
        min-width: 21cm
    }

    .fr-box.fr-document .fr-wrapper {
        text-align: left;
        padding: 30px;
        min-width: 21cm;
        background: #efefef
    }

    .fr-box.fr-document .fr-wrapper .fr-element {
        text-align: left;
        background: #fff;
        width: 21cm;
        margin: auto;
        min-height: 26cm !important;
        padding: 1cm 2cm;
        overflow: visible;
        z-index: auto
    }

    .fr-box.fr-document .fr-wrapper .fr-element hr {
        margin-left: -2cm;
        margin-right: -2cm;
        background: #efefef;
        height: 1cm;
        outline: none;
        border: none
    }

    .fr-box.fr-document .fr-wrapper .fr-element img {
        z-index: 1
    }
}

.fr-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 8px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #222222;
    color: #fff;
    font-size: 11px;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-transition: opacity 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s;
    -ms-transition: opacity 0.2s ease 0s;
    -o-transition: opacity 0.2s ease 0s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -3000px;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 2147483647;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fr-tooltip.fr-visible {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-modal .fr-btn-wrap {
    float: left;
    white-space: nowrap;
    position: relative
}

.fr-toolbar .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-modal .fr-btn-wrap.fr-hidden {
    display: none
}

.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
    background: transparent;
    color: #333333;
    -moz-outline: 0;
    outline: none;
    border: 0;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    margin: 4px 2px;
    padding: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    float: left;
    height: 40px
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-modal .fr-command.fr-btn.fr-btn-hover {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .fr-popup .fr-command.fr-btn::-moz-focus-inner, .fr-modal .fr-command.fr-btn::-moz-focus-inner {
    border: 0;
    padding: 0
}

.fr-toolbar .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-modal .fr-command.fr-btn.fr-btn-text {
    width: auto
}

.fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
    display: block;
    text-align: center;
    float: none;
    margin: 8px 7px;
    width: 24px
}

.fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
    height: 24px
}

.fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    fill: #333333
}

.fr-toolbar .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-modal .fr-command.fr-btn span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-toolbar .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-modal .fr-command.fr-btn span {
    font-size: 14px;
    display: block;
    line-height: 17px;
    min-width: 30px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 17px;
    font-weight: bold;
    padding: 0 4px
}

.fr-toolbar .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-modal .fr-command.fr-btn img {
    margin: 8px 7px;
    width: 24px
}

.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup {
    background: #d6d6d6
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
    font-weight: normal
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg {
    margin-left: 3px;
    margin-right: 11px
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333333;
    right: 2px;
    top: 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    content: ""
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
    fill: #333333;
    background: #d6d6d6;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
    background: #ebebeb;
    fill: #333333
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
    border-top-color: #333333
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
    border-top: 0;
    border-bottom: 4px solid #222222
}

.fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled {
    color: #bdbdbd;
    cursor: default;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar .fr-command.fr-btn.fr-disabled::after, .fr-popup .fr-command.fr-btn.fr-disabled::after, .fr-modal .fr-command.fr-btn.fr-disabled::after {
    border-top-color: #bdbdbd
}

.fr-toolbar .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-modal .fr-command.fr-btn.fr-hidden {
    display: none
}

.fr-toolbar .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-modal .fr-tabs .fr-command.fr-btn {
    margin: 0;
    width: 46px;
    height: 40px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
    background: #fff
}

.fr-toolbar .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-modal .fr-tabs .fr-command.fr-btn span {
    height: 27px
}

.fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg {
    margin: 8px 11px;
    width: 24px;
    height: 24px
}

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
    fill: #0098f7
}

.fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active {
    color: #bdbdbd;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
    border-top-color: #bdbdbd
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
    float: right
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
    float: left
}

.fr-toolbar.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-modal.fr-rtl .fr-btn-wrap {
    float: right
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: none
}

.fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded {
    outline: 0;
    color: #333333
}

.fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
    background: #ebebeb
}

.fr-desktop .fr-command:hover::after, .fr-desktop .fr-command:focus::after, .fr-desktop .fr-command.fr-btn-hover::after, .fr-desktop .fr-command.fr-expanded::after {
    border-top-color: #333333
}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active {
    color: #333333;
    background: #d6d6d6
}

.fr-desktop .fr-command.fr-active:hover, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded {
    background: #ebebeb
}

.fr-desktop .fr-command.fr-active:active {
    background: #d6d6d6
}

.fr-desktop .fr-command.fr-disabled:hover, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled.fr-selected {
    background: transparent
}

.fr-desktop.fr-disabled .fr-command:hover, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command.fr-selected {
    background: transparent
}

.fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink {
    background: #d6d6d6
}

.fr-command.fr-btn.fr-options {
    width: 16px;
    margin-left: -5px
}

.fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:hover, .fr-command.fr-btn.fr-options:focus {
    border-left: solid 1px #fafafa;
    -webkit-transition: border-left 0s, background-color 0.5s;
    -moz-transition: border-left 0s, background-color 0.5s;
    -ms-transition: border-left 0s, background-color 0.5s;
    -o-transition: border-left 0s, background-color 0.5s
}

.fr-command.fr-btn + .fr-dropdown-menu {
    background: #fff;
    display: inline-block;
    position: absolute;
    right: auto;
    bottom: auto;
    height: auto;
    z-index: 4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    zoom: 1;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    height: auto;
    max-height: 275px
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
    padding: 0;
    margin: auto;
    display: inline-block;
    text-align: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    margin-top: 0;
    float: left;
    height: 0;
    margin-top: 0 !important
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
    position: relative
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
    list-style-type: none;
    margin: 0;
    padding: 8px 0;
    min-width: 72px
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
    padding: 0;
    margin: 0;
    font-size: 15px
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
    padding: 0 20px;
    line-height: 200%;
    display: flex;
    cursor: pointer;
    white-space: nowrap;
    color: inherit;
    text-decoration: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
    width: 24px;
    height: 24px;
    margin: 3px 4px
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
    fill: #333333
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
    background: #d6d6d6
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
    color: #bdbdbd;
    cursor: default
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
    margin-left: 20px;
    font-weight: bold;
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75
}

.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
    display: inline-block;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper {
    text-align: right !important
}

body.fr-prevent-scroll {
    overflow: hidden
}

body.fr-prevent-scroll.fr-mobile {
    position: fixed;
    -webkit-overflow-scrolling: touch
}

.fr-modal {
    color: #222222;
    font-family: Arial, Helvetica, sans-serif;
    position: fixed;
    overflow-x: auto;
    overflow-y: scroll;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 2147483640;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    line-height: 1.2
}

.fr-modal.fr-middle .fr-modal-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute
}

.fr-modal .fr-modal-wrapper {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-clip: padding-box;
    margin: 20px auto;
    display: inline-block;
    background: #fff;
    min-width: 300px;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    border: 0;
    overflow: hidden;
    width: 90%;
    position: relative
}

@media (min-width: 768px) and (max-width: 991px) {
    .fr-modal .fr-modal-wrapper {
        margin: 30px auto;
        width: 70%
    }
}

@media (min-width: 992px) {
    .fr-modal .fr-modal-wrapper {
        margin: 50px auto;
        width: 960px
    }
}

.fr-modal .fr-modal-wrapper .fr-modal-head {
    background: #fff;
    overflow: hidden;
    position: absolute;
    width: 100%;
    min-height: 42px;
    z-index: 3;
    border-bottom: solid #efefef 1px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
    height: 56px;
    padding: 0 10px
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
    margin: 10px;
    position: absolute;
    top: 0;
    right: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
    font-size: 20px;
    padding: 19px 10px;
    margin: 0;
    font-weight: 400;
    line-height: 18px;
    display: inline-block;
    float: left
}

.fr-modal .fr-modal-wrapper div.fr-modal-body {
    height: 100%;
    min-height: 150px;
    overflow-y: auto;
    padding-bottom: 20px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
    outline: 0
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    outline: none;
    -webkit-transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
    margin-left: 24px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
    background: #ebebeb;
    color: #0098f7
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
    background: #d6d6d6;
    color: #0098f7
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
    border: 0
}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
    background: #ebebeb
}

.fr-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 2147483639
}

ol.decimal_type {
    counter-reset: item
}

ol.decimal_type > li {
    display: block;
    position: relative
}

ol.decimal_type > li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px
}

.fr-popup {
    position: absolute;
    display: none;
    color: #222222;
    background: #fff;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    font-family: Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    margin-top: 10px;
    z-index: 2147483635;
    text-align: left;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2
}

.fr-popup .fr-icon {
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    font-weight: 400;
    box-sizing: content-box;
    padding: 6px
}

.fr-popup .fr-icon-container {
    padding: 20px;
    max-height: 200px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@supports not (-ms-high-contrast: none) {
    .fr-popup .fr-icon-container {
        grid-template-columns:repeat(auto-fill, minmax(36px, 36px));
        display: grid
    }
}

@media (min-width: 768px) {
    .fr-popup .fr-icon-container {
        min-width: 276px
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .fr-popup .fr-icon-container {
        display: inline-flex;
        -ms-flex-flow: row wrap
    }
}

@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
    .fr-popup .fr-icon-container {
        width: 236px
    }
}

.fr-popup .fr-input-focus {
    background: whitesmoke
}

.fr-popup.fr-above {
    margin-top: -10px;
    border-top: 0
}

.fr-popup.fr-active {
    display: block
}

.fr-popup.fr-hidden {
    display: none !important
}

.fr-popup.fr-empty {
    display: none !important
}

.fr-popup .fr-hs {
    display: block !important
}

.fr-popup .fr-hs.fr-hidden {
    display: none !important
}

.fr-popup .fr-input-line {
    position: relative;
    padding: 15px 0
}

.fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line input[type="number"], .fr-popup .fr-input-line textarea {
    width: 100%;
    margin-bottom: 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: solid 1px #999999;
    color: #222222;
    font-size: 14px;
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 4px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border 0.5s, padding 0.5s;
    -moz-transition: border 0.5s, padding 0.5s;
    -ms-transition: border 0.5s, padding 0.5s;
    -o-transition: border 0.5s, padding 0.5s
}

.fr-popup .fr-input-line input[type="text"]:hover, .fr-popup .fr-input-line input[type="number"]:hover, .fr-popup .fr-input-line textarea:hover {
    border: solid 1px #515151
}

.fr-popup .fr-input-line input[type="text"]:focus, .fr-popup .fr-input-line input[type="number"]:focus, .fr-popup .fr-input-line textarea:focus {
    border: solid 2px #0098f7;
    padding: 3px 11px
}

.fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line input[type="number"] {
    height: 46px
}

.fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label {
    position: absolute;
    top: 29px;
    left: 12px;
    font-size: 14px;
    color: grey;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index: 3;
    display: block;
    background: #fff;
    padding: 0;
    cursor: text
}

.fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label {
    color: gray;
    width: auto;
    left: 4px;
    padding: 0 4px;
    font-size: 11px;
    top: 9px
}

.fr-popup input, .fr-popup textarea {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: none
}

.fr-popup textarea {
    resize: none
}

.fr-popup .fr-buttons {
    white-space: nowrap;
    line-height: 0
}

.fr-popup .fr-buttons .fr-btn {
    margin-left: 4px;
    margin-right: 4px;
    display: inline-block;
    float: none
}

.fr-popup .fr-buttons .fr-btn i {
    float: left
}

.fr-popup .fr-buttons .fr-separator {
    display: inline-block;
    float: none
}

.fr-popup .fr-buttons.fr-tabs {
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    overflow: hidden
}

@media (max-width: 768px) {
    .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
        overflow: scroll;
        overflow-y: hidden;
        width: 276px
    }
}

.fr-popup .fr-buttons:not(.fr-tabs) {
    padding: 5px
}

.fr-popup .fr-layer {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 195px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px;
    display: none
}

@media (min-width: 768px) {
    .fr-popup .fr-layer {
        width: 260px
    }
}

.fr-popup .fr-layer.fr-active {
    display: inline-block
}

.fr-popup .fr-action-buttons {
    z-index: 7;
    height: 36px;
    text-align: right
}

.fr-popup .fr-action-buttons button.fr-command {
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    outline: none;
    -webkit-transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-popup .fr-action-buttons button.fr-command + button {
    margin-left: 24px
}

.fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus {
    background: #ebebeb;
    color: #0098f7
}

.fr-popup .fr-action-buttons button.fr-command:active {
    background: #d6d6d6;
    color: #0098f7
}

.fr-popup .fr-action-buttons button::-moz-focus-inner {
    border: 0
}

.fr-popup .fr-checkbox {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 10px;
    border-radius: 100%;
    line-height: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    vertical-align: middle
}

.fr-popup .fr-checkbox svg {
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    width: 10px;
    height: 10px
}

.fr-popup .fr-checkbox span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s
}

.fr-popup .fr-checkbox input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: pointer;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 18px;
    top: 7px;
    left: 7px
}

.fr-popup .fr-checkbox input:not(:checked) + span {
    border: solid 2px #999999
}

.fr-popup .fr-checkbox input:not(:checked):active + span {
    background-color: #f5f5f5
}

.fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span {
    border-color: #515151
}

.fr-popup .fr-checkbox input:checked + span {
    background: #0098f7;
    border: solid 2px #0098f7
}

.fr-popup .fr-checkbox input:checked + span svg {
    display: block
}

.fr-popup .fr-checkbox input:checked:active + span {
    background-color: #ecf5ff
}

.fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-popup .fr-checkbox-line {
    font-size: 14px;
    line-height: 1.4px;
    margin-top: 10px
}

.fr-popup .fr-checkbox-line label {
    cursor: pointer;
    margin: 0 5px;
    vertical-align: middle
}

.fr-popup.fr-rtl {
    direction: rtl;
    text-align: right
}

.fr-popup.fr-rtl .fr-action-buttons {
    text-align: left
}

.fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label {
    left: auto;
    right: 0
}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
    float: right
}

.fr-text-edit-layer {
    width: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block !important
}

.fr-toolbar {
    color: #222222;
    background: #fff;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: left;
    border: 1px solid #cccccc;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2;
    padding-bottom: 0;
    -webkit-transition: padding-bottom 0.5s;
    -moz-transition: padding-bottom 0.5s;
    -ms-transition: padding-bottom 0.5s;
    -o-transition: padding-bottom 0.5s
}

.fr-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-toolbar::after {
    height: 0
}

.fr-toolbar .fr-newline {
    clear: both;
    display: block;
    content: "";
    margin-left: 9px;
    margin-right: 9px;
    background: #efefef;
    height: 1px;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s
}

.fr-toolbar.fr-toolbar-open .fr-newline {
    height: 0
}

.fr-toolbar .fr-float-right {
    float: right
}

.fr-toolbar .fr-float-left {
    float: left
}

.fr-toolbar .fr-more-toolbar {
    float: left;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    height: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.fr-toolbar .fr-more-toolbar.fr-expanded {
    height: 48px
}

.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
    overflow: visible
}

.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
    margin-left: 4px;
    margin-right: 4px
}

.fr-toolbar .fr-btn-grp {
    display: inline-block;
    margin: 0 17px 0 12px
}

@media (max-width: 768px) {
    .fr-toolbar .fr-btn-grp {
        margin: 0 7px 0 6px
    }
}

.fr-toolbar .fr-command.fr-btn.fr-open {
    margin-top: 10px;
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
    background: #f5f5f5
}

.fr-toolbar.fr-rtl {
    text-align: right
}

.fr-toolbar.fr-inline {
    display: none;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    border: 0;
    white-space: nowrap;
    position: absolute;
    margin-top: 5px;
    z-index: 2147483630
}

.fr-toolbar.fr-inline.fr-above {
    margin-top: -10px;
    border-top: 0
}

.fr-toolbar.fr-inline .fr-newline {
    height: 0
}

.fr-toolbar.fr-inline .fr-more-toolbar {
    position: absolute !important
}

.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded {
    position: relative !important
}

.fr-toolbar.fr-top {
    top: 0;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-bottom {
    bottom: 0;
    border-top: 0;
    padding-bottom: 0;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-bottom .fr-newline {
    padding-top: 0;
    -webkit-transition: padding-top 0.5s;
    -moz-transition: padding-top 0.5s;
    -ms-transition: padding-top 0.5s;
    -o-transition: padding-top 0.5s
}

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
    padding-top: 48px;
    background: #fff
}

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
    margin-top: -1px;
    margin-bottom: 10px;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-sticky-on {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-separator {
    background: #ebebeb;
    display: block;
    vertical-align: top;
    float: left
}

.fr-separator + .fr-separator {
    display: none
}

.fr-separator.fr-vs {
    height: 32px;
    width: 1px;
    margin: 8px 4px
}

.fr-separator.fr-hs {
    clear: both;
    width: calc(100% - (2 * 4px));
    margin: 0 4px;
    height: 1px
}

.fr-separator.fr-hidden {
    display: none !important
}

.fr-rtl .fr-separator {
    float: right
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
    float: none
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
    float: none;
    display: inline-block
}

.fr-second-toolbar {
    border: 1px solid #cccccc;
    border-top: 0;
    background: #fff;
    line-height: 1.4;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-second-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-second-toolbar:empty {
    min-height: calc(10px);
    position: relative;
    margin-top: calc(-1px);
    z-index: 2
}

#fr-logo {
    float: left;
    outline: none
}

#fr-logo > span {
    display: inline-block;
    float: left;
    font-family: sans-serif;
    padding: 11px 5px 10px 15px;
    font-size: 12px;
    font-weight: 500;
    color: #b1b2b7;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s
}

#fr-logo > svg {
    height: 20px;
    width: 47px;
    margin: 7px 0;
    cursor: pointer
}

#fr-logo > svg * {
    -webkit-transition: fill 0.3s;
    -moz-transition: fill 0.3s;
    -ms-transition: fill 0.3s;
    -o-transition: fill 0.3s
}

#fr-logo:hover > span, #fr-logo:focus > span {
    color: #0098f7
}

#fr-logo:hover > svg .fr-logo, #fr-logo:focus > svg .fr-logo {
    fill: #0098f7
}

.fr-visibility-helper {
    display: none;
    margin-left: 0 !important
}

@media (min-width: 768px) {
    .fr-visibility-helper {
        margin-left: 1px !important
    }
}

@media (min-width: 992px) {
    .fr-visibility-helper {
        margin-left: 2px !important
    }
}

@media (min-width: 1200px) {
    .fr-visibility-helper {
        margin-left: 3px !important
    }
}

.fr-opacity-0 {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-box {
    position: relative
}

.fr-sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky
}

.fr-sticky-off {
    position: relative
}

.fr-sticky-on {
    position: sticky;
    z-index: 10
}

.fr-sticky-on.fr-sticky-ios {
    position: -webkit-sticky;
    left: 0;
    right: 0;
    width: auto !important
}

.fr-sticky-dummy {
    display: none
}

.fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy {
    display: block
}

span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-view .fr-highlight-change, .fr-highlight-change > img, .fr-highlight-change > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-video > iframe, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-highlight-change > p, .fr-view .fr-highlight-change > span:not(.fr-tracking-deleted) {
    background-color: #f3eec3;
    opacity: 0.5
}

.fr-highlight-change.fr-highlight-change > table td, .fr-highlight-change.fr-highlight-change > hr {
    border-color: #f3eec3
}

.fr-tracking-deleted.fr-tracking-deleted > table td, .fr-tracking-deleted.fr-tracking-deleted > hr {
    border-color: #dc3545
}

.fr-tracking-deleted img, .fr-tracking-deleted > .fr-video > video, .fr-tracking-deleted > .fr-video > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
    opacity: 0.5;
    background-color: #dc3545
}

.fr-view .fr-tracking-deleted {
    background-color: #dc3545;
    text-decoration: line-through;
    pointer-events: none;
    user-select: none;
    opacity: 1
}

.fr-highlight-change > .fr-video > iframe, .fr-tracking-deleted > .fr-video > iframe, .fr-highlight-change > .fr-video > video, .fr-tracking-deleted > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
    padding: 10px !important
}

.fr-tracking-deleted img, .fr-highlight-change img {
    border: 2px solid #f3eec3
}

.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td) {
    opacity: 0.5;
    background-color: #f3eec3
}

.fr-highlight-change #isPasted > table td {
    opacity: 0.5;
    border-color: #f3eec3
}

.fr-track-hide {
    display: none
}

.fr-track-hide-mobile {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute
}

.fr-ios-mobile-disable-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.fr-bottom-extended {
    flex-wrap: wrap;
    display: flex;
    box-sizing: border-box
}

.position-relative {
    position: relative !important
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-box .fr-counter {
    padding: 10px;
    float: right;
    color: #999999;
    content: attr(data-chars);
    font-size: 14px;
    font-family: sans-serif;
    z-index: 1;
    border-radius: 2px 0 0 0;
    -moz-border-radius: 2px 0 0 0;
    -webkit-border-radius: 2px 0 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-rtl .fr-counter {
    left: 0;
    right: auto;
    border-left: none;
    border-radius: 0 2px 0 0;
    -moz-border-radius: 0 2px 0 0;
    -webkit-border-radius: 0 2px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-code-view .fr-counter {
    display: none
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

textarea.fr-code {
    display: none;
    width: 100%;
    resize: none;
    -moz-resize: none;
    -webkit-resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    padding: 10px;
    margin: 0;
    font-family: "Courier New", monospace;
    font-size: 14px;
    background: #fff;
    color: #000;
    outline: none
}

.fr-box.fr-rtl textarea.fr-code {
    direction: rtl
}

.fr-box .CodeMirror {
    display: none
}

.fr-box.fr-code-view textarea.fr-code {
    display: block
}

.fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-placeholder, .fr-box.fr-code-view .fr-iframe {
    display: none
}

.fr-box.fr-code-view .CodeMirror {
    display: block
}

.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
    display: block
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    background: #fff;
    color: #333333;
    -moz-outline: 0;
    outline: 0;
    border: 0;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    padding: 8px 7px;
    -webkit-transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
    font-size: 24px;
    width: 24px;
    text-align: center
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
    background: #ebebeb
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-popup .fr-layer.fr-color-hex-layer {
    margin: 0;
    padding: 20px;
    padding-top: 0;
    float: left
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
    float: left;
    width: calc(100% - 50px);
    padding: 15px 0 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
    float: right;
    width: 38px;
    height: 40px;
    padding: 17px 0 0;
    margin: 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 13px;
    height: 40px;
    width: 38px
}

.fr-popup .fr-separator + .fr-colors-tabs {
    margin-left: 2px;
    margin-right: 2px
}

.fr-popup .fr-color-set {
    line-height: 0;
    display: none
}

.fr-popup .fr-color-set.fr-selected-set {
    display: block;
    padding: 20px;
    padding-bottom: 0
}

.fr-popup .fr-color-set > span {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 1
}

.fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg {
    text-align: center;
    line-height: 32px;
    height: 24px;
    width: 24px;
    margin: 4px;
    font-size: 13px;
    position: absolute;
    bottom: 0;
    cursor: default;
    left: 0
}

.fr-popup .fr-color-set > span > i path, .fr-popup .fr-color-set > span > svg path {
    fill: #222222
}

.fr-popup .fr-color-set > span .fr-selected-color {
    color: #fff;
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    cursor: default
}

.fr-popup .fr-color-set > span:hover, .fr-popup .fr-color-set > span:focus {
    outline: 1px solid #222222;
    z-index: 2
}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0)
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-drag-helper {
    background: #0098f7;
    height: 2px;
    margin-top: -1px;
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    z-index: 2147483640;
    display: none
}

.fr-drag-helper.fr-visible {
    display: block
}

.fr-dragging {
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-popup .fr-emoticon {
    width: 24px;
    height: 24px;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols
}

.fr-popup .fr-emoticon img {
    height: 24px;
    width: 24px
}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
    padding: 0 0 0 14px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
    .fr-popup .fr-icon-container.fr-emoticon-container {
        width: 368px
    }
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-popup .fr-file-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.fr-popup .fr-file-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-file-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-file-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-file-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-file-progress-bar-layer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-popup .fr-file-progress-bar-layer > h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal
}

.fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons {
    display: none
}

.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width 0.2s ease 0s;
    -moz-transition: width 0.2s ease 0s;
    -ms-transition: width 0.2s ease 0s;
    -o-transition: width 0.2s ease 0s
}

.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader {
    display: none
}

.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons {
    display: block
}

@keyframes loading {
    from {
        left: -25%
    }
    to {
        left: 100%
    }
}

@-webkit-keyframes loading {
    from {
        left: -25%
    }
    to {
        left: 100%
    }
}

@-moz-keyframes loading {
    from {
        left: -25%
    }
    to {
        left: 100%
    }
}

@-o-keyframes loading {
    from {
        left: -25%
    }
    to {
        left: 100%
    }
}

@keyframes loading {
    from {
        left: -25%
    }
    to {
        left: 100%
    }
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element img {
    cursor: pointer;
    padding: 0 1px
}

.fr-height-auto {
    height: auto !important
}

.fr-file-loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #53777a;
    display: inline-block !important;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    width: 20px;
    height: 20px;
    display: block !important;
    align-items: center
}

.fr-trim-button {
    margin-top: 5px;
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    border-radius: 5px;
    background-color: #eff5fa;
    outline: none
}

.fr-trim-button:hover {
    background: #ebebeb
}

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

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.fr-image-resizer {
    position: absolute;
    border: solid 1px #0098f7;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fr-image-resizer.fr-active {
    display: block
}

.fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-image-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-image-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-image-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-image-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-image-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-image-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media (min-width: 1200px) {
    .fr-image-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-by-url-padding {
    padding: 11.5px 0
}

.fr-popup .fr-upload-progress-layer {
    border-radius: 0;
    box-sizing: border-box;
    padding-left: 20px;
    padding-top: 15px;
    margin: auto !important;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100% !important;
    overscroll-behavior: contain
}

.fr-popup .fr-files-by-url-layer {
    width: calc(100% - 40px) !important
}

.fr-popup .fr-files-embed-layer {
    width: calc(100% - 40px) !important
}

.fr-popup .fr-files-upload-layer {
    border: dashed 2px #bdbdbd;
    margin: 20px;
    position: relative;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center;
    width: calc(100% - 40px) !important
}

.fr-popup .fr-files-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-files-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-files-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-files-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-files-progress-bar-layer {
    width: calc(100% - 40px);
    width: -moz-available;
    width: -webkit-stretch;
    width: stretch
}

.fr-popup .fr-files-progress-bar-layer > h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal
}

.fr-popup .fr-files-progress-bar-layer > div.fr-action-buttons {
    display: none
}

.fr-popup .fr-files-progress-bar-layer > div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width 0.2s ease 0s;
    -moz-transition: width 0.2s ease 0s;
    -ms-transition: width 0.2s ease 0s;
    -o-transition: width 0.2s ease 0s
}

.fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-loader {
    display: none
}

.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-action-buttons {
    display: block
}

.fr-image-size-layer .fr-image-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
    margin-left: 10px
}

.fr-progress-bar-style {
    width: calc(100% - 40px)
}

.fr-progress-bar {
    position: relative;
    background-color: #4caf50;
    height: 8px;
    margin-bottom: 8px;
    margin-left: 20px;
    margin-right: 20px;
    width: 100%;
    width: -moz-available;
    width: -webkit-stretch;
    width: stretch
}

.fr-uploading {
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@-webkit-keyframes loading {
    from {
        left: -25%
    }
    to {
        left: 100%
    }
}

@-moz-keyframes loading {
    from {
        left: -25%
    }
    to {
        left: 100%
    }
}

@-o-keyframes loading {
    from {
        left: -25%
    }
    to {
        left: 100%
    }
}

@keyframes loading {
    from {
        left: -25%
    }
    to {
        left: 100%
    }
}

.fr-pull-left {
    float: left
}

.fr-pull-right {
    float: right
}

.fr-icons {
    padding: 10px 20px 0;
    display: inline
}

.fr-transform-135 {
    transform: rotate(135deg)
}

.fr-icons i {
    margin: 4px;
    padding: 2px;
    cursor: pointer;
    color: #999588;
    font-size: 20px
}

.fr-blue-decorator {
    background: #4a7fba;
    color: white;
    display: grid;
    padding: 5px
}

.fr-upload-progress {
    padding: 1px
}

.fr-upload-section {
    position: relative;
    width: 100%;
    width: -moz-available;
    width: -webkit-stretch;
    width: stretch
}

@media screen and (max-width: 399px) {
    .fr-upload-section {
        margin-left: 7px;
        margin-right: 7px
    }

    .fr-files-upload-layer {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media screen and (min-width: 400px) and (max-width: 469px) {
    .fr-upload-section {
        margin-left: 7px;
        margin-right: 7px
    }

    .fr-files-upload-layer {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media screen and (min-width: 470px) and (max-width: 680px) {
    .fr-upload-section {
        margin-left: 7px;
        margin-right: 7px
    }

    .fr-files-upload-layer {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media screen and (min-width: 681px) {
    .fr-upload-section {
        margin-left: 35px;
        margin-right: 35px
    }

    .fr-files-upload-layer {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.fr-half-circle {
    width: 60px;
    height: 25px;
    background-color: white;
    border-top-left-radius: 110px;
    border-top-right-radius: 110px;
    transform: rotate(180deg);
    border-bottom: 0;
    position: relative;
    left: 50%;
    z-index: 1;
    left: 50%;
    margin-top: -1px;
    margin-left: -25px
}

.fr-decorated {
    overflow: hidden;
    text-align: center
}

.fr-decorated > span {
    position: relative;
    display: inline-block
}

.fr-decorated > span:before, .fr-decorated > span:after {
    content: "";
    position: absolute;
    top: 50%;
    border-bottom: 2px solid #ffffff;
    width: 100%;
    margin: 0 20px
}

.fr-decorated > span:before {
    right: 100%
}

.fr-decorated > span:after {
    left: 100%
}

.fr-align-right {
    float: right
}

.fr-checkbox-container {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fr-files-checkbox-line {
    display: flex;
    align-items: center;
    font-size: 10px
}

.fr-files-checkbox-line label {
    cursor: pointer;
    vertical-align: middle
}

.fr-insert-checkbox input {
    height: 13px !important;
    width: 13px !important
}

.fr-autoplay-checkbox input {
    height: 13px !important;
    width: 13px !important
}

button[data-cmd="insertFiles"] {
    padding-left: 2px !important;
    padding-top: 2.7px !important
}

button[data-cmd="autoplay"] svg {
    position: relative !important;
    top: 3.2px !important
}

button[data-cmd="insertAll"] {
    padding-left: 4px !important
}

button[data-cmd="insertAll"] svg {
    position: relative !important;
    top: 3.2px !important
}

.fr-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.fr-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee
}

.fr-file-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 7px;
    flex-wrap: wrap;
    position: relative;
    top: -20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px
}

.fr-file-item-left {
    display: flex;
    flex-wrap: wrap
}

.fr-file-item-icon {
    display: flex;
    align-items: center;
    padding-left: 7px
}

.fr-file-item-description {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    max-width: 400px;
    margin-left: 5px
}

.fr-cloud-icon {
    height: 30px;
    width: 32px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    margin-top: -18px
}

.fr-files-checkbox {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    padding-right: 5px;
    border-radius: 100%;
    line-height: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    vertical-align: middle
}

.fr-files-checkbox svg {
    margin-left: 0px;
    margin-top: 0px;
    display: none;
    width: 10px;
    height: 10px
}

.fr-files-checkbox span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s
}

.fr-files-checkbox input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: pointer;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 18px
}

.fr-files-checkbox input:not(:checked) + span {
    border: solid 2px #999999
}

.fr-files-checkbox input:not(:checked):active + span {
    background-color: #f5f5f5
}

.fr-files-checkbox input:not(:checked):focus + span, .fr-files-checkbox input:not(:checked):hover + span {
    border-color: #515151
}

.fr-files-checkbox input:checked + span {
    background: #0098f7;
    border: solid 2px #0098f7
}

.fr-files-checkbox input:checked + span svg {
    display: block
}

.fr-files-checkbox input:checked:active + span {
    background-color: #ecf5ff
}

.fr-files-checkbox input:checked:focus + span, .fr-files-checkbox input:checked:hover + span {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-checkbox-disabled {
    opacity: 0.4;
    position: relative;
    display: inline-block;
    width: 13px !important;
    height: 13px !important;
    padding-right: 5px;
    border-radius: 100%;
    line-height: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    vertical-align: middle
}

.fr-checkbox-disabled svg {
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    width: 10px;
    height: 10px
}

.fr-checkbox-disabled span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s
}

.fr-checkbox-disabled input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: default;
    height: 13px !important;
    margin: 0;
    padding: 0;
    width: 13px !important;
    top: 7px;
    left: 7px
}

.fr-checkbox-disabled input:not(:checked) + span {
    border: solid 2px #999999
}

.fr-checkbox-disabled input:not(:checked):active + span {
    background-color: #f5f5f5
}

.fr-checkbox-disabled input:checked + span {
    background: #0098f7;
    border: solid 2px #0098f7
}

.fr-checkbox-disabled input:checked + span svg {
    display: block
}

.fr-checkbox-disabled input:checked:active + span {
    background-color: #ecf5ff
}

.fr-file-view {
    position: absolute;
    max-width: 60%;
    right: 10%;
    z-index: 2147483642
}

.fr-file-item-thumbnail-hover {
    transition: transform 0.2s
}

.fr-file-item-thumbnail-hover:hover {
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.fr-file-name {
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold
}

.fr-margin-16 {
    margin-bottom: 16px
}

.fr-none {
    display: none
}

.fr-display-block {
    display: block
}

.fr-files-manager-tooltip {
    position: relative
}

.padding-top-15 {
    padding-top: 15px !important;
    padding-bottom: 0px !important
}

.fr-files-manager-tooltip .tooltiptext {
    visibility: hidden;
    width: max-content;
    max-width: 250px;
    word-break: break-word;
    word-wrap: break-word;
    background-color: black;
    color: #fff;
    text-align: left;
    padding: 4px;
    border-radius: 2px;
    font-weight: 100;
    font-size: 10px;
    position: absolute;
    top: 80%;
    left: 50%;
    z-index: 2147483647
}

.fr-files-manager-tooltip:hover .tooltiptext {
    visibility: visible
}

.fr-file-details {
    display: flex;
    flex-wrap: wrap;
    font-size: 10px
}

.fr-file-date {
    word-break: break-word;
    word-wrap: break-word;
    max-width: 110px;
    color: #444;
    padding-top: 2px;
    padding-bottom: 2px
}

.fr-file-size {
    color: #444;
    padding-top: 2px;
    padding-bottom: 2px
}

.dot {
    width: 20px;
    height: 20px;
    background-image: radial-gradient(circle, grey 1px, transparent 2px);
    background-size: 100% 33.33%;
    margin-left: 2px;
    margin-right: 2px
}

.fr-file-action-icons {
    margin-right: 5px;
    margin-left: 5px !important;
    color: #999;
    height: 25px !important;
    padding: 5px !important
}

@media screen and (max-width: 700px) {
    .fr-files-manager-tooltip .tooltiptext {
        max-width: 250px;
        visibility: hidden;
        word-break: break-word;
        word-wrap: break-word;
        top: 90%;
        left: 0%;
        font-size: 8px
    }
}

@media screen and (max-width: 500px) {
    .fr-files-manager-tooltip .tooltiptext {
        max-width: 100px;
        visibility: hidden;
        word-break: break-word;
        word-wrap: break-word;
        top: 90%;
        left: 0%
    }

    .fr-file-item-description {
        width: 130px
    }

    .fr-file-item-right {
        width: 100%
    }

    .progress-circle {
        font-size: 6px
    }
}

@media screen and (max-width: 320px) {
    .fr-files-manager-tooltip .tooltiptext {
        max-width: 100px;
        visibility: hidden;
        word-break: break-word;
        word-wrap: break-word;
        top: 90%;
        left: -50%;
        font-size: 8px
    }

    .dot {
        width: 20px;
        margin-left: 0px;
        margin-right: 3px
    }

    .fr-file-item-description {
        width: 80px
    }

    .fr-file-details {
        display: flex;
        flex-wrap: wrap;
        font-size: 9px
    }

    .fr-file-name {
        font-size: 10px
    }

    .fr-file-action-icons {
        padding: 0px !important
    }
}

@media screen and (min-width: 501px) {
    .progress-circle {
        font-size: 9px
    }
}

.fr-file-view-modal {
    display: block;
    position: fixed;
    position: -ms-page;
    z-index: 2147483641;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.7)
}

.fr-file-view-modal-content {
    display: inline-block;
    text-align: center
}

.fr-file-view-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 80%;
    max-height: 70%
}

.fr-file-view-close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s
}

.fr-file-view-close:hover, .fr-file-view-close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer
}

.fr-file-error {
    color: red;
    font-weight: 200;
    font-size: 12px;
    padding-bottom: 5px
}

.fr-file-error-h5 {
    margin: 0
}

.fr-file-item-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 20px
}

.fr-file-item-action-buttons {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.fr-file-item-autoplay-checkbox {
    align-items: center;
    margin: 0px;
    padding: 0px;
    margin-right: 5px
}

.fr-autoplay-checkbox-label {
    margin: 0;
    cursor: default !important
}

.fr-checkbox-container:hover input ~ .fr-checkmark {
    background-color: #ccc
}

.fr-checkbox-container input:checked ~ .fr-checkmark {
    background-color: #2196f3
}

.fr-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.fr-checkbox-container input:checked ~ .fr-checkmark:after {
    display: block
}

.fr-container .fr-checkmark:after {
    left: 5px;
    top: 2px;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fr-file-item-details .file-name {
    font-weight: bold;
    display: inline
}

.fr-file-item-details .file-description {
    font-weight: 300;
    font-size: 11px;
    display: inline
}

.fr-width-10 {
    width: 10%;
    display: inline-block
}

.fr-width-20 {
    width: 20%;
    display: inline-block
}

.fr-width-30 {
    width: 30%;
    display: inline-block
}

.fr-width-40 {
    width: 40%;
    display: inline-block
}

.fr-width-50 {
    width: 50%;
    display: inline-block
}

.fr-width-60 {
    width: 60%;
    display: inline-block
}

.fr-width-100 {
    width: 100%;
    display: inline-block
}

.fr-width-80 {
    width: 80%;
    display: inline-block
}

.fr-width-90 {
    width: 90%;
    display: inline-block
}

.fr-width-85 {
    width: 85%;
    display: inline-block
}

.fr-width-5 {
    width: 5%;
    display: inline-block
}

.fr-width-7 {
    width: 7%;
    display: inline-block
}

.fr-img-icon {
    color: #aaaaaa;
    font-size: 16px;
    padding: 0px 4px
}

.fr-position-content {
    position: relative;
    top: 10px
}

.file-error {
    color: red
}

#myprogressBar {
    width: 10%;
    height: 5px;
    background-color: #4caf50;
    position: relative;
    top: -30px
}

.fr-files-manager {
    z-index: 2147483641 !important
}

.progress-circle {
    margin: 0px;
    margin-left: 10px;
    position: relative;
    padding: 0;
    width: 5em;
    height: 5.1em;
    background-color: #f2e9e1;
    border-radius: 50%;
    line-height: 5em
}

.progress-circle:after {
    border: none;
    position: absolute;
    top: 0.35em;
    left: 0.35em;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 4.3em;
    height: 4.3em;
    background-color: white;
    content: " "
}

.progress-circle span {
    position: absolute;
    line-height: 5em;
    width: 5em;
    text-align: center;
    display: block;
    color: #53777a;
    z-index: 2
}

.progress-circle.over50 .left-half-clipper {
    clip: rect(auto, auto, auto, auto)
}

.progress-circle.over50 .first50-bar {
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em);
    background-color: #53777a;
    border-radius: 50%;
    width: 5em;
    height: 5em
}

.progress-circle:not(.over50) .first50-bar {
    display: none
}

.progress-circle.p0 .value-bar {
    display: none
}

.progress-circle.p1 .value-bar {
    transform: rotate(4deg)
}

.progress-circle.p2 .value-bar {
    transform: rotate(7deg)
}

.progress-circle.p3 .value-bar {
    transform: rotate(11deg)
}

.progress-circle.p4 .value-bar {
    transform: rotate(14deg)
}

.progress-circle.p5 .value-bar {
    transform: rotate(18deg)
}

.progress-circle.p6 .value-bar {
    transform: rotate(22deg)
}

.progress-circle.p7 .value-bar {
    transform: rotate(25deg)
}

.progress-circle.p8 .value-bar {
    transform: rotate(29deg)
}

.progress-circle.p9 .value-bar {
    transform: rotate(32deg)
}

.progress-circle.p10 .value-bar {
    transform: rotate(36deg)
}

.progress-circle.p11 .value-bar {
    transform: rotate(40deg)
}

.progress-circle.p12 .value-bar {
    transform: rotate(43deg)
}

.progress-circle.p13 .value-bar {
    transform: rotate(47deg)
}

.progress-circle.p14 .value-bar {
    transform: rotate(50deg)
}

.progress-circle.p15 .value-bar {
    transform: rotate(54deg)
}

.progress-circle.p16 .value-bar {
    transform: rotate(58deg)
}

.progress-circle.p17 .value-bar {
    transform: rotate(61deg)
}

.progress-circle.p18 .value-bar {
    transform: rotate(65deg)
}

.progress-circle.p19 .value-bar {
    transform: rotate(68deg)
}

.progress-circle.p20 .value-bar {
    transform: rotate(72deg)
}

.progress-circle.p21 .value-bar {
    transform: rotate(76deg)
}

.progress-circle.p22 .value-bar {
    transform: rotate(79deg)
}

.progress-circle.p23 .value-bar {
    transform: rotate(83deg)
}

.progress-circle.p24 .value-bar {
    transform: rotate(86deg)
}

.progress-circle.p25 .value-bar {
    transform: rotate(90deg)
}

.progress-circle.p26 .value-bar {
    transform: rotate(94deg)
}

.progress-circle.p27 .value-bar {
    transform: rotate(97deg)
}

.progress-circle.p28 .value-bar {
    transform: rotate(101deg)
}

.progress-circle.p29 .value-bar {
    transform: rotate(104deg)
}

.progress-circle.p30 .value-bar {
    transform: rotate(108deg)
}

.progress-circle.p31 .value-bar {
    transform: rotate(112deg)
}

.progress-circle.p32 .value-bar {
    transform: rotate(115deg)
}

.progress-circle.p33 .value-bar {
    transform: rotate(119deg)
}

.progress-circle.p34 .value-bar {
    transform: rotate(122deg)
}

.progress-circle.p35 .value-bar {
    transform: rotate(126deg)
}

.progress-circle.p36 .value-bar {
    transform: rotate(130deg)
}

.progress-circle.p37 .value-bar {
    transform: rotate(133deg)
}

.progress-circle.p38 .value-bar {
    transform: rotate(137deg)
}

.progress-circle.p39 .value-bar {
    transform: rotate(140deg)
}

.progress-circle.p40 .value-bar {
    transform: rotate(144deg)
}

.progress-circle.p41 .value-bar {
    transform: rotate(148deg)
}

.progress-circle.p42 .value-bar {
    transform: rotate(151deg)
}

.progress-circle.p43 .value-bar {
    transform: rotate(155deg)
}

.progress-circle.p44 .value-bar {
    transform: rotate(158deg)
}

.progress-circle.p45 .value-bar {
    transform: rotate(162deg)
}

.progress-circle.p46 .value-bar {
    transform: rotate(166deg)
}

.progress-circle.p47 .value-bar {
    transform: rotate(169deg)
}

.progress-circle.p48 .value-bar {
    transform: rotate(173deg)
}

.progress-circle.p49 .value-bar {
    transform: rotate(176deg)
}

.progress-circle.p50 .value-bar {
    transform: rotate(180deg)
}

.progress-circle.p51 .value-bar {
    transform: rotate(184deg)
}

.progress-circle.p52 .value-bar {
    transform: rotate(187deg)
}

.progress-circle.p53 .value-bar {
    transform: rotate(191deg)
}

.progress-circle.p54 .value-bar {
    transform: rotate(194deg)
}

.progress-circle.p55 .value-bar {
    transform: rotate(198deg)
}

.progress-circle.p56 .value-bar {
    transform: rotate(202deg)
}

.progress-circle.p57 .value-bar {
    transform: rotate(205deg)
}

.progress-circle.p58 .value-bar {
    transform: rotate(209deg)
}

.progress-circle.p59 .value-bar {
    transform: rotate(212deg)
}

.progress-circle.p60 .value-bar {
    transform: rotate(216deg)
}

.progress-circle.p61 .value-bar {
    transform: rotate(220deg)
}

.progress-circle.p62 .value-bar {
    transform: rotate(223deg)
}

.progress-circle.p63 .value-bar {
    transform: rotate(227deg)
}

.progress-circle.p64 .value-bar {
    transform: rotate(230deg)
}

.progress-circle.p65 .value-bar {
    transform: rotate(234deg)
}

.progress-circle.p66 .value-bar {
    transform: rotate(238deg)
}

.progress-circle.p67 .value-bar {
    transform: rotate(241deg)
}

.progress-circle.p68 .value-bar {
    transform: rotate(245deg)
}

.progress-circle.p69 .value-bar {
    transform: rotate(248deg)
}

.progress-circle.p70 .value-bar {
    transform: rotate(252deg)
}

.progress-circle.p71 .value-bar {
    transform: rotate(256deg)
}

.progress-circle.p72 .value-bar {
    transform: rotate(259deg)
}

.progress-circle.p73 .value-bar {
    transform: rotate(263deg)
}

.progress-circle.p74 .value-bar {
    transform: rotate(266deg)
}

.progress-circle.p75 .value-bar {
    transform: rotate(270deg)
}

.progress-circle.p76 .value-bar {
    transform: rotate(274deg)
}

.progress-circle.p77 .value-bar {
    transform: rotate(277deg)
}

.progress-circle.p78 .value-bar {
    transform: rotate(281deg)
}

.progress-circle.p79 .value-bar {
    transform: rotate(284deg)
}

.progress-circle.p80 .value-bar {
    transform: rotate(288deg)
}

.progress-circle.p81 .value-bar {
    transform: rotate(292deg)
}

.progress-circle.p82 .value-bar {
    transform: rotate(295deg)
}

.progress-circle.p83 .value-bar {
    transform: rotate(299deg)
}

.progress-circle.p84 .value-bar {
    transform: rotate(302deg)
}

.progress-circle.p85 .value-bar {
    transform: rotate(306deg)
}

.progress-circle.p86 .value-bar {
    transform: rotate(310deg)
}

.progress-circle.p87 .value-bar {
    transform: rotate(313deg)
}

.progress-circle.p88 .value-bar {
    transform: rotate(317deg)
}

.progress-circle.p89 .value-bar {
    transform: rotate(320deg)
}

.progress-circle.p90 .value-bar {
    transform: rotate(324deg)
}

.progress-circle.p91 .value-bar {
    transform: rotate(328deg)
}

.progress-circle.p92 .value-bar {
    transform: rotate(331deg)
}

.progress-circle.p93 .value-bar {
    transform: rotate(335deg)
}

.progress-circle.p94 .value-bar {
    transform: rotate(338deg)
}

.progress-circle.p95 .value-bar {
    transform: rotate(342deg)
}

.progress-circle.p96 .value-bar {
    transform: rotate(346deg)
}

.progress-circle.p97 .value-bar {
    transform: rotate(349deg)
}

.progress-circle.p98 .value-bar {
    transform: rotate(353deg)
}

.progress-circle.p99 .value-bar {
    transform: rotate(356deg)
}

.progress-circle.p100 .value-bar {
    transform: rotate(360deg)
}

.left-half-clipper {
    border-radius: 50%;
    width: 5em;
    height: 5em;
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em)
}

.value-bar {
    position: absolute;
    clip: rect(0, 2.5em, 5em, 0);
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: 0.45em solid #53777a;
    box-sizing: border-box
}

.align-autoplay {
    align-items: flex-end;
    margin-right: 7px
}

.fr-hovered-over-file {
    background-color: #f0f0f0
}

.fr-thumbnail-padding {
    padding-right: 4px
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

body.fr-fullscreen {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: fixed
}

.fr-box.fr-fullscreen {
    margin: 0 !important;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483630 !important;
    width: auto !important
}

.fr-box.fr-fullscreen .fr-wrapper {
    background-color: #fff
}

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-fullscreen .fr-toolbar {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-fullscreen .fr-toolbar.fr-top {
    top: 0 !important
}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
    bottom: 0 !important
}

.fr-box.fr-fullscreen .fr-second-toolbar {
    margin-top: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-fullscreen-wrapper {
    z-index: 2147483640 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
    text-align: left;
    padding: 20px 20px 10px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.5;
    width: 100%
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
    margin-top: 20px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
    border: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
    text-align: left
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th, .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
    padding: 6px 0 4px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
    border-bottom: solid 1px #ebebeb
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
    width: 60%;
    color: #646464
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
    letter-spacing: 0.5px
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element img {
    cursor: pointer;
    padding: 0 1px
}

.fr-image-resizer {
    position: absolute;
    border: solid 1px #0098f7;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fr-image-resizer.fr-active {
    display: block
}

.fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-image-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-image-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-image-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-image-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-image-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-image-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media (min-width: 1200px) {
    .fr-image-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-popup .fr-image-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-image-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-image-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-image-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-image-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-image-progress-bar-layer > h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal
}

.fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
    display: none
}

.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width 0.2s ease 0s;
    -moz-transition: width 0.2s ease 0s;
    -ms-transition: width 0.2s ease 0s;
    -o-transition: width 0.2s ease 0s
}

.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
    display: none
}

.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
    display: block
}

.fr-image-size-layer .fr-image-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
    margin-left: 10px
}

.fr-uploading {
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@-webkit-keyframes loading {
    from {
        left: -25%
    }
    to {
        left: 100%
    }
}

@-moz-keyframes loading {
    from {
        left: -25%
    }
    to {
        left: 100%
    }
}

@-o-keyframes loading {
    from {
        left: -25%
    }
    to {
        left: 100%
    }
}

@keyframes loading {
    from {
        left: -25%
    }
    to {
        left: 100%
    }
}

img.fr-draggable {
    user-select: none
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-modal .fr-modal-head .fr-modal-head-line::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
    margin-top: 10px
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
    opacity: 0;
    width: 0;
    padding: 12px 0
}

.fr-modal .fr-modal-head .fr-modal-tags {
    padding: 0 20px;
    display: none;
    text-align: left
}

.fr-modal .fr-modal-head .fr-modal-tags a {
    display: inline-block;
    opacity: 0;
    padding: 6px 12px;
    margin: 8px 0 8px 8px;
    text-decoration: none;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    cursor: pointer;
    background-color: #f5f5f5
}

.fr-modal .fr-modal-head .fr-modal-tags a:focus {
    outline: none;
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a:hover {
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a:active {
    background-color: #d6d6d6
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
    background-color: #ecf5ff;
    color: #0098f7
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
    outline: none;
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
    background-color: #d6d6d6
}

.fr-show-tags .fr-modal-more svg path {
    fill: #0098f7
}

div.fr-modal-body {
    -webkit-transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s
}

div.fr-modal-body .fr-preloader {
    display: block;
    margin: 50px auto
}

div.fr-modal-body div.fr-image-list {
    text-align: center;
    margin: 0 20px;
    padding: 0
}

div.fr-modal-body div.fr-image-list .fr-list-column {
    float: left;
    width: calc((100% - 20px) / 2)
}

@media (min-width: 768px) and (max-width: 1199px) {
    div.fr-modal-body div.fr-image-list .fr-list-column {
        width: calc((100% - 40px) / 3)
    }
}

@media (min-width: 1200px) {
    div.fr-modal-body div.fr-image-list .fr-list-column {
        width: calc((100% - 60px) / 4)
    }
}

div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
    margin-left: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container {
    position: relative;
    width: 100%;
    display: block;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden
}

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
    margin-top: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container + div {
    margin-top: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
    position: absolute;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s;
    -ms-transition: opacity 0.2s ease 0s;
    -o-transition: opacity 0.2s ease 0s;
    background: #000;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
    content: attr(data-deleting);
    color: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    z-index: 3;
    font-size: 15px;
    height: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
    height: 95px;
    background: #cccccc;
    z-index: 1
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: attr(data-loading);
    display: inline-block;
    height: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container img {
    width: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
    -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
    -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0)
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
    display: inline-block
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    display: none;
    top: 50%;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    cursor: pointer;
    margin: 0;
    line-height: 40px;
    text-decoration: none;
    z-index: 3
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
    background: #b8312f;
    fill: #fff;
    padding: 8px;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(25%);
    -moz-transform: translateY(-50%) translateX(25%);
    -ms-transform: translateY(-50%) translateX(25%);
    -o-transform: translateY(-50%) translateX(25%)
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    background: #fff;
    fill: #0098f7;
    padding: 8px;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-125%);
    -moz-transform: translateY(-50%) translateX(-125%);
    -ms-transform: translateY(-50%) translateX(-125%);
    -o-transform: translateY(-50%) translateX(-125%)
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
    display: inline-block;
    width: 40px;
    height: 40px
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
    background: #bf4644;
    color: #fff
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
    background: #ebebeb
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-line-breaker {
    cursor: text;
    border-top: 1px solid #0098f7;
    position: fixed;
    z-index: 2;
    display: none
}

.fr-line-breaker.fr-visible {
    display: block
}

.fr-line-breaker a.fr-floating-btn {
    position: absolute;
    left: calc(50% - (40px / 2));
    top: -20px
}

.fr-line-breaker a.fr-floating-btn svg {
    margin: 8px;
    height: 24px;
    width: 24px
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-wrapper-markdown {
    display: flex
}

.fr-markdown-view {
    width: calc(52% - 1px);
    box-sizing: inherit
}

.fr-markdown-editor {
    width: calc(48% - 1px);
    box-sizing: inherit;
    background-color: #eee
}

.fr-markdown-editor > p {
    margin: 0
}

.fr-markdown-view > p {
    margin-top: 0
}

.gutter-horizontal {
    display: flex;
    z-index: 9;
    background-color: #dadada;
    cursor: col-resize;
    width: 2px
}

.e-resize-handler {
    z-index: 9;
    width: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    position: relative;
    font-size: 10px;
    color: #c5c5c5
}

.fr-markdown-view > dl {
    margin-top: 0;
    margin-bottom: 1rem
}

.fr-markdown-view > dt {
    font-weight: 700
}

.fr-markdown-view > dd {
    margin-bottom: 0.5rem;
    margin-left: 0
}

.fr-markdown-view > pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    background-color: #f8f8f8;
    border: 1px solid #dfdfdf;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: 0.125rem 0.3125rem 0.0625rem
}

.fr-markdown-view > code {
    background-color: #f8f8f8;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    padding: 0.125rem 0.3125rem 0.0625rem
}

.fr-markdown-view > pre code {
    background-color: transparent;
    border: 0;
    padding: 0
}

.fr-markdown-view > sup {
    top: -0.5em
}

.footnote-a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

.fr-markdown-view > hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.blockquote {
    margin: 0 0 1rem;
    border-left: 5px solid #eee;
    padding: 10px 20px;
    font-size: 1.25rem
}

.fr-markdown-view > table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse
}

.fr-markdown-view > table > tbody > tr > td, .fr-markdown-view > table > tbody > tr > th, .fr-markdown-view > table > thead > tr > td, .fr-markdown-view > table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd
}

.fr-markdown-view > table > thead > tr > td, .fr-markdown-view > table > thead > tr > th {
    border-bottom-width: 2px
}

.fr-markdown-view > table > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.fr-markdown-view > a {
    color: #337ab7;
    text-decoration: none
}

.fr-markdown-view > h1 {
    font-size: 2em !important
}

.fr-markdown-view > h2 {
    font-size: 1.5em !important
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-quick-insert {
    position: absolute;
    z-index: 2147483639;
    white-space: nowrap;
    padding-right: 10px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fr-quick-insert a.fr-floating-btn svg {
    margin: 8px;
    width: 24px;
    height: 24px
}

.fr-quick-insert.fr-on a.fr-floating-btn svg {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg)
}

.fr-quick-insert.fr-hidden {
    display: none
}

.fr-qi-helper {
    position: absolute;
    z-index: 3;
    padding-left: 20px;
    white-space: nowrap
}

.fr-qi-helper a.fr-btn.fr-floating-btn {
    text-align: center;
    padding: 6px 10px 10px 10px;
    display: inline-block;
    color: #222222;
    background: #fff;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0)
}

.fr-qi-helper a.fr-btn.fr-floating-btn svg {
    fill: #222222
}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
    padding: 10px 15px
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
    font-weight: normal;
    font-size: 16px
}

.fr-popup .fr-special-character {
    width: 24px;
    height: 24px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
    .fr-popup .fr-icon-container.fr-sc-container {
        width: 368px
    }
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell {
    border: 1px double #0098f7
}

.fr-element table td, .fr-element table th {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text
}

.fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-table-resizer {
    cursor: col-resize;
    position: absolute;
    z-index: 3;
    display: none
}

.fr-table-resizer.fr-moving {
    z-index: 2
}

.fr-table-resizer div {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-right: 1px solid #0098f7
}

.fr-no-selection {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-popup .fr-table-size {
    margin: 20px
}

.fr-popup .fr-table-size .fr-table-size-info {
    text-align: center;
    font-size: 14px
}

.fr-popup .fr-table-size .fr-select-table-size {
    line-height: 0;
    padding: 5px;
    white-space: nowrap
}

.fr-popup .fr-table-size .fr-select-table-size > span {
    display: inline-block;
    padding: 0 4px 4px 0;
    background: transparent
}

.fr-popup .fr-table-size .fr-select-table-size > span > span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd
}

.fr-popup .fr-table-size .fr-select-table-size > span.hover {
    background: transparent
}

.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
    background: rgba(0, 152, 247, 0.3);
    border: solid 1px #0098f7
}

.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
    display: inline-block !important
}

.fr-popup .fr-table-colors {
    display: block;
    padding: 20px;
    padding-bottom: 0
}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
    width: 12px;
    height: 12px
}

.fr-insert-helper {
    position: absolute;
    z-index: 9999;
    white-space: nowrap
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

#fr-form-container {
    margin: auto;
    position: relative;
    top: 10%;
    background-color: #f5f5f5;
    width: 60%;
    border-radius: 5px;
    z-index: 9002;
    overflow: auto;
    background-color: #fefefe
}

.fr-trim-video-name {
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 15px
}

.fr-file-loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #53777a;
    display: inline-block !important;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    width: 20px;
    height: 20px;
    display: block !important;
    align-items: center
}

.fr-trim-button {
    margin-top: 5px;
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    border-radius: 5px;
    background-color: #eff5fa;
    outline: none
}

.fr-trim-button:hover {
    background: #ebebeb
}

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

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.fr-slidecontainer {
    width: 100%
}

.fr-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    background: #d3d3d3
}

.fr-video-trim-buttons {
    text-align: right;
    padding-bottom: 5px;
    padding-right: 15px;
    margin-top: 10px
}

.fr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer
}

.fr-slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #3498db;
    border-radius: 50%;
    cursor: pointer
}

.fr-range-value-start {
    position: absolute
}

.fr-range-value-start > span {
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #03a9f4;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-85%, 0);
    border-radius: 6px
}

.fr-range-value-start > span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 86%;
    margin-left: -5px;
    margin-top: -1px
}

.fr-range-value-end {
    position: absolute
}

.fr-range-value-end > span {
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #03a9f4;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 14%;
    transform: translate(-8%, 0);
    border-radius: 6px
}

.fr-range-value-end > span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 14%;
    margin-left: -5px;
    margin-top: -1px
}

#startTimeValue {
    top: -153% !important
}

#startTimeValue span:before {
    border-top: 10px solid #03a9f4;
    top: 100%
}

#endTimeValue {
    top: -153% !important
}

#endTimeValue span:before {
    border-top: 10px solid #03a9f4;
    top: 100%
}

.fr-range-slider {
    position: relative;
    width: 80%;
    height: 15px
}

.fr-range-slider > input {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    outline: none;
    height: 6px;
    border-radius: 10px
}

.fr-range-slider > input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background: #3498db;
    cursor: pointer;
    border-radius: 7px;
    margin-top: -3.6px
}

.fr-range-slider > input::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    width: 9px;
    height: 15px;
    border-radius: 7px;
    margin-top: -3.6px
}

.fr-range-slider > input::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: black;
    border: 0;
    height: 15px;
    border-radius: 50%;
    margin-top: -3.6px
}

.fr-range-slider > input:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none transparent;
    border: 0
}

.fr-range-slider > input[type="range"]::-moz-focus-outer {
    border: 0
}

@media screen and (max-width: 430px) {
    .range-value span {
        width: 40px;
        font-size: 10px
    }

    #fr-form-container {
        top: 20%
    }
}

#fr-video-edit {
    width: 80%;
    text-align: center;
    height: 50%;
    margin-bottom: 20px;
    padding-top: 8px;
    padding-bottom: 8px
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element .fr-video {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element .fr-video::after {
    position: absolute;
    content: "";
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: block;
    background: transparent
}

.fr-element .fr-video.fr-active > * {
    z-index: 2;
    position: relative
}

.fr-element .fr-video > * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-box .fr-video-resizer {
    position: absolute;
    border: solid 1px #0098f7;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box .fr-video-resizer.fr-active {
    display: block
}

.fr-box .fr-video-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #fff;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-box .fr-video-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media (min-width: 1200px) {
    .fr-box .fr-video-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
    margin-left: 10px
}

.fr-popup .fr-video-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-video-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-video-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-video-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-video-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-video-progress-bar-layer > h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal
}

.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
    display: none
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width 0.2s ease 0s;
    -moz-transition: width 0.2s ease 0s;
    -ms-transition: width 0.2s ease 0s;
    -o-transition: width 0.2s ease 0s
}

.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
    display: none
}

.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
    display: block
}

.fr-video-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-autoplay-margin {
    margin-top: 0px !important
}

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img {
    -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
    -moz-box-shadow: 10px 10px 5px 0px #cccccc;
    box-shadow: 10px 10px 5px 0px #cccccc
}

.fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img {
    border: solid 5px #ccc
}

.fr-view img.fr-bordered {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fr-view .fr-img-caption.fr-bordered img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fr-view li img.fr-dii.fr-fil {
    margin-right: 20px
}

.fr-view {
    word-wrap: break-word
}

.fr-view span[style~="color:"] a {
    color: inherit
}

.fr-view strong {
    font-weight: 700
}

.fr-view table[border="0"] td:not([class]), .fr-view table[border="0"] th:not([class]), .fr-view table[border="0"] td[class=""], .fr-view table[border="0"] th[class=""] {
    border-width: 0px
}

.fr-view table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%
}

.fr-view table td {
    min-width: 5px
}

.fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
    border-style: dashed
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: whitesmoke
}

.fr-view table td, .fr-view table th {
    border: 1px solid #ddd
}

.fr-view table td:empty, .fr-view table th:empty {
    height: 20px
}

.fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
    border: 1px double red
}

.fr-view table td.fr-thick, .fr-view table th.fr-thick {
    border-width: 2px
}

.fr-view table th {
    background: #ececec
}

.fr-view table tfoot td {
    background: #ececec
}

.fr-view hr {
    clear: both;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    break-after: always;
    page-break-after: always
}

.fr-view .fr-file {
    position: relative
}

.fr-view .fr-file::after {
    position: relative;
    content: "\1F4CE";
    font-weight: normal
}

.fr-view pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: visible
}

.fr-view[dir="rtl"] blockquote {
    border-left: none;
    border-right: solid 2px #5e35b1;
    margin-right: 0;
    padding-right: 5px;
    padding-left: 0
}

.fr-view[dir="rtl"] blockquote blockquote {
    border-color: #00bcd4
}

.fr-view[dir="rtl"] blockquote blockquote blockquote {
    border-color: #43a047
}

.fr-view blockquote {
    border-left: solid 2px #5e35b1;
    margin-left: 0;
    padding-left: 5px;
    color: #5e35b1
}

.fr-view blockquote blockquote {
    border-color: #00bcd4;
    color: #00bcd4
}

.fr-view blockquote blockquote blockquote {
    border-color: #43a047;
    color: #43a047
}

.fr-view span.fr-emoticon {
    font-weight: normal;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
    display: inline;
    line-height: 0
}

.fr-view span.fr-emoticon.fr-emoticon-img {
    background-repeat: no-repeat !important;
    font-size: inherit;
    height: 1em;
    width: 1em;
    min-height: 20px;
    min-width: 20px;
    display: inline-block;
    margin: -0.1em 0.1em 0.1em;
    line-height: 1;
    vertical-align: middle
}

.fr-view .fr-text-gray {
    color: #aaa !important
}

.fr-view .fr-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0
}

.fr-view .fr-text-spaced {
    letter-spacing: 1px
}

.fr-view .fr-text-uppercase {
    text-transform: uppercase
}

.fr-view .fr-class-highlighted {
    background-color: #ffff00
}

.fr-view .fr-class-code {
    border-color: #cccccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #f5f5f5;
    padding: 10px;
    font-family: "Courier New", Courier, monospace
}

.fr-view .fr-class-transparency {
    opacity: 0.5
}

.fr-view img {
    position: relative;
    max-width: 100%
}

.fr-view img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.fr-view img.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view img.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view img.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.fr-view img.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.fr-view img.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-view span.fr-img-caption {
    position: relative;
    max-width: 100%
}

.fr-view span.fr-img-caption.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view span.fr-img-caption.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-view .fr-video {
    text-align: center;
    position: relative
}

.fr-view .fr-video.fr-rv {
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fr-view .fr-video > * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-view .fr-video.fr-dvb {
    display: block;
    clear: both
}

.fr-view .fr-video.fr-dvb.fr-fvl {
    text-align: left
}

.fr-view .fr-video.fr-dvb.fr-fvr {
    text-align: right
}

.fr-view .fr-video.fr-dvi {
    display: inline-block
}

.fr-view .fr-video.fr-dvi.fr-fvl {
    float: left
}

.fr-view .fr-video.fr-dvi.fr-fvr {
    float: right
}

.fr-view a.fr-strong {
    font-weight: 700
}

.fr-view a.fr-green {
    color: green
}

.fr-view .fr-img-caption {
    text-align: center
}

.fr-view .fr-img-caption .fr-img-wrap {
    padding: 0;
    margin: auto;
    text-align: center;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap a {
    display: block
}

.fr-view .fr-img-caption .fr-img-wrap img {
    display: block;
    margin: auto;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap > span {
    margin: auto;
    display: block;
    padding: 5px 5px 10px;
    font-size: 14px;
    font-weight: initial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 100%;
    text-align: center
}

.fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
    font-size: 24px
}

.fr-view span.fr-img-caption.fr-dii.fr-fil, .fr-view p img.fr-dii.fr-fil {
    margin-right: 15px
}

a.fr-view.fr-strong {
    font-weight: 700
}

a.fr-view.fr-green {
    color: green
}

img.fr-view {
    position: relative;
    max-width: 100%
}

img.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

img.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

img.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

img.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

img.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

img.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view {
    position: relative;
    max-width: 100%
}

span.fr-img-caption.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

span.fr-img-caption.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.user-page {
    position: relative;
    padding-bottom: 100px
}

.user-page__title {
    margin-bottom: 24px
}

.user-page__content-wrapper {
    background: #fff;
    border-radius: 16px;
    padding: 24px
}

.user-page__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 14px;
    flex-wrap: wrap-reverse
}

@media (min-width: 767px) {
    .user-page__content {
        flex-wrap: nowrap
    }
}

.user-page__user {
    display: flex;
    align-items: center
}

@media (min-width: 767px) {
    .user-page__user {
        padding-right: 30px
    }
}

.user-page__user-image {
    width: 72px;
    height: 72px;
    min-width: 72px;
    overflow: hidden;
    border-radius: 72px;
    margin-right: 16px
}

.user-page__user-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex
}

.user-page__user-info-name-wrapper {
    display: flex;
    align-items: center;
    position: relative
}

.user-page__user-info-name-wrapper > button {
    width: 48px;
    z-index: 2;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.user-page__user-info-name-wrapper > button svg {
    color: #A7AAB1;
    transition: 0.3s ease-out all
}

.user-page__user-info-name-wrapper > button:hover svg {
    color: #141825
}

.user-page__user-info-name {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #141825;
    word-break: break-all
}

.user-page__user-info-id {
    font-size: 14px;
    line-height: 26px;
    color: #B7BBC4;
    word-break: break-all
}

.user-page__current-user-log-out {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-bottom: 24px
}

@media (min-width: 767px) {
    .user-page__current-user-log-out {
        width: unset;
        padding-bottom: 0
    }
}

.user-page__current-user-log-out button {
    display: flex;
    align-items: center;
    border: none;
    background: none;
    font-size: 14px;
    line-height: 26px;
    color: #7C7F8B;
    cursor: pointer;
    transition: 0.3s ease-out all
}

.user-page__current-user-log-out button:hover {
    color: #1473FB
}

.user-page__current-user-log-out button svg {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.user-page__user-input-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (min-width: 767px) {
    .user-page__user-input-wrapper {
        flex-wrap: nowrap
    }
}

.user-page__user-input-item {
    width: 100%;
    margin-bottom: 16px;
    position: relative
}

@media (min-width: 767px) {
    .user-page__user-input-item {
        width: calc(50% - 18px)
    }
}

.user-page__user-input-item > span {
    font-size: 14px;
    line-height: 26px;
    color: #7C7F8B
}

.user-page__user-input-item .input-block__input:disabled {
    background: #F5F5F5
}

.user-page__user-button-wrapper {
    padding-top: 8px;
    display: flex;
    align-items: center
}

.user-page__user-button-wrapper .user-page__user-button-send {
    padding-left: 50px;
    padding-right: 50px;
    margin-right: 24px
}

.user-page__user-button-wrapper .user-page__user-button-cancel {
    border: none;
    background: transparent;
    font-size: 14px;
    line-height: 26px;
    color: #1473FB;
    cursor: pointer;
    transition: 0.3s ease-out all
}

.user-page__user-button-wrapper .user-page__user-button-cancel:hover {
    color: #2D80F9
}

.user-page__sidebar {
    padding-top: 62px
}

.user-page__user-input-change_button {
    position: absolute;
    bottom: 0;
    right: 10px;
    height: 48px;
    width: 48px;
    z-index: 2;
    border: none;
    background: transparent;
    cursor: pointer
}

.user-page__user-input-change_button svg {
    color: #A7AAB1;
    transition: 0.3s ease-out all
}

.user-page__user-input-change_button:hover svg {
    color: #141825
}

.user-complaints {
    position: relative;
    padding-top: 30px
}

.user-complaints__title {
    margin-bottom: 16px
}

.user-complaints__list {
    width: 100%
}

.user-complaints__list-item {
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 16px;
    height: auto;
    padding: 16px;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 10px
}

@media (min-width: 767px) {
    .user-complaints__list-item {
        padding: 6px;
        height: 64px;
        flex-direction: row
    }
}

.user-complaints__img {
    background: #F5F5F5;
    margin-right: 4px;
    height: 52px;
    display: flex;
    align-self: center;
    justify-content: center;
    width: 120px;
    min-width: 98px;
    position: relative;
    border-radius: 16px
}

@media (min-width: 767px) {
    .user-complaints__img {
        margin-right: 16px;
        width: 15%;
        min-width: 108px
    }
}

@media (min-width: 1024px) {
    .user-complaints__img {
        width: calc(100% / 6)
    }
}

@media (min-width: 1280px) {
    .user-complaints__img {
        margin-right: 30px;
        min-width: 140px
    }
}

.user-complaints__img img {
    width: 100%;
    height: 100%;
    display: block;
    align-self: center;
    object-fit: cover;
    border-radius: 16px
}

.user-complaints__data {
    flex-grow: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media (min-width: 767px) {
    .user-complaints__data {
        flex-wrap: nowrap
    }
}

.user-complaints__data > span {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.001em;
    color: #B7BBC4;
    display: flex;
    align-content: center;
    padding: 0 10px;
    text-align: center;
    width: 100%;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px
}

@media (min-width: 767px) {
    .user-complaints__data > span {
        width: auto;
        flex-direction: column;
        align-items: center;
        margin-top: 0;
        margin-bottom: 0
    }
}

.user-complaints__status {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 16px;
    justify-content: space-between
}

@media (min-width: 767px) {
    .user-complaints__status {
        flex-wrap: nowrap;
        width: auto;
        margin-bottom: 0
    }
}

.user-complaints__status .user-complaints__status-sum {
    color: #7C7F8B;
    background: #F5F5F5;
    border-radius: 10px;
    white-space: nowrap;
    font-size: 12px;
    padding: 4px 20px;
    text-align: center;
    width: calc(50% - 8px);
    height: 20px
}

@media (min-width: 767px) {
    .user-complaints__status .user-complaints__status-sum {
        width: 100px;
        margin-left: 10px
    }
}

@media (min-width: 1280px) {
    .user-complaints__status .user-complaints__status-sum {
        width: 140px
    }
}

.user-complaints__status .user-complaints__status-message {
    color: #141825;
    border-radius: 10px;
    white-space: nowrap;
    font-size: 12px;
    padding: 4px 20px;
    width: calc(50% - 8px);
    text-align: center;
    height: 20px
}

@media (min-width: 767px) {
    .user-complaints__status .user-complaints__status-message {
        width: 130px;
        margin-left: 10px
    }
}

@media (min-width: 1280px) {
    .user-complaints__status .user-complaints__status-message {
        width: 140px
    }
}

.user-complaints__status .user-complaints__status-message.user-complaints__status-message-fulfilled {
    background: #52B90F
}

.user-complaints__status .user-complaints__status-message.user-complaints__status-message-active {
    background: #FFC700
}

.user-complaints__status .user-complaints__status-message.user-complaints__status-message-rejected {
    color: #fff;
    background: #DB3529
}

.user-complaints__status .user-complaints__status-message.user-complaints__status-message-unreasonable {
    background: #A7AAB1
}

.user-complaints__button {
    width: 100%
}

.user-complaints__button .button {
    width: 100%
}

@media (min-width: 767px) {
    .user-complaints__button {
        width: auto
    }

    .user-complaints__button .button {
        width: auto
    }
}

.user-complaints__show-more-button {
    margin: 20px auto 0;
    display: block
}

.reviews-page {
    position: relative;
    padding-bottom: 100px
}

.reviews-page__title {
    margin-bottom: 24px
}

.reviews-page__description {
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 24px;
    color: #141825
}

.reviews-page__sidebar {
    padding-top: 20px
}

.reviews-page__about {
    margin-bottom: 70px;
    font-family: Exo2, sans-serif;
    line-height: 24px;
    letter-spacing: -0.002em;
    font-size: 14px;
    color: #141825
}

.reviews-page__about h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px
}

.reviews-page__about p {
    font-size: 14px;
    margin-bottom: 30px
}

.reviews-page__about ul {
    font-size: 14px;
    padding-left: 20px
}

.reviews-page__about li {
    font-size: 14px;
    list-style-type: disc !important
}

.home-page {
    position: relative
}

.home-page__title {
    margin-bottom: 8px
}

.home-page__description {
    font-size: 14px;
    line-height: 24px;
    color: #141825;
    margin-bottom: 20px
}

.home-page__about {
    margin-bottom: 70px;
    font-family: Exo2, sans-serif;
    line-height: 24px;
    letter-spacing: -0.002em;
    font-size: 14px;
    color: #141825
}

.home-page__about h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px
}

.home-page__about p {
    font-size: 14px;
    margin-bottom: 30px
}

.home-page__about ul {
    font-size: 14px;
    padding-left: 20px
}

.home-page__about li {
    font-size: 14px;
    list-style-type: disc !important
}

.home-page__sidebar {
    padding-top: 9px
}

.news-page {
    position: relative;
    padding-bottom: 84px;
    flex-grow: 1
}

.news-page__title {
    margin-bottom: 24px
}

.news-page__sidebar {
    padding-top: 60px
}

.news-page__not-found {
    background: #fff;
    border-radius: 16px;
    margin-bottom: 32px;
    padding: 26px;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #141825;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    text-align: center
}

@media (min-width: 1280px) {
    .news-page__not-found {
        font-size: 24px;
        min-height: 300px
    }
}

.news-page__seo-footer {
    margin-top: 48px;
    margin-bottom: 70px;
    font-family: Exo2, sans-serif;
    line-height: 28px;
    letter-spacing: -0.002em;
    font-size: 14px;
    color: #141825
}

.news-page__seo-footer h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px
}

.news-page__seo-footer p {
    font-size: 14px;
    margin-bottom: 30px
}

.news-page__seo-footer ul {
    font-size: 14px;
    padding-left: 20px
}

.news-page__seo-footer li {
    font-size: 14px;
    list-style-type: disc !important
}

.review-page {
    position: relative;
    width: 100%;
    padding-bottom: 84px
}

.review-page__title {
    margin-bottom: 16px
}

.review-page__description {
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 32px
}

@media (min-width: 767px) {
    .review-page__description {
        padding: 32px
    }
}

.review-page__description-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
    flex-wrap: wrap
}

@media (min-width: 1280px) {
    .review-page__description-wrapper {
        flex-wrap: nowrap
    }
}

.review-page__description-left {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px
}

@media (min-width: 767px) {
    .review-page__description-left {
        margin-bottom: 32px
    }
}

@media (min-width: 1280px) {
    .review-page__description-left {
        margin-left: unset;
        margin-right: unset;
        margin-bottom: unset
    }
}

.review-page__ratings-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media (min-width: 767px) {
    .review-page__ratings-wrap {
        flex-wrap: nowrap
    }
}

.review-page__ratings-total {
    padding: 14px 24px;
    border: 1px solid #F5F5F5;
    border-radius: 16px;
    width: 100%;
    margin-bottom: 16px;
    height: 76px
}

@media (min-width: 767px) {
    .review-page__ratings-total {
        margin-bottom: 12px;
        width: calc(50% - 5px);
        margin-right: 10px
    }
}

.review-page__ratings-total > span {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #B7BBC4
}

.review-page__ratings-total div {
    font-family: Exo2, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.002em;
    color: #141825
}

.review-page__ratings-total div span {
    margin-left: 8px
}

.review-page__ratings-total .star-container svg path {
    stroke: #1473FB;
    stroke-width: 2px
}

.review-page__ratings-feedback {
    padding: 14px 24px;
    border: 1px solid #F5F5F5;
    border-radius: 16px;
    width: 100%;
    margin-bottom: 16px;
    height: 76px
}

@media (min-width: 767px) {
    .review-page__ratings-feedback {
        margin-bottom: 12px;
        width: calc(50% - 5px);
        margin-right: 10px
    }
}


.review-page__ratings-feedback > span {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #B7BBC4
}

.review-page__ratings-feedback button {
    color: #1473FB;
    margin-left: 4px;
    transition: 0.3s ease-out all;
    background: transparent;
    border: none;
    cursor: pointer
}

.review-page__ratings-feedback button:hover {
    color: #2D80F9;
    text-decoration: underline
}

.review-page__ratings-feedback div {
    font-family: Exo2, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.002em;
    color: #141825
}

.review-page__ratings-feedback div span {
    margin-left: 8px
}

.review-page__ratings-feedback .star-container svg path {
    stroke: #FFC700;
    stroke-width: 2px
}

.review-page__сomplaints {
    padding: 14px 24px;
    border: 1px solid #F5F5F5;
    border-radius: 16px;
    width: 100%;
    margin-bottom: 16px;
    height: 76px;
    cursor: pointer
}

@media (min-width: 767px) {
    .review-page__сomplaints {
        margin-bottom: 12px;
        width: calc(50% - 5px)
    }
}

@media (min-width: 1280px) {
    .review-page__сomplaints {
        width: calc(33.3333% - 4px)
    }
}

.review-page__сomplaints > span {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #B7BBC4
}

.review-page__сomplaints .review-page__сomplaints-wrapper {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #141825;
    display: flex;
    align-items: center
}

.review-page__сomplaints .review-page__сomplaints-wrapper svg {
    margin-right: 6px;
    min-width: 24px;
    width: 24px;
    height: 24px
}

.review-page__сomplaints .review-page__сomplaints-wrapper .review-page__сomplaints-fulfilled {
    color: #52B90F;
    margin-left: 4px;
    margin-right: 4px
}

.review-page__сomplaints .review-page__сomplaints-wrapper .review-page__сomplaints-active {
    color: #FFA500;
    margin-left: 4px;
    margin-right: 4px
}

.review-page__сomplaints .review-page__сomplaints-wrapper .review-page__сomplaints-rejected {
    color: #DB3529;
    margin-left: 4px;
    margin-right: 4px
}

.review-page__сomplaints .review-page__сomplaints-wrapper .review-page__сomplaints-unreasonable {
    color: #A7AAB1;
    margin-left: 4px
}

.review-page__ratings-list {
    width: 100%
}

@media (min-width: 1280px) {
    .review-page__ratings-list {
        width: calc(100% - 350px);
        padding-left: 40px
    }
}

.review-page__ratings-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-self: flex-start
}

.review-page__ratings-item {
    width: 50%;
    margin-bottom: 10px
}

@media (min-width: 767px) {
    .review-page__ratings-item {
        width: 33.3333%
    }
}

@media (min-width: 991px) {
    .review-page__ratings-item {
        width: 50%;
        padding-left: 24px
    }
}

.review-page__ratings-item button {
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer
}

.review-page__ratings-item button:hover .review-page__ratings-label {
    color: #1473FB
}

.review-page__ratings-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #141825;
    margin-bottom: 8px;
    transition: 0.3s ease-out all
}

.review-page__ratings-value {
    display: flex;
    align-items: center
}

.review-page__ratings-value span {
    font-family: Exo2, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.1px;
    color: #141825;
    margin-left: 4px
}

.review-page__ratings-value .star-container svg path {
    stroke: #1473FB;
    stroke-width: 2px
}

.review-page__logo {
    width: 100%;
    max-width: 350px;
    background: #F5F5F5;
    border-radius: 16px;
    margin-bottom: 12px;
    overflow: hidden;
    position: relative
}

@media (min-width: 767px) {
    .review-page__logo {
        height: 200px
    }
}

.review-page__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.review-page__controls {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.review-page__controls button, .review-page__controls a {
    align-items: center;
    white-space: nowrap
}

.review-page__controls button svg, .review-page__controls a svg {
    width: 24px;
    height: 24px;
    margin-right: 4px
}

.review-page__controls button, .review-page__controls a {
    width: calc(50% - 4px)
}

.review-page__controls button .button, .review-page__controls a .button {
    width: 100%
}

.review-page__advantages-disadvantages-title {
    font-family: Exo2, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #000000;
    text-align: center;
    margin-bottom: 24px
}

.review-page__advantages-disadvantages {
    display: flex;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: 1px solid #F6F6F4;
    margin-bottom: 24px;
    flex-wrap: wrap
}

@media (min-width: 767px) {
    .review-page__advantages-disadvantages {
        flex-wrap: nowrap
    }
}

.review-page__advantages-disadvantages ul li {
    font-size: 16px;
    line-height: 26px;
    color: #141825;
    margin-bottom: 6px;
    padding-left: 42px;
    position: relative
}

.review-page__advantages-disadvantages ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    left: 18px;
    top: 11px;
    border-radius: 4px;
    background: #1473FB
}

.review-page__advantages {
    width: 100%;
    border: 1px solid #F5F5F5;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 12px
}

@media (min-width: 767px) {
    .review-page__advantages {
        margin-bottom: unset;
        width: calc(50% - 12px);
        padding: 24px 34px
    }
}

.review-page__advantages p {
    font-family: Exo2, sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.002em;
    color: #52B90F;
    position: relative;
    margin-bottom: 12px;
    padding-left: 42px
}

.review-page__advantages p:before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/like.svg) no-repeat center center
}

.review-page__disadvantages {
    width: 100%;
    border: 1px solid #F5F5F5;
    border-radius: 16px;
    padding: 24px
}

@media (min-width: 767px) {
    .review-page__disadvantages {
        width: calc(50% - 12px);
        padding: 24px 34px
    }
}

.review-page__disadvantages p {
    font-family: Exo2, sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.002em;
    color: #DB3529;
    position: relative;
    margin-bottom: 12px;
    padding-left: 42px
}

.review-page__disadvantages p:before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/dis-like.svg) no-repeat center center
}

.review-page__content {
    font-family: Exo2, sans-serif !important;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.002em;
    color: #141825;
    max-height: 100% !important
}

@media (max-width: 767px) {
    .review-page__content span {
        width: 100% !important;
        max-height: 100% !important;
        height: auto !important
    }
}

.review-page__content table {
    border: 1px solid #f1f2f3 !important
}

.review-page__content table td {
    border: 1px solid #f1f2f3 !important
}

.review-page__content table td p, .review-page__content table td span {
    margin: 0 !important;
    padding: 10px
}

.review-page__content img {
    width: 100%;
    max-width: 100% !important;
    height: auto;
    display: block;
    border-radius: 16px;
    margin-bottom: 24px;
    box-shadow: 0px 0px 1px 0px #1473FB
}

.review-page__content h2 {
    margin-bottom: 24px !important;
    font-family: Exo2, sans-serif !important;
    font-size: 24px !important
}

.review-page__content h2 > * {
    font-family: Exo2, sans-serif !important;
    font-size: 24px !important
}

.review-page__content h3 {
    font-size: 18px;
    margin-bottom: 24px;
    font-family: Exo2, sans-serif !important;
    font-size: 18px !important
}

.review-page__content h3 > * {
    font-family: Exo2, sans-serif !important;
    font-size: 18px !important
}

.review-page__content p {
    margin-bottom: 20px !important;
    font-family: Exo2, sans-serif !important;
    font-size: 16px !important;
    line-height: 28px !important
}

.review-page__content p > * {
    font-family: Exo2, sans-serif !important;
    font-size: 16px !important
}

.review-page__content ul, .review-page__content ol {
    margin-bottom: 24px;
    padding-left: 10px;
    padding-inline-start: 0px !important
}

.review-page__content ul li, .review-page__content ol li {
    padding-left: 20px;
    position: relative;
    list-style: none !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    font-family: Exo2, sans-serif !important;
    font-size: 16px !important
}

.review-page__content ul li > span, .review-page__content ul li p, .review-page__content ol li > span, .review-page__content ol li p {
    margin-bottom: 20px !important;
    font-family: Exo2, sans-serif !important;
    font-size: 16px !important;
    display: inline-block
}

.review-page__content ul li:before, .review-page__content ol li:before {
    content: '';
    background: #1473FB;
    width: 4px;
    height: 4px;
    left: 4px;
    top: 12px;
    display: block;
    border-radius: 4px;
    position: absolute
}

.review-page__sidebar {
    padding-top: 50px
}

.review-page__payments {
    padding-bottom: 24px;
    border-bottom: 1px solid #F6F6F4;
    margin-bottom: 36px;
    overflow-x: auto
}

.review-page__payments-title {
    display: none
}

@media (min-width: 1280px) {
    .review-page__payments-title {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.review-page__payments-title .review-page__payments-item-replenish, .review-page__payments-title .review-page__payments-item-withdrawal {
    font-family: Exo2, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.1px;
    color: #1473FB;
    margin-bottom: 16px;
    text-align: center;
    flex-grow: 1
}

.review-page__payments-label {
    display: grid;
    grid-template-columns:1fr 2fr 2fr 2fr;
    grid-template-areas:"logo replenish-sum replenish-period replenish-commission";
    min-width: 550px;
    background: #F6F6F4;
    border-radius: 12px;
    height: 44px;
    margin-bottom: 16px
}

@media (min-width: 1280px) {
    .review-page__payments-label {
        grid-template-columns:1fr 1.5fr 1fr 1fr 1.5fr 1fr 1fr;
        grid-template-areas:"logo replenish-sum replenish-period replenish-commission withdrawal-sum withdrawal-period withdrawal-commission"
    }
}

.review-page__payments-label .review-page__payments-item-logo {
    grid-area: logo
}

.review-page__payments-label .review-page__payments-item-replenish-sum {
    grid-area: replenish-sum
}

.review-page__payments-label .review-page__payments-item-replenish-period {
    grid-area: replenish-period
}

.review-page__payments-label .review-page__payments-item-replenish-commission {
    grid-area: replenish-commission
}

.review-page__payments-label .review-page__payments-item-withdrawal-sum {
    grid-area: withdrawal-sum;
    display: none
}

@media (min-width: 1280px) {
    .review-page__payments-label .review-page__payments-item-withdrawal-sum {
        display: block
    }
}

.review-page__payments-label .review-page__payments-item-withdrawal-period {
    grid-area: withdrawal-period;
    display: none
}

@media (min-width: 1280px) {
    .review-page__payments-label .review-page__payments-item-withdrawal-period {
        display: block
    }
}

.review-page__payments-label .review-page__payments-item-withdrawal-commission {
    grid-area: withdrawal-commission;
    display: none
}

@media (min-width: 1280px) {
    .review-page__payments-label .review-page__payments-item-withdrawal-commission {
        display: block
    }
}

.review-page__payments-label > span {
    font-size: 12px;
    line-height: 1;
    letter-spacing: -0.001em;
    color: #141825;
    align-self: center
}

.review-page__payments-item {
    display: grid;
    grid-template-columns:1fr 2fr 2fr 2fr;
    grid-template-rows:auto auto;
    grid-template-areas:"logo replenish-sum replenish-period replenish-commission" "logo withdrawal-sum withdrawal-period withdrawal-commission";
    margin-bottom: 32px;
    min-width: 550px
}

@media (min-width: 1280px) {
    .review-page__payments-item {
        grid-template-columns:1fr 1.5fr 1fr 1fr 1.5fr 1fr 1fr;
        grid-template-areas:"logo replenish-sum replenish-period replenish-commission withdrawal-sum withdrawal-period withdrawal-commission";
        margin-bottom: 8px
    }
}

.review-page__payments-item .review-page__payments-item-logo {
    grid-area: logo;
    position: relative;
    height: 60px
}

.review-page__payments-item .review-page__payments-item-replenish-sum {
    grid-area: replenish-sum;
    color: #52B90F
}

@media (min-width: 1280px) {
    .review-page__payments-item .review-page__payments-item-replenish-sum {
        color: #1D2430
    }
}

.review-page__payments-item .review-page__payments-item-replenish-period {
    grid-area: replenish-period;
    color: #52B90F
}

@media (min-width: 1280px) {
    .review-page__payments-item .review-page__payments-item-replenish-period {
        color: #1D2430
    }
}

.review-page__payments-item .review-page__payments-item-replenish-commission {
    grid-area: replenish-commission;
    color: #52B90F
}

@media (min-width: 1280px) {
    .review-page__payments-item .review-page__payments-item-replenish-commission {
        color: #1D2430
    }
}

.review-page__payments-item .review-page__payments-item-withdrawal-sum {
    grid-area: withdrawal-sum;
    color: #DB3529
}

@media (min-width: 1280px) {
    .review-page__payments-item .review-page__payments-item-withdrawal-sum {
        color: #1D2430
    }
}

.review-page__payments-item .review-page__payments-item-withdrawal-period {
    grid-area: withdrawal-period;
    color: #DB3529
}

@media (min-width: 1280px) {
    .review-page__payments-item .review-page__payments-item-withdrawal-period {
        color: #1D2430
    }
}

.review-page__payments-item .review-page__payments-item-withdrawal-commission {
    grid-area: withdrawal-commission;
    color: #DB3529
}

@media (min-width: 1280px) {
    .review-page__payments-item .review-page__payments-item-withdrawal-commission {
        color: #1D2430
    }
}

.review-page__payments-item span {
    font-size: 14px;
    line-height: 1;
    align-self: center;
    white-space: nowrap
}

.review-page__payments-item-logo {
    width: 106px;
    margin-right: 16px
}

@media (min-width: 1280px) {
    .review-page__payments-item-logo {
        margin-right: 40px
    }
}

.review-page__payments-item-logo img {
    width: 100%;
    height: 54px;
    object-fit: cover;
    border-radius: 12px
}

.review-page__payments-item-replenish-sum, .review-page__payments-item-withdrawal-sum, .review-page__payments-item-replenish-period, .review-page__payments-item-replenish-commission, .review-page__payments-item-withdrawal-period, .review-page__payments-item-withdrawal-commission {
    padding-right: 16px
}

.review-page__data-info {
    padding-bottom: 24px;
    border-bottom: 1px solid #F6F6F4;
    margin-bottom: 32px
}

@media (min-width: 1280px) {
    .review-page__data-info {
        margin-bottom: 36px
    }
}

.review-page__data-info:last-child {
    margin-bottom: 0
}

.review-page__data-info h4 {
    font-family: Exo2, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.2px;
    color: #141825;
    margin-bottom: 16px
}

@media (min-width: 767px) {
    .review-page__data-info h4 {
        font-size: 24px
    }
}

.review-page__data-info.review-page__data-info_border {
    border-bottom: none;
    padding-bottom: 0
}

.review-page__data-info-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #F5F5F5;
    border-radius: 16px;
    min-height: 52px;
    margin-bottom: 8px;
    padding: 14px 16px
}

@media (min-width: 767px) {
    .review-page__data-info-item {
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        padding: 14px 24px
    }
}

.review-page__data-info-item span {
    font-size: 14px;
    line-height: 1;
    color: #141825;
    padding-right: 12px
}

.review-page__data-info-item p, .review-page__data-info-item .date {
    font-family: Exo2, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.002em;
    color: #141825;
    margin-top: 8px
}

@media (min-width: 767px) {
    .review-page__data-info-item p, .review-page__data-info-item .date {
        text-align: right;
        font-size: 18px;
        margin-top: 0;
        line-height: 1.3
    }
}

.review-page__data-info-item p:empty, .review-page__data-info-item .date:empty {
    display: none
}

.review-page__data-info-item p.review-page__support-item-label, .review-page__data-info-item .date.review-page__support-item-label {
    margin-left: 32px
}

@media (min-width: 767px) {
    .review-page__data-info-item p.review-page__support-item-label, .review-page__data-info-item .date.review-page__support-item-label {
        margin-left: 0
    }
}

.review-page__data-info-item div {
    display: flex;
    align-items: center
}

.review-page__data-info-item div svg {
    margin-right: 8px
}

.review-page__data-info-item .time {
    display: none
}

.review-page__data-info-item:last-child {
    margin-bottom: 0
}

.review-page__applications {
    display: flex;
    flex-direction: column;
    padding-top: 8px
}

@media (min-width: 767px) {
    .review-page__applications {
        align-items: center;
        justify-content: space-between;
        flex-direction: row
    }
}

.review-page__applications-item {
    border: 1px solid #E2E2E2;
    border-radius: 24px;
    height: 72px;
    display: flex;
    align-items: center;
    padding-left: 32px;
    padding-right: 12px;
    flex-grow: 1;
    width: 100%;
    margin-bottom: 8px
}

@media (min-width: 767px) {
    .review-page__applications-item {
        margin-left: 8px;
        margin-right: 8px;
        margin-bottom: 0
    }

    .review-page__applications-item:first-child {
        margin-left: 0
    }

    .review-page__applications-item:last-child {
        margin-right: 0
    }
}

.review-page__applications-item a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.1px;
    color: #1473FB;
    text-transform: capitalize;
    cursor: pointer
}

.review-page__applications-item a svg {
    width: 24px;
    height: 24px;
    margin-right: 14px
}

.search-page {
    position: relative
}

.search-page__search-info {
    display: flex;
    flex-direction: column;
    font-family: Exo2, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.002em;
    margin-top: 8px;
    margin-bottom: 24px
}

@media (min-width: 767px) {
    .search-page__search-info {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin-top: 0
    }
}

.search-page__search-key {
    color: #1473FB
}

.search-page__search-count {
    color: #141825
}

.search-page__sidebar {
    padding-top: 94px
}

.search-page__nothing-found {
    background-color: #fff;
    padding: 32px 36px;
    border-radius: 16px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    font-family: Exo2, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.002em
}

.forecasts-page {
    margin-bottom: 24px
}

.forecasts-page .title {
    margin-bottom: 16px
}

.forecasts-page__description {
    font-size: 14px;
    line-height: 24px;
    color: #141825;
    margin-bottom: 40px
}

.forecasts-page__about {
    margin-bottom: 70px;
    font-family: Exo2, sans-serif;
    line-height: 24px;
    letter-spacing: -0.002em;
    font-size: 14px;
    color: #141825
}

.forecasts-page__about h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px
}

.forecasts-page__about p {
    font-size: 14px;
    margin-bottom: 30px
}

.forecasts-page__about ul {
    font-size: 14px;
    padding-left: 20px
}

.forecasts-page__about li {
    font-size: 14px;
    list-style-type: disc !important
}

.forecasts-page__not-found {
    background: #fff;
    border-radius: 16px;
    margin-bottom: 32px;
    padding: 26px;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #141825;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
    text-align: center
}

@media (min-width: 1280px) {
    .forecasts-page__not-found {
        font-size: 24px;
        min-height: 300px
    }
}

.agreement-page {
    margin-bottom: 70px;
    font-family: Exo2, sans-serif;
    line-height: 28px;
    letter-spacing: -0.002em;
    font-size: 14px;
    color: #141825
}

.agreement-page ol {
    counter-reset: item
}

.agreement-page li {
    display: block
}

.agreement-page li:before {
    content: counters(item, ".") " ";
    counter-increment: item;
    margin-right: 5px
}

ul.sqaredotlist {
    list-style-type: square
}

.agreement-page__list > li, .agreement-page__txt, .agreement-page__title {
    margin-bottom: 40px
}

.agreement-page__list > li h3, .agreement-page__txt h3, .agreement-page__title h3 {
    display: inline;
    font-weight: 700;
    margin-bottom: 30px
}

.agreement-page__list > li > ol > li {
    margin-bottom: 10px
}

.agreement-page__list > li > ol > li > ol > li {
    margin-bottom: 5px
}

.agreement-page__list > li > ol > li > ol, .agreement-page__list > li > ol {
    margin-top: 15px
}

.knowledge-base-page {
    position: relative;
    width: 100%;
    margin-bottom: 40px
}

@media (min-width: 1280px) {
    .knowledge-base-page {
        margin-bottom: 100px
    }
}

.knowledge-base-page .search-component {
    margin-bottom: 24px
}

.knowledge-base-page .search-component .search-component__input {
    width: 100%
}

.knowledge-base-page .search-component .search-component__button {
    padding-left: 50px;
    padding-right: 50px;
    width: unset;
    height: 48px;
    right: 8px
}

.knowledge-base-page .search-component .header-search__close-button {
    display: none
}

.knowledge-base-page .search-component .input-block__input {
    height: 64px
}

.knowledge-base-page__title {
    margin-bottom: 24px
}

.knowledge-base-page__blocks-wrapper {
    display: flex;
    flex-wrap: wrap
}

.knowledge-base-page__block-item {
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 24px 24px 18px 24px;
    border-radius: 16px;
    margin-bottom: 24px
}

@media (min-width: 767px) {
    .knowledge-base-page__block-item {
        width: calc(50% - 12px);
        margin-right: 24px
    }
}

.knowledge-base-page__block-item h2 {
    color: #141825;
    font-size: 24px;
    line-height: 1;
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 8px;
    font-family: Exo2, sans-serif
}

.knowledge-base-page__block-item h2 .knowledge-base-page__count {
    font-size: 18px;
    color: #7C7F8B;
    font-weight: 400;
    margin-left: 8px
}

.knowledge-base-page__block-item:nth-child(2n+2) {
    margin-right: 0
}

.knowledge-base-page__block-item ul {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%
}

.knowledge-base-page__block-item ul li {
    width: 100%;
    transition: 0.3s ease-out all;
    display: flex;
    align-items: center;
    cursor: pointer
}

.knowledge-base-page__block-item ul li svg {
    position: relative;
    margin-left: -8px
}

.knowledge-base-page__block-item ul li a {
    font-family: Exo2, sans-serif;
    color: #141825;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    transition: 0.3s ease-out all;
    cursor: pointer
}

.knowledge-base-page__block-item ul li:hover {
    color: #1473FB
}

.knowledge-base-page__block-item ul li:hover a {
    color: #1473FB
}

.knowledge-base-page__block-item ul.knowledge-base-page__video-block-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    padding-top: 8px
}

.knowledge-base-page__block-item ul.knowledge-base-page__video-block-item li {
    width: calc(50% - 8px);
    display: flex;
    flex-direction: column;
    padding-bottom: 16px
}

.knowledge-base-page__block-item ul.knowledge-base-page__video-block-item li.show-video div:before {
    display: none
}

.knowledge-base-page__block-item ul.knowledge-base-page__video-block-item li .video {
    height: 150px;
    border-radius: 16px;
    min-height: 150px
}

.knowledge-base-page__block-item ul.knowledge-base-page__video-block-item li div {
    width: 100%;
    position: relative;
    height: 150px
}

.knowledge-base-page__block-item ul.knowledge-base-page__video-block-item li div:before {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 50%;
    left: 50%;
    content: '';
    background: url(../img/video-play.svg);
    transform: translate(-50%, -50%);
    transition: 0.3s ease-out all
}

.knowledge-base-page__block-item ul.knowledge-base-page__video-block-item li div img {
    width: 100%;
    border-radius: 16px;
    height: 150px;
    object-fit: cover
}

.knowledge-base-page__block-item ul.knowledge-base-page__video-block-item li div:hover {
    cursor: pointer
}

.knowledge-base-page__block-item ul.knowledge-base-page__video-block-item li div:hover:before {
    transform: scale(1.05) translate(-50%, -50%)
}

.knowledge-base-page__block-item ul.knowledge-base-page__video-block-item li a {
    padding-top: 4px;
    padding-bottom: 0;
    font-size: 14px;
    display: flex;
    flex-direction: column
}

.knowledge-base-page__block-item ul.knowledge-base-page__video-block-item li a:hover div:before {
    transform: scale(1.05) translate(-50%, -50%)
}

.knowledge-base-page__block-item button, .knowledge-base-page__block-item > a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #1473FB;
    transition: 0.3s ease-out all;
    padding-top: 6px;
    padding-bottom: 6px;
    cursor: pointer;
    border: none;
    background: transparent;
    text-align: left
}

.knowledge-base-page__block-item button:hover, .knowledge-base-page__block-item > a:hover {
    color: #2D80F9
}

.knowledge-base-page__block-item button .knowledge-base-page__count, .knowledge-base-page__block-item > a .knowledge-base-page__count {
    color: #7C7F8B;
    font-weight: 400;
    margin-left: 4px
}

.knowledge-base-page__sidebar {
    padding-top: 62px;
    padding-bottom: 40px
}

@media (min-width: 1280px) {
    .knowledge-base-page__sidebar {
        padding-bottom: 100px
    }
}

.knowledge-base-page-category {
    position: relative;
    padding-bottom: 40px;
    width: 100%
}

@media (min-width: 1280px) {
    .knowledge-base-page-category {
        padding-bottom: 100px
    }
}

.knowledge-base-page-category__title {
    margin-bottom: 24px
}

.knowledge-base-page__content {
    width: 100%;
    padding: 24px;
    background: #fff;
    border-radius: 16px;
    columns: 1
}

@media (min-width: 767px) {
    .knowledge-base-page__content {
        columns: 2
    }
}

.knowledge-base-page__content.knowledge-base-page__video-content {
    columns: 1
}

.knowledge-base-page__content-item {
    background: #F8F8F8;
    border-radius: 16px;
    margin-bottom: 16px;
    break-inside: avoid
}

.knowledge-base-page__content-item > p {
    color: #141825;
    font-size: 24px;
    line-height: 1;
    font-family: Exo2, sans-serif;
    font-weight: 700;
    padding: 16px;
    border-bottom: 1px solid #E2E2E2
}

.knowledge-base-page__content-item ul {
    padding: 16px
}

.knowledge-base-page__content-item ul li a {
    display: flex;
    align-items: flex-start;
    position: relative;
    cursor: pointer
}

.knowledge-base-page__content-item ul li a svg {
    position: relative;
    margin-left: -8px;
    margin-right: 10px;
    transition: 0.3s ease-out all;
    min-width: 24px;
    margin-top: 5px
}

.knowledge-base-page__content-item ul li a p {
    position: relative;
    color: #141825;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    transition: 0.3s ease-out all;
    padding-top: 6px;
    padding-bottom: 6px
}

.knowledge-base-page__content-item ul li a:hover svg, .knowledge-base-page__content-item ul li a:hover p {
    color: #1473FB
}

.knowledge-base-page__video-content-item {
    background: #F8F8F8;
    border-radius: 16px;
    margin-bottom: 16px
}

.knowledge-base-page__video-content-item > p {
    color: #141825;
    font-size: 24px;
    line-height: 1;
    font-family: Exo2, sans-serif;
    font-weight: 700;
    padding: 16px;
    border-bottom: 1px solid #E2E2E2
}

.knowledge-base-page__video-content-item ul {
    padding: 16px;
    display: flex;
    flex-wrap: wrap
}

.knowledge-base-page__video-content-item ul li {
    width: 100%;
    margin-bottom: 16px
}

@media (min-width: 767px) {
    .knowledge-base-page__video-content-item ul li {
        width: calc(50% - 8px);
        margin-right: 16px
    }

    .knowledge-base-page__video-content-item ul li:nth-child(2n+2) {
        margin-right: 0
    }
}

@media (min-width: 991px) {
    .knowledge-base-page__video-content-item ul li {
        width: calc(33.333% - 11px)
    }

    .knowledge-base-page__video-content-item ul li:nth-child(2n+2) {
        margin-right: 16px
    }

    .knowledge-base-page__video-content-item ul li:nth-child(3n+3) {
        margin-right: 0
    }
}

.knowledge-base-page__video-content-item ul li.show-video div:before {
    display: none
}

.knowledge-base-page__video-content-item ul li .video {
    height: 200px;
    border-radius: 16px;
    min-height: 200px
}

@media (min-width: 991px) {
    .knowledge-base-page__video-content-item ul li .video {
        height: 150px;
        min-height: 150px
    }
}

@media (min-width: 1280px) {
    .knowledge-base-page__video-content-item ul li .video {
        height: 200px;
        min-height: 200px
    }
}

.knowledge-base-page__video-content-item ul li div {
    width: 100%;
    position: relative;
    height: 200px
}

@media (min-width: 991px) {
    .knowledge-base-page__video-content-item ul li div {
        height: 150px
    }
}

@media (min-width: 1280px) {
    .knowledge-base-page__video-content-item ul li div {
        height: 200px
    }
}

.knowledge-base-page__video-content-item ul li div:before {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 50%;
    left: 50%;
    content: '';
    background: url(../img/video-play.svg);
    transform: translate(-50%, -50%);
    transition: 0.3s ease-out all
}

.knowledge-base-page__video-content-item ul li div img {
    width: 100%;
    border-radius: 16px;
    height: 200px;
    object-fit: cover
}

@media (min-width: 991px) {
    .knowledge-base-page__video-content-item ul li div img {
        height: 150px
    }
}

@media (min-width: 1280px) {
    .knowledge-base-page__video-content-item ul li div img {
        height: 200px
    }
}

.knowledge-base-page__video-content-item ul li div:hover {
    cursor: pointer
}

.knowledge-base-page__video-content-item ul li div:hover:before {
    transform: scale(1.05) translate(-50%, -50%)
}

.knowledge-base-page__video-content-item ul li a {
    display: flex;
    position: relative;
    cursor: pointer;
    flex-direction: column
}

.knowledge-base-page__video-content-item ul li a p {
    position: relative;
    color: #141825;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    transition: 0.3s ease-out all;
    padding-top: 6px;
    padding-bottom: 6px
}

.knowledge-base-page__video-content-item ul li a:hover p {
    color: #1473FB
}

.margin-calculator-page {
    position: relative;
    padding-bottom: 100px;
    width: 100%
}

@media (min-width: 1024px) {
    .margin-calculator-page {
        width: calc(100% - 336px) !important
    }
}

.margin-calculator__title {
    margin-bottom: 8px
}

.margin-calculator__description {
    font-size: 14px;
    line-height: 26px;
    color: #141825;
    margin-bottom: 20px
}

.margin-calculator__wrapper {
    background: #fff;
    border-radius: 16px;
    padding: 16px 0 0 0
}

@media (min-width: 1024px) {
    .margin-calculator__wrapper {
        padding: 16px 20px 0 20px
    }
}

.margin-calculator__wrapper h2 {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #141825;
    margin-bottom: 6px;
    padding: 0 20px 0 20px
}

@media (min-width: 1024px) {
    .margin-calculator__wrapper h2 {
        padding: 0
    }
}

.margin-calculator__wrapper > p {
    font-size: 14px;
    line-height: 24px;
    color: #4F525A;
    margin-bottom: 12px;
    padding: 0 20px 0 20px
}

@media (min-width: 1024px) {
    .margin-calculator__wrapper > p {
        padding: 0
    }
}

.margin-calculator__item-wrapper {
    display: flex;
    justify-content: space-between
}

.margin-calculator__item-wrapper > div {
    flex-grow: 1;
    width: 100%;
    margin-left: 2px;
    margin-right: 2px
}

.margin-calculator__item-wrapper > div:first-child {
    margin-left: 0
}

.margin-calculator__item-wrapper > div:last-child {
    margin-right: 0
}

.margin-calculator-pag__sidebar {
    padding-top: 144px
}

.margin-calculator__slider .slick-slider {
    position: relative
}

.margin-calculator__slider .slick-slide {
    padding-left: 20px;
    padding-right: 20px
}

.margin-calculator__slider .slick-prev {
    font-size: 0;
    background: rgba(20, 115, 251, 0.6);
    border: none;
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    z-index: 10
}

.margin-calculator__slider .slick-prev:before {
    content: '';
    background: url(../img/prev.svg);
    width: 18px;
    height: 14px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 100;
    display: block
}

.margin-calculator__slider .slick-next {
    font-size: 0;
    background: rgba(20, 115, 251, 0.6);
    border: none;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    z-index: 10
}

.margin-calculator__slider .slick-next:before {
    content: '';
    background: url(../img/next.svg);
    width: 18px;
    height: 14px;
    right: 2px;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 100;
    display: block
}

.margin-calculator-item__head {
    background: #F5F5F5;
    border-radius: 16px;
    padding: 16px 16px 24px;
    margin-bottom: 16px
}

.margin-calculator-item__odds-title {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.1px;
    color: #4F525A;
    margin-bottom: 16px
}

.margin-calculator-item__switcher-wrapper {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    margin-bottom: 16px
}

.margin-calculator-item__switcher {
    position: relative;
    display: flex;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    will-change: transform;
    border-radius: 12px;
    width: 100%;
    background: #fff
}

.margin-calculator-item__switcher::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200%;
    border-radius: 12px;
    background-color: #1473FB;
    transform: translateX(-75%);
    transition: transform .5s ease-in-out
}

.margin-calculator-item__switcher-checkbox:checked + .margin-calculator-item__switcher::before {
    transform: translateX(25%)
}

.margin-calculator-item__switcher-trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -0.004em;
    color: #4F525A;
    white-space: nowrap;
    height: 44px;
    width: 50%;
    transition: color .5s ease-in-out
}

.margin-calculator-item__switcher-trigger span {
    margin-left: 4px
}

.margin-calculator-item__switcher-trigger_active {
    color: #fff
}

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

.margin-calculator-item____coefficients-title {
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: #4F525A;
    text-align: center;
    margin-bottom: 8px
}

.margin-calculator-item__odds {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.margin-calculator-item__odds input {
    flex-grow: 1;
    width: 100%;
    margin-left: 4px;
    margin-right: 4px;
    background: #fff;
    border: none;
    display: flex;
    align-self: center;
    text-align: center;
    border-radius: 12px;
    height: 44px;
    font-size: 14px;
    line-height: 1;
    color: #141825;
    transition: 0.3s ease-out all
}

.margin-calculator-item__odds input:first-child {
    margin-left: 0
}

.margin-calculator-item__odds input:last-child {
    margin-right: 0
}

.margin-calculator-item__odds input::placeholder {
    font-size: 14px;
    line-height: 1;
    color: #B7BBC4
}

.margin-calculator-item__odds input:focus, .margin-calculator-item__odds input.margin-calculator-item__odds_active {
    box-shadow: 0px 0px 0px 1px #1473FB
}

.margin-calculator-item__body {
    background: #F5F5F5;
    border-radius: 16px;
    padding: 16px 12px
}

.margin-calculator-item__body-item-wrapper {
    padding-bottom: 16px
}

.margin-calculator-item__body-item-wrapper > p {
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: #4F525A;
    text-align: center;
    margin-bottom: 8px
}

.margin-calculator-item__body-item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.margin-calculator-item__body-item > span {
    flex-grow: 1;
    width: 100%;
    background: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    margin-left: 4px;
    margin-right: 4px;
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.1px;
    color: #B7BBC4
}

.margin-calculator-item__body-item > span:first-child {
    margin-left: 0
}

.margin-calculator-item__body-item > span:last-child {
    margin-right: 0
}

.margin-calculator-item__body-item-single {
    display: flex;
    align-items: center;
    justify-content: center
}

.margin-calculator-item__body-item-single > span {
    background: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33.3333%;
    height: 44px;
    margin-left: 4px;
    margin-right: 4px;
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.1px;
    color: #B7BBC4
}

.margin-calculator-item__button-clear button {
    font-size: 14px;
    line-height: 26px;
    color: #A7AAB1;
    background: transparent;
    border: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    cursor: pointer
}

.SimpleSlider {
    position: relative
}

@media (max-width: 767px) {
    .SimpleSlider {
        padding: 0 16px
    }
}

@media (max-width: 480px) {
    .SimpleSlider {
        padding: 0
    }
}

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.contacts-page {
    margin-bottom: 70px;
    font-family: Exo2, sans-serif;
    line-height: 28px;
    letter-spacing: -0.002em;
    font-size: 14px;
    color: #141825
}

.contacts-page__content {
    margin-top: 40px
}

.privacy-policy-page {
    margin-bottom: 70px;
    font-family: Exo2, sans-serif;
    line-height: 28px;
    letter-spacing: -0.002em;
    font-size: 14px;
    color: #141825
}

.privacy-policy-page ol {
    counter-reset: item
}

.privacy-policy-page li {
    display: block
}

.privacy-policy-page li:before {
    content: counters(item, ".") " ";
    counter-increment: item;
    margin-right: 5px
}

ul.sqaredotlist {
    list-style-type: square
}

.privacy-policy-page__list > li, .privacy-policy-page__txt, .privacy-policy-page__title {
    margin-bottom: 40px
}

.privacy-policy-page__list > li h3, .privacy-policy-page__txt h3, .privacy-policy-page__title h3 {
    display: inline;
    font-weight: 700;
    margin-bottom: 30px
}

.privacy-policy-page__list > li > ol > li {
    margin-bottom: 10px
}

.privacy-policy-page__list > li > ol > li > ol > li {
    margin-bottom: 5px
}

.privacy-policy-page__list > li > ol > li > ol, .privacy-policy-page__list > li > ol {
    margin-top: 15px
}

.home-subscribe {
    background: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    height: 300px;
    overflow: hidden;
    margin-bottom: 40px
}

@media (min-width: 767px) {
    .home-subscribe {
        padding-left: 40px;
        padding-right: 0
    }
}

.home-subscribe h3 {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #141825;
    position: relative;
    z-index: 1;
    margin-bottom: 32px;
    max-width: 400px;
    text-align: center
}

@media (min-width: 767px) {
    .home-subscribe h3 {
        text-align: left
    }
}

.home-subscribe .subscribe-form {
    position: relative;
    z-index: 1;
    max-width: 372px
}

.home-subscribe .subscribe-form .subscribe-form__label {
    color: #141825
}

@media (min-width: 767px) {
    .home-subscribe .subscribe-form .subscribe-form__label {
        color: #fff
    }
}

.page-404 {
    margin-top: 40px;
    margin-bottom: 40px;
    background: #fff;
    border-radius: 24px;
    text-align: center;
    padding: 44px 20px
}

.page-404 img {
    width: 100%;
    height: auto;
    max-width: 700px;
    position: relative;
    display: block;
    margin: 0 auto
}

.page-404 h1 {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.6px;
    color: #141825;
    position: relative;
    max-width: 700px;
    margin: 30px auto 16px
}

@media (min-width: 767px) {
    .page-404 h1 {
        font-size: 56px;
        margin: -46px auto 16px
    }
}

.page-404 p {
    font-family: Exo2, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.002em;
    color: #141825;
    max-width: 700px;
    margin: 0 auto 28px
}

.page-404 .button {
    padding-left: 40px;
    padding-right: 40px
}

.article-page {
    position: relative
}

.article-page__title {
    margin-bottom: 16px
}

.article-page__article-info {
    display: flex;
    align-items: center;
    margin-bottom: 22px
}

.article-page__article-categories {
    display: flex;
    align-items: center
}

.article-page__article-categories a {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1473fb;
    margin-right: 22px;
    padding-top: 2px
}

.article-page__article-date {
    font-size: 14px;
    line-height: 1;
    color: #B7BBC4;
    display: flex;
    align-items: center
}

.article-page__article-date .date {
    margin-right: 4px
}

.article-page__article-main-img {
    display: block;
    position: relative;
    width: 100%;
    height: 600px;
    margin-bottom: 22px
}

@media (max-width: 767px) {
    .article-page__article-main-img {
        height: 300px !important
    }
}

.article-page__article-main-img img {
    width: 100%;
    height: auto;
    max-height: 540px;
    border-radius: 16px;
    object-fit: cover
}

.article-page__article-main-img-video {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 22px;
    cursor: pointer
}

.article-page__article-main-img-video img {
    width: 100%;
    height: auto;
    max-height: 540px;
    border-radius: 16px;
    object-fit: cover;
    min-height: 300px
}

@media (min-width: 767px) {
    .article-page__article-main-img-video img {
        min-height: 400px
    }
}

.article-page__article-main-img-video:before {
    position: absolute;
    width: 64px;
    height: 64px;
    top: 50%;
    left: 50%;
    content: "";
    background: url(../img/video-play.svg);
    transform: translate(-50%, -50%);
    transition: 0.3s ease-out all
}

.article-page__article-main-img-video:hover:before {
    transform: scale(1.05) translate(-50%, -50%)
}

.article-page__article-main-video {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 22px
}

.article-page__article-main-video .video {
    width: 100%;
    height: auto;
    min-height: 300px;
    border-radius: 16px;
    object-fit: cover
}

@media (min-width: 767px) {
    .article-page__article-main-video .video {
        min-height: 400px
    }
}

@media (min-width: 1024px) {
    .article-page__article-main-video .video {
        min-height: 450px
    }
}

@media (min-width: 1280px) {
    .article-page__article-main-video .video {
        min-height: 550px
    }
}

.article-page__article {
    background: #fff;
    padding: 18px 32px 32px 32px;
    border-radius: 16px;
    margin-bottom: 32px
}

.article-page__article-content table {
    border: 1px solid #f1f2f3 !important
}

.article-page__article-content table td {
    border: 1px solid #f1f2f3 !important
}

.article-page__article-content table td p, .article-page__article-content table td span {
    margin: 0 !important;
    padding: 10px
}

.article-page__article-content h2 {
    font-family: Exo2, sans-serif !important;
    font-size: 24px !important
}

.article-page__article-content h2 > * {
    font-size: 24px !important;
    font-family: Exo2, sans-serif !important
}

.article-page__article-content h2 + h3 {
    margin-top: 22px !important
}

.article-page__article-content h3 {
    font-family: Exo2, sans-serif !important;
    font-size: 18px !important
}

.article-page__article-content h3 > * {
    font-family: Exo2, sans-serif !important;
    font-size: 18px !important
}

.article-page__article-content span {
    font-family: Exo2, sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.002em
}

.article-page__article-content p {
    font-family: Exo2, sans-serif !important;
    font-size: 16px !important;
    line-height: 28px !important;
    color: #141825;
    margin-bottom: 22px;
    margin-top: 14px
}

.article-page__article-content p * {
    font-family: Exo2, sans-serif !important;
    font-size: 16px !important;
    line-height: 28px !important
}

.article-page__article-content > div {
    text-align: center;
    margin-bottom: 10px
}

.article-page__article-content > div img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    margin-bottom: 16px
}

.article-page__article-content > div span {
    font-family: Exo2, sans-serif !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.002em;
    color: #B7BBC4;
    width: 100%
}

.article-page__article-content del {
    text-decoration: line-through
}

.article-page__article-content figure {
    width: 100%;
    height: auto;
    border-radius: 16px;
    margin-bottom: 8px
}

.article-page__article-content figure iframe {
    width: 100%;
    height: auto;
    min-height: 300px;
    border-radius: 16px
}

@media (min-width: 767px) {
    .article-page__article-content figure iframe {
        min-height: 400px
    }
}

@media (min-width: 1024px) {
    .article-page__article-content figure iframe {
        min-height: 450px
    }
}

@media (min-width: 1280px) {
    .article-page__article-content figure iframe {
        min-height: 500px
    }
}

.article-page__article-content figure img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
    box-shadow: 0px 0px 1px 0px #1473FB
}

.article-page__article-content ul, .article-page__article-content ol {
    padding-left: 20px
}

.article-page__article-content ul li, .article-page__article-content ol li {
    list-style-type: unset !important
}

.article-page__read-also {
    margin-bottom: 32px
}

.article-page__read-also h2 {
    margin-bottom: 24px
}

.article-page__article-author {
    margin-top: 32px;
    padding-top: 24px;
    display: flex;
    align-items: center;
    border-top: 1px solid #F6F6F4;
    clear: both;
}

.article-page__article-author span {
    position: relative;
    width: 54px;
    height: 54px;
    margin-right: 16px
}

.article-page__article-author span img {
    width: 54px;
    height: 54px;
    border-radius: 54px
}

.article-page__article-author span {
    font-size: 14px;
    line-height: 26px;
    color: #b7bbc4
}

.article-page__article-author p {
    font-family: Exo2, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #141825
}

.article-page__review-block {
    margin-bottom: 24px
}

.knowledge-base-article-page {
    margin-bottom: 40px
}

@media (min-width: 1280px) {
    .knowledge-base-article-page {
        margin-bottom: 100px
    }
}

.knowledge-base-article-page .title {
    margin-bottom: 24px
}

.knowledge-base-article-page__article-main-img {
    padding-bottom: 24px
}

.knowledge-base-article-page__article-main-img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    max-height: 412px;
    border-radius: 16px
}

.knowledge-base-article-page__article-content {
    font-family: Exo2, sans-serif !important;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.002em;
    color: #141825;
    padding: 24px;
    background: #fff;
    border-radius: 16px;
    margin-bottom: 24px
}

.knowledge-base-article-page__article-content iframe {
    border-radius: 16px
}

.knowledge-base-article-page__article-content span {
    font-family: Exo2, sans-serif !important
}

.knowledge-base-article-page__article-content img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
    margin-bottom: 24px;
    box-shadow: 0px 0px 1px 0px #1473FB
}

.knowledge-base-article-page__article-content h2 {
    font-family: Exo2, sans-serif !important;
    font-size: 24px !important
}

.knowledge-base-article-page__article-content h2 > * {
    font-size: 24px !important;
    font-family: Exo2, sans-serif !important
}

.knowledge-base-article-page__article-content h2 + h3 {
    margin-top: 22px !important
}

.knowledge-base-article-page__article-content h3 {
    font-family: Exo2, sans-serif !important;
    font-size: 18px !important
}

.knowledge-base-article-page__article-content h3 > * {
    font-family: Exo2, sans-serif !important;
    font-size: 18px !important
}

.knowledge-base-article-page__article-content p {
    font-family: Exo2, sans-serif !important;
    font-size: 16px !important;
    line-height: 28px;
    color: #141825;
    margin-bottom: 22px;
    margin-top: 14px
}

.knowledge-base-article-page__article-content p > * {
    font-size: 16px !important;
    line-height: 28px !important;
    font-family: Exo2, sans-serif !important
}

.knowledge-base-article-page__article-content ul {
    margin-bottom: 24px;
    padding-inline-start: 20px !important
}

.knowledge-base-article-page__article-content ul li {
    list-style-type: none !important;
    padding-left: 20px;
    position: relative
}

.knowledge-base-article-page__article-content ul li:before {
    content: '';
    background: #1473FB;
    width: 4px;
    height: 4px;
    left: 4px;
    top: 12px;
    display: block;
    border-radius: 4px;
    position: absolute
}

.knowledge-base-article-page__article-nav {
    display: flex;
    justify-content: space-between
}

.knowledge-base-article-page__article-nav .knowledge-base-article-page__article-nav-empty {
    width: calc(50% - 12px)
}

.knowledge-base-article-page__article-nav .knowledge-base-article-page__article-nav-link {
    width: calc(50% - 12px);
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    cursor: pointer
}

.knowledge-base-article-page__article-nav .knowledge-base-article-page__article-nav-link span {
    color: #7C7F8B;
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 6px;
    display: flex
}

@media (min-width: 767px) {
    .knowledge-base-article-page__article-nav .knowledge-base-article-page__article-nav-link span {
        font-size: 14px
    }
}

.knowledge-base-article-page__article-nav .knowledge-base-article-page__article-nav-link div {
    display: flex;
    align-items: flex-start;
    position: relative
}

.knowledge-base-article-page__article-nav .knowledge-base-article-page__article-nav-link div svg {
    position: relative;
    margin-left: -8px;
    margin-top: -2px;
    margin-right: 10px;
    transition: 0.3s ease-out all
}

.knowledge-base-article-page__article-nav .knowledge-base-article-page__article-nav-link div p {
    position: relative;
    color: #141825;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    transition: 0.3s ease-out all
}

.knowledge-base-article-page__article-nav .knowledge-base-article-page__article-nav-link:hover div svg, .knowledge-base-article-page__article-nav .knowledge-base-article-page__article-nav-link:hover div p {
    color: #1473FB
}

.knowledge-base-article-page__sidebar {
    padding-top: 62px;
    padding-bottom: 40px
}

@media (min-width: 1280px) {
    .knowledge-base-article-page__sidebar {
        padding-bottom: 100px
    }
}

.knowledge-base-article-page__sidebar h4 {
    font-family: Exo2, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.2px;
    color: #141825;
    margin-bottom: 16px
}

.knowledge-base-article-page__sidebar .knowledge-base-article-page__link-list {
    list-style-type: none;
    padding: 0;
    margin: 0 0 24px 0
}

.knowledge-base-article-page__sidebar .knowledge-base-article-page__link {
    display: flex;
    align-items: center;
    color: #1473FB;
    transition: 0.3s ease-out all
}

.knowledge-base-article-page__sidebar .knowledge-base-article-page__link p {
    color: #141825;
    padding: 8px 0;
    width: 100%;
    font-weight: 700;
    cursor: default
}

.knowledge-base-article-page__sidebar .knowledge-base-article-page__link a {
    color: #1473FB;
    transition: 0.3s ease-out all;
    padding: 8px 0;
    width: 100%
}

.knowledge-base-article-page__sidebar .knowledge-base-article-page__link:hover {
    color: #2D80F9
}

.knowledge-base-article-page__sidebar .knowledge-base-article-page__link:hover a {
    color: #2D80F9;
    transition: 0.3s ease-out all
}

.knowledge-base-article-page__sidebar .knowledge-base-article-page__link.knowledge-base-article-page__link-active {
    color: #141825
}

.knowledge-base-article-page__sidebar .knowledge-base-article-page__link.knowledge-base-article-page__link-active svg {
    transform: rotateY(180deg)
}

.complaint-page {
    position: relative;
    width: 100%;
    padding-bottom: 84px;
    background: #fff;
    border-radius: 16px;
    padding: 16px 24px;
    align-self: flex-start;
    margin-bottom: 50px
}

.complaint-page__title {
    margin-bottom: 16px
}

.complaint-page__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (min-width: 767px) {
    .complaint-page__head {
        flex-wrap: nowrap
    }
}

.сomplaint__author {
    width: 100%;
    display: flex;
    align-items: flex-start;
    align-items: center;
    margin-bottom: 10px
}

@media (min-width: 767px) {
    .сomplaint__author {
        width: 150px;
        min-width: 150px;
        margin-bottom: 0;
        margin-right: 35px;
        margin-bottom: 16px
    }
}

.сomplaint__expert-logo-wrapper {
    display: flex;
    align-items: center
}

.сomplaint__expert-logo {
    background: #F6F6F4;
    border-radius: 20px;
    border: 1px solid #F6F6F4;
    overflow: hidden;
    width: 62px;
    min-width: 62px;
    height: 62px;
    padding: 10px;
    margin-right: 16px
}

.сomplaint__expert-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

.сomplaint__expert-data {
    flex-grow: 1
}

.сomplaint__expert-data p {
    font-family: Exo2, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -0.002em;
    color: #2F2F2F;
    margin-bottom: 2px;
    word-break: break-all;
    margin-bottom: 6px
}

.сomplaint__expert-data span {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.001em;
    color: #B7BBC4;
    display: flex;
    align-content: center
}

.сomplaint__expert-data span .time {
    margin-left: 4px
}

.сomplaint__data {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    justify-content: space-between
}

@media (min-width: 767px) {
    .сomplaint__data {
        margin-bottom: 0;
        justify-content: unset
    }
}

.сomplaint__comment-img {
    width: 32%;
    height: 40px
}

@media (min-width: 767px) {
    .сomplaint__comment-img {
        width: 140px
    }
}

.сomplaint__comment-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.сomplaint__comment-sum {
    color: #7C7F8B;
    background: #F5F5F5;
    border-radius: 10px;
    white-space: nowrap;
    font-size: 16px;
    padding: 2px 20px;
    width: 32%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    font-weight: bold
}

@media (min-width: 767px) {
    .сomplaint__comment-sum {
        width: 140px;
        margin-left: 18px
    }
}

.сomplaint__comment-message {
    color: #141825;
    border-radius: 10px;
    white-space: nowrap;
    font-size: 16px;
    padding: 2px 20px;
    width: 32%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500
}

@media (min-width: 767px) {
    .сomplaint__comment-message {
        width: 140px;
        margin-left: 18px
    }
}

.сomplaint__comment-message.сomplaint__comment-fulfilled {
    background: #52B90F
}

.сomplaint__comment-message.сomplaint__comment-active {
    background: #FFC700
}

.сomplaint__comment-message.сomplaint__comment-rejected {
    color: #fff;
    background: #DB3529
}

.сomplaint__comment-message.сomplaint__comment-unreasonable {
    background: #A7AAB1
}

.complaint-page__content {
    font-size: 16px;
    color: #141825;
    line-height: 1.4
}

.сomplaint__comment-data-admin {
    border-radius: 10px;
    background: rgba(20, 115, 251, 0.1);
    padding: 10px 20px 14px;
    margin-top: 10px
}

.сomplaint__comment-data-admin span {
    color: #141825;
    font-weight: bold;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 6px;
    display: block;
    width: 100%
}

.сomplaint__comment-data-admin p {
    color: #141825;
    font-size: 14px;
    line-height: 20px;
    display: block;
    width: 100%
}

.complaint-page__live-comment h3 {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.6px;
    color: #141825;
    margin-bottom: 16px;
    margin-top: 16px
}

.complaint-page__live-comment textarea {
    border: 1px solid #E2E2E2;
    border-radius: 12px;
    min-height: 140px;
    width: 100%;
    padding: 16px;
    font-size: 14px;
    line-height: 26px;
    color: #141825;
    display: block;
    resize: none;
    margin-bottom: 16px;
    transition: 0.3s ease-out all
}

@media (min-width: 767px) {
    .complaint-page__live-comment textarea {
        min-height: 104px
    }
}

.complaint-page__live-comment textarea:hover, .complaint-page__live-comment textarea:focus, .complaint-page__live-comment textarea.textarea_active {
    border-color: #1473FB
}

.complaint-page__live-comment span.complaint-page__count_error {
    color: #DB3529;
    margin-left: 6px
}

.complaint-page__live-comment span.complaint-page__count_success {
    color: #52B90F;
    margin-left: 6px
}

.complaint-page__messages {
    margin-top: 30px
}

.complaint-page__messages-content {
    font-size: 14px;
    color: #141825;
    line-height: 26px
}

.forecast-page {
    position: relative;
    padding-bottom: 84px
}

.forecast-page__title {
    margin-bottom: 16px
}

.forecast-page__forecast-info {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.forecast-page__forecast-categories {
    display: flex;
    align-items: center
}

.forecast-page__forecast-categories a {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1473FB;
    margin-right: 22px;
    padding-top: 2px
}

.forecast-page__forecast-date {
    font-size: 14px;
    line-height: 1;
    color: #B7BBC4;
    display: flex;
    align-items: center
}

.forecast-page__forecast-date .date {
    margin-right: 4px
}

.forecast-page__forecast-league-content {
    background: #fff;
    border-radius: 16px;
    margin-bottom: 16px
}

.forecast-page__forecast-league-title {
    font-family: Exo2, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.002em;
    color: #4F525A;
    padding: 24px 24px 32px;
    text-align: center
}

@media (min-width: 767px) {
    .forecast-page__forecast-league-title {
        border-bottom: 1px solid #F6F6F4
    }
}

@media (min-width: 991px) {
    .forecast-page__forecast-league-title {
        padding: 32px 32px
    }
}

.forecast-page__forecast-league-teams {
    margin: 0 16px 16px 16px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: #F6F6F4;
    border-radius: 16px;
    padding-top: 24px;
    padding-bottom: 24px
}

@media (min-width: 767px) {
    .forecast-page__forecast-league-teams {
        justify-content: center;
        margin: 0;
        padding: 30px 24px 30px 24px;
        background: transparent
    }
}

@media (min-width: 991px) {
    .forecast-page__forecast-league-teams {
        padding: 30px 32px 10px 32px
    }
}

.forecast-page__forecast-team-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    width: 33.333%
}

@media (min-width: 767px) {
    .forecast-page__forecast-team-left {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        width: 45%
    }
}

.forecast-page__forecast-team-left .forecast-page__forecast-team-info {
    order: 2
}

@media (min-width: 767px) {
    .forecast-page__forecast-team-left .forecast-page__forecast-team-info {
        flex-wrap: nowrap;
        order: unset;
        margin-right: 24px;
        text-align: right
    }
}

.forecast-page__forecast-team-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    width: 33.333%
}

@media (min-width: 767px) {
    .forecast-page__forecast-team-right {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: unset;
        width: 45%
    }
}

@media (min-width: 767px) {
    .forecast-page__forecast-team-right .forecast-page__forecast-team-info {
        margin-left: 24px
    }
}

.forecast-page__forecast-team-info {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.2px;
    color: #141825;
    margin-top: 8px;
    text-align: center
}

@media (min-width: 767px) {
    .forecast-page__forecast-team-info {
        margin-top: 0;
        font-size: 24px
    }
}

.forecast-page__forecast-team-vs-label {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.6px;
    color: #1473FB;
    width: 40px;
    text-align: center
}

@media (min-width: 767px) {
    .forecast-page__forecast-team-vs-label {
        font-size: 32px;
        margin-left: 32px;
        margin-right: 32px;
        width: unset;
        text-align: unset
    }
}

@media (min-width: 991px) {
    .forecast-page__forecast-team-vs-label {
        margin-left: 70px;
        margin-right: 70px
    }
}

.forecast-page__forecast-team-img {
    width: 76px;
    min-width: 76px;
    height: 76px;
    border-radius: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: relative;
    overflow: hidden
}

@media (min-width: 767px) {
    .forecast-page__forecast-team-img {
        width: 116px;
        min-width: 116px;
        height: 116px;
        border-radius: 116px;
        border: 1px solid #F6F6F4;
        overflow: hidden
    }
}

.forecast-page__forecast-team-img img {
    width: 30px;
    height: 30px;
    display: block;
    object-fit: contain
}

@media (min-width: 767px) {
    .forecast-page__forecast-team-img img {
        width: 100px;
        height: 100px
    }
}

.forecast-page__forecast-bookmaker {
    padding-bottom: 24px;
    border-bottom: 1px solid #F6F6F4;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 767px) {
    .forecast-page__forecast-bookmaker {
        padding-bottom: 30px
    }
}

@media (min-width: 991px) {
    .forecast-page__forecast-bookmaker {
        padding-top: 30px
    }
}

.forecast-page__forecast-bookmaker-coefficient {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -0.002em;
    color: #141825;
    background: #F5F5F5;
    border-radius: 16px;
    width: 90px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 767px) {
    .forecast-page__forecast-bookmaker-coefficient {
        width: 110px
    }
}

.forecast-page__forecast-bookmaker-date {
    border: 1px solid #F5F5F5;
    border-radius: 16px;
    width: 72px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-left: 4px;
    margin-right: 4px
}

@media (min-width: 767px) {
    .forecast-page__forecast-bookmaker-date {
        margin-left: 8px;
        margin-right: 8px;
        width: 110px
    }
}

.forecast-page__forecast-bookmaker-date .date {
    font-size: 12px;
    line-height: 1;
    letter-spacing: -0.001em;
    color: #B7BBC4
}

.forecast-page__forecast-bookmaker-date .time {
    font-family: Exo2, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.1px;
    color: #1473FB
}

.forecast-page__forecast-bookmaker-logo {
    background: #F5F5F5;
    border-radius: 16px;
    width: 90px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

@media (min-width: 767px) {
    .forecast-page__forecast-bookmaker-logo {
        width: 110px
    }
}

.forecast-page__forecast-bookmaker-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px
}

.forecast-page__forecast-vote {
    padding: 16px
}

@media (min-width: 767px) {
    .forecast-page__forecast-vote {
        padding: 16px 24px 32px 24px
    }
}

@media (min-width: 991px) {
    .forecast-page__forecast-vote {
        padding: 16px 32px 32px 32px
    }
}

.forecast-page__forecast-vote-title {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #000000;
    text-align: center;
    margin-bottom: 16px
}

@media (min-width: 767px) {
    .forecast-page__forecast-vote-title {
        font-size: 18px
    }
}

.forecast-page__forecast-vote-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (min-width: 767px) {
    .forecast-page__forecast-vote-button {
        flex-wrap: nowrap
    }
}

.forecast-page__forecast-vote-label {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    letter-spacing: -0.002em;
    color: #141825;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #F5F5F5;
    border-radius: 16px;
    height: 60px;
    margin-bottom: 8px;
    transition: 0.3s ease-out all
}

@media (min-width: 767px) {
    .forecast-page__forecast-vote-label {
        width: 33.33333%;
        margin-right: 16px;
        margin-bottom: 0
    }
}

@media (min-width: 991px) {
    .forecast-page__forecast-vote-label {
        margin-right: 24px
    }
}

.forecast-page__forecast-vote-label:last-child {
    margin-right: 0
}

.forecast-page__forecast-vote-label div {
    position: relative
}

.forecast-page__forecast-vote-label div img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    margin-right: 14px
}

.forecast-page__forecast-vote-label_active {
    border: 2px solid #52B90F
}

.forecast-page__forecast {
    background: #fff;
    padding: 18px 32px 32px 32px;
    border-radius: 16px;
    margin-bottom: 32px
}

.forecast-page__forecast-content {
    font-family: Exo2, sans-serif !important;
    font-size: 16px;
    line-height: 28px;
    color: #141825
}

.forecast-page__forecast-content table {
    border: 1px solid #f1f2f3 !important
}

.forecast-page__forecast-content table td {
    border: 1px solid #f1f2f3 !important
}

.forecast-page__forecast-content table td p, .forecast-page__forecast-content table td span {
    margin: 0 !important;
    padding: 10px
}

.forecast-page__forecast-content > p {
    font-family: Exo2, sans-serif !important;
    font-size: 16px !important;
    line-height: 28px;
    color: #141825;
    margin-bottom: 22px;
    margin-top: 14px
}

.forecast-page__forecast-content > p > * {
    font-size: 16px !important;
    line-height: 28px !important;
    font-family: Exo2, sans-serif !important
}

.forecast-page__forecast-content h2 {
    font-family: Exo2, sans-serif !important;
    font-size: 24px !important
}

.forecast-page__forecast-content h2 > * {
    font-size: 24px !important;
    font-family: Exo2, sans-serif !important
}

.forecast-page__forecast-content h3 {
    font-family: Exo2, sans-serif !important;
    font-size: 18px !important
}

.forecast-page__forecast-content h3 > * {
    font-family: Exo2, sans-serif !important;
    font-size: 18px !important
}

.forecast-page__forecast-content > div {
    text-align: center;
    margin-bottom: 10px
}

.forecast-page__forecast-content > div img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    margin-bottom: 16px
}

.forecast-page__forecast-content > div span {
    font-family: Exo2, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.002em;
    color: #B7BBC4;
    width: 100%
}

.forecast-page__forecast-content del {
    text-decoration: line-through
}

.forecast-page__forecast-author {
    margin-top: 32px;
    padding-top: 24px;
    display: flex;
    align-items: center;
    border-top: 1px solid #F6F6F4
}

.forecast-page__forecast-author img {
    width: 54px;
    height: 54px;
    border-radius: 54px;
    margin-right: 16px
}

.forecast-page__forecast-author span {
    font-size: 14px;
    line-height: 26px;
    color: #B7BBC4
}

.forecast-page__forecast-author p {
    font-family: Exo2, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.1px;
    color: #141825
}

.forecast-page__forecasts {
    padding-top: 20px
}

.forecast-page__main-video {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 22px
}

.forecast-page__main-video .video {
    width: 100%;
    height: auto;
    min-height: 300px;
    border-radius: 16px;
    object-fit: cover
}

@media (min-width: 767px) {
    .forecast-page__main-video .video {
        min-height: 400px
    }
}

@media (min-width: 1024px) {
    .forecast-page__main-video .video {
        min-height: 450px
    }
}

@media (min-width: 1280px) {
    .forecast-page__main-video .video {
        min-height: 550px
    }
}

.forecast-page__main-img-video {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 22px;
    cursor: pointer
}

.forecast-page__main-img-video img {
    width: 100%;
    height: auto;
    max-height: 540px;
    border-radius: 16px;
    object-fit: cover;
    min-height: 300px
}

@media (min-width: 767px) {
    .forecast-page__main-img-video img {
        min-height: 400px
    }
}

.forecast-page__main-img-video:before {
    position: absolute;
    width: 64px;
    height: 64px;
    top: 50%;
    left: 50%;
    content: '';
    background: url(../img/video-play.svg);
    transform: translate(-50%, -50%);
    transition: 0.3s ease-out all
}

.forecast-page__main-img-video:hover:before {
    transform: scale(1.05) translate(-50%, -50%)
}

.forecast-page__forecast-main-img {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 22px
}

.forecast-page__forecast-main-img img {
    width: 100%;
    height: auto;
    max-height: 540px;
    border-radius: 16px;
    object-fit: cover
}

.subscribe-form {
    display: block
}

.subscribe-form__label {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #B7BBC4;
    opacity: 0.8;
    display: block;
    margin-bottom: 8px
}

.subscribe-form__form {
    position: relative
}

.subscribe-form__form button {
    position: absolute;
    top: 0;
    right: 16px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    cursor: pointer;
    z-index: 10;
    transition: 0.3s ease-out all;
    color: #141825
}

.subscribe-form__form button.subscribe-form__button_active {
    color: #1473FB
}

.subscribe-form__error {
    font-size: 12px;
    line-height: 1.3;
    margin-top: 12px;
    color: #A61700;
    margin-bottom: 12px
}

.bread-crumbs {
    background: #fff;
    border-top: 1px solid #eee
}

.bread-crumbs__list {
    display: flex;
    align-items: center;
    height: 52px
}

.bread-crumbs__item {
    padding-right: 28px;
    margin-right: 12px;
    position: relative;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center
}

.bread-crumbs__item a {
    font-size: 12px;
    line-height: 1;
    letter-spacing: -0.002em;
    color: #141825;
    cursor: pointer;
    transition: 0.3s ease-out all
}

.bread-crumbs__item a:hover {
    color: #1473FB
}

.bread-crumbs__item::before {
    content: '';
    display: block;
    width: 17px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/bread-crumbs.svg) no-repeat center center
}

.bread-crumbs__item:last-child::before {
    display: none
}

.bread-crumbs__item img {
    width: 22px;
    height: 22px
}

.bread-crumbs__item_active {
    color: #B7BBC4;
    cursor: default;
    overflow: hidden;
    padding-right: 0;
    margin-right: 0
}

.bread-crumbs__item_active span {
    font-size: 12px;
    line-height: 1;
    letter-spacing: -0.002em;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.social-share {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #F6F6F4
}

@media (min-width: 767px) {
    .social-share {
        margin-top: 32px
    }
}

.social-share__title {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #B7BBC4;
    margin-bottom: 12px;
    text-align: center
}

@media (min-width: 767px) {
    .social-share__title {
        text-align: left
    }
}

.social-share__button-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 767px) {
    .social-share__button-wrap {
        justify-content: flex-start
    }
}

.social-share__button-wrap button {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #F6F6F4 !important;
    transition: 0.3s ease-out all
}

.social-share__button-wrap button:last-child {
    margin-right: 0
}

.social-share__button-wrap button:hover {
    box-shadow: 0px 0px 0px 1px #1473FB
}

.leave-comment {
    padding: 16px 16px 24px 16px;
    background: #fff;
    border-radius: 16px;
    margin-bottom: 32px
}

@media (min-width: 767px) {
    .leave-comment {
        padding: 32px 32px 24px 32px
    }
}

.leave-comment .leave-comment__error {
    font-size: 12px;
    line-height: 1.3;
    margin-top: 12px;
    color: #A61700;
    margin-bottom: 12px
}

.leave-comment .leave-comment__title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 767px) {
    .leave-comment .leave-comment__title {
        font-size: 24px;
        padding-bottom: 8px
    }
}

.leave-comment h5 {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #141825
}

@media (min-width: 767px) {
    .leave-comment h5 {
        font-size: 24px
    }
}

.leave-comment p {
    font-weight: 500;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #B7BBC4;
    margin-bottom: 4px;
    margin-top: 16px
}

.leave-comment input {
    background: #F6F6F4;
    border: 1px solid #E2E2E2
}

.leave-comment textarea {
    background: #F6F6F4;
    border: 1px solid #E2E2E2;
    border-radius: 12px;
    min-height: 140px;
    width: 100%;
    padding: 18px 24px;
    font-size: 14px;
    line-height: 26px;
    color: #141825;
    display: block;
    resize: none;
    margin-bottom: 16px;
    transition: 0.3s ease-out all
}

@media (min-width: 767px) {
    .leave-comment textarea {
        min-height: 104px
    }
}

.leave-comment textarea:hover, .leave-comment textarea:focus, .leave-comment textarea.textarea_active {
    border-color: #1473FB
}

.leave-comment .leave-comment__button-wrapper {
    border-top: 1px solid #F6F6F4;
    padding-top: 16px;
    display: flex;
    justify-content: center
}

@media (min-width: 767px) {
    .leave-comment .leave-comment__button-wrapper {
        justify-content: space-between
    }
}

.leave-comment .leave-comment__button-wrapper button {
    padding-left: 70px;
    padding-right: 70px;
    width: 100%
}

@media (min-width: 767px) {
    .leave-comment .leave-comment__button-wrapper button {
        width: unset
    }
}

.leave-comment .leave-comment__count {
    display: flex;
    color: #141825
}

.leave-comment .leave-comment__count span {
    margin-left: 4px
}

.leave-comment .leave-comment__count span.leave-comment__count_error {
    color: #DB3529
}

.leave-comment .leave-comment__count span.leave-comment__count_success {
    color: #52B90F
}

.leave-comment .leave-comment__star-ratings-blinker .star-ratings:not(:hover) .star {
    animation-name: blinker;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 2, 0, 1);
    animation-duration: 1s;
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1, 2, 0, 1);
    -webkit-animation-duration: 1s
}

@-webkit-keyframes blinker {
    0% {
        fill: #DB3529
    }
    50% {
        fill: #FBB
    }
    100% {
        fill: #DB3529
    }
}

@keyframes blinker {
    0% {
        fill: #DB3529
    }
    50% {
        fill: #FBB
    }
    100% {
        fill: #DB3529
    }
}

.feedback {
    padding: 16px 16px 24px 16px;
    background: #fff;
    border-radius: 16px;
    margin-bottom: 32px
}

@media (min-width: 767px) {
    .feedback {
        padding: 32px 32px 24px 32px
    }
}

.feedback h5 {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #141825;
    margin-bottom: 12px
}

@media (min-width: 767px) {
    .feedback h5 {
        font-size: 24px;
        margin-bottom: 24px
    }
}

.feedback button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 24px
}

.feedback__rating-wrapper {
    display: flex;
    padding-bottom: 24px;
    flex-wrap: wrap
}

@media (min-width: 767px) {
    .feedback__rating-wrapper {
        flex-wrap: nowrap
    }
}

.feedback__global-rating {
    border: 1px solid #E2E2E2;
    border-radius: 24px;
    width: 100%;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 22px
}

@media (min-width: 767px) {
    .feedback__global-rating {
        width: 168px;
        margin-bottom: 0
    }
}

.feedback__global-rating p {
    font-family: Exo2, sans-serif;
    font-weight: bold;
    font-size: 56px;
    line-height: 56px;
    letter-spacing: -0.6px;
    color: #242A3D;
    margin-bottom: 14px
}

.feedback__expert-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.feedback__expert-wrapper .feedback__expert-logo {
    background: #F6F6F4;
    border-radius: 20px;
    border: 1px solid #F6F6F4;
    overflow: hidden;
    width: 62px;
    min-width: 62px;
    height: 62px;
    padding: 10px;
    margin-right: 16px
}

.feedback__expert-wrapper .feedback__expert-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

.feedback__expert-wrapper .feedback__expert-data {
    flex-grow: 1
}

.feedback__expert-wrapper .feedback__expert-data p {
    font-family: Exo2, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -0.002em;
    color: #2F2F2F;
    margin-bottom: 2px;
    word-break: break-all;
    margin-bottom: 6px
}

.feedback__expert-wrapper .feedback__expert-data > div {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.001em;
    color: #B7BBC4;
    display: flex;
    align-content: center
}

.feedback__expert-wrapper .feedback__expert-data > div .time {
    margin-left: 4px
}

.feedback__expert-wrapper .feedback__expert-appraisal {
    display: flex;
    align-items: center;
    font-size: 14px
}

.feedback__expert-wrapper .feedback__expert-appraisal .feedback__expert-appraisal-like {
    color: #52B90F;
    display: flex;
    align-items: center;
    margin: 0 10px 0 0
}

.feedback__expert-wrapper .feedback__expert-appraisal .feedback__expert-appraisal-like > button:hover svg, .feedback__expert-wrapper .feedback__expert-appraisal .feedback__expert-appraisal-like button:disabled svg {
    color: #52B90F
}

.feedback__expert-wrapper .feedback__expert-appraisal .feedback__expert-appraisal-dislike {
    color: #DB3529;
    display: flex;
    align-items: center;
    margin: 0 10px 0 0
}

.feedback__expert-wrapper .feedback__expert-appraisal .feedback__expert-appraisal-dislike > button:hover svg, .feedback__expert-wrapper .feedback__expert-appraisal .feedback__expert-appraisal-dislike button:disabled svg {
    color: #DB3529
}

.feedback__expert-wrapper .feedback__expert-appraisal button {
    margin: 0 5px 0 0;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.feedback__expert-wrapper .feedback__expert-appraisal button svg {
    color: #A7AAB1;
    transition: 0.3s ease-out all
}

.feedback__transcript-assessment {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between
}

@media (min-width: 767px) {
    .feedback__transcript-assessment {
        padding-left: 32px
    }
}

.feedback__transcript-assessment .feedback__transcript-item {
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

.feedback__transcript-assessment .feedback__transcript-item:last-child {
    margin-bottom: 0
}

.feedback__transcript-assessment .feedback__transcript-item .feedback__transcript-item-line {
    background: #F6F6F4;
    border-radius: 12px;
    height: 12px;
    width: calc(100% - 136px);
    margin-right: 20px;
    position: relative
}

@media (min-width: 767px) {
    .feedback__transcript-assessment .feedback__transcript-item .feedback__transcript-item-line {
        width: calc(100% - 150px);
        margin-right: 34px
    }
}

.feedback__transcript-assessment .feedback__transcript-item .feedback__transcript-item-line .feedback__transcript-item-line-bg {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px;
    background: #FFC700
}

.feedback__transcript-assessment .feedback__transcript-item span {
    padding-left: 14px;
    font-size: 14px;
    line-height: 1;
    color: #141825;
    height: 12px
}

.feedback__transcript-assessment .feedback__transcript-item .star-ratings {
    display: inline-flex !important;
    align-items: center;
    height: 12px
}

.feedback__transcript-assessment .feedback__transcript-item .star-ratings .star-container {
    height: 12px !important;
    width: 14px !important;
    display: flex !important;
    align-items: center;
    justify-content: center
}

.feedback__transcript-assessment .feedback__transcript-item .star-ratings .star-container svg {
    min-width: 14px
}

.feedback__comment {
    display: flex;
    padding-bottom: 24px;
    flex-wrap: wrap
}

@media (min-width: 767px) {
    .feedback__comment {
        flex-wrap: nowrap
    }
}

.feedback__comment:last-child {
    padding-bottom: 0
}

.feedback__comment-author {
    width: 100%;
    margin-bottom: 16px
}

@media (min-width: 767px) {
    .feedback__comment-author {
        width: 168px;
        min-width: 168px;
        margin-bottom: 0
    }
}

.feedback__comment-content {
    width: 100%
}

@media (min-width: 767px) {
    .feedback__comment-content {
        padding-left: 32px
    }
}

.feedback__comment-content p {
    font-size: 14px;
    line-height: 26px;
    color: #141825
}

.feedback__comment-content > button {
    margin-right: 0;
    margin-bottom: 0
}

.feedback__wrapper {
    display: flex;
    align-items: center;
    padding-bottom: 10px
}

.feedback__rating {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.сomplaints {
    padding: 16px 16px 24px 16px;
    background: #fff;
    border-radius: 16px;
    margin-bottom: 32px
}

@media (min-width: 767px) {
    .сomplaints {
        padding: 32px 32px 24px 32px
    }
}

.сomplaints h5 {
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #141825
}

@media (min-width: 767px) {
    .сomplaints h5 {
        font-size: 24px
    }
}

.сomplaints > button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 24px
}

.сomplaints__data {
    margin-bottom: 30px
}

.сomplaints__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 24px
}

.сomplaints__head-wrapper {
    display: flex;
    align-items: center
}

.сomplaints__head-wrapper > span {
    margin-left: 4px;
    font-family: Exo2, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #1473FB
}

@media (min-width: 767px) {
    .сomplaints__head-wrapper > span {
        font-size: 24px
    }
}

.сomplaints__body {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 767px) {
    .сomplaints__body {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between
    }
}

.сomplaints__pie-chart {
    width: 100%;
    padding-bottom: 20px
}

@media (min-width: 767px) {
    .сomplaints__pie-chart {
        width: 185px;
        padding-bottom: 0
    }
}

.сomplaints__pie-chart svg {
    width: 80%;
    margin: 0 auto;
    display: block
}

@media (min-width: 767px) {
    .сomplaints__pie-chart svg {
        width: 140px;
        margin: 0
    }
}

.сomplaints__pie-chart-description {
    flex-grow: 1;
    align-self: stretch;
    display: flex;
    align-items: center
}

.сomplaints__pie-chart-description ul {
    padding: 10px 16px;
    border: 1px solid #E2E2E2;
    border-radius: 24px;
    align-self: stretch;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%
}

@media (min-width: 767px) {
    .сomplaints__pie-chart-description ul {
        padding: 10px 30px;
        width: auto
    }
}

.сomplaints__pie-chart-description ul li {
    font-family: Exo2, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    display: flex;
    align-items: center
}

.сomplaints__pie-chart-description ul li p {
    padding-right: 30px;
    min-width: 198px
}

@media (min-width: 767px) {
    .сomplaints__pie-chart-description ul li p {
        padding-right: 64px
    }
}

.сomplaints__pie-chart-description ul li.сomplaints__description-fulfilled {
    color: #52B90F
}

.сomplaints__pie-chart-description ul li.сomplaints__description-active {
    color: #FFC700
}

.сomplaints__pie-chart-description ul li.сomplaints__description-rejected {
    color: #DB3529
}

.сomplaints__pie-chart-description ul li.сomplaints__description-unreasonable {
    color: #A7AAB1
}

.сomplaints__comment-item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px
}

@media (min-width: 767px) {
    .сomplaints__comment-item {
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: space-between
    }
}

.сomplaints__comment-item:last-child {
    margin-bottom: 0
}

.сomplaints__comment-author {
    width: 100%;
    display: flex;
    align-items: flex-start
}

@media (min-width: 767px) {
    .сomplaints__comment-author {
        width: 150px;
        min-width: 150px;
        margin-bottom: 0;
        margin-right: 35px;
        margin-bottom: 16px
    }
}

.сomplaints__wrapper {
    display: flex;
    align-items: center;
    padding-bottom: 10px
}

.сomplaints__expert-logo {
    background: #F6F6F4;
    border-radius: 20px;
    border: 1px solid #F6F6F4;
    overflow: hidden;
    width: 62px;
    min-width: 62px;
    height: 62px;
    padding: 10px;
    margin-right: 16px
}

.сomplaints__expert-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

.сomplaints__expert-data {
    flex-grow: 1
}

.сomplaints__expert-data p {
    font-family: Exo2, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -0.002em;
    color: #2F2F2F;
    margin-bottom: 2px;
    word-break: break-all;
    margin-bottom: 6px
}

.сomplaints__expert-data span {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.001em;
    color: #B7BBC4;
    display: flex;
    align-content: center
}

.сomplaints__expert-data span .time {
    margin-left: 4px
}

.сomplaints__comment-data {
    flex-grow: 1
}

.сomplaints__comment-data-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px
}

@media (min-width: 767px) {
    .сomplaints__comment-data-head {
        flex-wrap: nowrap
    }
}

.сomplaints__comment-data-head p {
    color: #141825;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 16px
}

@media (min-width: 767px) {
    .сomplaints__comment-data-head p {
        width: auto;
        flex-grow: 1;
        margin-bottom: 0
    }
}

.сomplaints__comment-data-head .сomplaints__comment-sum {
    color: #7C7F8B;
    background: #F5F5F5;
    border-radius: 10px;
    white-space: nowrap;
    font-size: 12px;
    padding: 2px 20px;
    width: 49%;
    text-align: center
}

@media (min-width: 767px) {
    .сomplaints__comment-data-head .сomplaints__comment-sum {
        width: 100%;
        max-width: 140px;
        margin-left: 10px
    }
}

.сomplaints__comment-data-head .сomplaints__comment-message {
    color: #141825;
    border-radius: 10px;
    white-space: nowrap;
    font-size: 12px;
    padding: 2px 20px;
    width: 49%;
    text-align: center
}

@media (min-width: 767px) {
    .сomplaints__comment-data-head .сomplaints__comment-message {
        width: 100%;
        max-width: 140px;
        margin-left: 10px
    }
}

.сomplaints__comment-data-head .сomplaints__comment-message.сomplaints__comment-fulfilled {
    background: #52B90F
}

.сomplaints__comment-data-head .сomplaints__comment-message.сomplaints__comment-active {
    background: #FFC700
}

.сomplaints__comment-data-head .сomplaints__comment-message.сomplaints__comment-rejected {
    color: #fff;
    background: #DB3529
}

.сomplaints__comment-data-head .сomplaints__comment-message.сomplaints__comment-unreasonable {
    background: #A7AAB1
}

.сomplaints__comment-data-message {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 20px;
    color: #141825
}

.сomplaints__comment-data-admin {
    border-radius: 10px;
    background: rgba(20, 115, 251, 0.1);
    padding: 10px 20px 14px
}

.сomplaints__comment-data-admin span {
    color: #141825;
    font-weight: bold;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 6px;
    display: block;
    width: 100%
}

.сomplaints__comment-data-admin p {
    color: #141825;
    font-size: 14px;
    line-height: 20px;
    display: block;
    width: 100%
}