@charset "UTF-8"; ul {
    padding-left: 0;
    margin-bottom: 0;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
}

p {
    margin-bottom: 0;
}

input, textarea {
    outline: none;
}

button {
    border: none;
}

body {
    padding-right: 0 !important;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}

::-webkit-scrollbar-track {
    background: #f3f3f3;
    border-radius: 6px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}

.header.index {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}

.header.index .navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
}

.header.children {
    background-color: #fff;
}

.header .navbar {
    z-index: 9;
}

.header .logo .image {
    width: 220px;
}

.header .navbar-box {
    flex: 1 1 auto !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header .row-navbar {
    --bs-gutter-x: 2rem;
}

.header .row-navbar > .col {
    position: relative;
}

.header .row-navbar > .col > .link {
    font-weight: 400;
    font-size: 1.125rem;
}

.header .row-navbar .link {
    display: block;
    color: #fff;
    opacity: 1;
    padding: .5rem 0;
}

.header.children .row-navbar .link {
    color: #333;
    opacity: 1;
}

/*.header .row-navbar .link:hover, .header .row-navbar .link.curr:before {*/
/*    content: "";*/
/*    width: 0.63rem;*/
/*    height: 0.19rem;*/
/*    background: #0068B7;*/
/*    border-radius: 0;*/
/*    !*color: #e50012;*!*/
/*}*/
.header #navbar > .row-navbar > .col > .link:before {
    width: .75rem;
    height: 0.25rem;
    background-image: linear-gradient(#0099ff, #0099ff), linear-gradient(#0068b7, #0068b7);
    background-blend-mode: normal, normal;
    border-radius: 0.3rem;
    content: "";
    position: absolute;
    left: -.1rem;
    top: 50%;
    transition: transform 500ms ease;
    transform: scale(0) translateY(-50%);
}

.header #navbar > .row-navbar > .col:hover .link:before, .header #navbar > .row-navbar > .col > .link.curr:before {
    transform: scale(1) translateY(-50%);
}

.header #navbar > .row-navbar > .col > .list > .col > .link {
    color: #000;
    transition: 300ms;
}

.header #navbar > .row-navbar > .col > .list > .col > .link:hover {
    color: #0099ff;
    text-decoration: underline;
}

.header #navbar > .row-navbar > .col:hover .list {
    display: block;
}

.header .row-navbar .list {
    display: none;
    position: absolute;
    top: 100%;
    left: -2.1875rem;
    min-width: 100%;
    text-align: center;
    width: 11.25rem;
    background: #fff;
    padding: 1rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    z-index: 99;
}

.header .row-navbar .list:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -8px;
    right: calc(11.25rem - 50% - 8px);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, .1));
}

.header .row-navbar .list .link {
    white-space: nowrap;
}

.header .phone-box {
    margin-left: 4rem;
}

.header .phone-box .icon {
    width: 2.44rem;
    height: 2.13rem;
    opacity: 1;
}

.header .phone-box .text {
    font-size: .875rem;
    margin-left: .5rem;
    display: flex;
    flex-flow: column;
}

.header .phone-box .name {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.85rem;
    text-align: right;
    white-space: nowrap;
    display: block;
    opacity: 1;
}

.header.children .phone-box .name {
    color: #333;
}

.header .phone-box .phone {
    overflow-wrap: break-word;
    color: rgba(0, 153, 255, 1);
    font-size: 1.13rem;
    text-align: left;
    white-space: nowrap;
    margin-top: 0.187rem;
    font-weight: bold;
    display: block;
    opacity: 1;
}

.footer {
    color: #fff;
    background: #343a40;
    padding-top: 4rem;
}

.footer .title .text {
    font-size: 1.125rem;
    color: #fff;
}

.footer .link {
    line-height: 2.25rem;
    font-size: .875rem;
    color: #929298;
}

.footer .link:hover,.footer .bottom a:hover {
    color: #fff;
}

.footer .row .title {
    margin-bottom: 1.5rem;
}

.footer .phone {
    font-weight: bold;
    font-size: 2.25rem;
    color: #d8271c;
    padding: .5rem 0 1.5rem;
}

.footer .image {
    margin-top: 1.3rem;
}

.footer .bottom {
    background: #181d21;
}

.footer .bottom, .footer .bottom a {
    font-size: .875rem;
    color: #929298;
    text-align: center;
    padding: 1.5rem 0;
    margin-top: 3.5rem;
}

.title-box {
    text-align: center;
    padding: 4rem 0 3rem;
}

.title-box .alias {
    font-weight: bold;
    font-size: 2.5rem;
    color: #e0e0e0;
    text-transform: uppercase;
}

.title-box .title {
    font-weight: bold;
    font-size: 2.25rem;
    margin-top: -2.25rem;
}

.title-box .intro {
    font-size: .875rem;
    color: #999;
    margin-top: 1rem;
}

.breadcrumb-box {
    font-size: .875rem;
    color: #333;
    padding-top: 1.5rem;
}

.breadcrumb-box .link {
    color: #333;
}

.breadcrumb-box .link:hover {
    color: #0099ff;
    text-decoration: underline;
}

.header.children .phone-mobile {
    display: none!important;
}

#mobile-navbar {
    display: none;
}

.header .phone-mobile {
    display: none!important;
}

@media (max-width: 767px) {
    #mobile-navbar {
        background: #f4f4f4;
        z-index: 99;
        position: absolute;
        padding: 1rem 0;
        width: 100%;
        box-shadow: 0px 3px 20px rgb(0 0 0 / 30%);
    }

    #mobile-navbar>.container {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    #mobile-navbar .navbar-item:first-child {
        background: #0098fe;
        color: #fff;
        margin-top: 0;
        font-weight: bold;
    }

    #mobile-navbar .navbar-item {
        border-radius: .3rem;
        padding: .5rem 1rem;
        display: flex;
        box-shadow: 0 0 5px rgb(0 0 0 / 10%);
        margin-top: .3rem;
        background: #fff;
    }

    #mobile-navbar .navbar-item .navbar-title {
        width: 6rem;
        border-right: 1px solid #efefef;
        flex-shrink: 0;
    }

    #mobile-navbar .navbar-item .navbar-title>.title {
        color: #a3a3a3;
        font-weight: bold;
        font-size: .9rem;
    }

    #mobile-navbar .navbar-item .navbar-children {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    #mobile-navbar .navbar-item .navbar-children .children-list-box {
        width: 50%;
        text-align: center;
        position: relative;
        padding: .3rem 0;
    }

    #mobile-navbar .navbar-item .navbar-children .children-list-box:hover .title, #mobile-navbar .navbar-item .navbar-children .children-list-box:hover .icon {
        color: #39a4fe;
        fill: #39a4fe;
    }

    #mobile-navbar .navbar-item .navbar-children .children-list-box:nth-child(even):before {
        content: "";
        position: absolute;
        width: 0.05rem;
        height: 0.88rem;
        background-color: #dbdbdb;
        top: 0.31rem;
        left: 0;
    }

    #mobile-navbar .link {
        cursor: pointer;
    }

    #mobile-navbar .navbar-item .navbar-children .children-list-box * {
        color: #242424;
        font-size: .8rem;
    }

    #mobile-navbar .navbar-item .navbar-children .children-list-box .icon {
        width: 1rem;
        height: 1rem;
        position: absolute;
        top: 0.65rem;
    }

    #mobile-navbar .navbar-item .navbar-children .children-list-box *:hover {
        color: #39a4fe;
    }

    #mobile-navbar .navbar-item .navbar-children .children-list-box .link.title~.children-list {
        position: absolute;
        background: #0098fe;
        flex-direction: column;
        padding: .5rem 0;
        border-radius: .3rem;
        z-index: 1;
        display: flex;
    }

    #mobile-navbar .navbar-item .navbar-children .children-list-box .children-list .link {
        color: #fff;
        padding: .3rem 1rem;
    }

    #mobile-navbar .navbar-item .navbar-children .children-list {
        visibility: hidden;
    }

    .header .logo {
        max-width: 60%;
    }

    .header.index .phone-mobile {
        display: flex!important;
        flex: 1 1 auto;
    }

    .header.index .phone-mobile .icon {
        display: none;
    }

    .header.index .phone-mobile .text {
        width: 100%;
        text-align: right;
        margin-right: 1rem;
    }

    .header.index .phone-mobile .text>span {
        text-align: right;
    }

    .header.index .phone-mobile .text>.name {
        margin-bottom: -.25rem;
    }

    .header.index .phone-mobile .text>.phone {
        margin: 0;
    }

    .consult-box {
        display: none;
    }

    .header .navbar-box {
        display: block;
        width: 100%;
        justify-content: flex-start;
    }

    .header.index .navbar-box {
        background-color: #fff;
        padding: 0 1rem;
        border-radius: .3rem;
    }

    .header .logo {
        max-width: 40%;
    }

    .header .phone-box {
        margin: 0;
    }

    .header .phone-box .name {
        font-size: 0.63rem;
    }

    .header .phone-box .phone {
        font-size: 0.85rem;
    }

    .header .logo .image {
        width: 100%;
    }

    .header .navbar-light .navbar-toggler {
        padding: .15rem .2rem;
    }

    .header .row-navbar .link {
        color: #000;
    }

    .header .row-navbar {
        flex: 1;
        flex-direction: column;
        padding: 1rem;
    }

    .footer .content-box {
        flex-direction: column;
    }

    .footer .right {
        margin-top: 1rem;
    }

    .header .row-navbar .list {
        left: 0;
    }

    .header .row-navbar .list:before {
        display: none;
    }

    .footer .row .col {
        text-align: center;
    }

    .header.index > div {
        height: 60vh !important;
        position: relative;
    }

    .header.index {
        padding: 0;
        background: unset;
    }

    .footer .row .title {
        margin-top: 1.5rem;
    }

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

    .footer .right > div {
        align-items: center;
    }

    .footer .right .title {
        display: flex;
        flex-direction: row;
        width: 100%;
        padding: 0 2.5rem;
    }

    .footer .right .title:before, .footer .right .title:after {
        content: "";
        flex: 1 1;
        border-bottom: 1px solid rgba(255, 255, 255, .18);
        margin: auto;
    }

    .footer .right .title .text {
        display: inline-block;
        padding: 0 1rem;
    }

    .footer .right .image {
        width: 7.5rem;
        height: 7.5rem;
    }
}

@media (min-width: 768px) {
    .header .navbar-box {
        display: flex !important;
    }
}

.content-text img {
    width: 100%;
    max-width: fit-content;
}