@charset "UTF-8";
/* ============================================
   第一个CSS文件独有样式（第二个文件缺失的部分）
   ============================================ */

/* -------------------- 基础重置类 -------------------- */
blockquote {
    padding: 0;
    margin: 0;
}

input,
button,
select,
textarea {
    outline: none;
}

label {
    margin-bottom: 0;
}

p {
    margin: 0;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul li,
    ol li {
        display: block;
    }

dl {
    margin: 0;
}

dt,
dd {
    line-height: inherit;
}

dt {
    font-weight: inherit;
}

dd {
    margin-bottom: 0;
}

cite {
    font-style: normal;
}

form {
    margin-bottom: 0;
}

address {
    margin-top: 0;
    margin-bottom: 0;
}

figure {
    margin-bottom: 0;
}

html p a:hover {
    text-decoration: none;
}
.listmain {
    padding: 0px 0.5%;
}
/* -------------------- 工具类 -------------------- */
.text-large {
    font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

@media (min-width: 576px) {
    .text-large {
        font-size: 55px;
    }
}

@media (min-width: 768px) {
    .text-large {
        font-size: 68px;
    }
}

@media (min-width: 992px) {
    .text-large {
        font-size: 80px;
    }
}

@media (min-width: 1200px) {
    .text-large {
        font-size: 100px;
    }
}

.text-extra-large {
    font-size: 100px;
    line-height: .8;
    font-weight: 800;
}

@media (min-width: 768px) {
    .text-extra-large {
        font-size: 130px;
        line-height: .7;
    }
}

@media (min-width: 992px) {
    .text-extra-large {
        font-size: 150px;
    }
}

@media (min-width: 1600px) {
    .text-extra-large {
        font-size: 180px;
    }
}

.font-weight-semibold {
    font-weight: 600;
}

.text-italic {
    font-style: italic;
}

.text-normal {
    font-style: normal;
}

.text-underline {
    text-decoration: underline;
}

.text-strike {
    text-decoration: line-through;
}

.font-weight-thin {
    font-weight: 100;
}

.font-weight-light {
    font-weight: 300;
}

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

.font-weight-medium {
    font-weight: 500;
}

.font-weight-sbold {
    font-weight: 600;
}

.font-weight-ubold {
    font-weight: 900;
}

.text-spacing-0 {
    letter-spacing: 0;
}

/* -------------------- 布局辅助 -------------------- */
.column-ethereal {
    padding-bottom: 125px;
}

@media (min-width: 1200px) {
    .column-ethereal {
        padding-bottom: 140px;
    }
}

.text-op-gentle {
    color: rgba(255, 255, 255, 0.75);
}

/* -------------------- 标题装饰 -------------------- */
.title-decorated {
    position: relative;
    padding-left: 40px;
    text-align: left;
}

    .title-decorated::before {
        content: '';
        position: absolute;
        left: 0;
        top: .8em;
        width: 30px;
        border-bottom: 1px solid;
    }

@media (min-width: 768px) {
    .title-decorated {
        padding-left: 70px;
    }

        .title-decorated::before {
            width: 50px;
            top: .7em;
            border-bottom-width: 2px;
        }
}

@media (min-width: 768px) {
    .title-decorated-lg {
        padding-left: 80px;
    }

        .title-decorated-lg::before {
            width: 62px;
        }

        .title-decorated-lg + p {
            margin-top: 32px;
        }
}

/* -------------------- 盒子组件 -------------------- */
.box-minimal {
    display: flex;
    margin-left: -15px;
    text-align: left;
}

    .box-minimal > * {
        margin-left: 15px;
    }

.box-minimal-title {
    font-weight: 400;
    letter-spacing: -0.025em;
}

.box-minimal-icon {
    position: relative;
    top: 4px;
    min-width: 26px;
    font-size: 24px;
    line-height: 1;
    color: #0db083;
}

    .box-minimal-icon.fl-bigmug-line-checkmark14 {
        font-size: 20px;
    }

.box-minimal-text {
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

* + .box-minimal {
    margin-top: 30px;
}

* + .box-minimal-title {
    margin-top: 10px;
}

* + .box-minimal-text {
    margin-top: 15px;
}

@media (max-width: 575.98px) {
    .box-minimal {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) {
    .box-minimal {
        padding-right: 15px;
        margin-left: -30px;
    }

        .box-minimal > * {
            margin-left: 30px;
        }
}

@media (min-width: 1200px) {
    .box-minimal-icon {
        top: 0;
        font-size: 45px;
    }
}

/* Box Light */
.box-light {
    text-align: left;
}

.box-light-icon {
    font-size: 30px;
    line-height: 1;
    color: #0db083;
}

* + .box-light-title {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .box-light {
        max-width: 240px;
    }

    * + .box-light-title {
        margin-top: 16px;
    }
}

@media (min-width: 1200px) {
    .box-light-icon {
        font-size: 40px;
    }
}

/* Box Creative */
.box-creative {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    cursor: default;
}

    .box-creative:hover .box-creative-icon {
        color: #fff;
    }

        .box-creative:hover .box-creative-icon::after {
            opacity: 1;
            visibility: visible;
            transform: translate3d(0, 0, 0);
        }

.box-creative-shadow .box-creative-icon {
    background: #fff;
    border: 0;
    box-shadow: 0 17px 24px 0 rgba(0, 0, 0, 0.05);
}

.box-creative-icon {
    position: relative;
    z-index: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8em;
    height: 2.8em;
    border: 2px solid #e8e9ee;
    border-radius: 50%;
    font-size: 24px;
    line-height: 1;
    color: #4854ed;
    background-color: #fff;
}

    .box-creative-icon::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        border-radius: inherit;
        background: #0db083;
        border-color: #0db083;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        transition: .15s ease-in;
        transform: scale3d(1.05, 1.05, 1.05);
    }

/* Box Indigo */
.box-indigo {
    position: relative;
    padding: 5px 0 22px;
    max-width: 500px;
}

    .box-indigo::before {
        content: '';
        position: absolute;
        top: 0;
        right: 100px;
        bottom: 0;
        left: 30px;
        z-index: -1;
        background: rgba(52, 58, 64, 0.12);
        pointer-events: none;
    }

.box-indigo-mark {
    font-weight: 300;
    color: #deef7f;
}

.box-indigo-title,
.box-indigo-subtitle {
    font-weight: 700;
    letter-spacing: 0;
    color: #343a40;
}

p.box-indigo-title {
    position: relative;
    font-size: 30px;
    line-height: 1.15;
}

    p.box-indigo-title::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate3d(0, -50%, 0);
        display: inline-block;
        width: 37px;
        height: 0.05em;
        margin-right: 15px;
        vertical-align: middle;
        background: #0db083;
    }

/* Box Promo */
.box-promo {
    position: relative;
    display: flex;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.15);
    transition: .33s ease-in-out;
}

    .box-promo:hover {
        transform: translate(0, -5px);
        box-shadow: 0 2px 24px 1px rgba(0, 0, 0, 0.2);
    }

.box-promo-mark {
    position: absolute;
    top: 14%;
    right: 6.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: 50%;
    color: rgba(40, 110, 252, 0.1);
    border: 2px solid;
    pointer-events: none;
}

/* -------------------- 分组布局 -------------------- */
.group {
    margin-bottom: -15px;
    margin-left: -20px;
}

    .group > * {
        display: inline-block;
        margin: 0 0 15px 20px;
    }

@media (min-width: 992px) {
    .group {
        margin-left: -30px;
    }

        .group > * {
            margin-left: 30px;
        }
}

.group-xs {
    margin-bottom: -7px;
    margin-left: -7px;
}

    .group-xs > * {
        display: inline-block;
        margin: 0 0 7px 7px;
    }

.group-sm {
    margin-bottom: -10px;
    margin-left: -10px;
}

    .group-sm > * {
        display: inline-block;
        margin: 0 0 10px 10px;
    }

.group-lg {
    margin-bottom: -25px;
    margin-left: -40px;
}

    .group-lg > * {
        display: inline-block;
        margin: 0 0 25px 40px;
    }

.group-xl {
    margin-bottom: -20px;
    margin-left: -30px;
}

    .group-xl > * {
        display: inline-block;
        margin: 0 0 20px 30px;
    }

.group-sm-justify .button {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 768px) {
    .group-sm-justify {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .group-sm-justify > * {
            flex-grow: 1;
            flex-shrink: 0;
        }
}

.group-middle {
    display: table;
    vertical-align: middle;
}

    .group-middle > * {
        vertical-align: middle;
    }

* + .group {
    margin-top: 30px;
}

/* -------------------- 响应式单元 -------------------- */
.unit {
    display: flex;
    flex: 0 1 100%;
    margin-bottom: -30px;
    margin-left: -20px;
}

    .unit > * {
        margin-bottom: 30px;
        margin-left: 20px;
    }

.unit-body {
    flex: 0 1 auto;
}

.unit-left,
.unit-right {
    flex: 0 0 auto;
    max-width: 100%;
}

.unit-spacing-xs {
    margin-bottom: -15px;
    margin-left: -7px;
}

    .unit-spacing-xs > * {
        margin-bottom: 15px;
        margin-left: 7px;
    }

/* -------------------- 列表样式 -------------------- */
.list > li + li {
    margin-top: 10px;
}

.list-xs > li + li {
    margin-top: 8px;
}

.list-sm > li + li {
    margin-top: 15px;
}

.list-md > li + li {
    margin-top: 18px;
}

.list-lg > li + li {
    margin-top: 25px;
}

.list-xl li + li {
    margin-top: 30px;
}

.list-inline > li {
    display: inline-block;
}

.list-inline-md {
    transform: translate3d(0, -8px, 0);
    margin-bottom: -8px;
    margin-left: -10px;
    margin-right: -10px;
}

    .list-inline-md > * {
        margin-top: 8px;
        padding-left: 10px;
        padding-right: 10px;
    }

.list-terms dt {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0;
    color: #343a40;
}

    .list-terms dt + dd {
        margin-top: 8px;
    }

.list-terms dd + dt {
    margin-top: 25px;
}

.index-list {
    counter-reset: li;
}

    .index-list > li .list-index-counter:before {
        content: counter(li, decimal-leading-zero);
        counter-increment: li;
    }

.list-marked {
    text-align: left;
}

    .list-marked > li {
        text-indent: -25px;
        padding-left: 25px;
    }

        .list-marked > li::before {
            position: relative;
            top: 1px;
            display: inline-block;
            left: 25px;
            min-width: 25px;
            content: '\f14f';
            font: 400 14px 'Material Design Icons';
            line-height: inherit;
            color: #aeb1be;
        }

.list-ordered {
    counter-reset: li;
    text-align: left;
}

    .list-ordered > li {
        position: relative;
        padding-left: 25px;
    }

        .list-ordered > li:before {
            content: counter(li, decimal) ".";
            counter-increment: li;
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            width: 15px;
            color: #aeb1be;
        }

.list-nav {
    transform: translate3d(0, -10px, 0);
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px;
    font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: .875em;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #343a40;
}

    .list-nav > * {
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .list-nav li {
        display: inline-block;
        vertical-align: middle;
    }

.list-inline-bordered {
    margin-left: -18px;
    margin-right: -18px;
    color: #343a40;
}

    .list-inline-bordered > * {
        padding-left: 18px;
        padding-right: 18px;
    }

    .list-inline-bordered > li {
        display: inline-block;
        line-height: 24px;
    }

        .list-inline-bordered > li:not(:last-child) {
            border-right: 1px solid #74757f;
        }

.list-inline-comma > li {
    display: inline-block;
    color: #0db083;
}

    .list-inline-comma > li:not(:last-child)::after {
        content: '\002C';
    }

.list-footer a, .list-footer .icon {
    color: rgba(21, 21, 21, 0.8);
}




/*
*
* Buttons
*/
.button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 13px 35px;
    font-size: 14px;
    line-height: 1.25;
    border: 2px solid;
    border-radius: 6px;
    font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
    transition: 0.25s cubic-bezier(0.2, 1, 0.3, 1);
}

.button-block {
    display: block;
    width: 100%;
}

.button-default, .button-default:focus {
    color: #aeb1be;
    background-color: #343a40;
    border-color: #343a40;
}

    .button-default:hover, .button-default:active {
        color: #fff;
        background-color: #0db083;
        border-color: #0db083;
    }

.button.button-primary, .button.button-primary:focus {
    color: #fff;
    background-color: #0db083;
    border-color: #0db083;
}

    .button.button-primary:hover, .button.button-primary:active {
        color: #fff;
        /*background-color: #013092;
	border-color: #013092;*/
    }

[class*="bg-ima"] .button.button-primary, [class*="bg-ima"] .button.button-primary:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.25);
    border-color: transparent;
}

    [class*="bg-ima"] .button.button-primary:hover, [class*="bg-ima"] .button.button-primary:active {
        color: #fff;
        background-color: #0db083;
        border-color: #0db083;
    }

html .button.button-primary-lighten, html .button.button-primary-lighten:focus {
    color: #fff;
    background-color: #0db083;
    border-color: #0db083;
}

    html .button.button-primary-lighten:hover, html .button.button-primary-lighten:active {
        color: #fff;
        background-color: #417ffc;
        border-color: #417ffc;
    }

.button-primary-outline, .button-primary-outline:focus {
    color: #343a40;
    background-color: transparent;
    border-color: #0db083;
}

    .button-primary-outline:hover, .button-primary-outline:active {
        color: #fff;
        background-color: #0db083;
        border-color: #0db083;
    }

.button.button-facebook, .button.button-facebook:focus {
    color: #fff;
    background-color: #2059a0;
    border-color: #2059a0;
}

    .button.button-facebook:hover, .button.button-facebook:active {
        color: #fff;
        background-color: #2465b5;
        border-color: #2465b5;
    }

.button.button-twitter, .button.button-twitter:focus {
    color: #fff;
    background-color: #00aae6;
    border-color: #00aae6;
}

    .button.button-twitter:hover, .button.button-twitter:active {
        color: #fff;
        background-color: #01bdff;
        border-color: #01bdff;
    }

.button.button-google, .button.button-google:focus {
    color: #fff;
    background-color: #ff3807;
    border-color: #ff3807;
}

    .button.button-google:hover, .button.button-google:active {
        color: #fff;
        background-color: #ff4c21;
        border-color: #ff4c21;
    }

.button-winona {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

    .button-winona .content-original,
    .button-winona .content-dubbed {
        vertical-align: middle;
        transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
    }

    .button-winona .content-original {
        display: block;
    }

    .button-winona .content-dubbed {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }

    .button-winona:hover .content-original {
        opacity: 0;
        transform: translate3d(0, -30%, 0);
    }

    .button-winona:hover .content-dubbed {
        opacity: 1;
        transform: translate3d(0, 0, 0) translateY(-50%);
    }

.button-sm {
    padding: 9px 32px;
    font-size: 12px;
    line-height: 1.5;
}

.button-lg {
    padding: 14px 35px;
    font-size: 15px;
    line-height: 1.5;
}

/* -------------------- 图标组件 -------------------- */
.icon {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
}

    .icon::before {
        position: relative;
        display: inline-block;
        font-weight: 400;
        font-style: normal;
        speak: none;
        text-transform: none;
    }

.page-item-control .icon::before {
    font-family: 'FontAwesome';
    font-size: 11px;
    line-height: 24px;
}

.page-item-control:first-child .icon::before {
    content: '\f053';
    margin-left: -1px;
}

.page-item-control:last-child .icon::before {
    content: '\f054';
    margin-right: -1px;
}

* + .pagination {
    margin-top: 35px;
}
.icon-creative {
    display: inline-block;
    text-align: center;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 50%;
}

    .icon-creative, .icon-creative:active, .icon-creative:focus {
        color: #aeb1be;
    }

        .icon-creative::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            border-radius: inherit;
            pointer-events: none;
            opacity: 0;
            transform: scale3d(0, 0, 0);
            transition: .22s;
        }

        .icon-creative:hover {
            color: #fff;
        }

            .icon-creative:hover::after {
                opacity: 1;
                transform: scale3d(1, 1, 1);
            }

        .icon-creative[class*='facebook']::after {
            background: #2059a0;
        }

        .icon-creative[class*='twitter']::after {
            background: #00aae6;
        }

        .icon-creative[class*='instagram']::after {
            background: linear-gradient(to top, #f15823 0%, #a7058e 100%);
        }

.icon-modern {
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #e8e9ee;
    color: #0db083;
}

.icon-circle {
    border-radius: 50%;
}

.icon-sm {
    font-size: 20px;
}

.icon-md {
    font-size: 1.5em;
}

.icon-lg {
    font-size: 1.875em;
}

/* -------------------- 表格样式 -------------------- */
.table {
    width: 100%;
    max-width: 100%;
    text-align: left;
    background: #fff;
    border-collapse: collapse;
}

    .table th,
    .table td {
        color: #343a40;
        vertical-align: middle;
    }

    .table th {
        padding: 13px 24px;
        border-top: 0;
        font-size: 16px;
        font-weight: 300;
    }

    .table thead th {
        border-bottom: 1px solid #aeb1be;
    }

    .table td {
        padding: 23px 24px;
    }

    .table tr td {
        border-bottom: 1px solid #e8e9ee;
    }

.table-hover tbody tr {
    transition: .55s;
}

    .table-hover tbody tr:hover {
        background: #f5f6fa;
    }

.table-job-positions th,
.table-job-positions td {
    white-space: nowrap;
}

/* -------------------- 分割线 -------------------- */
hr {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #e8e9ee;
}

.divider-small {
    font-size: 0;
    line-height: 0;
}

    .divider-small::after {
        content: '';
        display: inline-block;
        width: 70px;
        height: 2px;
        background-color: #0db083;
    }

    .divider-small + h3, .divider-small + .heading-3,
    .divider-small-outer + h3, .divider-small-outer + .heading-3 {
        margin-top: 20px;
    }

/* -------------------- 按钮变体 -------------------- */
.button-default, .button-default:focus {
    color: #aeb1be;
    background-color: #343a40;
    border-color: #343a40;
}

    .button-default:hover, .button-default:active {
        color: #fff;
        background-color: #0db083;
        border-color: #0db083;
    }

.button-primary-outline, .button-primary-outline:focus {
    color: #343a40;
    background-color: transparent;
    border-color: #0db083;
}

    .button-primary-outline:hover, .button-primary-outline:active {
        color: #fff;
        background-color: #0db083;
        border-color: #0db083;
    }

.button.button-facebook, .button.button-facebook:focus {
    color: #fff;
    background-color: #2059a0;
    border-color: #2059a0;
}

.button.button-twitter, .button.button-twitter:focus {
    color: #fff;
    background-color: #00aae6;
    border-color: #00aae6;
}

.button.button-google, .button.button-google:focus {
    color: #fff;
    background-color: #ff3807;
    border-color: #ff3807;
}

.button-winona {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

    .button-winona .content-original,
    .button-winona .content-dubbed {
        vertical-align: middle;
        transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
    }

    .button-winona .content-original {
        display: block;
    }

    .button-winona .content-dubbed {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }

    .button-winona:hover .content-original {
        opacity: 0;
        transform: translate3d(0, -30%, 0);
    }

    .button-winona:hover .content-dubbed {
        opacity: 1;
        transform: translate3d(0, 0, 0) translateY(-50%);
    }

.button-icon {
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

    .button-icon .icon {
        position: relative;
        top: -1px;
        display: inline-block;
        vertical-align: middle;
        color: inherit;
        font-size: 1.55em;
        line-height: 1em;
        transition: none;
    }

.button-icon-left .icon {
    padding-right: 5px;
}

.button-icon-right {
    flex-direction: row-reverse;
}

    .button-icon-right .icon {
        padding-left: 8px;
    }

.button-group {
    display: flex;
}

    .button-group .button {
        margin: 0;
        flex-grow: 1;
    }

        .button-group .button:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .button-group .button:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

.button-video {
    position: relative;
    display: block;
    border-radius: 50%;
    transition: .33s;
    color: #343a40;
}

    .button-video::before, .button-video:after {
        display: block;
        content: '\f4fc';
        font-family: 'Material Design Icons';
        font-size: 64px;
        line-height: 1;
        border-radius: 50%;
    }

.button-video-lg::before, .button-video-lg:after {
    font-size: 90px;
}

/* -------------------- 表单专用 -------------------- */
.rd-form {
    position: relative;
    text-align: left;
}

    .rd-form .button {
        min-height: 48px;
    }

* + .rd-form {
    margin-top: 20px;
}

.form-wrap {
    position: relative;
}

.form-wrap-index {
    z-index: 1;
}

.form-wrap.has-error .form-input {
    border-color: #dc0000;
}

.form-wrap.has-focus .form-input {
    border-color: #0db083;
}

* + .form-wrap {
    margin-top: 24px;
}

.form-label-outside {
    width: 100%;
    margin-bottom: 4px;
    font-size: 14px;
    color: #aeb1be;
    cursor: pointer;
}

.form-label {
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
    padding-left: 19px;
    padding-right: 19px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #343a40;
    pointer-events: none;
    text-align: left;
    z-index: 9;
    transition: .25s;
    will-change: transform;
    transform: translateY(-50%);
}

    .form-label.focus {
        opacity: 0;
    }

    .form-label.auto-fill {
        color: #343a40;
    }

.form-label-outside {
    width: 100%;
    margin-bottom: 4px;
    font-size: 14px;
    color: #aeb1be;
    cursor: pointer;
}

    .form-label-outside ~ .form-validation {
        top: 10px;
    }

[data-x-mode='true'] .form-label {
    pointer-events: auto;
}
.form-validation-left .form-validation {
    top: 2px;
    bottom: auto;
    right: auto;
    left: 14px;
}


.form-validation {
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 11;
    margin-top: 3px;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0;
    color: #dc0000;
    transition: .3s;
    transform: scale3d(1, 1, 1);
}

    .form-validation:empty {
        transform: scale3d(1, 0, 1);
    }

.form-validation-left .form-validation {
    top: 2px;
    bottom: auto;
    right: auto;
    left: 14px;
}


#form-output-global {
    position: fixed;
    bottom: 30px;
    left: 15px;
    z-index: 2000;
    visibility: hidden;
    transform: translate3d(-500px, 0, 0);
    transition: .3s all ease;
}

    #form-output-global.active {
        visibility: visible;
        transform: translate3d(0, 0, 0);
    }

.form-output {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 2px;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

    .form-output.active {
        opacity: 1;
        visibility: visible;
    }

    .form-output.error {
        color: #dc0000;
    }

    .form-output.success {
        color: #98bf44;
    }

.radio,
.radio-inline {
    padding-left: 28px;
}

    .radio .radio-custom-dummy,
    .radio-inline .radio-custom-dummy {
        top: 1px;
        left: 0;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 1px solid #74757f;
    }

.checkbox,
.checkbox-inline {
    padding-left: 28px;
}

/* -------------------- 文章/帖子组件 -------------------- */
.post-inline {
    max-width: 313px;
}

.post-inline-title a {
    color: inherit;
}

.post-inline-meta {
    transform: translate3d(0, -5px, 0);
    margin-bottom: -5px;
    margin-left: -10px;
    margin-right: -10px;
    color: #74757f;
}

    .post-inline-meta > * {
        margin-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

.post-classic-media::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(52, 58, 64, 0.1);
    transition: .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.post-modern-title {
    color: #0db083;
}

.post-block {
    position: relative;
    z-index: 1;
    display: flex;
    overflow: hidden;
    max-width: 640px;
    border-radius: 6px;
    text-align: left;
}

.post-light {
    display: flex;
    align-items: flex-start;
    max-width: 485px;
    margin-left: -20px;
    text-align: left;
}

.post-light-time {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 100px;
    width: 100px;
    padding: 20px;
    color: #151515;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    transition: .22s ease-in-out;
}

/* -------------------- 引用块 -------------------- */
.quote-light-mark {
    fill: #aeb1be;
}

.quote-light-cite {
    font-size: 20px;
    color: #0db083;
}

.quote-classic {
    max-width: 340px;
    text-align: left;
}

.quote-classic-avatar {
    position: relative;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    flex-shrink: 0;
}

.quote-modern-mark {
    fill: #aeb1be;
}

/* -------------------- 缩略图组件 -------------------- */
.video-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
}

.figure-light figcaption {
    padding-top: 15px;
    color: #74757f;
}

.figure-card {
    position: relative;
    overflow: hidden;
    display: flex;
}

.thumbnail-video-1 {
    position: relative;
    text-align: center;
}

.thumbnail-minimal {
    position: relative;
    overflow: hidden;
    display: block;
}

    .thumbnail-minimal::before {
        content: '';
        display: block;
        padding-bottom: 100%;
    }

.thumbnail-classic {
    position: relative;
    overflow: hidden;
    display: flex;
    text-align: left;
}

.thumbnail-corporate {
    position: relative;
    overflow: hidden;
    display: flex;
    color: #fff;
    text-align: left;
}

.thumbnail-light-media::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(52, 58, 64, 0.3);
    transition: .22s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.thumbnail-thin {
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
}

.thumbnail-modern {
    position: relative;
    overflow: hidden;
    display: flex;
    text-align: left;
}

.thumbnail-creative {
    position: relative;
    display: block;
    max-width: 348px;
    margin-left: auto;
    margin-right: auto;
}

.thumbnail-indigo {
    position: relative;
    overflow: hidden;
    display: block;
    background: #343a40;
    box-shadow: -1px 1px 21px 0px rgba(0, 0, 0, 0.08);
    background-position: center top;
    background-size: cover;
}

/* -------------------- 面包屑 -------------------- */
.breadcrumbs-custom {
    position: relative;
    display: flex;
    background-color: #343a40;
    background-position: 20% 20%;
}

    .breadcrumbs-custom .breadcrumbs-custom-subtitle {
        color: #aeb1be;
    }

.breadcrumbs-custom-inner {
    display: flex;
    min-height: inherit;
    width: 100%;
    padding: 50px 0 25px;
}

.breadcrumbs-custom-path {
    margin-left: -15px;
    margin-right: -15px;
}

    .breadcrumbs-custom-path li {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        color: rgba(255, 255, 255, 0.6);
    }

        .breadcrumbs-custom-path li::after {
            content: "";
            font-family: "FontAwesome";
            position: absolute;
            top: 51%;
            right: -5px;
            display: inline-block;
            font-size: inherit;
            font-style: normal;
            color: rgba(255, 255, 255, 0.5);
            transform: translate3d(0, -50%, 0);
        }

/* -------------------- 分页 -------------------- */
.pagination {
    font-size: 0;
    line-height: 0;
    margin-bottom: -10px;
    margin-left: -10px;
}

    .pagination > * {
        display: inline-block;
        margin: 0 0 10px 10px;
    }

.page-item {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
}

.page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    min-height: 48px;
    padding: 10px 10px;
    border: 0;
    border-radius: 6px;
    font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71429;
    background-color: #0db083;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

/* -------------------- 提示条 -------------------- */
.snackbars {
    padding: 9px 16px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: left;
    background-color: #0db083;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    font-size: 14px;
}

/* -------------------- 页脚变体 -------------------- */
.footer-standard {
    position: relative;
}

.footer-standard-main {
    padding: 35px 0 15px;
    background: #000;
}

.footer-standard-aside {
    padding: 30px 0;
    background: #000;
}

.footer-minimal {
    padding: 30px 0;
}

.footer-advanced-main {
    padding: 35px 0 15px;
}

.footer-linked-main {
    padding: 35px 0 15px;
}

/* -------------------- 价格表 -------------------- */
.pricing-minimal {
    position: relative;
    z-index: 1;
    padding: 25px 20px;
    border: 1px solid #aeb1be;
    border-radius: 6px;
    text-align: left;
    transition: .22s;
    cursor: default;
}

.pricing-minimal-price {
    font-size: 26px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0;
    color: #343a40;
}

.pricing-modern {
    padding: 35px 20px;
    border: 1px solid #aeb1be;
    border-radius: 6px;
    text-align: center;
}

.pricing-group-modern {
    border: 1px solid #aeb1be;
    border-radius: 6px;
}

/* -------------------- 个人资料 -------------------- */
.profile-classic {
    text-align: left;
}

.profile-classic-main {
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 6px;
}

.profile-creative {
    display: flex;
    margin-left: -15px;
    text-align: left;
    color: #74757f;
}

.profile-minimal {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    color: #fff;
    text-align: left;
}

    .profile-minimal::before {
        content: '';
        display: block;
        padding-bottom: 100%;
    }

.profile-modern {
    text-align: left;
}

.profile-thin {
    position: relative;
    display: block;
    padding: 30px 20px 45px;
    background: #f5f6fa;
    text-align: center;
}

/* -------------------- 计数器 -------------------- */
.counter-minimal {
    position: relative;
    text-align: center;
    color: #343a40;
}

.counter-minimal-icon {
    font-size: 24px;
    line-height: 1;
    color: #0db083;
}

.counter-minimal-main {
    font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0;
}

/* -------------------- 布局边框 -------------------- */
.layout-bordered {
    text-align: center;
}

.layout-bordered-item {
    border: 0 solid #0db083;
}

.layout-navbar-demo {
    position: relative;
    overflow: hidden;
    min-height: 400px;
    background: #e8e9ee;
}

.blog-layout-aside {
    padding: 4px 0;
    background: #f5f6fa;
}

/* -------------------- 时间线 -------------------- */
.timeline-classic {
    text-align: left;
}

.timeline-classic-item {
    position: relative;
    overflow: hidden;
    padding: 0 0 70px 35px;
    margin-bottom: -25px;
}

.timeline-classic-item-divider {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    padding-top: 25px;
}

/* -------------------- 职业/评论 -------------------- */
.career-classic {
    text-align: left;
}

.career-classic-divider {
    border-bottom: 1px solid #aeb1be;
}

.comment-classic {
    display: flex;
    align-items: flex-start;
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e9ee;
}

.comment-classic-figure {
    position: relative;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
}

.comment-classic-reply {
    font-size: 24px;
    line-height: 1;
    color: #aeb1be;
}

    .comment-classic-reply::before {
        content: '\f549';
        font-family: 'Material Design Icons';
    }

/* -------------------- Jumbotron -------------------- */
.jumbotron-classic.bg-gray-700 h6,
.jumbotron-classic.bg-gray-700 .heading-6 {
    color: #fff;
}

.jumbotron-modern {
    position: relative;
    display: flex;
    text-align: center;
}

.jumbotron-indigo-header {
    padding: 40px 0;
}

/* -------------------- 产品卡片 -------------------- */
.card-modern {
    display: flex;
    flex-direction: column;
    text-align: center;
    overflow: visible;
}

.card-modern-left {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    .card-modern-left:before {
        content: '';
        position: absolute;
        transition: 0.35s ease-in;
        left: 50%;
        top: 54%;
        transform: translate(-50%, -50%);
        width: 134px;
        height: 134px;
        background-color: rgba(40, 110, 252, 0.08);
        border-radius: 50%;
        z-index: -1;
    }

/* -------------------- 动画关键帧 -------------------- */
@keyframes bubble {
    0% {
        transform: translate(0, 0);
    }

    20% {
        transform: translate(-5px, -10px);
    }

    40% {
        transform: translate(10px, -20px);
    }

    60% {
        transform: translate(-5px, -30px);
    }

    80% {
        transform: translate(10px, -40px);
    }

    100% {
        opacity: 0;
    }
}

@keyframes sprite-animation {
    from {
        background-position: 0 0;
    }
}

@keyframes rd-navbar-slide-down {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes rd-navbar-slide-up {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-100%);
    }
}

/* -------------------- 偏移量工具 -------------------- */
* + p,
* + .list-inline-comma {
    margin-top: 16px;
}

h3 + p, .heading-3 + p,
h3 + .p, .heading-3 + .p {
    margin-top: 18px;
}

* + h1,
* + .heading-1 {
    margin-top: 15px;
}

* + h4,
* + .heading-4 {
    margin-top: 15px;
}

* + h5,
* + .heading-5 {
    margin-top: 15px;
}

p + h2,
p + .heading-2 {
    margin-top: 15px;
}

* + .row {
    margin-top: 30px;
}

* + .button,
* + .button-outer {
    margin-top: 25px;
}

* + .list-sm {
    margin-top: 25px;
}

.row-0 {
    margin-bottom: 0px;
}

.row-10 {
    margin-bottom: -10px;
}

.row-x-10 {
    margin-bottom: -10px;
    margin-left: -5px;
    margin-right: -5px;
}

.row-20 {
    margin-bottom: -20px;
}

.row-30 {
    margin-bottom: -30px;
}

.row-50 {
    margin-bottom: -50px;
}

.row-60 {
    margin-bottom: -50px;
}

.row-45 {
    margin-bottom: -45px;
}

/* -------------------- 背景工具 -------------------- */
.bg-gray-100 {
    background-color: #f5f6fa;
}

.bg-gray-modern {
    background-color: #000;
}

.bg-gray-700 {
    color: #aeb1be;
    background-color: #343a40;
}

.bg-gray-800 {
    background-color: #151515;
}

.bg-primary {
    background-color: #0db083;
}

.bg-primary-darker {
    background-color: #224386;
}

/* -------------------- 其他实用工具 -------------------- */
.height-fill {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.object-inline {
    white-space: nowrap;
}

    .object-inline > * {
        display: inline-block;
        min-width: 20px;
        vertical-align: top;
        white-space: normal;
    }

.oh {
    position: relative;
    overflow: hidden;
}

.text-decoration-lines {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.text-decoration-lines-content {
    position: relative;
    display: inline-block;
    padding: 0 20px;
}

.tip-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    padding-left: 2px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 2em;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #e8e9ee;
    color: #0db083;
}

/* -------------------- Insets 内边距工具 -------------------- */
@media (min-width: 576px) {
    .inset-left-1 {
        padding-left: 10px;
    }

    .inset-right-1 {
        padding-right: 20px;
    }
}

@media (min-width: 768px) {
    .inset-left-1 {
        padding-left: 30px;
    }

    .inset-right-1 {
        padding-right: 30px;
    }
}

/* -------------------- 动画类 -------------------- */
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    opacity: 1;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

/* -------------------- 预加载器 -------------------- */
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    transition: .3s all ease;
    pointer-events: none;
    backface-visibility: hidden;
}

.cssload-container {
    width: 100%;
    height: 49px;
    text-align: center;
}

.cssload-double-torus {
    width: 49px;
    height: 49px;
    margin: 0 auto;
    border: 4px double;
    border-radius: 50%;
    border-color: transparent rgba(40, 110, 252, 0.9) rgba(40, 110, 252, 0.9);
    animation: cssload-spin 690ms infinite linear;
}

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




/*
*
* RD Navbar
*/
@keyframes rd-navbar-slide-down {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes rd-navbar-slide-up {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-100%);
    }
}

.rd-navbar-wrap, .rd-navbar,
.rd-menu,
.rd-navbar-nav,
.rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu {
    transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}

.rd-navbar--no-transition, .rd-navbar--no-transition * {
    transition: none !important;
}

.rd-navbar,
.rd-navbar.rd-navbar--is-clone {
    display: none;
}

    .rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone,
    .rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone {
        display: none;
    }

.rd-navbar {
    display: none;
    background: #fff;
}

.rd-navbar-outer {
    position: relative;
    z-index: 1080;
}

.rd-nav-link {
    font: 400 15px/22px "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 500;
}

.rd-navbar-toggle {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    color: #343a40;
    background-color: transparent;
    border: none;
    display: none;
}

    .rd-navbar-toggle span {
        position: relative;
        display: block;
        margin: auto;
        transition: .3s all ease;
    }

        .rd-navbar-toggle span::after, .rd-navbar-toggle span::before {
            content: "";
            position: absolute;
            left: 0;
            top: -6px;
            transition: .3s all ease;
        }

        .rd-navbar-toggle span::after {
            top: 6px;
        }

        .rd-navbar-toggle span::after, .rd-navbar-toggle span::before, .rd-navbar-toggle span {
            width: 24px;
            height: 2px;
            background-color: #343a40;
            backface-visibility: hidden;
            border-radius: 5;
        }

    .rd-navbar-toggle.active span {
        background: transparent;
        transition: .01s;
    }

        .rd-navbar-toggle.active span::before, .rd-navbar-toggle.active span::after {
            transform-origin: 50% 50%;
            top: 0;
        }

        .rd-navbar-toggle.active span::before {
            transform: rotate(45deg);
        }

        .rd-navbar-toggle.active span::after {
            transform: rotate(-45deg);
        }

.rd-navbar-collapse-toggle {
    background: none;
    border: none;
    display: inline-block;
    padding: 0;
    outline: none;
    outline-offset: 0;
    cursor: pointer;
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    color: #343a40;
    display: none;
}

    .rd-navbar-collapse-toggle::-moz-focus-inner {
        border: none;
        padding: 0;
    }

    .rd-navbar-collapse-toggle span {
        top: 50%;
        margin-top: -2.5px;
    }

        .rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span::before, .rd-navbar-collapse-toggle span::after {
            position: absolute;
            width: 5px;
            height: 5px;
            line-height: 5px;
            text-align: center;
            background: #343a40;
            left: 50%;
            margin-left: -2.5px;
            border-radius: 50%;
            transition: .3s all ease;
        }

            .rd-navbar-collapse-toggle span::before, .rd-navbar-collapse-toggle span::after {
                content: '';
            }

            .rd-navbar-collapse-toggle span::before {
                bottom: 100%;
                margin-bottom: 2.5px;
            }

            .rd-navbar-collapse-toggle span::after {
                top: 100%;
                margin-top: 2.5px;
            }

    .rd-navbar-collapse-toggle.active span {
        transform: scale(0.7);
    }

        .rd-navbar-collapse-toggle.active span::before {
            transform: translateY(15px);
        }

        .rd-navbar-collapse-toggle.active span::after {
            transform: translateY(-15px);
        }

.rd-navbar-brand a {
    display: block;
}

.rd-navbar-search {
    position: relative;
    display: inline-flex;
}

    .rd-navbar-search .form-input {
        padding-right: 50px;
    }

    .rd-navbar-search .rd-search-form-submit {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 50px;
        padding: 0;
        margin: 0;
        border: none;
        cursor: pointer;
        background-color: transparent;
        font-size: 20px;
        color: #aeb1be;
        transition: .33s;
    }

        .rd-navbar-search .rd-search-form-submit:hover {
            color: #0db083;
        }

    .rd-navbar-search .rd-search-results-live {
        pointer-events: none;
    }

        .rd-navbar-search .rd-search-results-live > * {
            pointer-events: auto;
        }

.rd-navbar-search-toggle {
    background: none;
    border: none;
    display: inline-block;
    padding: 0;
    outline: none;
    outline-offset: 0;
    cursor: pointer;
    -webkit-appearance: none;
}

    .rd-navbar-search-toggle::-moz-focus-inner {
        border: none;
        padding: 0;
    }

.rd-navbar-dropdown {
    display: none;
}

.rd-navbar-popup {
    position: absolute;
    padding: 15px 25px 20px 20px;
    width: calc(100vw - 10px);
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
    overflow: hidden;
    background-color: #343a40;
}

    .rd-navbar-popup::before {
        content: '';
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        transform: scale3d(1, 0.1, 1);
        transform-origin: 50% 0;
        background: #343a40;
        border-radius: inherit;
        transition: .5s;
    }

    .rd-navbar-popup > * {
        position: relative;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
        transform-origin: 50% 0;
        transform: scale3d(1, 0.9, 1);
    }

    .rd-navbar-popup.active {
        opacity: 1;
        visibility: visible;
    }

        .rd-navbar-popup.active > * {
            opacity: 1;
            visibility: visible;
            transform: scale3d(1, 1, 1);
        }

        .rd-navbar-popup.active::before {
            transform: scale3d(1, 1, 1);
        }

@media (min-width: 400px) {
    .rd-navbar-popup {
        width: 370px;
    }
}

@media (min-width: 768px) {
    .rd-navbar-popup {
        padding: 40px;
    }
}

.context-dark .rd-navbar-toggle, .bg-gray-700 .rd-navbar-toggle, .bg-gray-800 .rd-navbar-toggle, .bg-primary .rd-navbar-toggle, .bg-primary-darker .rd-navbar-toggle {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    color: #fff;
    display: none;
}

    .context-dark .rd-navbar-toggle span, .bg-gray-700 .rd-navbar-toggle span, .bg-gray-800 .rd-navbar-toggle span, .bg-primary .rd-navbar-toggle span, .bg-primary-darker .rd-navbar-toggle span {
        position: relative;
        display: block;
        margin: auto;
        transition: .3s all ease;
    }

        .context-dark .rd-navbar-toggle span::after, .bg-gray-700 .rd-navbar-toggle span::after, .bg-gray-800 .rd-navbar-toggle span::after, .bg-primary .rd-navbar-toggle span::after, .bg-primary-darker .rd-navbar-toggle span::after, .context-dark .rd-navbar-toggle span::before, .bg-gray-700 .rd-navbar-toggle span::before, .bg-gray-800 .rd-navbar-toggle span::before, .bg-primary .rd-navbar-toggle span::before, .bg-primary-darker .rd-navbar-toggle span::before {
            content: "";
            position: absolute;
            left: 0;
            top: -6px;
            transition: .3s all ease;
        }

        .context-dark .rd-navbar-toggle span::after, .bg-gray-700 .rd-navbar-toggle span::after, .bg-gray-800 .rd-navbar-toggle span::after, .bg-primary .rd-navbar-toggle span::after, .bg-primary-darker .rd-navbar-toggle span::after {
            top: 6px;
        }

        .context-dark .rd-navbar-toggle span::after, .bg-gray-700 .rd-navbar-toggle span::after, .bg-gray-800 .rd-navbar-toggle span::after, .bg-primary .rd-navbar-toggle span::after, .bg-primary-darker .rd-navbar-toggle span::after, .context-dark .rd-navbar-toggle span::before, .bg-gray-700 .rd-navbar-toggle span::before, .bg-gray-800 .rd-navbar-toggle span::before, .bg-primary .rd-navbar-toggle span::before, .bg-primary-darker .rd-navbar-toggle span::before, .context-dark .rd-navbar-toggle span, .bg-gray-700 .rd-navbar-toggle span, .bg-gray-800 .rd-navbar-toggle span, .bg-primary .rd-navbar-toggle span, .bg-primary-darker .rd-navbar-toggle span {
            width: 24px;
            height: 2px;
            background-color: #fff;
            backface-visibility: hidden;
            border-radius: 5;
        }

    .context-dark .rd-navbar-toggle.active span, .bg-gray-700 .rd-navbar-toggle.active span, .bg-gray-800 .rd-navbar-toggle.active span, .bg-primary .rd-navbar-toggle.active span, .bg-primary-darker .rd-navbar-toggle.active span {
        background: transparent;
        transition: .01s;
    }

        .context-dark .rd-navbar-toggle.active span::before, .bg-gray-700 .rd-navbar-toggle.active span::before, .bg-gray-800 .rd-navbar-toggle.active span::before, .bg-primary .rd-navbar-toggle.active span::before, .bg-primary-darker .rd-navbar-toggle.active span::before, .context-dark .rd-navbar-toggle.active span::after, .bg-gray-700 .rd-navbar-toggle.active span::after, .bg-gray-800 .rd-navbar-toggle.active span::after, .bg-primary .rd-navbar-toggle.active span::after, .bg-primary-darker .rd-navbar-toggle.active span::after {
            transform-origin: 50% 50%;
            top: 0;
        }

        .context-dark .rd-navbar-toggle.active span::before, .bg-gray-700 .rd-navbar-toggle.active span::before, .bg-gray-800 .rd-navbar-toggle.active span::before, .bg-primary .rd-navbar-toggle.active span::before, .bg-primary-darker .rd-navbar-toggle.active span::before {
            transform: rotate(45deg);
        }

        .context-dark .rd-navbar-toggle.active span::after, .bg-gray-700 .rd-navbar-toggle.active span::after, .bg-gray-800 .rd-navbar-toggle.active span::after, .bg-primary .rd-navbar-toggle.active span::after, .bg-primary-darker .rd-navbar-toggle.active span::after {
            transform: rotate(-45deg);
        }

.rd-navbar-call {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    background-color: #0db083;
    border-radius: 50%;
    transition: 0.35s ease-in;
    position: fixed;
    z-index: 1080;
    right: 20px;
    top: 10px;
}

@media (min-width: 992px) {
    .rd-navbar-call {
        position: static;
    }
}

.rd-navbar-call:hover {
    /*background-color: #0351ee;*/
    transform: scale(1.15);
}

    .rd-navbar-call:hover button {
        color: #e1eafd;
        cursor: pointer;
    }

.rd-navbar-call button {
    background: transparent;
    box-shadow: none;
    border: none;
    color: #fff;
    font-size: 20px;
    transition: 0.25s ease-in;
}

.rd-navbar-nav-wrap + .rd-navbar-call {
    margin-left: 40px;
}

/*
* @subsection  RD Navbar Static
*/
.rd-navbar-static {
    display: block;
}

    .rd-navbar-static .rd-nav-item {
        display: inline-block;
    }

        .rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-static .rd-nav-item.opened .rd-nav-link {
            color: #0db083;
            background: transparent;
        }

        .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle {
            color: #0db083;
        }

        .rd-navbar-static .rd-nav-item.active .rd-nav-link {
            color: #0db083;
            background: transparent;
        }

        .rd-navbar-static .rd-nav-item.active > .rd-navbar-submenu-toggle {
            color: #0db083;
        }

        .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle::before,
        .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle::before,
        .rd-navbar-static .rd-nav-item .rd-nav-link:hover + .rd-navbar-submenu-toggle::before {
            transform: rotate(180deg);
        }

        .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle {
            margin-left: 4px;
            font-family: "Material Design Icons";
            font-size: 16px;
            cursor: pointer;
        }

            .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle::before {
                position: relative;
                display: inline-block;
                transition: .22s;
                content: '\f236';
            }

            .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle:hover {
                color: #0db083;
            }

        .rd-navbar-static .rd-nav-item > .rd-navbar-submenu {
            margin-top: 20px;
        }

        .rd-navbar-static .rd-nav-item + .rd-nav-item {
            margin-left: 35px;
        }

    .rd-navbar-static .rd-nav-link {
        position: relative;
        display: inline-block;
        color: #343a40;
        transition: .25s;
    }

        .rd-navbar-static .rd-nav-link:hover {
            color: #0db083;
        }

    .rd-navbar-static .rd-menu {
        position: absolute;
        z-index: 15;
        display: block;
        padding: 16px 27px;
        margin-top: 22px;
        margin-left: -27px;
        visibility: hidden;
        opacity: 0;
        text-align: left;
        box-shadow: 0 5px 10px 1px rgba(29, 33, 36, 0.3);
        border-radius: 6px;
        transform: translate3d(0, 30px, 0);
    }

    .rd-navbar-static .rd-dropdown-item + .rd-dropdown-item,
    .rd-navbar-static .rd-megamenu-list-item + .rd-megamenu-list-item {
        margin-top: 7px;
    }

    .rd-navbar-static .rd-navbar-dropdown {
        position: absolute;
        left: 0;
        width: 290px;
        background: #343a40;
        z-index: 5;
    }

        .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown {
            top: -1px;
            left: 100%;
            z-index: 2;
            margin-top: -15px;
            margin-left: 15px;
            transform: translate3d(30px, 0, 0);
        }

            .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown.rd-navbar-open-left {
                left: auto;
                right: 100%;
                margin-left: 0;
                margin-right: 15px;
                transform: translate3d(-30px, 0, 0);
            }

    .rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link, .rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link {
        color: #fff;
    }

    .rd-navbar-static .rd-dropdown-link {
        color: #aeb1be;
    }

        .rd-navbar-static .rd-dropdown-link:hover {
            color: #fff;
        }

    .rd-navbar-static .rd-navbar-dropdown li > a,
    .rd-navbar-static .rd-megamenu-list li > a {
        position: relative;
        left: -13px;
        display: flex;
        padding: 4px 18px 4px 0;
        text-align: left;
    }

        .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-dropdown li > a:focus, .rd-navbar-static .rd-navbar-dropdown li > a:active,
        .rd-navbar-static .rd-megamenu-list li > a,
        .rd-navbar-static .rd-megamenu-list li > a:focus,
        .rd-navbar-static .rd-megamenu-list li > a:active {
            color: #aeb1be;
        }

            .rd-navbar-static .rd-navbar-dropdown li > a:hover,
            .rd-navbar-static .rd-megamenu-list li > a:hover {
                color: #fff;
            }

            .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-dropdown li > a::before,
            .rd-navbar-static .rd-megamenu-list li > a,
            .rd-navbar-static .rd-megamenu-list li > a::before {
                transition: all .2s ease-in-out;
            }

                .rd-navbar-static .rd-navbar-dropdown li > a::before,
                .rd-navbar-static .rd-megamenu-list li > a::before {
                    position: relative;
                    top: -1px;
                    left: -6px;
                    display: inline-block;
                    content: '\f238';
                    font-family: 'Material Design Icons';
                    font-size: inherit;
                    line-height: inherit;
                    color: #fff;
                    opacity: 0;
                    visibility: hidden;
                }

                .rd-navbar-static .rd-navbar-dropdown li.focus > a,
                .rd-navbar-static .rd-navbar-dropdown li.opened > a,
                .rd-navbar-static .rd-navbar-dropdown li > a:hover,
                .rd-navbar-static .rd-megamenu-list li.focus > a,
                .rd-navbar-static .rd-megamenu-list li.opened > a,
                .rd-navbar-static .rd-megamenu-list li > a:hover {
                    left: -13px;
                    padding-left: 18px;
                    padding-right: 0;
                }

                    .rd-navbar-static .rd-navbar-dropdown li.focus > a::before,
                    .rd-navbar-static .rd-navbar-dropdown li.opened > a::before,
                    .rd-navbar-static .rd-navbar-dropdown li > a:hover::before,
                    .rd-navbar-static .rd-megamenu-list li.focus > a::before,
                    .rd-navbar-static .rd-megamenu-list li.opened > a::before,
                    .rd-navbar-static .rd-megamenu-list li > a:hover::before {
                        left: -7px;
                        opacity: 1;
                        visibility: visible;
                    }

    .rd-navbar-static .rd-navbar-megamenu {
        display: flex;
        left: 0;
        width: 100%;
        overflow: hidden;
        max-width: 1200px;
        background: #343a40;
    }

    .rd-navbar-static .rd-megamenu-item {
        flex-basis: 50%;
        flex-grow: 1;
    }

        .rd-navbar-static .rd-megamenu-item + .rd-megamenu-item {
            padding-left: 20px;
        }

    .rd-navbar-static .rd-megamenu-item {
        display: flex;
    }

        .rd-navbar-static .rd-megamenu-item .banner {
            position: relative;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            text-align: center;
            min-width: 100%;
            padding: 35px;
        }

            .rd-navbar-static .rd-megamenu-item .banner::before {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: rgba(0, 0, 0, 0.1);
            }

            .rd-navbar-static .rd-megamenu-item .banner .button-primary:hover {
                background: #417ffc;
                border-color: #417ffc;
            }

            .rd-navbar-static .rd-megamenu-item .banner > * {
                opacity: 0;
                visibility: hidden;
                transform: translate(0, -20%);
                transition: .22s;
            }

            .rd-navbar-static .rd-megamenu-item .banner:hover > * {
                opacity: 1;
                visibility: visible;
                transform: translate(0, 0);
            }

        .rd-navbar-static .rd-megamenu-item:first-child .banner, .rd-navbar-static .rd-megamenu-item:last-child .banner {
            margin-top: -16px;
            margin-right: -27px;
            margin-bottom: -16px;
            margin-left: -27px;
        }

    .rd-navbar-static .rd-megamenu-title {
        padding-bottom: 10px;
        border-bottom: 1px solid #e8e9ee;
    }

    .rd-navbar-static .rd-megamenu-list-link {
        color: #aeb1be;
        background: transparent;
    }

        .rd-navbar-static .rd-megamenu-list-link:hover {
            color: #fff;
            background: transparent;
        }

    .rd-navbar-static * + .rd-megamenu-list {
        margin-top: 10px;
    }

    .rd-navbar-static .rd-navbar-submenu.focus > .rd-menu, .rd-navbar-static .rd-navbar-submenu.opened > .rd-menu {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
    }

    .rd-navbar-static .rd-navbar-search.active .rd-search {
        visibility: visible;
        opacity: 1;
    }

    .rd-navbar-static .rd-navbar-search.active .not-empty ~ .form-input {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .rd-navbar-static .rd-navbar-search .rd-search {
        margin-top: 40px;
    }

    .rd-navbar-static .rd-navbar-search .form-input {
        padding-right: 19px;
    }

    .rd-navbar-static .rd-navbar-search .rd-search-form-submit {
        display: none;
    }

    .rd-navbar-static .rd-search {
        position: absolute;
        top: 100%;
        right: 0;
        width: 370px;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 20px;
        z-index: 2;
    }

    .rd-navbar-static * + .rd-navbar-search {
        margin-left: 38px;
    }

    .rd-navbar-static .rd-navbar-search-toggle {
        display: inline-flex;
        color: #343a40;
    }

        .rd-navbar-static .rd-navbar-search-toggle span {
            display: inline-block;
            position: relative;
            width: 32px;
            height: 32px;
            font-size: 26px;
            line-height: 32px;
            text-align: center;
            cursor: pointer;
            background: none;
            border: none;
            outline: none;
            padding: 0;
        }

            .rd-navbar-static .rd-navbar-search-toggle span, .rd-navbar-static .rd-navbar-search-toggle span::before, .rd-navbar-static .rd-navbar-search-toggle span::after {
                transition: .3s all ease-in-out;
            }

                .rd-navbar-static .rd-navbar-search-toggle span::before, .rd-navbar-static .rd-navbar-search-toggle span::after {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                }

                .rd-navbar-static .rd-navbar-search-toggle span::before {
                    content: "";
                    transform: rotate(0deg) scale(1);
                    opacity: 1;
                    visibility: visible;
                    font-family: "Material Design Icons";
                }

                .rd-navbar-static .rd-navbar-search-toggle span::after {
                    content: "";
                    transform: rotate(-90deg) scale(0.4);
                    opacity: 0;
                    visibility: hidden;
                    font-family: "Material Design Icons";
                }

        .rd-navbar-static .rd-navbar-search-toggle.active span::before {
            opacity: 0;
            visibility: hidden;
            transform: rotate(90deg) scale(0.4);
        }

        .rd-navbar-static .rd-navbar-search-toggle.active span::after {
            transform: rotate(0deg) scale(1);
            opacity: 1;
            visibility: visible;
        }

        .rd-navbar-static .rd-navbar-search-toggle:hover {
            color: #0db083;
        }

@media (min-width: 1200px) {
    .rd-navbar-static .rd-nav-item + .rd-nav-item {
        margin-left: 45px;
    }
}

.rd-navbar-static.rd-navbar--is-clone {
    display: block;
    transform: translate3d(0, -100%, 0);
}

    .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck {
        transform: translate3d(0, 0, 0);
    }

.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1080;
    background: #fff;
    will-change: transform;
}

.rd-navbar-static .rd-navbar--has-dropdown {
    position: relative;
}

/*
*
* RD Navbar Fixed
*/
.rd-navbar-fixed {
    display: block;
    width: 100%;
}

    .rd-navbar-fixed .rd-navbar-toggle {
        display: inline-block;
    }

    .rd-navbar-fixed .rd-navbar-brand {
        position: relative;
        top: 0;
        margin-left: 6px;
        font-size: 0;
        line-height: 0;
        text-align: left;
    }

.ios .rd-navbar-fixed .rd-navbar-brand, .ipad .rd-navbar-fixed .rd-navbar-brand {
    padding-left: 14px;
}

.rd-navbar-fixed .rd-navbar-brand img {
    max-width: 160px;
    max-height: 58px;
    width: auto;
    height: auto;
}

.rd-navbar-fixed .rd-navbar-panel {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1080;
    display: flex;
    align-items: center;
    height: 56px;
    padding: 8px;
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
    position: fixed;
    left: 0;
    top: -56px;
    bottom: -56px;
    z-index: 1079;
    width: 270px;
    padding: 112px 0 81px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    font-size: 14px;
    line-height: 34px;
    transform: translateX(-110%);
}

    .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar {
        width: 4px;
    }

    .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb {
        background: #8db2fd;
        border: none;
        border-radius: 0;
        opacity: .2;
    }

    .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track {
        background: #0db083;
        border: none;
        border-radius: 0;
    }

    .rd-navbar-fixed .rd-navbar-nav-wrap.active {
        transform: translateX(0);
    }

.rd-navbar-fixed .rd-navbar-nav {
    display: block;
    margin: 15px 0;
    height: auto;
    text-align: left;
}

.rd-navbar-fixed .rd-nav-item {
    text-align: left;
}

    .rd-navbar-fixed .rd-nav-item + .rd-nav-item {
        margin-top: 4px;
    }

.rd-navbar-fixed .rd-nav-link {
    display: block;
    padding: 14px 56px 14px 18px;
}

.rd-navbar-fixed li.opened > .rd-navbar-dropdown {
    padding: 4px 0 0;
}

.rd-navbar-fixed li.opened > .rd-navbar-megamenu {
    padding-top: 15px;
    padding-bottom: 15px;
}

.rd-navbar-fixed li.opened > .rd-menu {
    opacity: 1;
    height: auto;
}

.rd-navbar-fixed li.opened > .rd-navbar-submenu-toggle::after {
    transform: rotate(180deg);
}

.rd-navbar-fixed .rd-menu {
    display: none;
    transition: opacity 0.3s, height 0.4s ease;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.rd-navbar-fixed .rd-navbar-submenu {
    position: relative;
}

    .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown .rd-navbar-submenu-toggle:after {
        height: 34px;
        line-height: 34px;
    }

    .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a {
        padding-left: 30px;
    }

    .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a,
    .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a {
        padding-left: 46px;
    }

    .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown,
    .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu {
        display: block;
    }

.rd-navbar-fixed .rd-megamenu-list > li > a,
.rd-navbar-fixed .rd-navbar-dropdown > li > a {
    display: block;
    padding: 9px 56px 9px 16px;
    font-size: 14px;
    line-height: 1.5;
}

.rd-navbar-fixed .rd-megamenu-list > li + li,
.rd-navbar-fixed .rd-navbar-dropdown > li + li {
    margin-top: 3px;
}

.rd-navbar-fixed .rd-megamenu-list > li > a {
    padding-left: 30px;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title {
    position: relative;
    display: block;
    padding: 0 18px 7px;
    font-size: 16px;
    line-height: 1.5;
}

    .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after {
        content: '';
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 0;
        border-bottom: 1px solid;
    }

.rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-list {
    margin-top: 11px;
}

.rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-title {
    margin-top: 20px;
}

.rd-navbar-fixed .rd-navbar-megamenu > li + li {
    margin-top: 20px;
}

.rd-navbar-fixed .rd-navbar-submenu-toggle {
    cursor: pointer;
}

    .rd-navbar-fixed .rd-navbar-submenu-toggle::after {
        content: '\f107';
        position: absolute;
        top: 0;
        right: 0;
        width: 56px;
        height: 48px;
        font: 400 14px "FontAwesome";
        line-height: 48px;
        text-align: center;
        transition: 0.4s all ease;
        z-index: 2;
        cursor: pointer;
    }

.rd-navbar-fixed .rd-navbar-collapse-toggle {
    display: block;
    top: 8px;
    z-index: 1081;
}

.rd-navbar-fixed .rd-navbar-collapse-content {
    position: fixed;
    right: 0;
    top: 56px;
    z-index: 1079;
    transform: translate3d(0, -10px, 0);
    padding: 30px;
    width: auto;
    border-radius: 0 0 0 6px;
    text-align: left;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

    .rd-navbar-fixed .rd-navbar-collapse-content.active {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible;
    }

    .rd-navbar-fixed .rd-navbar-collapse-content > * + * {
        margin-top: 25px;
    }

.rd-navbar-fixed .rd-navbar-main-outer,
.rd-navbar-fixed .rd-navbar-main-element {
    position: absolute;
    float: left;
    width: 100%;
}

.rd-navbar-fixed .rd-navbar-search .rd-search {
    position: fixed;
    right: 0;
    left: 0;
    top: 56px;
    z-index: 1079;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    transform: translate3d(0, -100%, 0);
}

.rd-navbar-fixed .rd-navbar-search .rd-search-results-live {
    display: none;
}

.rd-navbar-fixed .rd-navbar-search .form-input {
    padding-right: 60px;
}

.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 7px;
    width: 50px;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
}

.rd-navbar-fixed .rd-navbar-search.active .rd-search {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.rd-navbar-fixed .rd-navbar-search-toggle {
    display: inline-flex;
}

    .rd-navbar-fixed .rd-navbar-search-toggle span {
        display: inline-block;
        position: relative;
        width: 48px;
        height: 48px;
        font-size: 26px;
        line-height: 48px;
        text-align: center;
        cursor: pointer;
        background: none;
        border: none;
        outline: none;
        padding: 0;
    }

        .rd-navbar-fixed .rd-navbar-search-toggle span, .rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after {
            transition: .3s all ease-in-out;
        }

            .rd-navbar-fixed .rd-navbar-search-toggle span::before, .rd-navbar-fixed .rd-navbar-search-toggle span::after {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
            }

            .rd-navbar-fixed .rd-navbar-search-toggle span::before {
                content: "";
                transform: rotate(0deg) scale(1);
                opacity: 1;
                visibility: visible;
                font-family: "Material Design Icons";
            }

            .rd-navbar-fixed .rd-navbar-search-toggle span::after {
                content: "";
                transform: rotate(-90deg) scale(0.4);
                opacity: 0;
                visibility: hidden;
                font-family: "Material Design Icons";
            }

    .rd-navbar-fixed .rd-navbar-search-toggle.active span::before {
        opacity: 0;
        visibility: hidden;
        transform: rotate(90deg) scale(0.4);
    }

    .rd-navbar-fixed .rd-navbar-search-toggle.active span::after {
        transform: rotate(0deg) scale(1);
        opacity: 1;
        visibility: visible;
    }

.rd-navbar-fixed [class*='rd-navbar-fixed-element'] {
    position: fixed;
    top: 8px;
    z-index: 1082;
}

.rd-navbar-fixed .rd-navbar-fixed-element-1 {
    right: 0;
}

.rd-navbar-fixed .rd-navbar-fixed-element-2 {
    right: 46px;
}

.rd-navbar-fixed.rd-navbar--is-clone {
    display: none;
}

.rd-navbar-fixed .rd-navbar-fixed--visible {
    display: block;
}

.rd-navbar-fixed .rd-navbar-fixed--hidden {
    display: none;
}

.rd-navbar-fixed .rd-navbar-panel {
    color: #343a40;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    background: #fff;
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
    color: #fff;
    background: #fff;
    border-right: 1px solid #e8e9ee;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

.rd-navbar-fixed .rd-nav-item:hover .rd-nav-link, .rd-navbar-fixed .rd-nav-item.focus .rd-nav-link, .rd-navbar-fixed .rd-nav-item.active .rd-nav-link, .rd-navbar-fixed .rd-nav-item.opened .rd-nav-link {
    color: #fff;
    background: #0db083;
}

.rd-navbar-fixed .rd-nav-item:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.focus > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.active > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-nav-item.opened > .rd-navbar-submenu-toggle {
    color: #fff;
}

.rd-navbar-fixed .rd-nav-link {
    color: #343a40;
}

.rd-navbar-fixed .rd-megamenu-list > li > a,
.rd-navbar-fixed .rd-navbar-dropdown > li > a {
    color: #343a40;
}

.rd-navbar-fixed .rd-megamenu-list > li:hover > a,
.rd-navbar-fixed .rd-megamenu-list > li.focus > a,
.rd-navbar-fixed .rd-megamenu-list > li.active > a,
.rd-navbar-fixed .rd-megamenu-list > li.opened > a,
.rd-navbar-fixed .rd-navbar-dropdown > li:hover > a,
.rd-navbar-fixed .rd-navbar-dropdown > li.focus > a,
.rd-navbar-fixed .rd-navbar-dropdown > li.active > a,
.rd-navbar-fixed .rd-navbar-dropdown > li.opened > a {
    color: #fff;
    background: #0db083;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title {
    color: #aeb1be;
}

    .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after {
        border-bottom: 1px solid #e8e9ee;
    }

    .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a, .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:focus, .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:active {
        color: #fff;
    }

        .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:hover {
            color: #0db083;
        }

.rd-navbar-fixed .rd-navbar-submenu-toggle {
    color: #343a40;
}

.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit {
    color: #aeb1be;
}

    .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover {
        color: #0db083;
    }

.rd-navbar-fixed .rd-navbar-search-toggle {
    color: #343a40;
}

    .rd-navbar-fixed .rd-navbar-search-toggle:hover {
        color: #0db083;
    }

.rd-navbar-fixed .rd-navbar-collapse-content {
    background-color: #fff;
    box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17);
}

.rd-navbar-fixed .banner {
    position: relative;
    overflow: hidden;
    padding: 20px;
    margin: 10px;
    border-radius: 6px;
    text-align: center;
}

    .rd-navbar-fixed .banner::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(52, 58, 64, 0.4);
        border-radius: inherit;
    }

html.rd-navbar-fixed-linked .page {
    padding-top: 56px;
}

.context-dark .rd-navbar-fixed .rd-navbar-panel, .bg-gray-700 .rd-navbar-fixed .rd-navbar-panel, .bg-gray-800 .rd-navbar-fixed .rd-navbar-panel, .bg-primary .rd-navbar-fixed .rd-navbar-panel, .bg-primary-darker .rd-navbar-fixed .rd-navbar-panel {
    background: #343a40;
}

.context-dark .rd-navbar-fixed .rd-navbar-nav-wrap, .bg-gray-700 .rd-navbar-fixed .rd-navbar-nav-wrap, .bg-gray-800 .rd-navbar-fixed .rd-navbar-nav-wrap, .bg-primary .rd-navbar-fixed .rd-navbar-nav-wrap, .bg-primary-darker .rd-navbar-fixed .rd-navbar-nav-wrap {
    border-right-color: #343a40;
    background: #2f353a;
}

.context-dark .rd-navbar-fixed .rd-nav-link, .bg-gray-700 .rd-navbar-fixed .rd-nav-link, .bg-gray-800 .rd-navbar-fixed .rd-nav-link, .bg-primary .rd-navbar-fixed .rd-nav-link, .bg-primary-darker .rd-navbar-fixed .rd-nav-link,
.context-dark .rd-navbar-fixed .rd-navbar-submenu-toggle,
.bg-gray-700 .rd-navbar-fixed .rd-navbar-submenu-toggle,
.bg-gray-800 .rd-navbar-fixed .rd-navbar-submenu-toggle,
.bg-primary .rd-navbar-fixed .rd-navbar-submenu-toggle,
.bg-primary-darker .rd-navbar-fixed .rd-navbar-submenu-toggle {
    color: #fff;
}

.context-dark .rd-navbar-fixed .rd-navbar-dropdown > li > a, .bg-gray-700 .rd-navbar-fixed .rd-navbar-dropdown > li > a, .bg-gray-800 .rd-navbar-fixed .rd-navbar-dropdown > li > a, .bg-primary .rd-navbar-fixed .rd-navbar-dropdown > li > a, .bg-primary-darker .rd-navbar-fixed .rd-navbar-dropdown > li > a,
.context-dark .rd-navbar-fixed .rd-megamenu-list-link,
.bg-gray-700 .rd-navbar-fixed .rd-megamenu-list-link,
.bg-gray-800 .rd-navbar-fixed .rd-megamenu-list-link,
.bg-primary .rd-navbar-fixed .rd-megamenu-list-link,
.bg-primary-darker .rd-navbar-fixed .rd-megamenu-list-link {
    color: #e8e9ee;
}

/*
*
* RD Navbar Sidebar
*/
.rd-navbar-sidebar {
    display: block;
    background: #fff;
}

    .rd-navbar-sidebar .rd-navbar-main-outer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .rd-navbar-sidebar .rd-navbar-main {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 22px 60px 22px 0;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .rd-navbar-sidebar .rd-navbar-main-element {
        display: flex;
        align-items: center;
    }

        .rd-navbar-sidebar .rd-navbar-main-element > * + * {
            margin-left: 20px;
        }

    .rd-navbar-sidebar .rd-navbar-toggle {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        z-index: 1102;
    }

    .rd-navbar-sidebar .rd-navbar-panel {
        min-width: 200px;
        text-align: center;
    }

    .rd-navbar-sidebar .rd-navbar-brand img {
        width: auto;
        height: auto;
        max-width: 200px;
        max-height: 200px;
    }

    .rd-navbar-sidebar .rd-navbar-nav-wrap {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 1101;
        width: 450px;
        padding: 94px 0 0 0;
        background: #fff;
        transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        transform: translateX(100%);
        box-shadow: 0 0 13px 0 rgba(174, 177, 190, 0.16);
    }

        .rd-navbar-sidebar .rd-navbar-nav-wrap.active {
            transition-delay: .1s;
            transform: translateX(0);
        }

    .rd-navbar-sidebar .rd-navbar-nav {
        height: calc(100vh - 100px);
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        border-top: 1px solid #e8e9ee;
    }

    .rd-navbar-sidebar .rd-nav-item {
        position: relative;
        display: block;
        padding: 19px 30px 19px 40px;
    }

        .rd-navbar-sidebar .rd-nav-item.active .rd-nav-link {
            color: #0db083;
        }

        .rd-navbar-sidebar .rd-nav-item .rd-nav-link,
        .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle {
            font-size: 18px;
        }

        .rd-navbar-sidebar .rd-nav-item + .rd-nav-item {
            border-top: 1px solid #e8e9ee;
        }

        .rd-navbar-sidebar .rd-nav-item:last-child {
            border-bottom: 1px solid #e8e9ee;
            margin-bottom: 30px;
        }

    .rd-navbar-sidebar .rd-nav-link {
        max-width: calc(100% - 30px);
        word-break: break-all;
        font-size: 18px;
        line-height: 1.4;
        text-transform: none;
        color: #aeb1be;
    }

        .rd-navbar-sidebar .rd-nav-link:hover {
            color: #0db083;
        }

    .rd-navbar-sidebar .rd-navbar-submenu .opened > .rd-navbar-submenu-toggle::after {
        transform: rotate(180deg);
    }

    .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-dropdown,
    .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-megamenu {
        display: none;
        opacity: 0;
        visibility: hidden;
        will-change: opacity, visibility;
        transition: opacity .2s;
    }

    .rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-dropdown,
    .rd-navbar-sidebar .rd-navbar-submenu.opened > .rd-navbar-megamenu {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu > .rd-navbar-dropdown,
    .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu > .rd-navbar-megamenu {
        transform: translateY(30px);
    }

    .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu.opened > .rd-navbar-dropdown,
    .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu.opened > .rd-navbar-megamenu {
        transform: translateY(0);
    }

    .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu .rd-navbar-submenu > .rd-navbar-dropdown {
        transform: translateX(-20px);
    }

    .rd-navbar-sidebar .rd-navbar-submenu > .rd-navbar-submenu .rd-navbar-submenu.opened > .rd-navbar-dropdown {
        transform: translateX(0);
    }

    .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle,
    .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle {
        position: absolute;
        top: 0;
        right: 0;
        padding-top: inherit;
        padding-right: inherit;
        padding-left: 10px;
        margin-bottom: inherit;
        display: inline-block;
        width: 30px;
        margin-left: 5px;
        text-align: center;
        cursor: pointer;
        color: #343a40;
    }

        .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle:hover,
        .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle:hover {
            color: #0db083;
        }

        .rd-navbar-sidebar .rd-nav-item > .rd-navbar-submenu-toggle::after,
        .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle::after {
            content: '\f107';
            position: relative;
            display: inline-block;
            font-family: "FontAwesome";
            font-size: inherit;
            line-height: inherit;
            text-align: center;
            vertical-align: middle;
            transition: 0.4s all ease;
            z-index: 2;
            will-change: transform;
        }

    .rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle {
        font-size: 14px;
        color: #aeb1be;
        margin-left: 7px;
    }

    .rd-navbar-sidebar .rd-menu {
        margin-top: 31px;
    }

    .rd-navbar-sidebar .rd-navbar-dropdown,
    .rd-navbar-sidebar .rd-megamenu-list {
        font-size: 14px;
    }

        .rd-navbar-sidebar .rd-navbar-dropdown li > a,
        .rd-navbar-sidebar .rd-megamenu-list li > a {
            position: relative;
            left: -13px;
            display: flex;
            padding: 4px 18px 4px 0;
            text-align: left;
        }

            .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-navbar-dropdown li > a:focus, .rd-navbar-sidebar .rd-navbar-dropdown li > a:active,
            .rd-navbar-sidebar .rd-megamenu-list li > a,
            .rd-navbar-sidebar .rd-megamenu-list li > a:focus,
            .rd-navbar-sidebar .rd-megamenu-list li > a:active {
                color: #aeb1be;
            }

                .rd-navbar-sidebar .rd-navbar-dropdown li > a:hover,
                .rd-navbar-sidebar .rd-megamenu-list li > a:hover {
                    color: #fff;
                }

                .rd-navbar-sidebar .rd-navbar-dropdown li > a, .rd-navbar-sidebar .rd-navbar-dropdown li > a::before,
                .rd-navbar-sidebar .rd-megamenu-list li > a,
                .rd-navbar-sidebar .rd-megamenu-list li > a::before {
                    transition: all .2s ease-in-out;
                }

                    .rd-navbar-sidebar .rd-navbar-dropdown li > a::before,
                    .rd-navbar-sidebar .rd-megamenu-list li > a::before {
                        position: relative;
                        top: -1px;
                        left: -6px;
                        display: inline-block;
                        content: '\f238';
                        font-family: 'Material Design Icons';
                        font-size: inherit;
                        line-height: inherit;
                        color: #fff;
                        opacity: 0;
                        visibility: hidden;
                    }

                    .rd-navbar-sidebar .rd-navbar-dropdown li.focus > a,
                    .rd-navbar-sidebar .rd-navbar-dropdown li.opened > a,
                    .rd-navbar-sidebar .rd-navbar-dropdown li > a:hover,
                    .rd-navbar-sidebar .rd-megamenu-list li.focus > a,
                    .rd-navbar-sidebar .rd-megamenu-list li.opened > a,
                    .rd-navbar-sidebar .rd-megamenu-list li > a:hover {
                        left: -13px;
                        padding-left: 18px;
                        padding-right: 0;
                    }

                        .rd-navbar-sidebar .rd-navbar-dropdown li.focus > a::before,
                        .rd-navbar-sidebar .rd-navbar-dropdown li.opened > a::before,
                        .rd-navbar-sidebar .rd-navbar-dropdown li > a:hover::before,
                        .rd-navbar-sidebar .rd-megamenu-list li.focus > a::before,
                        .rd-navbar-sidebar .rd-megamenu-list li.opened > a::before,
                        .rd-navbar-sidebar .rd-megamenu-list li > a:hover::before {
                            left: -7px;
                            opacity: 1;
                            visibility: visible;
                        }

    .rd-navbar-sidebar .rd-navbar-megamenu {
        max-width: 450px;
        margin-bottom: -30px;
    }

        .rd-navbar-sidebar .rd-navbar-megamenu > * {
            margin-bottom: 30px;
        }

        .rd-navbar-sidebar .rd-navbar-megamenu > li {
            display: inline-block;
            vertical-align: top;
            width: 45%;
        }

    .rd-navbar-sidebar .rd-megamenu-title {
        display: none;
    }

    .rd-navbar-sidebar .rd-megamenu-list {
        margin-top: 0;
    }

        .rd-navbar-sidebar .rd-megamenu-list > li + li {
            margin-top: 10px;
        }

    .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a {
        padding-right: 0;
    }

        .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a::before {
            display: none;
        }

        .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown > a:hover {
            padding-left: 0;
        }

    .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.focus > a {
        padding-left: 0;
    }

    .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-submenu-toggle {
        color: #0db083;
    }

        .rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened > .rd-navbar-submenu-toggle::after {
            top: 1px;
        }

    .rd-navbar-sidebar .rd-navbar-dropdown > li + li {
        margin-top: 10px;
    }

    .rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown {
        margin-top: 25px;
    }

        .rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown .rd-navbar-dropdown {
            margin-top: 10px;
            padding-left: 15px;
        }

            .rd-navbar-sidebar .rd-nav-item > .rd-navbar-dropdown .rd-navbar-dropdown > li > a {
                font-size: 12px;
            }

@media (min-width: 1200px) {
    .rd-navbar-sidebar .rd-navbar-megamenu {
        margin-bottom: -30px;
    }

        .rd-navbar-sidebar .rd-navbar-megamenu > * {
            margin-bottom: 30px;
        }

    .rd-navbar-sidebar .rd-navbar-dropdown > li + li,
    .rd-navbar-sidebar .rd-megamenu-list > li + li {
        margin-top: 18px;
    }
}

@media (min-width: 1200px) {
    .rd-navbar-sidebar .rd-navbar-nav-wrap {
        width: auto;
        left: calc(50% + 600px - 80px);
    }
}

.rd-navbar-sidebar.rd-navbar--is-clone {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transform: translateY(-101%);
}

    .rd-navbar-sidebar.rd-navbar--is-clone.rd-navbar--is-stuck {
        transform: translateY(0);
    }

.rd-navbar-sidebar.rd-navbar--is-stuck {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
}

    .rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-main {
        padding-top: 11px;
        padding-bottom: 11px;
    }

/**
*
* RD Navbar Minimal
* 
*/
.rd-navbar-minimal.rd-navbar-static {
    border-bottom: 1px solid transparent;
}

    .rd-navbar-minimal.rd-navbar-static .rd-navbar-main-outer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .rd-navbar-minimal.rd-navbar-static .rd-navbar-main {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 1170px;
        padding: 20px 0;
        margin-left: auto;
        margin-right: auto;
    }

    .rd-navbar-minimal.rd-navbar-static .rd-navbar-main-element {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-width: 690px;
    }

    .rd-navbar-minimal.rd-navbar-static .rd-navbar-brand img {
        width: auto;
        height: auto;
        max-width: 200px;
        max-height: 200px;
    }

    .rd-navbar-minimal.rd-navbar-static .rd-navbar-megamenu {
        margin-top: 24px;
        width: calc(100% + 27px + 15px);
    }

    .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle span {
        font-size: 20px;
    }

@media (min-width: 1200px) {
    .rd-navbar-minimal.rd-navbar-static .rd-navbar-main {
        padding: 30px 0;
    }

    .rd-navbar-minimal.rd-navbar-static .rd-menu {
        margin-top: 34px;
    }
}

.rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone {
    border-bottom-color: #e8e9ee;
}

    .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main {
        padding: 20px 0;
    }

    .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck .rd-menu, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone .rd-menu {
        margin-top: 24px;
    }

    .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-item > .rd-navbar-submenu, .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-item > .rd-navbar-submenu {
        margin-top: 17px;
    }

.rd-navbar-minimal.rd-navbar-fixed .rd-navbar-search-toggle {
    position: fixed;
    right: 10px;
    top: 5px;
}

.rd-navbar-minimal.rd-navbar-fixed .rd-navbar-search .form-input {
    border-width: 1px 0 1px 0;
    border-radius: 0;
}

.rd-navbar-minimal-wide.rd-navbar-static .rd-navbar-main {
    padding: 54px 0;
}

.rd-navbar-minimal-wide.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main {
    padding: 21px 0;
}

.context-dark .rd-navbar-minimal .rd-nav-link, .bg-gray-700 .rd-navbar-minimal .rd-nav-link, .bg-gray-800 .rd-navbar-minimal .rd-nav-link, .bg-primary .rd-navbar-minimal .rd-nav-link, .bg-primary-darker .rd-navbar-minimal .rd-nav-link,
.context-dark .rd-navbar-minimal .rd-navbar-submenu-toggle,
.bg-gray-700 .rd-navbar-minimal .rd-navbar-submenu-toggle,
.bg-gray-800 .rd-navbar-minimal .rd-navbar-submenu-toggle,
.bg-primary .rd-navbar-minimal .rd-navbar-submenu-toggle,
.bg-primary-darker .rd-navbar-minimal .rd-navbar-submenu-toggle,
.context-dark .rd-navbar-minimal .rd-navbar-search-toggle,
.bg-gray-700 .rd-navbar-minimal .rd-navbar-search-toggle,
.bg-gray-800 .rd-navbar-minimal .rd-navbar-search-toggle,
.bg-primary .rd-navbar-minimal .rd-navbar-search-toggle,
.bg-primary-darker .rd-navbar-minimal .rd-navbar-search-toggle {
    color: #fff;
}

.context-dark .rd-navbar-minimal.rd-navbar-static, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static, .bg-primary .rd-navbar-minimal.rd-navbar-static, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static {
    background-color: transparent;
}

    .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-nav-link,
    .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link,
    .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link,
    .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link,
    .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link,
    .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-nav-link,
    .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link,
    .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link,
    .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link,
    .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link,
    .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-nav-link,
    .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle,
    .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle,
    .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle,
    .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle,
    .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle,
    .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle,
    .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle,
    .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle,
    .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle,
    .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle,
    .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle,
    .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle,
    .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle,
    .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle,
    .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle,
    .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover,
    .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover,
    .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover,
    .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover,
    .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover,
    .context-dark .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover ~ .rd-navbar-submenu-toggle,
    .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover ~ .rd-navbar-submenu-toggle,
    .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover ~ .rd-navbar-submenu-toggle,
    .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover ~ .rd-navbar-submenu-toggle,
    .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-nav-link:hover ~ .rd-navbar-submenu-toggle,
    .context-dark .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle:hover,
    .bg-gray-700 .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle:hover,
    .bg-gray-800 .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle:hover,
    .bg-primary .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle:hover,
    .bg-primary-darker .rd-navbar-minimal.rd-navbar-static .rd-navbar-search-toggle:hover {
        color: #8db2fd;
    }

    .context-dark .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .bg-gray-700 .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .bg-gray-800 .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .bg-primary .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck, .bg-primary-darker .rd-navbar-minimal.rd-navbar-static.rd-navbar--is-stuck {
        background: #343a40;
        border-bottom-color: #151515;
    }

/**
*
* RD Navbar Corporate
* 
*/
.rd-navbar-corporate.rd-navbar-static {
    border-bottom: 1px solid transparent;
}

    .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside-outer,
    .rd-navbar-corporate.rd-navbar-static .rd-navbar-main-outer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside,
    .rd-navbar-corporate.rd-navbar-static .rd-navbar-main {
        max-width: 1170px;
        margin-left: auto;
        margin-right: auto;
    }

    .rd-navbar-corporate.rd-navbar-static .rd-navbar-aside {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 30px 0 40px;
    }

    .rd-navbar-corporate.rd-navbar-static .rd-navbar-brand img {
        width: auto;
        height: auto;
        max-width: 200px;
        max-height: 200px;
    }

    .rd-navbar-corporate.rd-navbar-static .rd-navbar-main-outer {
        background: #f5f6fa;
    }

    .rd-navbar-corporate.rd-navbar-static .rd-navbar-main {
        position: relative;
        padding: 16px 0;
    }

    .rd-navbar-corporate.rd-navbar-static .rd-navbar-nav-wrap {
        position: relative;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        min-width: 690px;
    }

.ie-10 .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse,
.ie-11 .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse {
    width: 100%;
    max-width: 870px;
}

.ie-10 .rd-navbar-corporate.rd-navbar-static .unit,
.ie-11 .rd-navbar-corporate.rd-navbar-static .unit {
    flex: auto;
}

.rd-navbar-corporate.rd-navbar-static .rd-navbar-panel + .rd-navbar-collapse {
    margin-left: 50px;
}

.rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content .button {
        flex-shrink: 0;
    }

    .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content > * {
        margin-top: 0;
    }

        .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content > * + * {
            margin-left: 50px;
        }

.rd-navbar-corporate.rd-navbar-static .rd-menu {
    margin-top: 21px;
}

.rd-navbar-corporate.rd-navbar-static .rd-navbar-megamenu {
    margin-top: 24px;
    max-width: 750px;
}

@media (min-width: 1200px) {
    .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content > * + * {
        margin-left: 92px;
    }

    .rd-navbar-corporate.rd-navbar-static .rd-nav-item + .rd-nav-item {
        margin-left: 55px;
    }
}

.rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone {
    border-bottom-color: #e8e9ee;
}

    .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer {
        display: none;
    }

    .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-item > .rd-navbar-submenu, .rd-navbar-corporate.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-item > .rd-navbar-submenu {
        margin-top: 17px;
    }

.rd-navbar-corporate.rd-navbar-fixed .rd-navbar-search {
    margin: 20px 5px;
}

.rd-navbar-corporate.rd-navbar-fixed .rd-navbar-search-toggle {
    display: none;
}

.rd-navbar-corporate.rd-navbar-fixed .rd-search {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.rd-navbar-corporate.rd-navbar-fixed .rd-navbar-nav {
    margin: 0;
}

/**
*
* RD Navbar Thin
* 
*/
.rd-navbar-thin.rd-navbar-static {
    background-color: #343a40;
    border-bottom: 1px solid transparent;
}

    .rd-navbar-thin.rd-navbar-static .rd-navbar-main-outer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .rd-navbar-thin.rd-navbar-static .rd-navbar-main {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 1170px;
        padding: 23px 0;
        margin-left: auto;
        margin-right: auto;
    }

    .rd-navbar-thin.rd-navbar-static .rd-navbar-nav-wrap {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 200px;
        right: 80px;
        z-index: 102;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        min-width: 690px;
        background: #343a40;
        opacity: 0;
        visibility: hidden;
        transition: .44s ease-in-out;
    }

        .rd-navbar-thin.rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-brand {
            display: none;
        }

        .rd-navbar-thin.rd-navbar-static .rd-navbar-nav-wrap.active {
            opacity: 1;
            visibility: visible;
        }

    .rd-navbar-thin.rd-navbar-static .rd-navbar-panel {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding-right: 50px;
    }

.ie-10 .rd-navbar-thin.rd-navbar-static .rd-navbar-panel,
.ie-11 .rd-navbar-thin.rd-navbar-static .rd-navbar-panel {
    justify-content: flex-start;
}

.ie-10 .rd-navbar-thin.rd-navbar-static .rd-navbar-block,
.ie-11 .rd-navbar-thin.rd-navbar-static .rd-navbar-block {
    width: 100%;
    justify-content: flex-end;
}

.rd-navbar-thin.rd-navbar-static .rd-navbar-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    transform: translate3d(0, -50%, 0);
}

.rd-navbar-thin.rd-navbar-static .rd-navbar-block {
    display: flex;
    align-items: center;
}

.rd-navbar-thin.rd-navbar-static .rd-navbar-brand {
    max-width: 300px;
}

    .rd-navbar-thin.rd-navbar-static .rd-navbar-brand img {
        width: auto;
        height: auto;
        max-width: 200px;
        max-height: 200px;
    }

.rd-navbar-thin.rd-navbar-static .rd-nav-link,
.rd-navbar-thin.rd-navbar-static .rd-navbar-submenu-toggle,
.rd-navbar-thin.rd-navbar-static .rd-navbar-search-toggle {
    color: #fff;
}

    .rd-navbar-thin.rd-navbar-static .rd-nav-item.opened .rd-nav-link,
    .rd-navbar-thin.rd-navbar-static .rd-nav-item.focus .rd-nav-link,
    .rd-navbar-thin.rd-navbar-static .rd-nav-item.active .rd-nav-link,
    .rd-navbar-thin.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle,
    .rd-navbar-thin.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle,
    .rd-navbar-thin.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle,
    .rd-navbar-thin.rd-navbar-static .rd-nav-link:hover,
    .rd-navbar-thin.rd-navbar-static .rd-nav-link:hover ~ .rd-navbar-submenu-toggle,
    .rd-navbar-thin.rd-navbar-static .rd-navbar-search-toggle:hover {
        color: #8db2fd;
    }

.rd-navbar-thin.rd-navbar-static .rd-menu {
    margin-top: 27px;
}

.rd-navbar-thin.rd-navbar-static .rd-navbar-megamenu {
    margin-top: 24px;
    width: calc(100% + 27px + 15px);
}

.rd-navbar-thin.rd-navbar-static .rd-navbar-search {
    position: static;
}

.rd-navbar-thin.rd-navbar-static * + .rd-navbar-search-toggle {
    margin-left: 60px;
}

.rd-navbar-thin.rd-navbar-static .rd-search {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    width: calc(100% - 70px);
    margin: 0;
}

    .rd-navbar-thin.rd-navbar-static .rd-search .form-wrap {
        display: flex;
        width: 100%;
        background: #343a40;
    }

        .rd-navbar-thin.rd-navbar-static .rd-search .form-wrap::before {
            content: '\f43b';
            position: absolute;
            top: 50%;
            transform: translate3d(0, -50%, 0);
            font-family: 'Material Design Icons';
            font-size: 30px;
            line-height: 1;
            color: #fff;
        }

    .rd-navbar-thin.rd-navbar-static .rd-search .form-input,
    .rd-navbar-thin.rd-navbar-static .rd-search .form-label {
        padding-left: 40px;
        font-size: 30px;
        color: #fff;
    }

    .rd-navbar-thin.rd-navbar-static .rd-search .form-input {
        background-color: transparent;
        border: 0;
        border-radius: 0;
    }

    .rd-navbar-thin.rd-navbar-static .rd-search .form-label {
        top: 50%;
        transform: translate3d(0, -50%, 0);
    }

.rd-navbar-thin.rd-navbar-static .rd-search-results-live {
    height: 100vh;
    margin: 1px 0 0 0;
}

.rd-navbar-thin.rd-navbar-static .search-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
}

.rd-navbar-thin.rd-navbar-static .search-list-item {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
}

    .rd-navbar-thin.rd-navbar-static .search-list-item + .search-list-item {
        margin-top: 0;
    }

.rd-navbar-thin.rd-navbar-static .rd-navbar-search-toggle {
    position: relative;
    z-index: 12;
}

.rd-navbar-thin.rd-navbar-static .rd-navbar-popup {
    left: 50%;
    z-index: 110;
    transform: translateX(-50%);
    margin-top: 30px;
}

.rd-navbar-thin.rd-navbar-static .list-inline-bordered {
    position: relative;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .rd-navbar-thin.rd-navbar-static .rd-nav-item + .rd-nav-item {
        margin-left: 30px;
    }
}

@media (min-width: 1200px) {
    .rd-navbar-thin.rd-navbar-static .rd-navbar-panel {
        padding-right: 70px;
    }

    .rd-navbar-thin.rd-navbar-static .rd-navbar-nav-wrap {
        left: 300px;
        right: 70px;
    }
}

@media (min-width: 1600px) {
    .rd-navbar-thin.rd-navbar-static .rd-navbar-popup {
        right: auto;
    }
}

.rd-navbar-thin.rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-thin.rd-navbar-static.rd-navbar--is-clone {
    border-bottom-color: #151515;
}

    .rd-navbar-thin.rd-navbar-static.rd-navbar--is-stuck .rd-menu, .rd-navbar-thin.rd-navbar-static.rd-navbar--is-clone .rd-menu {
        margin-top: 27px;
    }

.rd-navbar-thin.rd-navbar-fixed .rd-navbar-search .form-input {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

.rd-navbar-thin.rd-navbar-fixed .rd-navbar-search-toggle {
    position: fixed;
    top: 5px;
    right: 8px;
    color: #fff;
}

    .rd-navbar-thin.rd-navbar-fixed .rd-navbar-search-toggle span {
        font-size: 20px;
    }

.rd-navbar-thin.rd-navbar-fixed .rd-navbar-block {
    position: absolute;
    top: 14px;
    right: 65px;
}

.rd-navbar-thin.rd-navbar-fixed .rd-navbar-popup {
    position: fixed;
    right: 5px;
    margin-top: 20px;
    overflow-y: auto;
    max-height: calc(100vh - 56px - 10px);
}

.rd-navbar-thin.rd-navbar-fixed .rd-navbar-brand {
    display: none;
}

.rd-navbar-thin.rd-navbar-fixed .rd-navbar-nav-wrap .rd-navbar-brand {
    display: inline-block;
    line-height: 0;
    font-size: 0;
    margin: 30px 20px 20px;
}

@media (min-width: 480px) {
    .rd-navbar-thin.rd-navbar-fixed .rd-navbar-brand {
        display: block;
    }

    .rd-navbar-thin.rd-navbar-fixed .rd-navbar-nav-wrap .rd-navbar-brand {
        display: none;
    }
}


/* -------------------- 返回顶部按钮 -------------------- */
.ui-to-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 100;
    width: 48px;
    height: 48px;
    border-radius: 6px;
    color: #fff;
    background: #0db083;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    transition: transform 0.45s ease-in-out, background 0.3s cubic-bezier(0.2, 1, 0.3, 1);
    transform: translate3d(0, 100px, 0);
}

    .ui-to-top.active {
        transform: translate3d(0, 0, 0);
    }




/*
*
* ToTop
*/
.ui-to-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 100;
    width: 48px;
    height: 48px;
    border-radius: 6px;
    color: #fff;
    background: #0db083;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    transition: transform 0.45s ease-in-out, background 0.3s cubic-bezier(0.2, 1, 0.3, 1);
    transform: translate3d(0, 100px, 0);
}

    .ui-to-top::before, .ui-to-top::after {
        content: '\f239';
        font-family: 'Material Design Icons';
        font-size: 20px;
        line-height: 48px;
        vertical-align: middle;
        transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
    }

    .ui-to-top::before {
        display: block;
    }

    .ui-to-top::after {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }

    .ui-to-top:hover::before {
        opacity: 0;
        transform: translate3d(0, -30%, 0);
    }

    .ui-to-top:hover::after {
        opacity: 1;
        transform: translate3d(0, 0, 0) translateY(-50%);
    }

    .ui-to-top:hover {
        color: #fff;
        /*background: #417ffc;*/
        text-decoration: none;
    }

    .ui-to-top:focus {
        color: #fff;
    }

    .ui-to-top.active {
        transform: translate3d(0, 0, 0);
    }

html.mobile .ui-to-top,
html.tablet .ui-to-top {
    display: none !important;
}

@media (min-width: 576px) {
    .ui-to-top {
        right: 40px;
        bottom: 40px;
    }
}
/* ====================================================
   高端企业级CSS优化版 - 和猫软件
   设计语言：现代、专业、科技感、高品质
   ==================================================== */

/* -------------------- 全局重置与基础 -------------------- */
:root {
    --primary: #0A6E4E;
    --primary-dark: #06523A;
    --primary-light: #2C9C73;
    --primary-glow: rgba(10, 110, 78, 0.2);
    --secondary: #1A2C3E;
    --secondary-dark: #0F1A26;
    --accent: #D4AF37;
    --accent-light: #F3E5AB;
    --gray-100: #F8F9FA;
    --gray-200: #E9ECEF;
    --gray-300: #DEE2E6;
    --gray-400: #CED4DA;
    --gray-500: #ADB5BD;
    --gray-600: #6C757D;
    --gray-700: #495057;
    --gray-800: #343A40;
    --gray-900: #212529;
    --black: #121212;
    --white: #FFFFFF;
    --font-serif: 'Playfair Display', 'Times New Roman', serif;
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
    --font-mono: 'SF Mono', 'Fira Code', monospace;
    --shadow-sm: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.02);
    --shadow-md: 0 20px 25px -12px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.02);
    --shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 35px 60px -15px rgba(0, 0, 0, 0.2);
    --shadow-glow: 0 0 15px var(--primary-glow);
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-sans);
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    color: var(--gray-700);
    background-color: var(--white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
}

/* 高端滚动条 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: var(--gray-200);
    border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: var(--radius-full);
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--primary-dark);
    }

/* 焦点样式 - 符合WCAG标准，提升可访问性 */
:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

/* -------------------- 排版系统 -------------------- */
h1, h2, h3, h4, h5, h6,
.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.2;
    color: var(--gray-900);
    letter-spacing: -0.02em;
}

h1, .heading-1 {
    font-size: 3.5rem;
    font-weight: 700;
    letter-spacing: -0.03em;
}

@media (min-width: 768px) {
    h1, .heading-1 {
        font-size: 4.5rem;
    }
}

@media (min-width: 1200px) {
    h1, .heading-1 {
        font-size: 5.5rem;
        line-height: 1.15;
    }
}

h2, .heading-2 {
    font-size: 2.5rem;
    font-weight: 600;
}

@media (min-width: 768px) {
    h2, .heading-2 {
        font-size: 3rem;
    }
}

@media (min-width: 1200px) {
    h2, .heading-2 {
        font-size: 3.5rem;
    }
}

h3, .heading-3 {
    font-size: 1.75rem;
    font-weight: 600;
}

@media (min-width: 768px) {
    h3, .heading-3 {
        font-size: 2rem;
    }
}

@media (min-width: 1200px) {
    h3, .heading-3 {
        font-size: 2.25rem;
    }
}

h4, .heading-4 {
    font-size: 1.5rem;
    font-weight: 500;
}

@media (min-width: 768px) {
    h4, .heading-4 {
        font-size: 1.75rem;
    }
}

h5, .heading-5 {
    font-size: 1.25rem;
    font-weight: 500;
}

h6, .heading-6 {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--primary);
}

/* 段落与文本 */
p {
    margin-bottom: 1rem;
    color: var(--gray-600);
    line-height: 1.7;
}

.lead {
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--gray-700);
    line-height: 1.5;
}

@media (min-width: 768px) {
    .lead {
        font-size: 1.25rem;
    }
}

.text-muted {
    color: var(--gray-500);
}

.text-primary {
    color: #ffffff !important;
}

.text-accent {
    color: var(--accent) !important;
}

/* 链接样式 - 高级微交互 */
a {
    color: var(--primary);
    text-decoration: none;
    transition: color var(--transition-fast), border-color var(--transition-fast);
}

    a:hover {
        color: var(--primary-dark);
    }

.link-underline {
    position: relative;
    text-decoration: none;
}

    .link-underline::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 1px;
        background: currentColor;
        transition: width var(--transition-base);
    }

    .link-underline:hover::after {
        width: 100%;
    }

/* -------------------- 按钮系统（高端定制） -------------------- */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    transition: all var(--transition-base);
    letter-spacing: 0.02em;
    position: relative;
    overflow: hidden;
    background: transparent;
}

    .btn::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.2);
        transform: translate(-50%, -50%);
        transition: width 0.6s, height 0.6s;
    }

    .btn:active::before {
        width: 200%;
        height: 200%;
    }

.btn-primary {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    border-color: var(--primary);
    color: var(--white);
    box-shadow: var(--shadow-sm);
}

    .btn-primary:hover {
        background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
        border-color: var(--primary-dark);
        color: var(--white);
        transform: translateY(-2px);
        box-shadow: var(--shadow-md);
    }

.btn-outline {
    border-color: var(--gray-300);
    color: var(--gray-700);
    background: transparent;
}

    .btn-outline:hover {
        border-color: var(--primary);
        color: var(--primary);
        background: rgba(10, 110, 78, 0.04);
        transform: translateY(-2px);
    }

.btn-lg {
    padding: 1rem 2.5rem;
    font-size: 1rem;
    border-radius: var(--radius-lg);
}

.btn-sm {
    padding: 0.5rem 1.25rem;
    font-size: 0.75rem;
    border-radius: var(--radius-sm);
}

.btn-block {
    display: flex;
    width: 100%;
}

/* -------------------- 卡片系统（玻璃态/现代） -------------------- */
.card {
    background: var(--white);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-base);
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

    .card:hover {
        transform: translateY(-5px);
        box-shadow: var(--shadow-lg);
    }

.card-glass {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: var(--shadow-md);
}

.card-dark {
    background: var(--gray-900);
    color: var(--gray-300);
    border-color: rgba(255, 255, 255, 0.1);
}

    .card-dark h1, .card-dark h2, .card-dark h3,
    .card-dark h4, .card-dark h5, .card-dark h6 {
        color: var(--white);
    }

/* -------------------- 表单元素（极简现代） -------------------- */
.form-group {
    margin-bottom: 1.5rem;
}

.form-label {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--gray-700);
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--gray-900);
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid var(--gray-300);
    border-radius: var(--radius-md);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

    .form-control:focus {
        border-color: var(--primary);
        outline: 0;
        box-shadow: 0 0 0 3px var(--primary-glow);
    }

textarea.form-control {
    min-height: 100px;
    resize: vertical;
}

/* -------------------- 导航栏（极简高端） -------------------- */
.navbar {
    position: sticky;
    top: 0;
    z-index: 1030;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    transition: all var(--transition-base);
}

.navbar-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 5%;
    max-width: 1440px;
    margin: 0 auto;
}

.navbar-brand {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--gray-900);
}

    .navbar-brand span {
        color: var(--primary);
    }

.navbar-menu {
    display: flex;
    gap: 2rem;
    list-style: none;
}

.navbar-link {
    color: var(--gray-700);
    font-weight: 500;
    transition: color var(--transition-fast);
    position: relative;
}

    .navbar-link::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 0;
        height: 2px;
        background: var(--primary);
        transition: width var(--transition-base);
    }

    .navbar-link:hover {
        color: var(--primary);
    }

        .navbar-link:hover::after {
            width: 100%;
        }

.navbar-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
}

@media (max-width: 992px) {
    .navbar-toggle {
        display: block;
    }

    .navbar-menu {
        position: fixed;
        top: 70px;
        left: -100%;
        flex-direction: column;
        background: var(--white);
        width: 80%;
        height: calc(100vh - 70px);
        padding: 2rem;
        gap: 1.5rem;
        transition: left var(--transition-base);
        box-shadow: var(--shadow-lg);
    }

        .navbar-menu.active {
            left: 0;
        }
}

/* -------------------- 页脚（深色高端） -------------------- */
.footer {
    background: linear-gradient(135deg, var(--black) 0%, var(--secondary-dark) 100%);
    color: var(--gray-400);
    padding: 4rem 5% 2rem;
    margin-top: 4rem;
}

.footer-container {
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.footer-title {
    color: var(--white);
    font-size: 1.25rem;
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
}

    .footer-title::after {
        content: '';
        position: absolute;
        bottom: -6px;
        left: 0;
        width: 40px;
        height: 2px;
        background: var(--primary);
    }

.footer-links {
    list-style: none;
}

    .footer-links li {
        margin-bottom: 0.75rem;
    }

    .footer-links a {
        color: var(--gray-400);
        transition: color var(--transition-fast);
    }

        .footer-links a:hover {
            color: var(--white);
            padding-left: 4px;
        }

.footer-bottom {
    text-align: center;
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 0.875rem;
}

/* -------------------- 展示区域（作品集风格） -------------------- */
.display-area {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 2rem;
    padding: 2rem 0;
}

.company-card {
    background: var(--white);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all var(--transition-base);
    cursor: pointer;
    position: relative;
    box-shadow: var(--shadow-sm);
}

    .company-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(135deg, rgba(10, 110, 78, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
        opacity: 0;
        transition: opacity var(--transition-base);
        z-index: 1;
        pointer-events: none;
    }

    .company-card:hover {
        transform: translateY(-8px);
        box-shadow: var(--shadow-xl);
    }

        .company-card:hover::before {
            opacity: 1;
        }

    .company-card .img {
        position: relative;
        overflow: hidden;
        aspect-ratio: 16 / 9;
    }

    .company-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .company-card:hover img {
        transform: scale(1.05);
    }

    .company-card .box {
        padding: 1.5rem;
    }

    .company-card h3 {
        font-size: 1.25rem;
        margin-bottom: 0.75rem;
        font-weight: 600;
        color: var(--gray-900);
        transition: color var(--transition-fast);
    }

    .company-card .box_center {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-top: 1rem;
    }

        .company-card .box_center span {
            display: inline-block;
            padding: 0.25rem 1rem;
            font-size: 0.75rem;
            font-weight: 500;
            color: var(--primary);
            background: rgba(10, 110, 78, 0.1);
            border-radius: var(--radius-full);
            transition: all var(--transition-fast);
        }

    .company-card:hover .box_center span {
        background: var(--primary);
        color: white;
    }

/* 筛选区域 - 高端分段控制 */
.filter-area {
    background: var(--gray-100);
    border-radius: var(--radius-xl);
    padding: 1.5rem;
    margin-bottom: 2rem;
    border: 1px solid var(--gray-200);
}

.filter-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .filter-group label {
        font-weight: 600;
        color: var(--gray-800);
        min-width: 80px;
        font-size: 0.875rem;
    }

.filter-option {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: var(--radius-full);
    cursor: pointer;
    transition: all var(--transition-fast);
    background: var(--white);
    color: var(--gray-700);
    border: 1px solid var(--gray-300);
}

    .filter-option:hover {
        border-color: var(--primary);
        color: var(--primary);
        transform: translateY(-1px);
    }

    .filter-option.active {
        background: var(--primary);
        border-color: var(--primary);
        color: white;
        box-shadow: var(--shadow-sm);
    }

/* 响应式调整 */
@media (max-width: 768px) {
    .display-area {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .filter-group {
        flex-direction: column;
        align-items: flex-start;
    }

    .filter-option {
        padding: 0.3rem 0.8rem;
        font-size: 0.75rem;
    }
}

/* -------------------- 动画与微交互 -------------------- */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.animate-fade-up {
    animation: fadeInUp 0.6s ease forwards;
}

.animate-scale {
    animation: scaleIn 0.4s ease forwards;
}

/* 高级加载进度条 */
.progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: linear-gradient(90deg, var(--primary), var(--accent));
    z-index: 10000;
    transition: width 0.2s;
    box-shadow: var(--shadow-glow);
}

/* 返回顶部按钮 - 玻璃态 */
.scroll-top {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-full);
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all var(--transition-base);
    z-index: 99;
    color: var(--primary);
    font-size: 1.5rem;
    box-shadow: var(--shadow-md);
}

    .scroll-top.active {
        opacity: 1;
        visibility: visible;
    }

    .scroll-top:hover {
        transform: translateY(-4px);
        background: var(--primary);
        color: white;
    }

/* -------------------- 工具类 -------------------- */
.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

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

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

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

.mt-1 {
    margin-top: 0.5rem;
}

.mt-2 {
    margin-top: 1rem;
}

.mt-3 {
    margin-top: 1.5rem;
}

.mt-4 {
    margin-top: 2rem;
}

.mt-5 {
    margin-top: 3rem;
}

.mb-1 {
    margin-bottom: 0.5rem;
}

.mb-2 {
    margin-bottom: 1rem;
}

.mb-3 {
    margin-bottom: 1.5rem;
}

.mb-4 {
    margin-bottom: 2rem;
}

.mb-5 {
    margin-bottom: 3rem;
}

.p-1 {
    padding: 0.5rem;
}

.p-2 {
    padding: 1rem;
}

.p-3 {
    padding: 1.5rem;
}

.p-4 {
    padding: 2rem;
}

.p-5 {
    padding: 3rem;
}

.d-flex {
    display: flex;
}

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

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

.gap-1 {
    gap: 0.5rem;
}

.gap-2 {
    gap: 1rem;
}

.gap-3 {
    gap: 1.5rem;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

/* 响应式辅助 */
@media (min-width: 768px) {
    .d-md-flex {
        display: flex;
    }

    .text-md-left {
        text-align: left;
    }
}

/* 暗色模式支持（优雅降级） */
@media (prefers-color-scheme: dark) {
    :root {
        --gray-100: #1a1a1a;
        --gray-200: #2a2a2a;
        --gray-300: #3a3a3a;
        --white: #0f0f0f;
        --gray-900: #f0f0f0;
    }

    body {
        background-color: var(--white);
        color: var(--gray-300);
    }

    .card, .company-card {
        background: #1a1a1a;
        border-color: rgba(255,255,255,0.05);
    }

    .filter-area {
        background: #1a1a1a;
        border-color: rgba(255,255,255,0.05);
    }
}




/* ===================================
   和猫软件 - 仅分类筛选与案例列表移动端优化
   说明：头部、底部样式完全不变，仅优化中间内容区域
   =================================== */

/* ---------- 移动端适配：最大宽度 768px ---------- */
@media (max-width: 768px) {

    /* ===== 1. 主容器边距优化 ===== */
    .listmain {
        margin: 0 16px !important;
    }

        /* ===== 2. 分类筛选区域 (Filter Area) 优化 ===== */
        .listmain .filter-area {
            background: #f8f9fa;
            border-radius: 20px;
            padding: 16px !important;
            border: 1px solid #e9ecef;
            margin-bottom: 24px !important;
            box-shadow: 0 2px 8px rgba(0,0,0,0.02);
        }

        /* 每个筛选组：改为上下结构，标签在上方 */
        .listmain .filter-group {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
            margin-bottom: 18px;
            padding-bottom: 0;
            border-bottom: none;
            flex-direction: row; /* 改为水平排列 */
            flex-wrap: wrap;
        }

            .listmain .filter-group:last-child {
                margin-bottom: 0;
            }

            /* 标签样式优化 */
            .listmain .filter-group label {
                width: 100%;
                font-size: 14px;
                font-weight: 600;
                color: #495057;
                letter-spacing: 0.5px;
            }

        /* 筛选项容器：自动换行 */
        .listmain .filter-group {
            gap: 10px;
        }

        /* 筛选项变为圆角胶囊样式 */
        .listmain .filter-option {
            display: inline-block;
            padding: 6px 17px !important;
            margin-right: 0 !important;
            font-size: 13px;
            font-weight: 500;
            background: #ffffff;
            color: #4a5568;
            border-radius: 40px !important;
            border: 1px solid #e2e8f0;
            transition: all 0.2s ease;
            box-shadow: 0 1px 2px rgba(0,0,0,0.02);
        }

            /* 激活状态样式 */
            .listmain .filter-option.active {
                background: #0db083 !important;
                color: #ffffff !important;
                border-color: #0db083 !important;
                box-shadow: 0 2px 8px rgba(13,176,131,0.25);
            }

            /* 非激活状态点击反馈 */
            .listmain .filter-option.inactive:active {
                background: #edf2f7;
                transform: scale(0.96);
            }

        /* ===== 3. 案例列表区域 (Display Area) 优化 ===== */
        /* 覆盖原有布局，改为单列弹性布局 */
        .listmain .display-area {
            display: flex !important;
            flex-direction: column !important;
            gap: 24px !important;
            margin-top: 10px;
            padding: 0 !important;
        }

        /* 卡片宽度自适应，取消浮动 */
        .listmain .company-card {
            width: 100% !important;
            float: none !important;
            margin: 0 auto !important;
            border-radius: 20px;
            background: #ffffff;
            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05), 0 8px 10px -6px rgba(0,0,0,0.02);
            transition: transform 0.25s ease, box-shadow 0.25s ease;
            overflow: hidden;
            border: 1px solid rgba(0,0,0,0.03);
        }

            /* 卡片按压反馈效果 */
            .listmain .company-card:active {
                transform: scale(0.98);
                box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            }

            /* 图片容器：固定宽高比，防止变形 */
            .listmain .company-card .img {
                width: 100%;
                height: auto;
                aspect-ratio: 16 / 9;
                overflow: hidden;
                background: #f1f5f9;
            }

                .listmain .company-card .img img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    transition: transform 0.3s ease;
                    display: block;
                }

            /* 卡片悬停时图片轻微缩放 */
            .listmain .company-card:hover img {
                transform: scale(1.02);
            }

            /* 卡片内容区域 */
            .listmain .company-card .box {
                padding: 16px;
            }

            /* 标题：允许换行，更清晰 */
            .listmain .company-card h3 {
                font-size: 18px;
                line-height: 1.4;
                margin: 0 0 8px 0;
                font-weight: 600;
                color: #1e293b;
                white-space: normal;
                overflow: visible;
                text-overflow: unset;
            }

            /* 标签云区域：flex换行，间距舒适 */
            .listmain .company-card .box_center {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
                margin: 12px 0 4px 0;
            }

                /* 标签样式 */
                .listmain .company-card .box_center span {
                    display: inline-block;
                    padding: 4px 14px;
                    margin: 0;
                    font-size: 12px;
                    font-weight: 500;
                    background: #f1f5f9;
                    color: #334155;
                    border: none;
                    border-radius: 40px;
                    transition: all 0.2s ease;
                }

            /* 卡片悬停时标签变化 */
            .listmain .company-card:hover .box_center span {
                background: #e6f7ef;
                color: #0db083;
            }

        /* ===== 4. 介绍文案区域优化 ===== */
        .listmain .number_title {
            font-size: 14px !important;
            line-height: 1.55 !important;
            text-align: center;
            color: #475569;
            margin: 16px 0 24px 0;
            padding: 0 8px;
        }
}

/* ===== 5. 平板设备适配：最大宽度 991px ===== */
@media (min-width: 769px) and (max-width: 991px) {
    .listmain .display-area {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 24px !important;
    }

    .listmain .company-card {
        width: calc(50% - 12px) !important;
        float: none !important;
        margin: 0 !important;
    }
}





/*
*
* Footers
*/
.footer-standard {
    position: relative;
}

    .footer-standard h4 + *,
    .footer-standard .heading-4 + * {
        margin-top: 14px;
    }

.footer-standard-main {
    padding: 35px 0 15px;
    background: #000;
}

    .footer-standard-main .form-input {
        padding: 7px 19px;
        min-height: 41px;
        width: 100%;
        border-radius: 6px;
    }

.footer-standard-aside {
    padding: 30px 0;
    background: #000;
}

.footer-standard-aside {
    text-align: center;
}

    .footer-standard-aside > * {
        margin-top: 0;
        color: #818487;
        font-size: 14px;
    }

    .footer-standard-aside a {
        font-size: 14px;
        color: #818487;
    }

.footer-standard-main h4 {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}

.footer-standard-main a {
    font-size: 15px;
    line-height: 17px;
}

.footer-standard-main p {
    color: #a8adb0;
    font-size: 15px;
}

.footer-standard-main input {
    font-size: 15px;
}

.list-footer a, .list-footer .icon {
    color: #a8adb0;
}

@media (max-width: 575.98px) {
    .footer-standard .box-1 {
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .footer-standard .box-1 {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .footer-standard h4 + *,
    .footer-standard .heading-4 + * {
        margin-top: 25px;
    }

    .footer-standard-main {
        padding: 55px 0 20px;
    }

    .footer-standard-aside {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .footer-standard-main {
        padding: 80px 0 50px;
    }
}

.footer-minimal {
    padding: 30px 0;
}

.footer-minimal-inner {
    margin-bottom: -18px;
    text-align: center;
}

    .footer-minimal-inner > * {
        margin-bottom: 18px;
    }

    .footer-minimal-inner img {
        opacity: 0.5;
        transition: 0.35s ease-in;
    }

    .footer-minimal-inner > * {
        margin-top: 0;
    }

    .footer-minimal-inner .rights a:hover {
        color: #fff;
    }

@media (min-width: 768px) {
    .footer-minimal-inner {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: center;
        margin-left: -20px;
    }

        .footer-minimal-inner > * {
            margin-left: 20px;
        }
}

.footer-advanced.bg-gray-700 h1, .footer-advanced.bg-gray-700 h2, .footer-advanced.bg-gray-700 h3, .footer-advanced.bg-gray-700 h4, .footer-advanced.bg-gray-700 h5, .footer-advanced.bg-gray-700 h6, .footer-advanced.bg-gray-700 [class^='heading-'] {
    color: #aeb1be;
}

.footer-advanced h4 + *,
.footer-advanced .heading-4 + * {
    margin-top: 14px;
}

.footer-advanced-main {
    padding: 35px 0 15px;
}

.footer-advanced-aside {
    padding: 30px 0;
}

.footer-advanced-layout {
    margin-bottom: -18px;
    text-align: center;
}

    .footer-advanced-layout > * {
        margin-bottom: 18px;
    }

    .footer-advanced-layout > * {
        margin-top: 0;
    }

@media (min-width: 768px) and (max-width: 991.98px) {
    .footer-advanced .box-1 {
        margin-left: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .footer-advanced-text {
        font-size: 14px;
        line-height: 1.7;
    }
}

@media (min-width: 768px) {
    .footer-advanced-main {
        padding: 55px 0 20px;
    }

    .footer-advanced-aside {
        padding: 35px 0;
    }

    .footer-advanced-layout {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: center;
        margin-left: -20px;
    }

        .footer-advanced-layout > * {
            margin-left: 20px;
        }

    .footer-advanced-aside + .container {
        margin-top: 10px;
    }
}

@media (min-width: 1200px) {
    .footer-advanced h4 + *,
    .footer-advanced .heading-4 + * {
        margin-top: 35px;
    }

    .footer-advanced-main {
        padding: 80px 0 60px;
    }

    .footer-advanced-aside + .container {
        margin-top: 20px;
    }
}

.footer-linked.bg-gray-700 h1, .footer-linked.bg-gray-700 h2, .footer-linked.bg-gray-700 h3, .footer-linked.bg-gray-700 h4, .footer-linked.bg-gray-700 h5, .footer-linked.bg-gray-700 h6, .footer-linked.bg-gray-700 [class^='heading-'] {
    color: #aeb1be;
}

.footer-linked.bg-gray-700 .list {
    color: #fff;
}

    .footer-linked.bg-gray-700 .list a:hover {
        color: rgba(255, 255, 255, 0.6);
    }

.footer-linked h4 + *,
.footer-linked .heading-4 + * {
    margin-top: 14px;
}

.footer-linked h4 + hr,
.footer-linked .heading-4 + hr {
    margin-top: 15px;
}

.footer-linked * + .row {
    margin-top: 25px;
}

.footer-linked-main {
    padding: 35px 0 15px;
}

.footer-linked-aside {
    padding: 30px 0;
}

.footer-linked-layout {
    margin-bottom: -18px;
    text-align: center;
}

    .footer-linked-layout > * {
        margin-bottom: 18px;
    }

    .footer-linked-layout > * {
        margin-top: 0;
    }

@media (min-width: 768px) and (max-width: 991.98px) {
    .footer-linked .box-1 {
        margin-left: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .footer-linked-text {
        font-size: 14px;
        line-height: 1.7;
    }
}

@media (min-width: 768px) {
    .footer-linked-main {
        padding: 65px 0 40px;
    }

    .footer-linked-aside {
        padding: 30px 0;
    }

    .footer-linked-layout {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        text-align: center;
        margin-left: -20px;
    }

        .footer-linked-layout > * {
            margin-left: 20px;
        }

    .footer-linked-aside + .container {
        margin-top: 10px;
    }
}

@media (min-width: 1200px) {
    .footer-linked h4 + *,
    .footer-linked .heading-4 + * {
        margin-top: 35px;
    }

    .footer-linked-main {
        padding: 90px 0 60px;
    }

    .footer-linked-aside + .container {
        margin-top: 20px;
    }
}

.button-primary-outline, .button-primary-outline:focus {
    color: #343a40;
    background-color: transparent;
    border-color: #0db083;
}

    .button-primary-outline:hover, .button-primary-outline:active {
        color: #fff;
        background-color: #0db083;
        border-color: #0db083;
    }

.button.button-facebook, .button.button-facebook:focus {
    color: #fff;
    background-color: #2059a0;
    border-color: #2059a0;
}

    .button.button-facebook:hover, .button.button-facebook:active {
        color: #fff;
        background-color: #2465b5;
        border-color: #2465b5;
    }

.button.button-twitter, .button.button-twitter:focus {
    color: #fff;
    background-color: #00aae6;
    border-color: #00aae6;
}

    .button.button-twitter:hover, .button.button-twitter:active {
        color: #fff;
        background-color: #01bdff;
        border-color: #01bdff;
    }

.button.button-google, .button.button-google:focus {
    color: #fff;
    background-color: #ff3807;
    border-color: #ff3807;
}

    .button.button-google:hover, .button.button-google:active {
        color: #fff;
        background-color: #ff4c21;
        border-color: #ff4c21;
    }

.button-winona {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0px 16px;
}

    .button-winona .content-original,
    .button-winona .content-dubbed {
        vertical-align: middle;
        transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
    }

    .button-winona .content-original {
        display: block;
    }

    .button-winona .content-dubbed {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }

    .button-winona:hover .content-original {
        opacity: 0;
        transform: translate3d(0, -30%, 0);
    }

    .button-winona:hover .content-dubbed {
        opacity: 1;
        transform: translate3d(0, 0, 0) translateY(-50%);
    }

.button-sm {
    padding: 9px 32px;
    font-size: 12px;
    line-height: 1.5;
}

.button-lg {
    padding: 14px 35px;
    font-size: 15px;
    line-height: 1.5;
}

@media (min-width: 576px) {
    .button-lg {
        font-size: 16px;
        padding-left: 55px;
        padding-right: 55px;
    }
}

.button-lg--smaller {
    padding-left: 35px;
    padding-right: 35px;
}



.form-output {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 2px;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

    .form-output.active {
        opacity: 1;
        visibility: visible;
    }

    .form-output.error {
        color: #dc0000;
    }

    .form-output.success {
        color: #98bf44;
    }

.radio .radio-custom,
.radio-inline .radio-custom,
.checkbox .checkbox-custom,
.checkbox-inline .checkbox-custom {
    opacity: 0;
}

.radio .radio-custom, .radio .radio-custom-dummy,
.radio-inline .radio-custom,
.radio-inline .radio-custom-dummy,
.checkbox .checkbox-custom,
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom,
.checkbox-inline .checkbox-custom-dummy {
    position: absolute;
    left: 0;
    width: 14px;
    height: 14px;
    outline: none;
    cursor: pointer;
}

.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy,
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
    pointer-events: none;
    background: #fff;
}

    .radio .radio-custom-dummy::after,
    .radio-inline .radio-custom-dummy::after,
    .checkbox .checkbox-custom-dummy::after,
    .checkbox-inline .checkbox-custom-dummy::after {
        position: absolute;
        opacity: 0;
        transition: .22s;
    }

.radio .radio-custom:focus,
.radio-inline .radio-custom:focus,
.checkbox .checkbox-custom:focus,
.checkbox-inline .checkbox-custom:focus {
    outline: none;
}

.radio input,
.radio-inline input,
.checkbox input,
.checkbox-inline input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0;
}

.radio-custom:checked + .radio-custom-dummy:after,
.checkbox-custom:checked + .checkbox-custom-dummy:after {
    opacity: 1;
}

.radio,
.radio-inline {
    padding-left: 28px;
}

    .radio .radio-custom-dummy,
    .radio-inline .radio-custom-dummy {
        top: 1px;
        left: 0;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 1px solid #74757f;
    }

        .radio .radio-custom-dummy::after,
        .radio-inline .radio-custom-dummy::after {
            content: '';
            top: 3px;
            right: 3px;
            bottom: 3px;
            left: 3px;
            background: #343a40;
            border-radius: inherit;
        }

.checkbox,
.checkbox-inline {
    padding-left: 28px;
}

    .checkbox .checkbox-custom-dummy,
    .checkbox-inline .checkbox-custom-dummy {
        left: 0;
        width: 18px;
        height: 18px;
        margin: 0;
        border: 1px solid #74757f;
    }

        .checkbox .checkbox-custom-dummy::after,
        .checkbox-inline .checkbox-custom-dummy::after {
            content: '\f222';
            font-family: "Material Design Icons";
            position: absolute;
            top: -1px;
            left: -2px;
            font-size: 20px;
            line-height: 18px;
            color: #aeb1be;
        }

.toggle-custom {
    padding-left: 60px;
    -webkit-appearance: none;
}

    .toggle-custom:checked ~ .checkbox-custom-dummy::after {
        background: #0db083;
        transform: translate(20px, -50%);
    }

    .toggle-custom ~ .checkbox-custom-dummy {
        position: relative;
        display: inline-block;
        margin-top: -1px;
        width: 44px;
        height: 20px;
        background: #fff;
        cursor: pointer;
    }

        .toggle-custom ~ .checkbox-custom-dummy::after {
            content: '';
            position: absolute;
            display: inline-block;
            width: 16px;
            height: 16px;
            left: 0;
            top: 50%;
            background: #74757f;
            transform: translate(4px, -50%);
            opacity: 1;
            transition: .22s;
        }

.form-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    text-align: center;
    margin-bottom: -8px;
}

    .form-inline > * {
        margin-bottom: 8px;
    }

.form-inline-custom {
    margin-right: 6px;
}

.form-inline > * {
    margin-top: 0;
    margin-right: -6px;
}

.form-inline .form-wrap {
    flex: 20 0;
    min-width: 220px;
}

.form-inline .form-wrap-select {
    text-align: left;
}

.form-inline .form-label {
    display: block;
}

.form-inline .form-input {
    color: #818487;
    border-color: #fff;
}

.form-inline .form-button {
    flex-grow: 1;
    min-height: 42px;
}

    .form-inline .form-button .button {
        width: 100%;
        min-height: inherit;
    }

@media (min-width: 576px) {
    .form-inline .button {
        display: block;
    }
}

.form-inline.form-inline-centered {
    justify-content: center;
}



/* 遮罩层 */
.case-modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.55);
    z-index: 9998;
    display: none;
}
/* 弹框主体 */
.case-modal-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.15);
    width: 420px;
    max-width: 90%;
    padding: 32px;
    z-index: 9999;
    display: none;
    box-sizing: border-box;
}
/* 关闭按钮 */
.case-modal-close {
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 22px;
    color: #999;
    cursor: pointer;
    transition: color 0.2s;
}

    .case-modal-close:hover {
        color: #333;
    }
/* 标题与内容 */
.case-modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    margin: 0 0 16px;
}

.case-modal-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.7;
    margin: 0 0 24px;
}
/* 按钮 */
.case-modal-btn {
    display: inline-block;
    padding: 10px 28px;
    background: #2d5bcc;
    color: #fff;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.2s;
}

    .case-modal-btn:hover {
        background: #2348a8;
    }

.element {
    animation: fadeIn 1s; /* 动画名称 持续时间 */
}





/* ====================================================
   仅优化字体与行距 - 不修改任何其他样式
   说明：只调整 font-family, font-size(微调), line-height
   其他所有样式（颜色、边距、背景、边框、阴影等）完全保留原样
   ==================================================== */

/* -------------------- 1. 全局基础字体与行距 -------------------- */
/* 应用现代字体栈，优先使用 Inter，回退到系统默认安全字体 */
body,
p,
span,
div,
li,
dd,
dt,
.block,
.text,
.content,
.listmain *:not(pre):not(code):not(kbd):not(samp) {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

/* 标题系列保持原有字体族，仅微调行距更现代 */
h1, h2, h3, h4, h5, h6,
.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
    font-weight: 600; /* 保留原有权重，只确保族一致 */
    line-height: 1.25; /* 标题行距稍紧凑，但比原来的1.2略舒适 */
    letter-spacing: -0.02em; /* 稍微收紧字间距，增加现代感，但不影响布局 */
}

/* -------------------- 2. 正文段落与文本行距优化 -------------------- */
/* 正文段落 - 行距提高到1.65，更透气 */
p:not(.small):not(.text-small):not([class*="copyright"]) {
    line-height: 1.65 !important; /* 使用重要确保覆盖原样式，但不改动颜色/边距 */
    margin-bottom: 1rem; /* 保留原有底部边距风格 */
}

/* 列表项行距优化，增加可读性 */
.list li, .list-inline li, .list-nav li, .list-footer li,
.rd-navbar-nav li, .rd-menu li, .footer-links li,
.footer-standard-main p, .footer-advanced-main p {
    line-height: 1.6;
}

/* -------------------- 3. 按钮与导航字体微调（保持风格） -------------------- */
.button, .btn, .rd-nav-link, .navbar-link, .filter-option {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 500;
    letter-spacing: 0.02em; /* 稍微增加按钮字母间距，更现代，但不影响布局 */
}

/* -------------------- 4. 引用、辅助文字行距 -------------------- */
blockquote, .quote-light, .quote-classic, .quote-modern {
    line-height: 1.6;
}

.small, .text-small, .form-label, .caption, .footer-standard-aside p, .rights {
    line-height: 1.5;
}

/* -------------------- 5. 卡片内文字行距统一 -------------------- */
.company-card .box p,
.card-body p,
.box-minimal-text,
.box-light-text {
    line-height: 1.6;
}

/* -------------------- 6. 响应式下字体大小微调（不改变原布局尺寸） -------------------- */
/* 只在移动端略微降低正文字体最小尺寸，保证可读性，但不改变原本的字体大小结构 */
@media (max-width: 768px) {
    body, p, .text, .listmain {
        font-size: 15px; /* 原为16px，略降1px更适移动，但保留原设计比例 */
    }

    h1, .heading-1 {
        font-size: calc(2.5rem + 1vw); /* 相对值，保持原视觉权重，不破坏布局 */
    }
}

/* -------------------- 7. 保留原代码中高端字体的定义，避免冲突 -------------------- */
/* 注意：原CSS末尾有一个":root"的变量定义，定义了--font-sans，但我们不使用其变量，
   以避免覆盖原有的复杂组件（如rd-navbar）的特定字体。本调整仅作用于常规元素。
   如果希望全局强制统一，可取消下面注释，但会增加不可预知风险，因此默认不开启。
*/
/*
:root {
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
body {
    font-family: var(--font-sans);
}
*/