/*@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
*/
:root {
    --bs-blue: #0D6EFD;
    --bs-indigo: #6610F2;
    --bs-purple: #6F42C1;
    --bs-pink: #D63384;
    --bs-red: #dc3545;
    --bs-orange: #FD7E14;
    --bs-yellow: #FFC107;
    --bs-green: #198754;
    --bs-teal: #20C997;
    --bs-cyan: #0DCAF0;
    --bs-white: #FFF;
    --bs-gray: #6C757D;
    --bs-gray-dark: #343A40;
    --bs-primary: #0762cb;
    --bs-secondary: #6C757D;
    --bs-success: #198754;
    --bs-info: #0DCAF0;
    --bs-warning: #FFC107;
    --bs-danger: #dc3545;
    --bs-light: #F8F9FA;
    --bs-dark: #343A40;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
}

*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box}

body {
    margin: 0;
    font-family: "Microsoft YaHei" , "Poppins", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
    color: #666666;
    background-color: #f8f8f8;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    margin: 10px 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25
}

    hr:not([size]) {
        height: 1px
    }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: 5px;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    color: #212121
}

h1, .h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.5rem
    }
}

h2, .h2 {
    font-size: calc(1.325rem + 0.9vw)
}

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

h3, .h3 {
    font-size: calc(1.3rem + 0.6vw)
}

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.75rem
    }
}

h4, .h4 {
    font-size: calc(1.275rem + 0.3vw)
}

@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1.5rem
    }
}

h5, .h5 {
    font-size: 1.25rem
}

h6, .h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 16px
}

abbr[title], abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul {
    padding-left: 2rem
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem
}

    ol ol, ul ul, ol ul, ul ol {
        margin-bottom: 0
    }

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small, .small {
    font-size: 0.875rem
}

mark, .mark {
    padding: 3.2px;
    background-color: #FCF8E3
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color:#0762cb;
    text-decoration: underline
}

    a:hover {
        color: #080f36
    }

    a:not([href]):not([class]), a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none
    }

pre, code, kbd, samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875rem;
    -ms-overflow-style: scrollbar
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal
    }

code {
    font-size: 0.875rem;
    color: #D63384;
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: 3.2px 6.4px;
    font-size: 0.875rem;
    color: #FFF;
    background-color: #212529;
    border-radius: 3.2px
}

    kbd kbd {
        padding: 0;
        font-size: 1em;
        font-weight: 700
    }

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #6C757D;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color
    }

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[role="button"] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

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

    button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
        cursor: pointer
    }

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 8px;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
    white-space: normal
}

.header-logo{margin-top:15px}
.main-nav{margin-top:15px}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend + * {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

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

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

    .list-inline-item:not(:last-child) {
        margin-right: 8px
    }

.initialism {
    font-size: 0.875rem;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 10px;
    font-size: 1.25rem
}

    .blockquote > :last-child {
        margin-bottom: 0
    }

.blockquote-footer {
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 0.875rem;
    color: #6C757D
}

    .blockquote-footer::before {
        content: "\2014\00A0"
    }

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: 4px;
    background-color: #FFF;
    border: 1px solid #DEE2E6;
    border-radius: 4px;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: 5px;
    line-height: 1
}

.figure-caption {
    font-size: 0.875rem;
    color: #6C757D
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    --bs-gutter-x:30px;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px
    }
.header-logo{margin-top:0}
.main-nav{margin-top:0}
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: 720px;}
	.header-logo{margin-top:0}
.main-nav{margin-top:0}
}

@media (min-width: 1280px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1280px
    }
}

@media (min-width: 1600px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1281px
    }
}

.row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2)
}

    .row > * {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) / 2);
        padding-left: calc(var(--bs-gutter-x) / 2);
        margin-top: var(--bs-gutter-y)
    }

.col {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.row-cols-auto > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.row-cols-1 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%
}

.row-cols-4 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%
}

.col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333%
}

.col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%
}

.col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%
}

.col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66667%
}

.col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333%
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66667%
}

.col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333%
}

.col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66667%
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: 5px
}

.g-1, .gy-1 {
    --bs-gutter-y: 5px
}

.g-2, .gx-2 {
    --bs-gutter-x: 10px
}

.g-2, .gy-2 {
    --bs-gutter-y: 10px
}

.g-3, .gx-3 {
    --bs-gutter-x: 15px
}

.g-3, .gy-3 {
    --bs-gutter-y: 15px
}

.g-4, .gx-4 {
    --bs-gutter-x: 20px
}

.g-4, .gy-4 {
    --bs-gutter-y: 20px
}

.g-5, .gx-5 {
    --bs-gutter-x: 25px
}

.g-5, .gy-5 {
    --bs-gutter-y: 25px
}

.g-6, .gx-6 {
    --bs-gutter-x: 30px
}

.g-6, .gy-6 {
    --bs-gutter-y: 30px
}

.g-7, .gx-7 {
    --bs-gutter-x: 35px
}

.g-7, .gy-7 {
    --bs-gutter-y: 35px
}

.g-8, .gx-8 {
    --bs-gutter-x: 40px
}

.g-8, .gy-8 {
    --bs-gutter-y: 40px
}

.g-9, .gx-9 {
    --bs-gutter-x: 45px
}

.g-9, .gy-9 {
    --bs-gutter-y: 45px
}

.g-10, .gx-10 {
    --bs-gutter-x: 50px
}

.g-10, .gy-10 {
    --bs-gutter-y: 50px
}

@media (min-width: 576px) {
    .col-sm {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-sm-auto > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-sm-4 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: 5px
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 5px
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 10px
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 10px
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 15px
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 15px
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 20px
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 20px
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 25px
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 25px
    }

    .g-sm-6, .gx-sm-6 {
        --bs-gutter-x: 30px
    }

    .g-sm-6, .gy-sm-6 {
        --bs-gutter-y: 30px
    }

    .g-sm-7, .gx-sm-7 {
        --bs-gutter-x: 35px
    }

    .g-sm-7, .gy-sm-7 {
        --bs-gutter-y: 35px
    }

    .g-sm-8, .gx-sm-8 {
        --bs-gutter-x: 40px
    }

    .g-sm-8, .gy-sm-8 {
        --bs-gutter-y: 40px
    }

    .g-sm-9, .gx-sm-9 {
        --bs-gutter-x: 45px
    }

    .g-sm-9, .gy-sm-9 {
        --bs-gutter-y: 45px
    }

    .g-sm-10, .gx-sm-10 {
        --bs-gutter-x: 50px
    }

    .g-sm-10, .gy-sm-10 {
        --bs-gutter-y: 50px
    }
}

@media (min-width: 768px) {
    .col-md {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-md-auto > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-md-4 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: 5px
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 5px
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 10px
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 10px
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 15px
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 15px
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 20px
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 20px
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 25px
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 25px
    }

    .g-md-6, .gx-md-6 {
        --bs-gutter-x: 30px
    }

    .g-md-6, .gy-md-6 {
        --bs-gutter-y: 30px
    }

    .g-md-7, .gx-md-7 {
        --bs-gutter-x: 35px
    }

    .g-md-7, .gy-md-7 {
        --bs-gutter-y: 35px
    }

    .g-md-8, .gx-md-8 {
        --bs-gutter-x: 40px
    }

    .g-md-8, .gy-md-8 {
        --bs-gutter-y: 40px
    }

    .g-md-9, .gx-md-9 {
        --bs-gutter-x: 45px
    }

    .g-md-9, .gy-md-9 {
        --bs-gutter-y: 45px
    }

    .g-md-10, .gx-md-10 {
        --bs-gutter-x: 50px
    }

    .g-md-10, .gy-md-10 {
        --bs-gutter-y: 50px
    }
}

@media (min-width: 1280px) {
    .col-lg {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-lg-auto > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-lg-4 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: 5px
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 5px
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 10px
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 10px
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 15px
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 15px
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 20px
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 20px
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 25px
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 25px
    }

    .g-lg-6, .gx-lg-6 {
        --bs-gutter-x: 30px
    }

    .g-lg-6, .gy-lg-6 {
        --bs-gutter-y: 30px
    }

    .g-lg-7, .gx-lg-7 {
        --bs-gutter-x: 35px
    }

    .g-lg-7, .gy-lg-7 {
        --bs-gutter-y: 35px
    }

    .g-lg-8, .gx-lg-8 {
        --bs-gutter-x: 40px
    }

    .g-lg-8, .gy-lg-8 {
        --bs-gutter-y: 40px
    }

    .g-lg-9, .gx-lg-9 {
        --bs-gutter-x: 45px
    }

    .g-lg-9, .gy-lg-9 {
        --bs-gutter-y: 45px
    }

    .g-lg-10, .gx-lg-10 {
        --bs-gutter-x: 50px
    }

    .g-lg-10, .gy-lg-10 {
        --bs-gutter-y: 50px
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-xl-auto > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-xl-4 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: 5px
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: 5px
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: 10px
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 10px
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 15px
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 15px
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 20px
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 20px
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 25px
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 25px
    }

    .g-xl-6, .gx-xl-6 {
        --bs-gutter-x: 30px
    }

    .g-xl-6, .gy-xl-6 {
        --bs-gutter-y: 30px
    }

    .g-xl-7, .gx-xl-7 {
        --bs-gutter-x: 35px
    }

    .g-xl-7, .gy-xl-7 {
        --bs-gutter-y: 35px
    }

    .g-xl-8, .gx-xl-8 {
        --bs-gutter-x: 40px
    }

    .g-xl-8, .gy-xl-8 {
        --bs-gutter-y: 40px
    }

    .g-xl-9, .gx-xl-9 {
        --bs-gutter-x: 45px
    }

    .g-xl-9, .gy-xl-9 {
        --bs-gutter-y: 45px
    }

    .g-xl-10, .gx-xl-10 {
        --bs-gutter-x: 50px
    }

    .g-xl-10, .gy-xl-10 {
        --bs-gutter-y: 50px
    }
}

@media (min-width: 1600px) {
    .col-xxl {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-xxl-auto > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .row-cols-xxl-4 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xxl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xxl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xxl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xxl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-xxl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xxl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xxl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xxl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-xxl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: 5px
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: 5px
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: 10px
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: 10px
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 15px
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 15px
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 20px
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 20px
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 25px
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 25px
    }

    .g-xxl-6, .gx-xxl-6 {
        --bs-gutter-x: 30px
    }

    .g-xxl-6, .gy-xxl-6 {
        --bs-gutter-y: 30px
    }

    .g-xxl-7, .gx-xxl-7 {
        --bs-gutter-x: 35px
    }

    .g-xxl-7, .gy-xxl-7 {
        --bs-gutter-y: 35px
    }

    .g-xxl-8, .gx-xxl-8 {
        --bs-gutter-x: 40px
    }

    .g-xxl-8, .gy-xxl-8 {
        --bs-gutter-y: 40px
    }

    .g-xxl-9, .gx-xxl-9 {
        --bs-gutter-x: 45px
    }

    .g-xxl-9, .gy-xxl-9 {
        --bs-gutter-y: 45px
    }

    .g-xxl-10, .gx-xxl-10 {
        --bs-gutter-x: 50px
    }

    .g-xxl-10, .gy-xxl-10 {
        --bs-gutter-y: 50px
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #666666;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #666666;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #666666;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 10px;
    color: #666666;
    vertical-align: top;
    border-color: #DEE2E6
}

    .table > :not(caption) > * > * {
        padding: 8px 8px;
        background-color: var(--bs-table-bg);
        background-image: -webkit-gradient(linear, left top, left bottom, from(var(--bs-table-accent-bg)), to(var(--bs-table-accent-bg)));
        background-image: -webkit-linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg));
        background-image: -o-linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg));
        background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg));
        border-bottom-width: 1px
    }

    .table > tbody {
        vertical-align: inherit
    }

    .table > thead {
        vertical-align: bottom
    }

    .table > :not(:last-child) > :last-child > * {
        border-bottom-color: currentColor
    }

.caption-top {
    caption-side: top
}

.table-sm > :not(caption) > * > * {
    padding: 4px 4px
}

.table-bordered > :not(caption) > * {
    border-width: 1px 0
}

    .table-bordered > :not(caption) > * > * {
        border-width: 0 1px
    }

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover > tbody > tr:hover {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-bg: #bdc1d9;
    --bs-table-striped-bg: #b4b7ce;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #aaaec3;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #afb3c9;
    --bs-table-hover-color: #000000;
    color: #000000;
    border-color: #aaaec3
}

.table-secondary {
    --bs-table-bg: #d6d8db;
    --bs-table-striped-bg: #cbcdd0;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #c1c2c5;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #c6c8cb;
    --bs-table-hover-color: #000000;
    color: #000000;
    border-color: #c1c2c5
}

.table-success {
    --bs-table-bg: #bfddcf;
    --bs-table-striped-bg: #b5d2c5;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #acc7ba;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #b1ccbf;
    --bs-table-hover-color: #000000;
    color: #000000;
    border-color: #acc7ba
}

.table-info {
    --bs-table-bg: #bbf0fb;
    --bs-table-striped-bg: #b2e4ee;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #a8d8e2;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #addee8;
    --bs-table-hover-color: #000000;
    color: #000000;
    border-color: #a8d8e2
}

.table-warning {
    --bs-table-bg: #ffeeba;
    --bs-table-striped-bg: #f2e2b1;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #e6d6a7;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #ecdcac;
    --bs-table-hover-color: #000000;
    color: #000000;
    border-color: #e6d6a7
}

.table-danger {
    --bs-table-bg: #f5c6cb;
    --bs-table-striped-bg: #e9bcc1;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #ddb2b7;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #e3b7bc;
    --bs-table-hover-color: #000000;
    color: #000000;
    border-color: #ddb2b7
}

.table-light {
    --bs-table-bg: #F8F9FA;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000000;
    color: #000000;
    border-color: #dfe0e1
}

.table-dark {
    --bs-table-bg: #343A40;
    --bs-table-striped-bg: #3e444a;
    --bs-table-striped-color: #FFF;
    --bs-table-active-bg: #484e53;
    --bs-table-active-color: #FFF;
    --bs-table-hover-bg: #43494e;
    --bs-table-hover-color: #FFF;
    color: #FFF;
    border-color: #484e53
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1599.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: 8px
}

.col-form-label {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.75
}

.col-form-label-lg {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.875rem
}

.form-text {
    margin-top: 4px;
    font-size: 0.875rem;
    color: #6C757D
}

.form-control {
    display: block;
    width: 100%;
    min-height: 42px;
    padding: 6px 12px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
    color: #495057;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid #CED4DA;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.form-control:focus {
    color: #495057;
    background-color: #FFF;
    border-color: #2b45df;
    outline: 0;
    -webkit-box-shadow: 0 0 0 4px rgba(18,33,121,0.25);
    box-shadow: 0 0 0 4px rgba(18,33,121,0.25)
}

.form-control::-webkit-input-placeholder {
    color: #6C757D;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6C757D;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6C757D;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6C757D;
    opacity: 1
}

.form-control::placeholder {
    color: #6C757D;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #E9ECEF;
    opacity: 1
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 6px 0;
    margin-bottom: 0;
    line-height: 1.75;
    color: #666666;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm {
    min-height: 38px;
    padding: 4px 8px;
    font-size: 0.875rem;
    border-radius: 3.2px
}

.form-control-lg {
    min-height: 46px;
    padding: 8px 16px;
    font-size: 1.25rem;
    border-radius: 4.8px
}

.form-control-color {
    max-width: 3rem;
    padding: 6px
}

    .form-control-color::-moz-color-swatch {
        border-radius: 4px
    }

    .form-control-color::-webkit-color-swatch {
        border-radius: 4px
    }

.form-select {
    display: block;
    width: 100%;
    height: 42px;
    padding: 6px 28px 6px 12px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
    color: #495057;
    vertical-align: middle;
    background-color: #FFF;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343A40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 12px;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .form-select:focus {
        border-color: #2b45df;
        outline: 0;
        -webkit-box-shadow: 0 0 0 4px rgba(18,33,121,0.25);
        box-shadow: 0 0 0 4px rgba(18,33,121,0.25)
    }

        .form-select:focus::-ms-value {
            color: #495057;
            background-color: #FFF
        }

    .form-select[multiple], .form-select[size]:not([size="1"]) {
        height: auto;
        padding-right: 12px;
        background-image: none
    }

    .form-select:disabled {
        color: #6C757D;
        background-color: #E9ECEF
    }

    .form-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #495057
    }

.form-select-sm {
    height: 38px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    font-size: 0.875rem
}

.form-select-lg {
    height: 46px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    font-size: 1.25rem
}

.form-check {
    display: block;
    min-height: 28px;
    padding-left: 24px;
    margin-bottom: 2px
}

    .form-check .form-check-input {
        float: left;
        margin-left: -24px
    }

.form-check-input {
    width: 16px;
    height: 16px;
    margin-top: -7.125px;
    vertical-align: top;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    -webkit-transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-check-input {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.form-check-input[type="checkbox"] {
    border-radius: 4px
}

.form-check-input[type="radio"] {
    border-radius: 50%
}

.form-check-input:active {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #2b45df;
    outline: 0;
    -webkit-box-shadow: 0 0 0 4px rgba(18,33,121,0.25);
    box-shadow: 0 0 0 4px rgba(18,33,121,0.25)
}

.form-check-input:checked {
    background-color:#0762cb;
    border-color:#0762cb
}

    .form-check-input:checked[type="checkbox"] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
    }

    .form-check-input:checked[type="radio"] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFF'/%3e%3c/svg%3e")
    }

.form-check-input[type="checkbox"]:indeterminate {
    background-color:#0762cb;
    border-color:#0762cb;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    -webkit-filter: none;
    filter: none;
    opacity: .5
}

    .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
        opacity: .5
    }

.form-switch {
    padding-left: 40px
}

    .form-switch .form-check-input {
        width: 32px;
        margin-left: -40px;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        background-position: left center;
        border-radius: 32px
    }

        .form-switch .form-check-input:focus {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%232b45df'/%3e%3c/svg%3e")
        }

        .form-switch .form-check-input:checked {
            background-position: right center;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFF'/%3e%3c/svg%3e")
        }

.form-check-inline {
    display: inline-block;
    margin-right: 16px
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.form-file {
    --bs-form-file-height: 42px;
    position: relative
}

.form-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: var(--bs-form-file-height);
    margin: 0;
    opacity: 0
}

    .form-file-input:focus-within ~ .form-file-label {
        border-color: #2b45df;
        -webkit-box-shadow: 0 0 0 4px rgba(18,33,121,0.25);
        box-shadow: 0 0 0 4px rgba(18,33,121,0.25)
    }

    .form-file-input[disabled] ~ .form-file-label .form-file-text, .form-file-input:disabled ~ .form-file-label .form-file-text {
        background-color: #E9ECEF
    }

.form-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: var(--bs-form-file-height);
    border-color: #CED4DA;
    border-radius: 4px
}

.form-file-text {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 6px 12px;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.75;
    color: #495057;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #FFF;
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.form-file-button {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.75;
    color: #495057;
    background-color: #E9ECEF;
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.form-file-sm {
    --bs-form-file-height: 38px;
    font-size: 0.875rem
}

    .form-file-sm .form-file-text, .form-file-sm .form-file-button {
        padding: 4px 8px
    }

.form-file-lg {
    --bs-form-file-height: 46px;
    font-size: 1.25rem
}

    .form-file-lg .form-file-text, .form-file-lg .form-file-button {
        padding: 8px 16px
    }

.form-range {
    width: 100%;
    height: 24px;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .form-range:focus {
        outline: none
    }

        .form-range:focus::-webkit-slider-thumb {
            -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 4px rgba(18,33,121,0.25);
            box-shadow: 0 0 0 1px #fff,0 0 0 4px rgba(18,33,121,0.25)
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 4px rgba(18,33,121,0.25)
        }

        .form-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #fff,0 0 0 4px rgba(18,33,121,0.25)
        }

    .form-range::-moz-focus-outer {
        border: 0
    }

    .form-range::-webkit-slider-thumb {
        width: 16px;
        height: 16px;
        margin-top: -4px;
        background-color:#0762cb;
        border: 0;
        border-radius: 16px;
        -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        -webkit-appearance: none;
        appearance: none
    }

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #576ce6
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 8px;
    color: transparent;
    cursor: pointer;
    background-color: #DEE2E6;
    border-color: transparent;
    border-radius: 16px
}

.form-range::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background-color:#0762cb;
    border: 0;
    border-radius: 16px;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #576ce6
}

.form-range::-moz-range-track {
    width: 100%;
    height: 8px;
    color: transparent;
    cursor: pointer;
    background-color: #DEE2E6;
    border-color: transparent;
    border-radius: 16px
}

.form-range::-ms-thumb {
    width: 16px;
    height: 16px;
    margin-top: 0;
    margin-right: 4px;
    margin-left: 4px;
    background-color:#0762cb;
    border: 0;
    border-radius: 16px;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-ms-thumb {
        -ms-transition: none;
        transition: none
    }
}

.form-range::-ms-thumb:active {
    background-color: #576ce6
}

.form-range::-ms-track {
    width: 100%;
    height: 8px;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 8px
}

.form-range::-ms-fill-lower {
    background-color: #DEE2E6;
    border-radius: 16px
}

.form-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #DEE2E6;
    border-radius: 16px
}

.form-range:disabled {
    pointer-events: none
}

    .form-range:disabled::-webkit-slider-thumb {
        background-color: #ADB5BD
    }

    .form-range:disabled::-moz-range-thumb {
        background-color: #ADB5BD
    }

    .form-range:disabled::-ms-thumb {
        background-color: #ADB5BD
    }

.input-group {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

    .input-group > .form-control, .input-group > .form-select, .input-group > .form-file {
        position: relative;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0
    }

        .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-file .form-file-input:focus ~ .form-file-label {
            z-index: 3
        }

        .input-group > .form-file > .form-file-input:focus {
            z-index: 4
        }

        .input-group > .form-file:not(:last-child) > .form-file-label {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group > .form-file:not(:first-child) > .form-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group .btn {
        position: relative;
        z-index: 2
    }

        .input-group .btn:focus {
            z-index: 3
        }

.input-group-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 12px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #E9ECEF;
    border: 1px solid #CED4DA;
    border-radius: 4px
}

.input-group-lg > .form-control {
    min-height: 46px
}

.input-group-lg > .form-select {
    height: 46px
}

.input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn {
    padding: 8px 16px;
    font-size: 1.25rem;
    border-radius: 4.8px
}

.input-group-sm > .form-control {
    min-height: 38px
}

.input-group-sm > .form-select {
    height: 38px
}

.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
    padding: 4px 8px;
    font-size: 0.875rem;
    border-radius: 3.2px
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
    padding-right: 28px
}

.input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group > .dropdown-toggle:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > :not(:first-child):not(.dropdown-menu) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 4px;
    font-size: 0.875rem;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 2.5px 5px;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #FFF;
    background-color: rgba(25,135,84,0.9);
    border-radius: 4px
}

.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #198754;
    padding-right: 40px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: #198754;
        -webkit-box-shadow: 0 0 0 4px rgba(25,135,84,0.25);
        box-shadow: 0 0 0 4px rgba(25,135,84,0.25)
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: 40px;
    background-position: top 10px right 10px
}

.was-validated .form-select:valid, .form-select.is-valid {
    border-color: #198754;
    padding-right: 49px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343A40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right 12px center, center right 28px;
    background-size: 16px 12px, 20px 20px
}

    .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
        border-color: #198754;
        -webkit-box-shadow: 0 0 0 4px rgba(25,135,84,0.25);
        box-shadow: 0 0 0 4px rgba(25,135,84,0.25)
    }

.was-validated .form-check-input:valid, .form-check-input.is-valid {
    border-color: #198754
}

    .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
        background-color: #198754
    }

    .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(25,135,84,0.25);
        box-shadow: 0 0 0 4px rgba(25,135,84,0.25)
    }

    .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
        color: #198754
    }

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: .5em
}

.was-validated .form-file-input:valid ~ .form-file-label, .form-file-input.is-valid ~ .form-file-label {
    border-color: #198754
}

.was-validated .form-file-input:valid:focus ~ .form-file-label, .form-file-input.is-valid:focus ~ .form-file-label {
    border-color: #198754;
    -webkit-box-shadow: 0 0 0 4px rgba(25,135,84,0.25);
    box-shadow: 0 0 0 4px rgba(25,135,84,0.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 4px;
    font-size: 0.875rem;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 2.5px 5px;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #FFF;
    background-color: rgba(220,53,69,0.9);
    border-radius: 4px
}

.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: 40px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
        border-color: #dc3545;
        -webkit-box-shadow: 0 0 0 4px rgba(220,53,69,0.25);
        box-shadow: 0 0 0 4px rgba(220,53,69,0.25)
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: 40px;
    background-position: top 10px right 10px
}

.was-validated .form-select:invalid, .form-select.is-invalid {
    border-color: #dc3545;
    padding-right: 49px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343A40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right 12px center, center right 28px;
    background-size: 16px 12px, 20px 20px
}

    .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
        border-color: #dc3545;
        -webkit-box-shadow: 0 0 0 4px rgba(220,53,69,0.25);
        box-shadow: 0 0 0 4px rgba(220,53,69,0.25)
    }

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
    border-color: #dc3545
}

    .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
        background-color: #dc3545
    }

    .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(220,53,69,0.25);
        box-shadow: 0 0 0 4px rgba(220,53,69,0.25)
    }

    .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
        color: #dc3545
    }

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: .5em
}

.was-validated .form-file-input:invalid ~ .form-file-label, .form-file-input.is-invalid ~ .form-file-label {
    border-color: #dc3545
}

.was-validated .form-file-input:invalid:focus ~ .form-file-label, .form-file-input.is-invalid:focus ~ .form-file-label {
    border-color: #dc3545;
    -webkit-box-shadow: 0 0 0 4px rgba(220,53,69,0.25);
    box-shadow: 0 0 0 4px rgba(220,53,69,0.25)
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.75;
    color: #666666;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 1rem;
    border-radius: 4px;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.btn:hover {
    color: #666666
}

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 4px rgba(18,33,121,0.25);
    box-shadow: 0 0 0 4px rgba(18,33,121,0.25)
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65
}

.btn-primary {
    color: #FFF;
    background-color:#0762cb;
    border-color:#0762cb
}

    .btn-primary:hover {
        color: #FFF;
        background-color: #0d1858;
        border-color: #0b154d
    }

    .btn-check:focus + .btn-primary, .btn-primary:focus {
        color: #FFF;
        background-color: #0d1858;
        border-color: #0b154d;
        -webkit-box-shadow: 0 0 0 4px rgba(54,66,141,0.5);
        box-shadow: 0 0 0 4px rgba(54,66,141,0.5)
    }

    .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
        color: #FFF;
        background-color: #0b154d;
        border-color: #0a1242
    }

        .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(54,66,141,0.5);
            box-shadow: 0 0 0 4px rgba(54,66,141,0.5)
        }

    .btn-primary:disabled, .btn-primary.disabled {
        color: #FFF;
        background-color:#0762cb;
        border-color:#0762cb
    }

.btn-secondary {
    color: #FFF;
    background-color: #6C757D;
    border-color: #6C757D
}

    .btn-secondary:hover {
        color: #FFF;
        background-color: #5a6268;
        border-color: #545b62
    }

    .btn-check:focus + .btn-secondary, .btn-secondary:focus {
        color: #FFF;
        background-color: #5a6268;
        border-color: #545b62;
        -webkit-box-shadow: 0 0 0 4px rgba(130,138,145,0.5);
        box-shadow: 0 0 0 4px rgba(130,138,145,0.5)
    }

    .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
        color: #FFF;
        background-color: #545b62;
        border-color: #4e555b
    }

        .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(130,138,145,0.5);
            box-shadow: 0 0 0 4px rgba(130,138,145,0.5)
        }

    .btn-secondary:disabled, .btn-secondary.disabled {
        color: #FFF;
        background-color: #6C757D;
        border-color: #6C757D
    }

.btn-success {
    color: #FFF;
    background-color: #198754;
    border-color: #198754
}

    .btn-success:hover {
        color: #FFF;
        background-color: #136740;
        border-color: #115c39
    }

    .btn-check:focus + .btn-success, .btn-success:focus {
        color: #FFF;
        background-color: #136740;
        border-color: #115c39;
        -webkit-box-shadow: 0 0 0 4px rgba(60,153,110,0.5);
        box-shadow: 0 0 0 4px rgba(60,153,110,0.5)
    }

    .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
        color: #FFF;
        background-color: #115c39;
        border-color: #0f5133
    }

        .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(60,153,110,0.5);
            box-shadow: 0 0 0 4px rgba(60,153,110,0.5)
        }

    .btn-success:disabled, .btn-success.disabled {
        color: #FFF;
        background-color: #198754;
        border-color: #198754
    }

.btn-info {
    color: #000000;
    background-color: #0DCAF0;
    border-color: #0DCAF0
}

    .btn-info:hover {
        color: #000000;
        background-color: #2fd3f4;
        border-color: #23d0f3
    }

    .btn-check:focus + .btn-info, .btn-info:focus {
        color: #000000;
        background-color: #2fd3f4;
        border-color: #23d0f3;
        -webkit-box-shadow: 0 0 0 4px rgba(11,172,204,0.5);
        box-shadow: 0 0 0 4px rgba(11,172,204,0.5)
    }

    .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
        color: #000000;
        background-color: #3cd5f4;
        border-color: #23d0f3
    }

        .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(11,172,204,0.5);
            box-shadow: 0 0 0 4px rgba(11,172,204,0.5)
        }

    .btn-info:disabled, .btn-info.disabled {
        color: #000000;
        background-color: #0DCAF0;
        border-color: #0DCAF0
    }

.btn-warning {
    color: #000000;
    background-color: #FFC107;
    border-color: #FFC107
}

    .btn-warning:hover {
        color: #000000;
        background-color: #ffcb2d;
        border-color: #ffc721
    }

    .btn-check:focus + .btn-warning, .btn-warning:focus {
        color: #000000;
        background-color: #ffcb2d;
        border-color: #ffc721;
        -webkit-box-shadow: 0 0 0 4px rgba(217,164,6,0.5);
        box-shadow: 0 0 0 4px rgba(217,164,6,0.5)
    }

    .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
        color: #000000;
        background-color: #ffce3a;
        border-color: #ffc721
    }

        .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(217,164,6,0.5);
            box-shadow: 0 0 0 4px rgba(217,164,6,0.5)
        }

    .btn-warning:disabled, .btn-warning.disabled {
        color: #000000;
        background-color: #FFC107;
        border-color: #FFC107
    }

.btn-danger {
    color: #FFF;
    background-color: #dc3545;
    border-color: #dc3545
}

    .btn-danger:hover {
        color: #FFF;
        background-color: #c82333;
        border-color: #bd2130
    }

    .btn-check:focus + .btn-danger, .btn-danger:focus {
        color: #FFF;
        background-color: #c82333;
        border-color: #bd2130;
        -webkit-box-shadow: 0 0 0 4px rgba(225,83,97,0.5);
        box-shadow: 0 0 0 4px rgba(225,83,97,0.5)
    }

    .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
        color: #FFF;
        background-color: #bd2130;
        border-color: #b21f2d
    }

        .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(225,83,97,0.5);
            box-shadow: 0 0 0 4px rgba(225,83,97,0.5)
        }

    .btn-danger:disabled, .btn-danger.disabled {
        color: #FFF;
        background-color: #dc3545;
        border-color: #dc3545
    }

.btn-light {
    color: #000000;
    background-color: #F8F9FA;
    border-color: #F8F9FA
}

    .btn-light:hover {
        color: #000000;
        background-color: white;
        border-color: white
    }

    .btn-check:focus + .btn-light, .btn-light:focus {
        color: #000000;
        background-color: white;
        border-color: white;
        -webkit-box-shadow: 0 0 0 4px rgba(211,212,213,0.5);
        box-shadow: 0 0 0 4px rgba(211,212,213,0.5)
    }

    .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
        color: #000000;
        background-color: white;
        border-color: white
    }

        .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(211,212,213,0.5);
            box-shadow: 0 0 0 4px rgba(211,212,213,0.5)
        }

    .btn-light:disabled, .btn-light.disabled {
        color: #000000;
        background-color: #F8F9FA;
        border-color: #F8F9FA
    }

.btn-dark {
    color: #FFF;
    background-color: #343A40;
    border-color: #343A40
}

    .btn-dark:hover {
        color: #FFF;
        background-color: #23272b;
        border-color: #1d2124
    }

    .btn-check:focus + .btn-dark, .btn-dark:focus {
        color: #FFF;
        background-color: #23272b;
        border-color: #1d2124;
        -webkit-box-shadow: 0 0 0 4px rgba(82,88,93,0.5);
        box-shadow: 0 0 0 4px rgba(82,88,93,0.5)
    }

    .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
        color: #FFF;
        background-color: #1d2124;
        border-color: #171a1d
    }

        .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(82,88,93,0.5);
            box-shadow: 0 0 0 4px rgba(82,88,93,0.5)
        }

    .btn-dark:disabled, .btn-dark.disabled {
        color: #FFF;
        background-color: #343A40;
        border-color: #343A40
    }

.btn-outline-primary {
    color:#0762cb;
    border-color:#0762cb
}

    .btn-outline-primary:hover {
        color: #FFF;
        background-color:#0762cb;
        border-color:#0762cb
    }

    .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(18,33,121,0.5);
        box-shadow: 0 0 0 4px rgba(18,33,121,0.5)
    }

    .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
        color: #FFF;
        background-color:#0762cb;
        border-color:#0762cb
    }

        .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(18,33,121,0.5);
            box-shadow: 0 0 0 4px rgba(18,33,121,0.5)
        }

    .btn-outline-primary:disabled, .btn-outline-primary.disabled {
        color:#0762cb;
        background-color: transparent
    }

.btn-outline-secondary {
    color: #6C757D;
    border-color: #6C757D
}

    .btn-outline-secondary:hover {
        color: #FFF;
        background-color: #6C757D;
        border-color: #6C757D
    }

    .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(108,117,125,0.5);
        box-shadow: 0 0 0 4px rgba(108,117,125,0.5)
    }

    .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
        color: #FFF;
        background-color: #6C757D;
        border-color: #6C757D
    }

        .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(108,117,125,0.5);
            box-shadow: 0 0 0 4px rgba(108,117,125,0.5)
        }

    .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
        color: #6C757D;
        background-color: transparent
    }

.btn-outline-success {
    color: #198754;
    border-color: #198754
}

    .btn-outline-success:hover {
        color: #FFF;
        background-color: #198754;
        border-color: #198754
    }

    .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(25,135,84,0.5);
        box-shadow: 0 0 0 4px rgba(25,135,84,0.5)
    }

    .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {

        color: #FFF;
        background-color: #198754;
        border-color: #198754
    }

        .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(25,135,84,0.5);
            box-shadow: 0 0 0 4px rgba(25,135,84,0.5)
        }

    .btn-outline-success:disabled, .btn-outline-success.disabled {
        color: #198754;
        background-color: transparent
    }

.btn-outline-info {
    color: #0DCAF0;
    border-color: #0DCAF0
}

    .btn-outline-info:hover {
        color: #000000;
        background-color: #0DCAF0;
        border-color: #0DCAF0
    }

    .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(13,202,240,0.5);
        box-shadow: 0 0 0 4px rgba(13,202,240,0.5)
    }

    .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
        color: #000000;
        background-color: #0DCAF0;
        border-color: #0DCAF0
    }

        .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(13,202,240,0.5);
            box-shadow: 0 0 0 4px rgba(13,202,240,0.5)
        }

    .btn-outline-info:disabled, .btn-outline-info.disabled {
        color: #0DCAF0;
        background-color: transparent
    }

.btn-outline-warning {
    color: #FFC107;
    border-color: #FFC107
}

    .btn-outline-warning:hover {
        color: #000000;
        background-color: #FFC107;
        border-color: #FFC107
    }

    .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(255,193,7,0.5);
        box-shadow: 0 0 0 4px rgba(255,193,7,0.5)
    }

    .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
        color: #000000;
        background-color: #FFC107;
        border-color: #FFC107
    }

        .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(255,193,7,0.5);
            box-shadow: 0 0 0 4px rgba(255,193,7,0.5)
        }

    .btn-outline-warning:disabled, .btn-outline-warning.disabled {
        color: #FFC107;
        background-color: transparent
    }

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

    .btn-outline-danger:hover {
        color: #FFF;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(220,53,69,0.5);
        box-shadow: 0 0 0 4px rgba(220,53,69,0.5)
    }

    .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
        color: #FFF;
        background-color: #dc3545;
        border-color: #dc3545
    }

        .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(220,53,69,0.5);
            box-shadow: 0 0 0 4px rgba(220,53,69,0.5)
        }

    .btn-outline-danger:disabled, .btn-outline-danger.disabled {
        color: #dc3545;
        background-color: transparent
    }

.btn-outline-light {
    color: #F8F9FA;
    border-color: #F8F9FA
}

    .btn-outline-light:hover {
        color: #000000;
        background-color: #F8F9FA;
        border-color: #F8F9FA
    }

    .btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(248,249,250,0.5);
        box-shadow: 0 0 0 4px rgba(248,249,250,0.5)
    }

    .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
        color: #000000;
        background-color: #F8F9FA;
        border-color: #F8F9FA
    }

        .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(248,249,250,0.5);
            box-shadow: 0 0 0 4px rgba(248,249,250,0.5)
        }

    .btn-outline-light:disabled, .btn-outline-light.disabled {
        color: #F8F9FA;
        background-color: transparent
    }

.btn-outline-dark {
    color: #343A40;
    border-color: #343A40
}

    .btn-outline-dark:hover {
        color: #FFF;
        background-color: #343A40;
        border-color: #343A40
    }

    .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(52,58,64,0.5);
        box-shadow: 0 0 0 4px rgba(52,58,64,0.5)
    }

    .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
        color: #FFF;
        background-color: #343A40;
        border-color: #343A40
    }

        .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
            -webkit-box-shadow: 0 0 0 4px rgba(52,58,64,0.5);
            box-shadow: 0 0 0 4px rgba(52,58,64,0.5)
        }

    .btn-outline-dark:disabled, .btn-outline-dark.disabled {
        color: #343A40;
        background-color: transparent
    }

.btn-link {
    font-weight: 400;
    color:#0762cb;
    text-decoration: underline
}

    .btn-link:hover {
        color: #080f36
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6C757D
    }

.btn-lg, .btn-group-lg > .btn {
    padding: 8px 16px;
    font-size: 1.25rem;
    border-radius: 4.8px
}

.btn-sm, .btn-group-sm > .btn {
    padding: 4px 8px;
    font-size: 0.875rem;
    border-radius: 3.2px
}

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

    .btn-block + .btn-block {
        margin-top: 8px
    }

.fade {
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.dropup, .dropright, .dropdown, .dropleft {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 4.08px;
        vertical-align: 4.08px;
        content: "";
        border-top: 4.8px solid;
        border-right: 4.8px solid transparent;
        border-bottom: 0;
        border-left: 4.8px solid transparent
    }


    .dropdown-toggle:empty::after {
        margin-left: 0
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 8px 0;
    margin: 2px 0 0;
    font-size: 1rem;
    color: #666666;
    text-align: left;
    list-style: none;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1280px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1600px) {
    .dropdown-menu-xxl-left {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 2px
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 4.08px;
    vertical-align: 4.08px;
    content: "";
    border-top: 0;
    border-right: 4.8px solid transparent;
    border-bottom: 4.8px solid;
    border-left: 4.8px solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 2px
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 4.08px;
    vertical-align: 4.08px;
    content: "";
    border-top: 4.8px solid transparent;
    border-right: 0;
    border-bottom: 4.8px solid transparent;
    border-left: 4.8px solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 2px
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 4.08px;
    vertical-align: 4.08px;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 4.08px;
    vertical-align: 4.08px;
    content: "";
    border-top: 4.8px solid transparent;
    border-right: 4.8px solid;
    border-bottom: 4.8px solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: 5px 0;
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,0.15)
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 2.5px 10px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #16181b;
        background-color: #F8F9FA
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #FFF;
        text-decoration: none;
        background-color:#0762cb
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6C757D;
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: 8px 10px;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6C757D;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: 2.5px 10px;
    color: #212529
}

.dropdown-menu-dark {
    color: #DEE2E6;
    background-color: #343A40;
    border-color: rgba(0,0,0,0.15)
}

    .dropdown-menu-dark .dropdown-item {
        color: #DEE2E6
    }

        .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
            color: #FFF;
            background-color: rgba(255,255,255,0.15)
        }

        .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
            color: #FFF;
            background-color:#0762cb
        }

        .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
            color: #ADB5BD
        }

    .dropdown-menu-dark .dropdown-divider {
        border-color: rgba(0,0,0,0.15)
    }

    .dropdown-menu-dark .dropdown-item-text {
        color: #DEE2E6
    }

    .dropdown-menu-dark .dropdown-header {
        color: #ADB5BD
    }

.btn-group, .btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group > .btn, .btn-group-vertical > .btn {
        position: relative;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

        .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
            z-index: 1
        }

.btn-toolbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .btn-toolbar .input-group {
        width: auto
    }

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
    margin-left: -1px
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: 9px;
    padding-left: 9px
}

    .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
        margin-left: 0
    }

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 6px;
    padding-left: 6px
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
        width: 100%
    }

        .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
            margin-top: -1px
        }

        .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

.nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.nav-link.disabled {
    color: #6C757D;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #DEE2E6
}

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        border: 1px solid transparent;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: #E9ECEF #E9ECEF #DEE2E6
        }

        .nav-tabs .nav-link.disabled {
            color: #6C757D;
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
            color: #495057;
            background-color: #FFF;
            border-color: #DEE2E6 #DEE2E6 #FFF
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.nav-pills .nav-link {
    border-radius: 4px
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #FFF;
        background-color:#0762cb
    }

.nav-fill > .nav-link, .nav-fill .nav-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified > .nav-link, .nav-justified .nav-item {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px
}

    .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: inherit;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

.navbar-brand {
    padding-top: 4.5px;
    padding-bottom: 4.5px;
    margin-right: 16px;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap
}

.navbar-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static
    }

.navbar-text {
    padding-top: 8px;
    padding-bottom: 8px
}

.navbar-collapse {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.navbar-toggler {
    padding: 4px 12px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
    transition: -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: box-shadow 0.15s ease-in-out;
    transition: box-shadow 0.15s ease-in-out;
    transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    -webkit-box-shadow: 0 0 0 4px;
    box-shadow: 0 0 0 4px
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-sm .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: 8px;
                padding-left: 8px
            }

        .navbar-expand-sm .navbar-collapse {
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important
        }

        .navbar-expand-sm .navbar-toggler {
            display: none
        }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-md .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: 8px;
                padding-left: 8px
            }

        .navbar-expand-md .navbar-collapse {
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important
        }

        .navbar-expand-md .navbar-toggler {
            display: none
        }
}

@media (min-width: 1280px) {
    .navbar-expand-lg {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 8px;
                padding-left: 8px
            }

        .navbar-expand-lg .navbar-collapse {
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: 8px;
                padding-left: 8px
            }

        .navbar-expand-xl .navbar-collapse {
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }
}

@media (min-width: 1600px) {
    .navbar-expand-xxl {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .navbar-expand-xxl .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row
        }

            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: 8px;
                padding-left: 8px
            }

        .navbar-expand-xxl .navbar-collapse {
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: flex !important
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none
        }
}

.navbar-expand {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .navbar-expand .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: 8px;
            padding-left: 8px
        }

    .navbar-expand .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

.navbar-light .navbar-brand {
    color: rgba(0,0,0,0.9)
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: rgba(0,0,0,0.9)
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,0.55)
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(0,0,0,0.7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0,0,0,0.3)
    }

    .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0,0,0,0.9)
    }

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,0.55);
    border-color: rgba(0,0,0,0.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,0.55)
}

    .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
        color: rgba(0,0,0,0.9)
    }

.navbar-dark .navbar-brand {
    color: #FFF
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #FFF
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,0.55)
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255,255,255,0.75)
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,0.25)
    }

    .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active {
        color: #FFF
    }

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,0.55);
    border-color: rgba(255,255,255,0.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,0.55)
}

    .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
        color: #FFF
    }

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #FFF;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 4px
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px
        }

        .card > .card-header + .list-group, .card > .list-group + .card-footer {
            border-top: 0
        }

.card-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px 10px
}

.card-title {
    margin-bottom: 5px
}

.card-subtitle {
    margin-top: -2.5px;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 10px
}

.card-header {
    padding: 5px 10px;
    margin-bottom: 0;
    background-color: rgba(0,0,0,0.03);
    border-bottom: 1px solid rgba(0,0,0,0.125)
}

    .card-header:first-child {
        border-radius: 3px 3px 0 0
    }

.card-footer {
    padding: 5px 10px;
    background-color: rgba(0,0,0,0.03);
    border-top: 1px solid rgba(0,0,0,0.125)
}

    .card-footer:last-child {
        border-radius: 0 0 3px 3px
    }

.card-header-tabs {
    margin-right: -5px;
    margin-bottom: -5px;
    margin-left: -5px;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -5px;
    margin-left: -5px
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    border-radius: 3px
}

.card-img, .card-img-top, .card-img-bottom {
    width: 100%
}

.card-img, .card-img-top {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.card-group > .card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .card-group > .card {
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 0%;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

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

                .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
                    border-top-right-radius: 0
                }

                .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
                    border-bottom-right-radius: 0
                }

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

                .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
                    border-top-left-radius: 0
                }

                .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
                    border-bottom-left-radius: 0
                }
}

.accordion {
    overflow-anchor: none
}

    .accordion > .card {
        overflow: hidden
    }

        .accordion > .card:not(:last-of-type) {
            border-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .accordion > .card:not(:first-of-type) {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .accordion > .card > .card-header {
            border-radius: 0;
            margin-bottom: -1px
        }

.breadcrumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 10px;
    margin-bottom: 16px;
    list-style: none;
    background-color: #E9ECEF;
    border-radius: 4px
}

.breadcrumb-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .breadcrumb-item + .breadcrumb-item {
        padding-left: 8px
    }

        .breadcrumb-item + .breadcrumb-item::before {
            display: inline-block;
            padding-right: 8px;
            color: #6C757D;
            content: "/"
        }

    .breadcrumb-item.active {
        color: #6C757D
    }

.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color:#0762cb;
    text-decoration: none;
    background-color: #FFF;
    border: 1px solid #DEE2E6;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .page-link {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: #080f36;
    background-color: #E9ECEF;
    border-color: #DEE2E6
}

.page-link:focus {
    z-index: 3;
    color: #080f36;
    background-color: #E9ECEF;
    outline: 0;
    -webkit-box-shadow: 0 0 0 4px rgba(18,33,121,0.25);
    box-shadow: 0 0 0 4px rgba(18,33,121,0.25)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item.active .page-link {
    z-index: 3;
    color: #FFF;
    background-color:#0762cb;
    border-color:#0762cb
}

.page-item.disabled .page-link {
    color: #6C757D;
    pointer-events: none;
    background-color: #FFF;
    border-color: #DEE2E6
}

.page-link {
    padding: 6px 12px
}

.page-item:first-child .page-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.page-item:last-child .page-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination-lg .page-link {
    padding: 12px 24px;
    font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 4.8px;
    border-bottom-left-radius: 4.8px
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 4.8px;
    border-bottom-right-radius: 4.8px
}

.pagination-sm .page-link {
    padding: 4px 8px;
    font-size: 0.875rem
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 3.2px;
    border-bottom-left-radius: 3.2px
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 3.2px;
    border-bottom-right-radius: 3.2px
}

.badge {
    display: inline-block;
    padding: 5.6px 10.4px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    position: relative;
    padding: 10px 10px;
    margin-bottom: 16px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 30px
}

    .alert-dismissible .btn-close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 12.5px 10px
    }

.alert-primary {
    color: #09113f;
    background-color: #d0d3e4;
    border-color: #bdc1d9
}

    .alert-primary .alert-link {
        color: #030512
    }

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

    .alert-secondary .alert-link {
        color: #202326
    }

.alert-success {
    color: #0d462c;
    background-color: #d1e7dd;
    border-color: #bfddcf
}

    .alert-success .alert-link {
        color: #051b11
    }

.alert-info {
    color: #07697d;
    background-color: #cff4fc;
    border-color: #bbf0fb
}

    .alert-info .alert-link {
        color: #04404d
    }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

    .alert-warning .alert-link {
        color: #533f03
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

    .alert-danger .alert-link {
        color: #491217
    }

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

    .alert-light .alert-link {
        color: #686868
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

    .alert-dark .alert-link {
        color: #040505
    }

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 16px
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 16px
    }
}

.progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #E9ECEF;
    border-radius: 4px
}

.progress-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    background-color: #122179;
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-size: 16px 16px
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.list-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 4px
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

    .list-group-item-action:hover, .list-group-item-action:focus {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #F8F9FA
    }

    .list-group-item-action:active {
        color: #666666;
        background-color: #E9ECEF
    }

.list-group-item {
    position: relative;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    background-color: #FFF;
    border: 1px solid rgba(0,0,0,0.125)
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6C757D;
        pointer-events: none;
        background-color: #FFF
    }

    .list-group-item.active {
        z-index: 2;
        color: #FFF;
        background-color: #122179;
        border-color: #122179
    }

    .list-group-item + .list-group-item {
        border-top-width: 0
    }

        .list-group-item + .list-group-item.active {
            margin-top: -1px;
            border-top-width: 1px
        }

.list-group-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

    .list-group-horizontal > .list-group-item:first-child {
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0
    }

    .list-group-horizontal > .list-group-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px
        }

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-sm > .list-group-item:first-child {
            border-bottom-left-radius: 4px;
            border-top-right-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item:last-child {
            border-top-right-radius: 4px;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-md > .list-group-item:first-child {
            border-bottom-left-radius: 4px;
            border-top-right-radius: 0
        }

        .list-group-horizontal-md > .list-group-item:last-child {
            border-top-right-radius: 4px;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width: 1280px) {
    .list-group-horizontal-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-lg > .list-group-item:first-child {
            border-bottom-left-radius: 4px;
            border-top-right-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item:last-child {
            border-top-right-radius: 4px;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-xl > .list-group-item:first-child {
            border-bottom-left-radius: 4px;
            border-top-right-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item:last-child {
            border-top-right-radius: 4px;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

@media (min-width: 1600px) {
    .list-group-horizontal-xxl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .list-group-horizontal-xxl > .list-group-item:first-child {
            border-bottom-left-radius: 4px;
            border-top-right-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item:last-child {
            border-top-right-radius: 4px;
            border-bottom-left-radius: 0
        }

        .list-group-horizontal-xxl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xxl > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0
        }

            .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px
            }
}

.list-group-flush {
    border-radius: 0
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 1px
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0
        }

.list-group-item-primary {
    color: #09113f;
    background-color: #bdc1d9
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #09113f;
        background-color: #adb2d0
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #FFF;
        background-color: #09113f;
        border-color: #09113f
    }

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #383d41;
        background-color: #c8cbcf
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #FFF;
        background-color: #383d41;
        border-color: #383d41
    }

.list-group-item-success {
    color: #0d462c;
    background-color: #bfddcf
}

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #0d462c;
        background-color: #aed4c3
    }

    .list-group-item-success.list-group-item-action.active {
        color: #FFF;
        background-color: #0d462c;
        border-color: #0d462c
    }

.list-group-item-info {
    color: #07697d;
    background-color: #bbf0fb
}

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #07697d;
        background-color: #a3ebfa
    }

    .list-group-item-info.list-group-item-action.active {
        color: #FFF;
        background-color: #07697d;
        border-color: #07697d
    }

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

    .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
        color: #856404;
        background-color: #ffe8a1
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #FFF;
        background-color: #856404;
        border-color: #856404
    }

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #721c24;
        background-color: #f1b0b7
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #FFF;
        background-color: #721c24;
        border-color: #721c24
    }

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

    .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
        color: #818182;
        background-color: #ececf6
    }

    .list-group-item-light.list-group-item-action.active {
        color: #FFF;
        background-color: #818182;
        border-color: #818182
    }

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

    .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
        color: #1b1e21;
        background-color: #b9bbbe
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #FFF;
        background-color: #1b1e21;
        border-color: #1b1e21
    }

.btn-close {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 16px;
    height: 16px;
    padding: 4px 4px;
    color: #000000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") no-repeat center center/16px auto;
    background-clip: content-box;
    border: 0;
    border-radius: 4px;
    opacity: 0.5
}

    .btn-close:hover {
        color: #000000;
        text-decoration: none;
        opacity: 0.75
    }

    .btn-close:focus {
        outline: none;
        -webkit-box-shadow: 0 0 0 4px rgba(18,33,121,0.25);
        box-shadow: 0 0 0 4px rgba(18,33,121,0.25);
        opacity: 1
    }

    .btn-close:disabled, .btn-close.disabled {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        opacity: 0.25
    }

.btn-close-white {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    max-width: 350px;
    font-size: 0.875rem;
    background-color: rgba(255,255,255,0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,0.15);
    box-shadow: 0 8px 16px rgba(0,0,0,0.15);
    opacity: 0;
    border-radius: 4px
}

    .toast:not(:last-child) {
        margin-bottom: 12px
    }

    .toast.showing {
        opacity: 1
    }

    .toast.show {
        display: block;
        opacity: 1
    }

    .toast.hide {
        display: none
    }

.toast-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 12px;
    color: #6C757D;
    background-color: rgba(255,255,255,0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

    .toast-header .btn-close {
        margin-right: -6px;
        margin-left: 12px
    }

.toast-body {
    padding: 12px
}

.modal-open {
    overflow: hidden
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 8px;
    pointer-events: none
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 16px)
}

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto
    }

.modal-dialog-centered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 16px)
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 4.8px;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000000
}

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: 0.5
    }

.modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 10px;
    border-bottom: 1px solid #DEE2E6;
    border-top-left-radius: 3.8px;
    border-top-right-radius: 3.8px
}

    .modal-header .btn-close {
        padding: 5px 5px;
        margin: -5px -5px -5px auto
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.75
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px
}

.modal-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 6px;
    border-top: 1px solid #DEE2E6;
    border-bottom-right-radius: 3.8px;
    border-bottom-left-radius: 3.8px
}

    .modal-footer > * {
        margin: 4px
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 28px auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 56px)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 56px)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 1280px) {
    .modal-lg, .modal-xl {
        max-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen .modal-header {
        border-radius: 0
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen .modal-footer {
        border-radius: 0
    }

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-sm-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-sm-down .modal-body {
            overflow-y: auto
        }

        .modal-fullscreen-sm-down .modal-footer {
            border-radius: 0
        }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-md-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-md-down .modal-body {
            overflow-y: auto
        }

        .modal-fullscreen-md-down .modal-footer {
            border-radius: 0
        }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-lg-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-lg-down .modal-body {
            overflow-y: auto
        }

        .modal-fullscreen-lg-down .modal-footer {
            border-radius: 0
        }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-xl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-xl-down .modal-body {
            overflow-y: auto
        }

        .modal-fullscreen-xl-down .modal-footer {
            border-radius: 0
        }
}

@media (max-width: 1599.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen-xxl-down .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-header {
            border-radius: 0
        }

        .modal-fullscreen-xxl-down .modal-body {
            overflow-y: auto
        }

        .modal-fullscreen-xxl-down .modal-footer {
            border-radius: 0
        }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0
}

    .tooltip.show {
        opacity: 0.9
    }

    .tooltip .tooltip-arrow {
        position: absolute;
        display: block;
        width: 12.8px;
        height: 6.4px
    }

        .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: 6.4px 0
}

    .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[x-placement^="top"] .tooltip-arrow {
        bottom: 0
    }

        .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before {
            top: 0;
            border-width: 6.4px 6.4px 0;
            border-top-color: #000000
        }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 6.4px
}

    .bs-tooltip-right .tooltip-arrow, .bs-tooltip-auto[x-placement^="right"] .tooltip-arrow {
        left: 0;
        width: 6.4px;
        height: 12.8px
    }

        .bs-tooltip-right .tooltip-arrow::before, .bs-tooltip-auto[x-placement^="right"] .tooltip-arrow::before {
            right: 0;
            border-width: 6.4px 6.4px 6.4px 0;
            border-right-color: #000000
        }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: 6.4px 0
}

    .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow {
        top: 0
    }

        .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow::before {
            bottom: 0;
            border-width: 0 6.4px 6.4px;
            border-bottom-color: #000000
        }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 6.4px
}

    .bs-tooltip-left .tooltip-arrow, .bs-tooltip-auto[x-placement^="left"] .tooltip-arrow {
        right: 0;
        width: 6.4px;
        height: 12.8px
    }

        .bs-tooltip-left .tooltip-arrow::before, .bs-tooltip-auto[x-placement^="left"] .tooltip-arrow::before {
            left: 0;
            border-width: 6.4px 0 6.4px 6.4px;
            border-left-color: #000000
        }

.tooltip-inner {
    max-width: 200px;
    padding: 2.5px 5px;
    color: #FFF;
    text-align: center;
    background-color: #000000;
    border-radius: 4px
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 4.8px
}

    .popover .popover-arrow {
        position: absolute;
        display: block;
        width: 16px;
        height: 8px;
        margin: 0 4.8px
    }

        .popover .popover-arrow::before, .popover .popover-arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid
        }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
    margin-bottom: 8px
}

    .bs-popover-top > .popover-arrow, .bs-popover-auto[x-placement^="top"] > .popover-arrow {
        bottom: -9px
    }

        .bs-popover-top > .popover-arrow::before, .bs-popover-auto[x-placement^="top"] > .popover-arrow::before {
            bottom: 0;
            border-width: 8px 8px 0;
            border-top-color: rgba(0,0,0,0.25)
        }

        .bs-popover-top > .popover-arrow::after, .bs-popover-auto[x-placement^="top"] > .popover-arrow::after {
            bottom: 1px;
            border-width: 8px 8px 0;
            border-top-color: #FFF
        }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
    margin-left: 8px
}

    .bs-popover-right > .popover-arrow, .bs-popover-auto[x-placement^="right"] > .popover-arrow {
        left: -9px;
        width: 8px;
        height: 16px;
        margin: 4.8px 0
    }

        .bs-popover-right > .popover-arrow::before, .bs-popover-auto[x-placement^="right"] > .popover-arrow::before {
            left: 0;
            border-width: 8px 8px 8px 0;
            border-right-color: rgba(0,0,0,0.25)
        }

        .bs-popover-right > .popover-arrow::after, .bs-popover-auto[x-placement^="right"] > .popover-arrow::after {
            left: 1px;
            border-width: 8px 8px 8px 0;
            border-right-color: #FFF
        }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
    margin-top: 8px
}

    .bs-popover-bottom > .popover-arrow, .bs-popover-auto[x-placement^="bottom"] > .popover-arrow {
        top: -9px
    }

        .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[x-placement^="bottom"] > .popover-arrow::before {
            top: 0;
            border-width: 0 8px 8px 8px;
            border-bottom-color: rgba(0,0,0,0.25)
        }

        .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[x-placement^="bottom"] > .popover-arrow::after {
            top: 1px;
            border-width: 0 8px 8px 8px;
            border-bottom-color: #FFF
        }

    .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 16px;
        margin-left: -8px;
        content: "";
        border-bottom: 1px solid #f7f7f7
    }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
    margin-right: 8px
}

    .bs-popover-left > .popover-arrow, .bs-popover-auto[x-placement^="left"] > .popover-arrow {
        right: -9px;
        width: 8px;
        height: 16px;
        margin: 4.8px 0
    }

        .bs-popover-left > .popover-arrow::before, .bs-popover-auto[x-placement^="left"] > .popover-arrow::before {
            right: 0;
            border-width: 8px 0 8px 8px;
            border-left-color: rgba(0,0,0,0.25)
        }

        .bs-popover-left > .popover-arrow::after, .bs-popover-auto[x-placement^="left"] > .popover-arrow::after {
            right: 1px;
            border-width: 8px 0 8px 8px;
            border-left-color: #FFF
        }

.popover-header {
    padding: 8px 10px;
    margin-bottom: 0;
    font-size: 1rem;
    color: #212121;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: 3.8px;
    border-top-right-radius: 3.8px
}

    .popover-header:empty {
        display: none
    }

.popover-body {
    padding: 10px 10px;
    color: #666666
}

.carousel {
    position: relative
}

    .carousel.pointer-event {
        -ms-touch-action: pan-y;
        touch-action: pan-y
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: ""
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display: block
}

    .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

    .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

.carousel-fade .carousel-item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

    .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
        z-index: 1;
        opacity: 1
    }

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity 0s 0.6s;
    -o-transition: opacity 0s 0.6s;
    transition: opacity 0s 0.6s
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #FFF;
    text-align: center;
    opacity: 0.5;
    -webkit-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev, .carousel-control-next {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    color: #FFF;
    text-decoration: none;
    outline: 0;
    opacity: 0.9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

    .carousel-indicators li {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #FFF;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: 0.5;
        -webkit-transition: opacity 0.6s ease;
        -o-transition: opacity 0.6s ease;
        transition: opacity 0.6s ease
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFF;
    text-align: center
}

.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon {
    -webkit-filter: invert(1) grayscale(100);
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators li {
    background-color: #000000
}

.carousel-dark .carousel-caption {
    color: #000000
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: text-bottom;
    border: 4px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite
}

.spinner-border-sm {
    width: 16px;
    height: 16px;
    border-width: 3.2px
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow 0.75s linear infinite;
    animation: spinner-grow 0.75s linear infinite
}

.spinner-grow-sm {
    width: 16px;
    height: 16px
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.link-primary {
    color: #122179
}

    .link-primary:hover, .link-primary:focus {
        color: #080f36
    }

.link-secondary {
    color: #6C757D
}

    .link-secondary:hover, .link-secondary:focus {
        color: #494f54
    }

.link-success {
    color: #198754
}

    .link-success:hover, .link-success:focus {
        color: #0d462c
    }

.link-info {
    color: #0DCAF0
}

    .link-info:hover, .link-info:focus {
        color: #54dbf6
    }

.link-warning {
    color: #FFC107
}

    .link-warning:hover, .link-warning:focus {
        color: #ffd454
    }

.link-danger {
    color: #dc3545
}

    .link-danger:hover, .link-danger:focus {
        color: #a71d2a
    }

.link-light {
    color: #F8F9FA
}

    .link-light:hover, .link-light:focus {
        color: white
    }

.link-dark {
    color: #343A40
}

    .link-dark:hover, .link-dark:focus {
        color: #121416
    }

.ratio {
    position: relative;
    width: 100%
}

    .ratio::before {
        display: block;
        padding-top: var(--aspect-ratio);
        content: ""
    }

    .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.ratio-1x1 {
    --aspect-ratio: 100%
}

.ratio-4x3 {
    --aspect-ratio: calc(3 / 4 * 100%)
}

.ratio-16x9 {
    --aspect-ratio: calc(9 / 16 * 100%)
}

.ratio-21x9 {
    --aspect-ratio: calc(9 / 21 * 100%)
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1280px) {
    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}
F
@media (min-width: 1600px) {
    .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.visually-hidden, .visually-hidden-focusable:not(:focus) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,0.15) !important;
    box-shadow: 0 8px 16px rgba(0,0,0,0.15) !important
}

.shadow-sm {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.075) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.075) !important
}

.shadow-lg {
    -webkit-box-shadow: 0 16px 48px rgba(0,0,0,0.175) !important;
    box-shadow: 0 16px 48px rgba(0,0,0,0.175) !important
}

.shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.left-0 {
    left: 0 !important
}

.left-50 {
    left: 50% !important
}

.left-100 {
    left: 100% !important
}

.right-0 {
    right: 0 !important
}

.right-50 {
    right: 50% !important
}

.right-100 {
    right: 100% !important
}

.translate-middle {
    -webkit-transform: translateX(-50%) translateY(-50%) !important;
    -ms-transform: translateX(-50%) translateY(-50%) !important;
    transform: translateX(-50%) translateY(-50%) !important
}

.border {
    border: 1px solid #DEE2E6 !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #DEE2E6 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right {
    border-right: 1px solid #DEE2E6 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #DEE2E6 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left {
    border-left: 1px solid #DEE2E6 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #122179 !important
}

.border-secondary {
    border-color: #6C757D !important
}

.border-success {
    border-color: #198754 !important
}

.border-info {
    border-color: #0DCAF0 !important
}

.border-warning {
    border-color: #FFC107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #F8F9FA !important
}

.border-dark {
    border-color: #343A40 !important
}

.border-white {
    border-color: #FFF !important
}

.border-0 {
    border-width: 0 !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.flex-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.justify-content-evenly {
    -webkit-box-pack: space-evenly !important;
    -webkit-justify-content: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;padding-top: 3px;
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

.order-first {
    -webkit-box-ordinal-group: 0 !important;
    -webkit-order: -1 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important
}

.order-0 {
    -webkit-box-ordinal-group: 1 !important;
    -webkit-order: 0 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important
}

.order-1 {
    -webkit-box-ordinal-group: 2 !important;
    -webkit-order: 1 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important
}

.order-2 {
    -webkit-box-ordinal-group: 3 !important;
    -webkit-order: 2 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important
}

.order-3 {
    -webkit-box-ordinal-group: 4 !important;
    -webkit-order: 3 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important
}

.order-4 {
    -webkit-box-ordinal-group: 5 !important;
    -webkit-order: 4 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important
}

.order-5 {
    -webkit-box-ordinal-group: 6 !important;
    -webkit-order: 5 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important
}

.order-last {
    -webkit-box-ordinal-group: 7 !important;
    -webkit-order: 6 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: 5px !important
}

.m-2 {
    margin: 10px !important
}

.m-3 {
    margin: 15px !important
}

.m-4 {
    margin: 20px !important
}

.m-5 {
    margin: 25px !important
}

.m-6 {
    margin: 30px !important
}

.m-7 {
    margin: 35px !important
}

.m-8 {
    margin: 40px !important
}

.m-9 {
    margin: 45px !important
}

.m-10 {
    margin: 50px !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: 5px !important;
    margin-left: 5px !important
}

.mx-2 {
    margin-right: 10px !important;
    margin-left: 10px !important
}

.mx-3 {
    margin-right: 15px !important;
    margin-left: 15px !important
}

.mx-4 {
    margin-right: 20px !important;
    margin-left: 20px !important
}

.mx-5 {
    margin-right: 25px !important;
    margin-left: 25px !important
}

.mx-6 {
    margin-right: 30px !important;
    margin-left: 30px !important
}

.mx-7 {
    margin-right: 35px !important;
    margin-left: 35px !important
}

.mx-8 {
    margin-right: 40px !important;
    margin-left: 40px !important
}

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

.mx-10 {
    margin-right: 50px !important;
    margin-left: 50px !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.my-2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.my-3 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.my-4 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.my-5 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.my-6 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.my-7 {
    margin-top: 35px !important;
    margin-bottom: 35px !important
}

.my-8 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.my-9 {
    margin-top: 45px !important;
    margin-bottom: 45px !important
}

.my-10 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: 5px !important
}

.mt-2 {
    margin-top: 10px !important
}

.mt-3 {
    margin-top: 15px !important
}

.mt-4 {
    margin-top: 20px !important
}

.mt-5 {
    margin-top: 25px !important
}

.mt-6 {
    margin-top: 30px !important
}

.mt-7 {
    margin-top: 35px !important
}

.mt-8 {
    margin-top: 40px !important
}

.mt-9 {
    margin-top: 45px !important
}

.mt-10 {
    margin-top: 50px !important
}

.mt-auto {
    margin-top: auto !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-1 {
    margin-right: 5px !important
}

.mr-2 {
    margin-right: 10px !important
}

.mr-3 {
    margin-right: 15px !important
}

.mr-4 {
    margin-right: 20px !important
}

.mr-5 {
    margin-right: 25px !important
}

.mr-6 {
    margin-right: 30px !important
}

.mr-7 {
    margin-right: 35px !important
}

.mr-8 {
    margin-right: 40px !important
}

.mr-9 {
    margin-right: 45px !important
}

.mr-10 {
    margin-right: 50px !important
}

.mr-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 5px !important
}

.mb-2 {
    margin-bottom: 10px !important
}

.mb-3 {
    margin-bottom: 15px !important
}

.mb-4 {
    margin-bottom: 20px !important
}

.mb-5 {
    margin-bottom: 25px !important
}

.mb-6 {
    margin-bottom: 30px !important
}

.mb-7 {
    margin-bottom: 35px !important
}

.mb-8 {
    margin-bottom: 40px !important
}

.mb-9 {
    margin-bottom: 45px !important
}

.mb-10 {
    margin-bottom: 50px !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-1 {
    margin-left: 5px !important
}

.ml-2 {
    margin-left: 10px !important
}

.ml-3 {
    margin-left: 15px !important
}

.ml-4 {
    margin-left: 20px !important
}

.ml-5 {
    margin-left: 25px !important
}

.ml-6 {
    margin-left: 30px !important
}

.ml-7 {
    margin-left: 35px !important
}

.ml-8 {
    margin-left: 40px !important
}

.ml-9 {
    margin-left: 45px !important
}

.ml-10 {
    margin-left: 50px !important
}

.ml-auto {
    margin-left: auto !important
}

.m-n1 {
    margin: -5px !important
}

.m-n2 {
    margin: -10px !important
}

.m-n3 {
    margin: -15px !important
}

.m-n4 {
    margin: -20px !important
}

.m-n5 {
    margin: -25px !important
}

.m-n6 {
    margin: -30px !important
}

.m-n7 {
    margin: -35px !important
}

.m-n8 {
    margin: -40px !important
}

.m-n9 {
    margin: -45px !important
}

.m-n10 {
    margin: -50px !important
}

.mx-n1 {
    margin-right: -5px !important;
    margin-left: -5px !important
}

.mx-n2 {
    margin-right: -10px !important;
    margin-left: -10px !important
}

.mx-n3 {
    margin-right: -15px !important;
    margin-left: -15px !important
}

.mx-n4 {
    margin-right: -20px !important;
    margin-left: -20px !important
}

.mx-n5 {
    margin-right: -25px !important;
    margin-left: -25px !important
}

.mx-n6 {
    margin-right: -30px !important;
    margin-left: -30px !important
}

.mx-n7 {
    margin-right: -35px !important;
    margin-left: -35px !important
}

.mx-n8 {
    margin-right: -40px !important;
    margin-left: -40px !important
}

.mx-n9 {
    margin-right: -45px !important;
    margin-left: -45px !important
}

.mx-n10 {
    margin-right: -50px !important;
    margin-left: -50px !important
}

.my-n1 {
    margin-top: -5px !important;
    margin-bottom: -5px !important
}

.my-n2 {
    margin-top: -10px !important;
    margin-bottom: -10px !important
}

.my-n3 {
    margin-top: -15px !important;
    margin-bottom: -15px !important
}

.my-n4 {
    margin-top: -20px !important;
    margin-bottom: -20px !important
}

.my-n5 {
    margin-top: -25px !important;
    margin-bottom: -25px !important
}

.my-n6 {
    margin-top: -30px !important;
    margin-bottom: -30px !important
}

.my-n7 {
    margin-top: -35px !important;
    margin-bottom: -35px !important
}

.my-n8 {
    margin-top: -40px !important;
    margin-bottom: -40px !important
}

.my-n9 {
    margin-top: -45px !important;
    margin-bottom: -45px !important
}

.my-n10 {
    margin-top: -50px !important;
    margin-bottom: -50px !important
}

.mt-n1 {
    margin-top: -5px !important
}

.mt-n2 {
    margin-top: -10px !important
}

.mt-n3 {
    margin-top: -15px !important
}

.mt-n4 {
    margin-top: -20px !important
}

.mt-n5 {
    margin-top: -25px !important
}

.mt-n6 {
    margin-top: -30px !important
}

.mt-n7 {
    margin-top: -35px !important
}

.mt-n8 {

    margin-top: -40px !important
}

.mt-n9 {
    margin-top: -45px !important
}

.mt-n10 {
    margin-top: -50px !important
}

.mr-n1 {
    margin-right: -5px !important
}

.mr-n2 {
    margin-right: -10px !important
}

.mr-n3 {
    margin-right: -15px !important
}

.mr-n4 {
    margin-right: -20px !important
}

.mr-n5 {
    margin-right: -25px !important
}

.mr-n6 {
    margin-right: -30px !important
}

.mr-n7 {
    margin-right: -35px !important
}

.mr-n8 {
    margin-right: -40px !important
}

.mr-n9 {
    margin-right: -45px !important
}

.mr-n10 {
    margin-right: -50px !important
}

.mb-n1 {
    margin-bottom: -5px !important
}

.mb-n2 {
    margin-bottom: -10px !important
}

.mb-n3 {
    margin-bottom: -15px !important
}

.mb-n4 {
    margin-bottom: -20px !important
}

.mb-n5 {
    margin-bottom: -25px !important
}

.mb-n6 {
    margin-bottom: -30px !important
}

.mb-n7 {
    margin-bottom: -35px !important
}

.mb-n8 {
    margin-bottom: -40px !important
}

.mb-n9 {
    margin-bottom: -45px !important
}

.mb-n10 {
    margin-bottom: -50px !important
}

.ml-n1 {
    margin-left: -5px !important
}

.ml-n2 {
    margin-left: -10px !important
}

.ml-n3 {
    margin-left: -15px !important
}

.ml-n4 {
    margin-left: -20px !important
}

.ml-n5 {
    margin-left: -25px !important
}

.ml-n6 {
    margin-left: -30px !important
}

.ml-n7 {
    margin-left: -35px !important
}

.ml-n8 {
    margin-left: -40px !important
}

.ml-n9 {
    margin-left: -45px !important
}

.ml-n10 {
    margin-left: -50px !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: 5px !important
}

.p-2 {
    padding: 10px !important
}

.p-3 {
    padding: 15px !important
}

.p-4 {
    padding: 20px !important
}

.p-5 {
    padding: 25px !important
}

.p-6 {
    padding: 30px !important
}

.p-7 {
    padding: 35px !important
}

.p-8 {
    padding: 40px !important
}

.p-9 {
    padding: 45px !important
}

.p-10 {
    padding: 50px !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: 5px !important;
    padding-left: 5px !important
}

.px-2 {
    padding-right: 10px !important;
    padding-left: 10px !important
}

.px-3 {
    padding-right: 15px !important;
    padding-left: 15px !important
}

.px-4 {
    padding-right: 20px !important;
    padding-left: 20px !important
}

.px-5 {
    padding-right: 25px !important;
    padding-left: 25px !important
}

.px-6 {
    padding-right: 30px !important;
    padding-left: 30px !important
}

.px-7 {
    padding-right: 35px !important;
    padding-left: 35px !important
}

.px-8 {
    padding-right: 40px !important;
    padding-left: 40px !important
}

.px-9 {
    padding-right: 45px !important;
    padding-left: 45px !important
}

.px-10 {
    padding-right: 50px !important;
    padding-left: 50px !important
}

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

.py-1 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.py-2 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

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

.py-4 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.py-5 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.py-6 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.py-7 {
    padding-top: 35px !important;
    padding-bottom: 35px !important
}

.py-8 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.py-9 {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.py-10 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: 5px !important
}

.pt-2 {
    padding-top: 10px !important
}

.pt-3 {
    padding-top: 15px !important
}

.pt-4 {
    padding-top: 20px !important
}

.pt-5 {
    padding-top: 25px !important
}

.pt-6 {
    padding-top: 30px !important
}

.pt-7 {
    padding-top: 35px !important
}

.pt-8 {
    padding-top: 40px !important
}

.pt-9 {
    padding-top: 45px !important
}

.pt-10 {
    padding-top: 50px !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-1 {
    padding-right: 5px !important
}

.pr-2 {
    padding-right: 10px !important
}

.pr-3 {
    padding-right: 15px !important
}

.pr-4 {
    padding-right: 20px !important
}

.pr-5 {
    padding-right: 25px !important
}

.pr-6 {
    padding-right: 30px !important
}

.pr-7 {
    padding-right: 35px !important
}

.pr-8 {
    padding-right: 40px !important
}

.pr-9 {
    padding-right: 45px !important
}

.pr-10 {
    padding-right: 50px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: 5px !important
}

.pb-2 {
    padding-bottom: 10px !important
}

.pb-3 {
    padding-bottom: 15px !important
}

.pb-4 {
    padding-bottom: 20px !important
}

.pb-5 {
    padding-bottom: 25px !important
}

.pb-6 {
    padding-bottom: 30px !important
}

.pb-7 {
    padding-bottom: 35px !important
}

.pb-8 {
    padding-bottom: 40px !important
}

.pb-9 {
    padding-bottom: 45px !important
}

.pb-10 {
    padding-bottom: 50px !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-1 {
    padding-left: 5px !important
}

.pl-2 {
    padding-left: 10px !important
}

.pl-3 {
    padding-left: 15px !important
}

.pl-4 {
    padding-left: 20px !important
}

.pl-5 {
    padding-left: 25px !important
}

.pl-6 {
    padding-left: 30px !important
}

.pl-7 {
    padding-left: 35px !important
}

.pl-8 {
    padding-left: 40px !important
}

.pl-9 {
    padding-left: 45px !important
}

.pl-10 {
    padding-left: 50px !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-primary {
    color: #122179 !important
}

.text-secondary {
    color: #6C757D !important
}

.text-success {
    color: #198754 !important
}

.text-info {
    color: #0DCAF0 !important
}

.text-warning {
    color: #FFC107 !important
}

.text-danger {
    color: #dc3545 !important
}

.text-light {
    color: #F8F9FA !important
}

.text-dark {
    color: #343A40 !important
}

.text-white {
    color: #FFF !important
}

.text-body {
    color: #666666 !important
}

.text-muted {
    color: #6C757D !important
}

.text-black-50 {
    color: rgba(0,0,0,0.5) !important
}

.text-white-50 {
    color: rgba(255,255,255,0.5) !important
}

.text-reset {
    color: inherit !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.45 !important
}

.lh-base {
    line-height: 1.75 !important
}

.lh-lg {
    line-height: 2 !important
}

.bg-primary {
    background-color: #122179 !important
}

.bg-secondary {
    background-color: #6C757D !important
}

.bg-success {
    background-color: #198754 !important
}

.bg-info {
    background-color: #0DCAF0 !important
}

.bg-warning {
    background-color: #FFC107 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

.bg-light {
    background-color: #F8F9FA !important
}


.bg-dark {
    background-color: #343A40 !important
}

.bg-body {
    background-color: #FFF !important
}

.bg-white {
    background-color: #FFF !important
}

.bg-transparent {
    background-color: transparent !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.font-italic {
    font-style: italic !important
}

.font-normal {
    font-style: normal !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: 4px !important
}

.rounded-sm {
    border-radius: 3.2px !important
}

.rounded-lg {
    border-radius: 4.8px !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 800px !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-top {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important
}

.rounded-right {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important
}

.rounded-bottom {
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important
}

.rounded-left {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        -webkit-box-pack: space-evenly !important;
        -webkit-justify-content: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0 !important;
        -webkit-order: -1 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1 !important;
        -webkit-order: 0 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2 !important;
        -webkit-order: 1 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3 !important;
        -webkit-order: 2 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4 !important;
        -webkit-order: 3 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5 !important;
        -webkit-order: 4 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6 !important;
        -webkit-order: 5 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 7 !important;
        -webkit-order: 6 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: 5px !important
    }

    .m-sm-2 {
        margin: 10px !important
    }

    .m-sm-3 {
        margin: 15px !important
    }

    .m-sm-4 {
        margin: 20px !important
    }

    .m-sm-5 {
        margin: 25px !important
    }

    .m-sm-6 {
        margin: 30px !important
    }

    .m-sm-7 {
        margin: 35px !important
    }

    .m-sm-8 {
        margin: 40px !important
    }

    .m-sm-9 {
        margin: 45px !important
    }

    .m-sm-10 {
        margin: 50px !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .mx-sm-2 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .mx-sm-3 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .mx-sm-4 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }

    .mx-sm-5 {
        margin-right: 25px !important;
        margin-left: 25px !important
    }

    .mx-sm-6 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .mx-sm-7 {
        margin-right: 35px !important;
        margin-left: 35px !important
    }

    .mx-sm-8 {
        margin-right: 40px !important;
        margin-left: 40px !important
    }

    .mx-sm-9 {
        margin-right: 45px !important;
        margin-left: 45px !important
    }

    .mx-sm-10 {
        margin-right: 50px !important;
        margin-left: 50px !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .my-sm-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .my-sm-3 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .my-sm-4 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .my-sm-5 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }

    .my-sm-6 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .my-sm-7 {
        margin-top: 35px !important;
        margin-bottom: 35px !important
    }

    .my-sm-8 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .my-sm-9 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }

    .my-sm-10 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: 5px !important
    }

    .mt-sm-2 {
        margin-top: 10px !important
    }

    .mt-sm-3 {
        margin-top: 15px !important
    }

    .mt-sm-4 {
        margin-top: 20px !important
    }

    .mt-sm-5 {
        margin-top: 25px !important
    }

    .mt-sm-6 {
        margin-top: 30px !important
    }

    .mt-sm-7 {
        margin-top: 35px !important
    }

    .mt-sm-8 {
        margin-top: 40px !important
    }

    .mt-sm-9 {
        margin-top: 45px !important
    }

    .mt-sm-10 {
        margin-top: 50px !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-0 {
        margin-right: 0 !important
    }

    .mr-sm-1 {
        margin-right: 5px !important
    }

    .mr-sm-2 {
        margin-right: 10px !important
    }

    .mr-sm-3 {
        margin-right: 15px !important
    }

    .mr-sm-4 {
        margin-right: 20px !important
    }

    .mr-sm-5 {
        margin-right: 25px !important
    }

    .mr-sm-6 {
        margin-right: 30px !important
    }

    .mr-sm-7 {
        margin-right: 35px !important
    }

    .mr-sm-8 {
        margin-right: 40px !important
    }

    .mr-sm-9 {
        margin-right: 45px !important
    }

    .mr-sm-10 {
        margin-right: 50px !important
    }

    .mr-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: 5px !important
    }

    .mb-sm-2 {
        margin-bottom: 10px !important
    }

    .mb-sm-3 {
        margin-bottom: 15px !important
    }

    .mb-sm-4 {
        margin-bottom: 20px !important
    }

    .mb-sm-5 {
        margin-bottom: 25px !important
    }

    .mb-sm-6 {
        margin-bottom: 30px !important
    }

    .mb-sm-7 {
        margin-bottom: 35px !important
    }

    .mb-sm-8 {
        margin-bottom: 40px !important
    }

    .mb-sm-9 {
        margin-bottom: 45px !important
    }

    .mb-sm-10 {
        margin-bottom: 50px !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-0 {
        margin-left: 0 !important
    }

    .ml-sm-1 {
        margin-left: 5px !important
    }

    .ml-sm-2 {
        margin-left: 10px !important
    }

    .ml-sm-3 {
        margin-left: 15px !important
    }

    .ml-sm-4 {
        margin-left: 20px !important
    }

    .ml-sm-5 {
        margin-left: 25px !important
    }

    .ml-sm-6 {
        margin-left: 30px !important
    }

    .ml-sm-7 {
        margin-left: 35px !important
    }

    .ml-sm-8 {
        margin-left: 40px !important
    }

    .ml-sm-9 {
        margin-left: 45px !important
    }

    .ml-sm-10 {
        margin-left: 50px !important
    }

    .ml-sm-auto {
        margin-left: auto !important
    }

    .m-sm-n1 {
        margin: -5px !important
    }

    .m-sm-n2 {
        margin: -10px !important
    }

    .m-sm-n3 {
        margin: -15px !important
    }

    .m-sm-n4 {
        margin: -20px !important
    }

    .m-sm-n5 {
        margin: -25px !important
    }

    .m-sm-n6 {
        margin: -30px !important
    }

    .m-sm-n7 {
        margin: -35px !important
    }

    .m-sm-n8 {
        margin: -40px !important
    }

    .m-sm-n9 {
        margin: -45px !important
    }

    .m-sm-n10 {
        margin: -50px !important
    }

    .mx-sm-n1 {
        margin-right: -5px !important;
        margin-left: -5px !important
    }

    .mx-sm-n2 {
        margin-right: -10px !important;
        margin-left: -10px !important
    }

    .mx-sm-n3 {
        margin-right: -15px !important;
        margin-left: -15px !important
    }

    .mx-sm-n4 {
        margin-right: -20px !important;
        margin-left: -20px !important
    }

    .mx-sm-n5 {
        margin-right: -25px !important;
        margin-left: -25px !important
    }

    .mx-sm-n6 {
        margin-right: -30px !important;
        margin-left: -30px !important
    }

    .mx-sm-n7 {
        margin-right: -35px !important;
        margin-left: -35px !important
    }

    .mx-sm-n8 {
        margin-right: -40px !important;
        margin-left: -40px !important
    }

    .mx-sm-n9 {
        margin-right: -45px !important;
        margin-left: -45px !important
    }

    .mx-sm-n10 {
        margin-right: -50px !important;
        margin-left: -50px !important
    }

    .my-sm-n1 {
        margin-top: -5px !important;
        margin-bottom: -5px !important
    }

    .my-sm-n2 {
        margin-top: -10px !important;
        margin-bottom: -10px !important
    }

    .my-sm-n3 {
        margin-top: -15px !important;
        margin-bottom: -15px !important
    }

    .my-sm-n4 {
        margin-top: -20px !important;
        margin-bottom: -20px !important
    }

    .my-sm-n5 {
        margin-top: -25px !important;
        margin-bottom: -25px !important
    }

    .my-sm-n6 {
        margin-top: -30px !important;
        margin-bottom: -30px !important
    }

    .my-sm-n7 {
        margin-top: -35px !important;
        margin-bottom: -35px !important
    }

    .my-sm-n8 {
        margin-top: -40px !important;
        margin-bottom: -40px !important
    }

    .my-sm-n9 {
        margin-top: -45px !important;
        margin-bottom: -45px !important
    }

    .my-sm-n10 {
        margin-top: -50px !important;
        margin-bottom: -50px !important
    }

    .mt-sm-n1 {
        margin-top: -5px !important
    }

    .mt-sm-n2 {
        margin-top: -10px !important
    }

    .mt-sm-n3 {
        margin-top: -15px !important
    }

    .mt-sm-n4 {
        margin-top: -20px !important
    }

    .mt-sm-n5 {
        margin-top: -25px !important
    }

    .mt-sm-n6 {
        margin-top: -30px !important
    }

    .mt-sm-n7 {
        margin-top: -35px !important
    }

    .mt-sm-n8 {
        margin-top: -40px !important
    }

    .mt-sm-n9 {
        margin-top: -45px !important
    }

    .mt-sm-n10 {
        margin-top: -50px !important
    }

    .mr-sm-n1 {
        margin-right: -5px !important
    }

    .mr-sm-n2 {
        margin-right: -10px !important
    }

    .mr-sm-n3 {
        margin-right: -15px !important
    }

    .mr-sm-n4 {
        margin-right: -20px !important
    }

    .mr-sm-n5 {
        margin-right: -25px !important
    }

    .mr-sm-n6 {
        margin-right: -30px !important
    }

    .mr-sm-n7 {
        margin-right: -35px !important
    }

    .mr-sm-n8 {
        margin-right: -40px !important
    }

    .mr-sm-n9 {
        margin-right: -45px !important
    }

    .mr-sm-n10 {
        margin-right: -50px !important
    }

    .mb-sm-n1 {
        margin-bottom: -5px !important
    }

    .mb-sm-n2 {
        margin-bottom: -10px !important
    }

    .mb-sm-n3 {
        margin-bottom: -15px !important
    }

    .mb-sm-n4 {
        margin-bottom: -20px !important
    }

    .mb-sm-n5 {
        margin-bottom: -25px !important
    }

    .mb-sm-n6 {
        margin-bottom: -30px !important
    }

    .mb-sm-n7 {
        margin-bottom: -35px !important
    }

    .mb-sm-n8 {
        margin-bottom: -40px !important
    }

    .mb-sm-n9 {
        margin-bottom: -45px !important
    }

    .mb-sm-n10 {
        margin-bottom: -50px !important
    }

    .ml-sm-n1 {
        margin-left: -5px !important
    }

    .ml-sm-n2 {
        margin-left: -10px !important
    }

    .ml-sm-n3 {
        margin-left: -15px !important
    }

    .ml-sm-n4 {
        margin-left: -20px !important
    }

    .ml-sm-n5 {
        margin-left: -25px !important
    }

    .ml-sm-n6 {
        margin-left: -30px !important
    }

    .ml-sm-n7 {
        margin-left: -35px !important
    }

    .ml-sm-n8 {
        margin-left: -40px !important
    }

    .ml-sm-n9 {
        margin-left: -45px !important
    }

    .ml-sm-n10 {
        margin-left: -50px !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: 5px !important
    }

    .p-sm-2 {
        padding: 10px !important
    }

    .p-sm-3 {
        padding: 15px !important
    }

    .p-sm-4 {
        padding: 20px !important
    }

    .p-sm-5 {
        padding: 25px !important
    }

    .p-sm-6 {
        padding: 30px !important
    }

    .p-sm-7 {
        padding: 35px !important
    }

    .p-sm-8 {
        padding: 40px !important
    }

    .p-sm-9 {
        padding: 45px !important
    }

    .p-sm-10 {
        padding: 50px !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .px-sm-2 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .px-sm-3 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .px-sm-4 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .px-sm-5 {
        padding-right: 25px !important;
        padding-left: 25px !important
    }

    .px-sm-6 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .px-sm-7 {
        padding-right: 35px !important;
        padding-left: 35px !important
    }

    .px-sm-8 {
        padding-right: 40px !important;
        padding-left: 40px !important
    }

    .px-sm-9 {
        padding-right: 45px !important;
        padding-left: 45px !important
    }

    .px-sm-10 {
        padding-right: 50px !important;
        padding-left: 50px !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .py-sm-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .py-sm-3 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .py-sm-4 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .py-sm-5 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }

    .py-sm-6 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .py-sm-7 {
        padding-top: 35px !important;
        padding-bottom: 35px !important
    }

    .py-sm-8 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .py-sm-9 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }

    .py-sm-10 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: 5px !important
    }

    .pt-sm-2 {
        padding-top: 10px !important
    }

    .pt-sm-3 {
        padding-top: 15px !important
    }

    .pt-sm-4 {
        padding-top: 20px !important
    }

    .pt-sm-5 {
        padding-top: 25px !important
    }

    .pt-sm-6 {
        padding-top: 30px !important
    }

    .pt-sm-7 {
        padding-top: 35px !important
    }

    .pt-sm-8 {
        padding-top: 40px !important
    }

    .pt-sm-9 {
        padding-top: 45px !important
    }

    .pt-sm-10 {
        padding-top: 50px !important
    }

    .pr-sm-0 {
        padding-right: 0 !important
    }

    .pr-sm-1 {
        padding-right: 5px !important
    }

    .pr-sm-2 {
        padding-right: 10px !important
    }

    .pr-sm-3 {
        padding-right: 15px !important
    }

    .pr-sm-4 {
        padding-right: 20px !important
    }

    .pr-sm-5 {
        padding-right: 25px !important
    }

    .pr-sm-6 {
        padding-right: 30px !important
    }

    .pr-sm-7 {
        padding-right: 35px !important
    }

    .pr-sm-8 {
        padding-right: 40px !important
    }

    .pr-sm-9 {
        padding-right: 45px !important
    }

    .pr-sm-10 {
        padding-right: 50px !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: 5px !important
    }

    .pb-sm-2 {
        padding-bottom: 10px !important
    }

    .pb-sm-3 {
        padding-bottom: 15px !important
    }

    .pb-sm-4 {
        padding-bottom: 20px !important
    }

    .pb-sm-5 {
        padding-bottom: 25px !important
    }

    .pb-sm-6 {
        padding-bottom: 30px !important
    }

    .pb-sm-7 {
        padding-bottom: 35px !important
    }


    .pb-sm-8 {
        padding-bottom: 40px !important
    }

    .pb-sm-9 {
        padding-bottom: 45px !important
    }

    .pb-sm-10 {
        padding-bottom: 50px !important
    }

    .pl-sm-0 {
        padding-left: 0 !important
    }

    .pl-sm-1 {
        padding-left: 5px !important
    }

    .pl-sm-2 {
        padding-left: 10px !important
    }

    .pl-sm-3 {
        padding-left: 15px !important
    }

    .pl-sm-4 {
        padding-left: 20px !important
    }

    .pl-sm-5 {
        padding-left: 25px !important
    }

    .pl-sm-6 {
        padding-left: 30px !important
    }

    .pl-sm-7 {
        padding-left: 35px !important
    }

    .pl-sm-8 {
        padding-left: 40px !important
    }

    .pl-sm-9 {
        padding-left: 45px !important
    }

    .pl-sm-10 {
        padding-left: 50px !important
    }

    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        -webkit-box-pack: space-evenly !important;
        -webkit-justify-content: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0 !important;
        -webkit-order: -1 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1 !important;
        -webkit-order: 0 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2 !important;
        -webkit-order: 1 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3 !important;
        -webkit-order: 2 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4 !important;
        -webkit-order: 3 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5 !important;
        -webkit-order: 4 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6 !important;
        -webkit-order: 5 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important
    }

    .order-md-last {
        -webkit-box-ordinal-group: 7 !important;
        -webkit-order: 6 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: 5px !important
    }

    .m-md-2 {
        margin: 10px !important
    }

    .m-md-3 {
        margin: 15px !important
    }

    .m-md-4 {
        margin: 20px !important
    }

    .m-md-5 {
        margin: 25px !important
    }

    .m-md-6 {
        margin: 30px !important
    }

    .m-md-7 {
        margin: 35px !important
    }

    .m-md-8 {
        margin: 40px !important
    }

    .m-md-9 {
        margin: 45px !important
    }

    .m-md-10 {
        margin: 50px !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .mx-md-2 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .mx-md-3 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .mx-md-4 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }

    .mx-md-5 {
        margin-right: 25px !important;
        margin-left: 25px !important
    }

    .mx-md-6 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .mx-md-7 {
        margin-right: 35px !important;
        margin-left: 35px !important
    }

    .mx-md-8 {
        margin-right: 40px !important;
        margin-left: 40px !important
    }

    .mx-md-9 {
        margin-right: 45px !important;
        margin-left: 45px !important
    }

    .mx-md-10 {
        margin-right: 50px !important;
        margin-left: 50px !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .my-md-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .my-md-3 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .my-md-4 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .my-md-5 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }

    .my-md-6 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .my-md-7 {
        margin-top: 35px !important;
        margin-bottom: 35px !important
    }

    .my-md-8 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .my-md-9 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }

    .my-md-10 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: 5px !important
    }

    .mt-md-2 {
        margin-top: 10px !important
    }

    .mt-md-3 {
        margin-top: 15px !important
    }

    .mt-md-4 {
        margin-top: 20px !important
    }

    .mt-md-5 {
        margin-top: 25px !important
    }

    .mt-md-6 {
        margin-top: 30px !important
    }

    .mt-md-7 {
        margin-top: 35px !important
    }

    .mt-md-8 {
        margin-top: 40px !important
    }

    .mt-md-9 {
        margin-top: 45px !important
    }

    .mt-md-10 {
        margin-top: 50px !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .mr-md-0 {
        margin-right: 0 !important
    }

    .mr-md-1 {
        margin-right: 5px !important
    }

    .mr-md-2 {
        margin-right: 10px !important
    }

    .mr-md-3 {
        margin-right: 15px !important
    }

    .mr-md-4 {
        margin-right: 20px !important
    }

    .mr-md-5 {
        margin-right: 25px !important
    }

    .mr-md-6 {
        margin-right: 30px !important
    }

    .mr-md-7 {
        margin-right: 35px !important
    }

    .mr-md-8 {
        margin-right: 40px !important
    }

    .mr-md-9 {
        margin-right: 45px !important
    }

    .mr-md-10 {
        margin-right: 50px !important
    }

    .mr-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: 5px !important
    }

    .mb-md-2 {
        margin-bottom: 10px !important
    }

    .mb-md-3 {
        margin-bottom: 15px !important
    }

    .mb-md-4 {
        margin-bottom: 20px !important
    }

    .mb-md-5 {
        margin-bottom: 25px !important
    }

    .mb-md-6 {
        margin-bottom: 30px !important
    }

    .mb-md-7 {
        margin-bottom: 35px !important
    }

    .mb-md-8 {
        margin-bottom: 40px !important
    }

    .mb-md-9 {
        margin-bottom: 45px !important
    }

    .mb-md-10 {
        margin-bottom: 50px !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-0 {
        margin-left: 0 !important
    }

    .ml-md-1 {
        margin-left: 5px !important
    }

    .ml-md-2 {
        margin-left: 10px !important
    }

    .ml-md-3 {
        margin-left: 15px !important
    }

    .ml-md-4 {
        margin-left: 20px !important
    }

    .ml-md-5 {
        margin-left: 25px !important
    }

    .ml-md-6 {
        margin-left: 30px !important
    }

    .ml-md-7 {
        margin-left: 35px !important
    }

    .ml-md-8 {
        margin-left: 40px !important
    }

    .ml-md-9 {
        margin-left: 45px !important
    }

    .ml-md-10 {
        margin-left: 50px !important
    }

    .ml-md-auto {
        margin-left: auto !important
    }

    .m-md-n1 {
        margin: -5px !important
    }

    .m-md-n2 {
        margin: -10px !important
    }

    .m-md-n3 {
        margin: -15px !important
    }

    .m-md-n4 {
        margin: -20px !important
    }

    .m-md-n5 {
        margin: -25px !important
    }

    .m-md-n6 {
        margin: -30px !important
    }

    .m-md-n7 {
        margin: -35px !important
    }

    .m-md-n8 {
        margin: -40px !important
    }

    .m-md-n9 {
        margin: -45px !important
    }

    .m-md-n10 {
        margin: -50px !important
    }

    .mx-md-n1 {
        margin-right: -5px !important;
        margin-left: -5px !important
    }

    .mx-md-n2 {
        margin-right: -10px !important;
        margin-left: -10px !important
    }

    .mx-md-n3 {
        margin-right: -15px !important;
        margin-left: -15px !important
    }

    .mx-md-n4 {
        margin-right: -20px !important;
        margin-left: -20px !important
    }

    .mx-md-n5 {
        margin-right: -25px !important;
        margin-left: -25px !important
    }

    .mx-md-n6 {
        margin-right: -30px !important;
        margin-left: -30px !important
    }

    .mx-md-n7 {
        margin-right: -35px !important;
        margin-left: -35px !important
    }

    .mx-md-n8 {
        margin-right: -40px !important;
        margin-left: -40px !important
    }

    .mx-md-n9 {
        margin-right: -45px !important;
        margin-left: -45px !important
    }

    .mx-md-n10 {
        margin-right: -50px !important;
        margin-left: -50px !important
    }

    .my-md-n1 {
        margin-top: -5px !important;
        margin-bottom: -5px !important
    }

    .my-md-n2 {
        margin-top: -10px !important;
        margin-bottom: -10px !important
    }

    .my-md-n3 {
        margin-top: -15px !important;
        margin-bottom: -15px !important
    }

    .my-md-n4 {
        margin-top: -20px !important;
        margin-bottom: -20px !important
    }

    .my-md-n5 {
        margin-top: -25px !important;
        margin-bottom: -25px !important
    }

    .my-md-n6 {
        margin-top: -30px !important;
        margin-bottom: -30px !important
    }

    .my-md-n7 {
        margin-top: -35px !important;
        margin-bottom: -35px !important
    }

    .my-md-n8 {
        margin-top: -40px !important;
        margin-bottom: -40px !important
    }

    .my-md-n9 {
        margin-top: -45px !important;
        margin-bottom: -45px !important
    }

    .my-md-n10 {
        margin-top: -50px !important;
        margin-bottom: -50px !important
    }

    .mt-md-n1 {
        margin-top: -5px !important
    }

    .mt-md-n2 {
        margin-top: -10px !important
    }

    .mt-md-n3 {
        margin-top: -15px !important
    }

    .mt-md-n4 {
        margin-top: -20px !important
    }

    .mt-md-n5 {
        margin-top: -25px !important
    }

    .mt-md-n6 {
        margin-top: -30px !important
    }

    .mt-md-n7 {
        margin-top: -35px !important
    }

    .mt-md-n8 {
        margin-top: -40px !important
    }

    .mt-md-n9 {
        margin-top: -45px !important
    }

    .mt-md-n10 {
        margin-top: -50px !important
    }

    .mr-md-n1 {
        margin-right: -5px !important
    }

    .mr-md-n2 {
        margin-right: -10px !important
    }

    .mr-md-n3 {
        margin-right: -15px !important
    }

    .mr-md-n4 {
        margin-right: -20px !important
    }

    .mr-md-n5 {
        margin-right: -25px !important
    }

    .mr-md-n6 {
        margin-right: -30px !important
    }

    .mr-md-n7 {
        margin-right: -35px !important
    }

    .mr-md-n8 {
        margin-right: -40px !important
    }

    .mr-md-n9 {
        margin-right: -45px !important
    }

    .mr-md-n10 {
        margin-right: -50px !important
    }

    .mb-md-n1 {
        margin-bottom: -5px !important
    }

    .mb-md-n2 {
        margin-bottom: -10px !important
    }

    .mb-md-n3 {
        margin-bottom: -15px !important
    }

    .mb-md-n4 {
        margin-bottom: -20px !important
    }

    .mb-md-n5 {
        margin-bottom: -25px !important
    }

    .mb-md-n6 {
        margin-bottom: -30px !important
    }

    .mb-md-n7 {
        margin-bottom: -35px !important
    }

    .mb-md-n8 {
        margin-bottom: -40px !important
    }

    .mb-md-n9 {
        margin-bottom: -45px !important
    }

    .mb-md-n10 {
        margin-bottom: -50px !important
    }

    .ml-md-n1 {
        margin-left: -5px !important
    }

    .ml-md-n2 {
        margin-left: -10px !important
    }

    .ml-md-n3 {
        margin-left: -15px !important
    }

    .ml-md-n4 {
        margin-left: -20px !important
    }

    .ml-md-n5 {
        margin-left: -25px !important
    }

    .ml-md-n6 {
        margin-left: -30px !important
    }

    .ml-md-n7 {
        margin-left: -35px !important
    }

    .ml-md-n8 {
        margin-left: -40px !important
    }

    .ml-md-n9 {
        margin-left: -45px !important
    }

    .ml-md-n10 {
        margin-left: -50px !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: 5px !important
    }

    .p-md-2 {
        padding: 10px !important
    }

    .p-md-3 {
        padding: 15px !important
    }

    .p-md-4 {
        padding: 20px !important
    }

    .p-md-5 {
        padding: 25px !important
    }

    .p-md-6 {
        padding: 30px !important
    }

    .p-md-7 {
        padding: 35px !important
    }

    .p-md-8 {
        padding: 40px !important
    }

    .p-md-9 {
        padding: 45px !important
    }

    .p-md-10 {
        padding: 50px !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .px-md-2 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .px-md-3 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .px-md-4 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .px-md-5 {
        padding-right: 25px !important;
        padding-left: 25px !important
    }

    .px-md-6 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .px-md-7 {
        padding-right: 35px !important;
        padding-left: 35px !important
    }

    .px-md-8 {
        padding-right: 40px !important;
        padding-left: 40px !important
    }

    .px-md-9 {
        padding-right: 45px !important;
        padding-left: 45px !important
    }

    .px-md-10 {
        padding-right: 50px !important;
        padding-left: 50px !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .py-md-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .py-md-3 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .py-md-4 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .py-md-5 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }

    .py-md-6 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .py-md-7 {
        padding-top: 35px !important;
        padding-bottom: 35px !important
    }

    .py-md-8 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .py-md-9 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }

    .py-md-10 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: 5px !important
    }

    .pt-md-2 {
        padding-top: 10px !important
    }

    .pt-md-3 {
        padding-top: 15px !important
    }

    .pt-md-4 {
        padding-top: 20px !important
    }

    .pt-md-5 {
        padding-top: 25px !important
    }

    .pt-md-6 {
        padding-top: 30px !important
    }

    .pt-md-7 {
        padding-top: 35px !important
    }

    .pt-md-8 {
        padding-top: 40px !important
    }

    .pt-md-9 {
        padding-top: 45px !important
    }

    .pt-md-10 {
        padding-top: 50px !important
    }

    .pr-md-0 {
        padding-right: 0 !important
    }

    .pr-md-1 {
        padding-right: 5px !important
    }

    .pr-md-2 {
        padding-right: 10px !important
    }

    .pr-md-3 {
        padding-right: 15px !important
    }

    .pr-md-4 {
        padding-right: 20px !important
    }

    .pr-md-5 {
        padding-right: 25px !important
    }

    .pr-md-6 {
        padding-right: 30px !important
    }

    .pr-md-7 {
        padding-right: 35px !important
    }

    .pr-md-8 {
        padding-right: 40px !important
    }

    .pr-md-9 {
        padding-right: 45px !important
    }

    .pr-md-10 {
        padding-right: 50px !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: 5px !important
    }

    .pb-md-2 {
        padding-bottom: 10px !important
    }

    .pb-md-3 {
        padding-bottom: 15px !important
    }

    .pb-md-4 {
        padding-bottom: 20px !important
    }

    .pb-md-5 {
        padding-bottom: 25px !important
    }

    .pb-md-6 {
        padding-bottom: 30px !important
    }

    .pb-md-7 {
        padding-bottom: 35px !important
    }

    .pb-md-8 {
        padding-bottom: 40px !important
    }

    .pb-md-9 {
        padding-bottom: 45px !important
    }

    .pb-md-10 {
        padding-bottom: 50px !important
    }

    .pl-md-0 {
        padding-left: 0 !important
    }

    .pl-md-1 {
        padding-left: 5px !important
    }

    .pl-md-2 {
        padding-left: 10px !important
    }

    .pl-md-3 {
        padding-left: 15px !important
    }

    .pl-md-4 {
        padding-left: 20px !important
    }

    .pl-md-5 {
        padding-left: 25px !important
    }

    .pl-md-6 {
        padding-left: 30px !important
    }

    .pl-md-7 {
        padding-left: 35px !important
    }

    .pl-md-8 {
        padding-left: 40px !important
    }

    .pl-md-9 {
        padding-left: 45px !important
    }

    .pl-md-10 {
        padding-left: 50px !important
    }

    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:1280px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        -webkit-box-pack: space-evenly !important;
        -webkit-justify-content: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0 !important;
        -webkit-order: -1 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1 !important;
        -webkit-order: 0 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2 !important;
        -webkit-order: 1 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3 !important;
        -webkit-order: 2 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4 !important;
        -webkit-order: 3 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5 !important;
        -webkit-order: 4 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6 !important;
        -webkit-order: 5 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 7 !important;
        -webkit-order: 6 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: 5px !important
    }

    .m-lg-2 {
        margin: 10px !important
    }

    .m-lg-3 {
        margin: 15px !important
    }

    .m-lg-4 {
        margin: 20px !important
    }

    .m-lg-5 {
        margin: 25px !important
    }

    .m-lg-6 {
        margin: 30px !important
    }

    .m-lg-7 {
        margin: 35px !important
    }

    .m-lg-8 {
        margin: 40px !important
    }

    .m-lg-9 {
        margin: 45px !important
    }

    .m-lg-10 {
        margin: 50px !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .mx-lg-2 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .mx-lg-3 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .mx-lg-4 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }

    .mx-lg-5 {
        margin-right: 25px !important;
        margin-left: 25px !important
    }

    .mx-lg-6 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .mx-lg-7 {
        margin-right: 35px !important;
        margin-left: 35px !important
    }

    .mx-lg-8 {
        margin-right: 40px !important;
        margin-left: 40px !important
    }

    .mx-lg-9 {
        margin-right: 45px !important;
        margin-left: 45px !important
    }

    .mx-lg-10 {
        margin-right: 50px !important;
        margin-left: 50px !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .my-lg-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .my-lg-3 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .my-lg-4 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .my-lg-5 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }

    .my-lg-6 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .my-lg-7 {
        margin-top: 35px !important;
        margin-bottom: 35px !important
    }

    .my-lg-8 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .my-lg-9 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }

    .my-lg-10 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: 5px !important
    }

    .mt-lg-2 {
        margin-top: 10px !important
    }

    .mt-lg-3 {
        margin-top: 15px !important
    }

    .mt-lg-4 {
        margin-top: 20px !important
    }

    .mt-lg-5 {
        margin-top: 25px !important
    }

    .mt-lg-6 {
        margin-top: 30px !important
    }

    .mt-lg-7 {
        margin-top: 35px !important
    }

    .mt-lg-8 {
        margin-top: 40px !important
    }

    .mt-lg-9 {
        margin-top: 45px !important
    }

    .mt-lg-10 {
        margin-top: 50px !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-0 {
        margin-right: 0 !important
    }

    .mr-lg-1 {
        margin-right: 5px !important
    }

    .mr-lg-2 {
        margin-right: 10px !important
    }

    .mr-lg-3 {
        margin-right: 15px !important
    }

    .mr-lg-4 {
        margin-right: 20px !important
    }

    .mr-lg-5 {
        margin-right: 25px !important
    }

    .mr-lg-6 {
        margin-right: 30px !important
    }

    .mr-lg-7 {
        margin-right: 35px !important
    }

    .mr-lg-8 {
        margin-right: 40px !important
    }

    .mr-lg-9 {
        margin-right: 45px !important
    }

    .mr-lg-10 {
        margin-right: 50px !important
    }

    .mr-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: 5px !important
    }

    .mb-lg-2 {
        margin-bottom: 10px !important
    }

    .mb-lg-3 {
        margin-bottom: 15px !important
    }

    .mb-lg-4 {
        margin-bottom: 20px !important
    }

    .mb-lg-5 {
        margin-bottom: 25px !important
    }

    .mb-lg-6 {
        margin-bottom: 30px !important
    }

    .mb-lg-7 {
        margin-bottom: 35px !important
    }

    .mb-lg-8 {
        margin-bottom: 40px !important
    }

    .mb-lg-9 {
        margin-bottom: 45px !important
    }

    .mb-lg-10 {
        margin-bottom: 50px !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-0 {
        margin-left: 0 !important
    }

    .ml-lg-1 {
        margin-left: 5px !important
    }

    .ml-lg-2 {
        margin-left: 10px !important
    }

    .ml-lg-3 {
        margin-left: 15px !important
    }

    .ml-lg-4 {
        margin-left: 20px !important
    }

    .ml-lg-5 {
        margin-left: 25px !important
    }

    .ml-lg-6 {
        margin-left: 30px !important
    }

    .ml-lg-7 {
        margin-left: 35px !important
    }

    .ml-lg-8 {
        margin-left: 40px !important
    }

    .ml-lg-9 {
        margin-left: 45px !important
    }

    .ml-lg-10 {
        margin-left: 50px !important
    }

    .ml-lg-auto {
        margin-left: auto !important
    }

    .m-lg-n1 {
        margin: -5px !important
    }

    .m-lg-n2 {
        margin: -10px !important
    }

    .m-lg-n3 {
        margin: -15px !important
    }

    .m-lg-n4 {
        margin: -20px !important
    }

    .m-lg-n5 {
        margin: -25px !important
    }

    .m-lg-n6 {
        margin: -30px !important
    }

    .m-lg-n7 {
        margin: -35px !important
    }

    .m-lg-n8 {
        margin: -40px !important
    }

    .m-lg-n9 {
        margin: -45px !important
    }

    .m-lg-n10 {
        margin: -50px !important
    }

    .mx-lg-n1 {
        margin-right: -5px !important;
        margin-left: -5px !important
    }

    .mx-lg-n2 {
        margin-right: -10px !important;
        margin-left: -10px !important
    }

    .mx-lg-n3 {
        margin-right: -15px !important;
        margin-left: -15px !important
    }

    .mx-lg-n4 {
        margin-right: -20px !important;
        margin-left: -20px !important
    }

    .mx-lg-n5 {
        margin-right: -25px !important;
        margin-left: -25px !important
    }

    .mx-lg-n6 {
        margin-right: -30px !important;
        margin-left: -30px !important
    }

    .mx-lg-n7 {
        margin-right: -35px !important;
        margin-left: -35px !important
    }

    .mx-lg-n8 {
        margin-right: -40px !important;
        margin-left: -40px !important
    }

    .mx-lg-n9 {
        margin-right: -45px !important;
        margin-left: -45px !important
    }

    .mx-lg-n10 {
        margin-right: -50px !important;
        margin-left: -50px !important
    }

    .my-lg-n1 {
        margin-top: -5px !important;
        margin-bottom: -5px !important
    }

    .my-lg-n2 {
        margin-top: -10px !important;
        margin-bottom: -10px !important
    }

    .my-lg-n3 {
        margin-top: -15px !important;
        margin-bottom: -15px !important
    }

    .my-lg-n4 {
        margin-top: -20px !important;
        margin-bottom: -20px !important
    }

    .my-lg-n5 {
        margin-top: -25px !important;
        margin-bottom: -25px !important
    }

    .my-lg-n6 {
        margin-top: -30px !important;
        margin-bottom: -30px !important
    }

    .my-lg-n7 {
        margin-top: -35px !important;
        margin-bottom: -35px !important
    }

    .my-lg-n8 {
        margin-top: -40px !important;
        margin-bottom: -40px !important
    }

    .my-lg-n9 {
        margin-top: -45px !important;
        margin-bottom: -45px !important
    }

    .my-lg-n10 {
        margin-top: -50px !important;
        margin-bottom: -50px !important
    }

    .mt-lg-n1 {
        margin-top: -5px !important
    }

    .mt-lg-n2 {
        margin-top: -10px !important
    }

    .mt-lg-n3 {
        margin-top: -15px !important
    }

    .mt-lg-n4 {
        margin-top: -20px !important
    }

    .mt-lg-n5 {
        margin-top: -25px !important
    }

    .mt-lg-n6 {
        margin-top: -30px !important
    }

    .mt-lg-n7 {
        margin-top: -35px !important
    }

    .mt-lg-n8 {
        margin-top: -40px !important
    }

    .mt-lg-n9 {
        margin-top: -45px !important
    }

    .mt-lg-n10 {
        margin-top: -50px !important
    }

    .mr-lg-n1 {
        margin-right: -5px !important
    }

    .mr-lg-n2 {
        margin-right: -10px !important
    }

    .mr-lg-n3 {
        margin-right: -15px !important
    }

    .mr-lg-n4 {
        margin-right: -20px !important
    }

    .mr-lg-n5 {
        margin-right: -25px !important
    }

    .mr-lg-n6 {
        margin-right: -30px !important
    }

    .mr-lg-n7 {
        margin-right: -35px !important
    }

    .mr-lg-n8 {
        margin-right: -40px !important
    }

    .mr-lg-n9 {
        margin-right: -45px !important
    }

    .mr-lg-n10 {
        margin-right: -50px !important
    }

    .mb-lg-n1 {
        margin-bottom: -5px !important
    }

    .mb-lg-n2 {
        margin-bottom: -10px !important
    }

    .mb-lg-n3 {
        margin-bottom: -15px !important
    }

    .mb-lg-n4 {
        margin-bottom: -20px !important
    }

    .mb-lg-n5 {
        margin-bottom: -25px !important
    }

    .mb-lg-n6 {
        margin-bottom: -30px !important
    }

    .mb-lg-n7 {
        margin-bottom: -35px !important
    }

    .mb-lg-n8 {
        margin-bottom: -40px !important
    }

    .mb-lg-n9 {
        margin-bottom: -45px !important
    }

    .mb-lg-n10 {
        margin-bottom: -50px !important
    }

    .ml-lg-n1 {
        margin-left: -5px !important
    }

    .ml-lg-n2 {
        margin-left: -10px !important
    }

    .ml-lg-n3 {
        margin-left: -15px !important
    }

    .ml-lg-n4 {
        margin-left: -20px !important
    }

    .ml-lg-n5 {
        margin-left: -25px !important
    }

    .ml-lg-n6 {
        margin-left: -30px !important
    }

    .ml-lg-n7 {
        margin-left: -35px !important
    }

    .ml-lg-n8 {
        margin-left: -40px !important
    }

    .ml-lg-n9 {
        margin-left: -45px !important
    }

    .ml-lg-n10 {
        margin-left: -50px !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: 5px !important
    }

    .p-lg-2 {
        padding: 10px !important
    }

    .p-lg-3 {
        padding: 15px !important
    }

    .p-lg-4 {
        padding: 20px !important
    }

    .p-lg-5 {
        padding: 25px !important
    }

    .p-lg-6 {
        padding: 30px !important
    }

    .p-lg-7 {
        padding: 35px !important
    }

    .p-lg-8 {
        padding: 40px !important
    }

    .p-lg-9 {
        padding: 45px !important
    }

    .p-lg-10 {
        padding: 50px !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .px-lg-2 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .px-lg-3 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .px-lg-4 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .px-lg-5 {
        padding-right: 25px !important;
        padding-left: 25px !important
    }

    .px-lg-6 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .px-lg-7 {
        padding-right: 35px !important;
        padding-left: 35px !important
    }

    .px-lg-8 {
        padding-right: 40px !important;
        padding-left: 40px !important
    }

    .px-lg-9 {
        padding-right: 45px !important;
        padding-left: 45px !important
    }

    .px-lg-10 {
        padding-right: 50px !important;
        padding-left: 50px !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .py-lg-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .py-lg-3 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .py-lg-4 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .py-lg-5 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }

    .py-lg-6 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .py-lg-7 {
        padding-top: 35px !important;
        padding-bottom: 35px !important
    }

    .py-lg-8 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .py-lg-9 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }

    .py-lg-10 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: 5px !important
    }

    .pt-lg-2 {
        padding-top: 10px !important
    }

    .pt-lg-3 {
        padding-top: 15px !important
    }

    .pt-lg-4 {
        padding-top: 20px !important
    }

    .pt-lg-5 {
        padding-top: 25px !important
    }

    .pt-lg-6 {
        padding-top: 30px !important
    }

    .pt-lg-7 {
        padding-top: 35px !important
    }

    .pt-lg-8 {
        padding-top: 40px !important
    }

    .pt-lg-9 {
        padding-top: 45px !important
    }

    .pt-lg-10 {
        padding-top: 50px !important
    }

    .pr-lg-0 {
        padding-right: 0 !important
    }

    .pr-lg-1 {
        padding-right: 5px !important
    }

    .pr-lg-2 {
        padding-right: 10px !important
    }

    .pr-lg-3 {
        padding-right: 15px !important
    }

    .pr-lg-4 {
        padding-right: 20px !important
    }

    .pr-lg-5 {
        padding-right: 25px !important
    }

    .pr-lg-6 {
        padding-right: 30px !important
    }

    .pr-lg-7 {
        padding-right: 35px !important
    }

    .pr-lg-8 {
        padding-right: 40px !important
    }

    .pr-lg-9 {
        padding-right: 45px !important
    }

    .pr-lg-10 {
        padding-right: 50px !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: 5px !important
    }

    .pb-lg-2 {
        padding-bottom: 10px !important
    }

    .pb-lg-3 {
        padding-bottom: 15px !important
    }

    .pb-lg-4 {
        padding-bottom: 20px !important
    }

    .pb-lg-5 {
        padding-bottom: 25px !important
    }

    .pb-lg-6 {
        padding-bottom: 30px !important
    }

    .pb-lg-7 {
        padding-bottom: 35px !important
    }

    .pb-lg-8 {
        padding-bottom: 40px !important
    }

    .pb-lg-9 {
        padding-bottom: 45px !important
    }

    .pb-lg-10 {
        padding-bottom: 50px !important
    }

    .pl-lg-0 {
        padding-left: 0 !important
    }

    .pl-lg-1 {
        padding-left: 5px !important
    }

    .pl-lg-2 {
        padding-left: 10px !important
    }

    .pl-lg-3 {
        padding-left: 15px !important
    }

    .pl-lg-4 {
        padding-left: 20px !important
    }

    .pl-lg-5 {
        padding-left: 25px !important
    }

    .pl-lg-6 {
        padding-left: 30px !important
    }

    .pl-lg-7 {
        padding-left: 35px !important
    }

    .pl-lg-8 {
        padding-left: 40px !important
    }

    .pl-lg-9 {
        padding-left: 45px !important
    }

    .pl-lg-10 {
        padding-left: 50px !important
    }

    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        -webkit-box-pack: space-evenly !important;
        -webkit-justify-content: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0 !important;
        -webkit-order: -1 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1 !important;
        -webkit-order: 0 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2 !important;
        -webkit-order: 1 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3 !important;
        -webkit-order: 2 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4 !important;
        -webkit-order: 3 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5 !important;
        -webkit-order: 4 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6 !important;
        -webkit-order: 5 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 7 !important;
        -webkit-order: 6 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: 5px !important
    }

    .m-xl-2 {
        margin: 10px !important
    }

    .m-xl-3 {
        margin: 15px !important
    }

    .m-xl-4 {
        margin: 20px !important
    }

    .m-xl-5 {
        margin: 25px !important
    }

    .m-xl-6 {
        margin: 30px !important
    }

    .m-xl-7 {
        margin: 35px !important
    }

    .m-xl-8 {
        margin: 40px !important
    }

    .m-xl-9 {
        margin: 45px !important
    }

    .m-xl-10 {
        margin: 50px !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .mx-xl-2 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .mx-xl-3 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .mx-xl-4 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }

    .mx-xl-5 {
        margin-right: 25px !important;
        margin-left: 25px !important
    }

    .mx-xl-6 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .mx-xl-7 {
        margin-right: 35px !important;
        margin-left: 35px !important
    }

    .mx-xl-8 {
        margin-right: 40px !important;
        margin-left: 40px !important
    }

    .mx-xl-9 {
        margin-right: 45px !important;
        margin-left: 45px !important
    }

    .mx-xl-10 {
        margin-right: 50px !important;
        margin-left: 50px !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .my-xl-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .my-xl-3 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .my-xl-4 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .my-xl-5 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }

    .my-xl-6 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .my-xl-7 {
        margin-top: 35px !important;
        margin-bottom: 35px !important
    }

    .my-xl-8 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .my-xl-9 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }

    .my-xl-10 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: 5px !important
    }

    .mt-xl-2 {
        margin-top: 10px !important
    }

    .mt-xl-3 {
        margin-top: 15px !important
    }

    .mt-xl-4 {
        margin-top: 20px !important
    }

    .mt-xl-5 {
        margin-top: 25px !important
    }

    .mt-xl-6 {
        margin-top: 30px !important
    }

    .mt-xl-7 {
        margin-top: 35px !important
    }

    .mt-xl-8 {
        margin-top: 40px !important
    }

    .mt-xl-9 {
        margin-top: 45px !important
    }

    .mt-xl-10 {
        margin-top: 50px !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-0 {
        margin-right: 0 !important
    }

    .mr-xl-1 {
        margin-right: 5px !important
    }

    .mr-xl-2 {
        margin-right: 10px !important
    }

    .mr-xl-3 {
        margin-right: 15px !important
    }

    .mr-xl-4 {
        margin-right: 20px !important
    }

    .mr-xl-5 {
        margin-right: 25px !important
    }

    .mr-xl-6 {
        margin-right: 30px !important
    }

    .mr-xl-7 {
        margin-right: 35px !important
    }

    .mr-xl-8 {
        margin-right: 40px !important
    }

    .mr-xl-9 {
        margin-right: 45px !important
    }

    .mr-xl-10 {
        margin-right: 50px !important
    }

    .mr-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: 5px !important
    }

    .mb-xl-2 {
        margin-bottom: 10px !important
    }

    .mb-xl-3 {
        margin-bottom: 15px !important
    }

    .mb-xl-4 {
        margin-bottom: 20px !important
    }

    .mb-xl-5 {
        margin-bottom: 25px !important
    }

    .mb-xl-6 {
        margin-bottom: 30px !important
    }

    .mb-xl-7 {
        margin-bottom: 35px !important
    }

    .mb-xl-8 {
        margin-bottom: 40px !important
    }

    .mb-xl-9 {
        margin-bottom: 45px !important
    }

    .mb-xl-10 {
        margin-bottom: 50px !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-0 {
        margin-left: 0 !important
    }

    .ml-xl-1 {
        margin-left: 5px !important
    }

    .ml-xl-2 {
        margin-left: 10px !important
    }

    .ml-xl-3 {
        margin-left: 15px !important
    }

    .ml-xl-4 {
        margin-left: 20px !important
    }

    .ml-xl-5 {
        margin-left: 25px !important
    }

    .ml-xl-6 {
        margin-left: 30px !important
    }

    .ml-xl-7 {
        margin-left: 35px !important
    }

    .ml-xl-8 {
        margin-left: 40px !important
    }

    .ml-xl-9 {
        margin-left: 45px !important
    }

    .ml-xl-10 {
        margin-left: 50px !important
    }

    .ml-xl-auto {
        margin-left: auto !important
    }

    .m-xl-n1 {
        margin: -5px !important
    }

    .m-xl-n2 {
        margin: -10px !important
    }

    .m-xl-n3 {
        margin: -15px !important
    }

    .m-xl-n4 {
        margin: -20px !important
    }

    .m-xl-n5 {
        margin: -25px !important
    }

    .m-xl-n6 {
        margin: -30px !important
    }

    .m-xl-n7 {
        margin: -35px !important
    }

    .m-xl-n8 {
        margin: -40px !important
    }

    .m-xl-n9 {
        margin: -45px !important
    }

    .m-xl-n10 {
        margin: -50px !important
    }

    .mx-xl-n1 {
        margin-right: -5px !important;
        margin-left: -5px !important
    }

    .mx-xl-n2 {
        margin-right: -10px !important;
        margin-left: -10px !important
    }

    .mx-xl-n3 {
        margin-right: -15px !important;
        margin-left: -15px !important
    }

    .mx-xl-n4 {
        margin-right: -20px !important;
        margin-left: -20px !important
    }

    .mx-xl-n5 {
        margin-right: -25px !important;
        margin-left: -25px !important
    }

    .mx-xl-n6 {
        margin-right: -30px !important;
        margin-left: -30px !important
    }

    .mx-xl-n7 {
        margin-right: -35px !important;
        margin-left: -35px !important
    }

    .mx-xl-n8 {
        margin-right: -40px !important;
        margin-left: -40px !important
    }

    .mx-xl-n9 {
        margin-right: -45px !important;
        margin-left: -45px !important
    }

    .mx-xl-n10 {
        margin-right: -50px !important;
        margin-left: -50px !important
    }

    .my-xl-n1 {
        margin-top: -5px !important;
        margin-bottom: -5px !important
    }

    .my-xl-n2 {
        margin-top: -10px !important;
        margin-bottom: -10px !important
    }

    .my-xl-n3 {
        margin-top: -15px !important;
        margin-bottom: -15px !important
    }

    .my-xl-n4 {
        margin-top: -20px !important;
        margin-bottom: -20px !important
    }

    .my-xl-n5 {
        margin-top: -25px !important;
        margin-bottom: -25px !important
    }

    .my-xl-n6 {
        margin-top: -30px !important;
        margin-bottom: -30px !important
    }

    .my-xl-n7 {
        margin-top: -35px !important;
        margin-bottom: -35px !important
    }

    .my-xl-n8 {
        margin-top: -40px !important;
        margin-bottom: -40px !important
    }

    .my-xl-n9 {
        margin-top: -45px !important;
        margin-bottom: -45px !important
    }

    .my-xl-n10 {
        margin-top: -50px !important;
        margin-bottom: -50px !important
    }

    .mt-xl-n1 {
        margin-top: -5px !important
    }

    .mt-xl-n2 {
        margin-top: -10px !important
    }

    .mt-xl-n3 {
        margin-top: -15px !important
    }

    .mt-xl-n4 {
        margin-top: -20px !important
    }

    .mt-xl-n5 {
        margin-top: -25px !important
    }

    .mt-xl-n6 {
        margin-top: -30px !important
    }

    .mt-xl-n7 {
        margin-top: -35px !important
    }

    .mt-xl-n8 {
        margin-top: -40px !important
    }

    .mt-xl-n9 {
        margin-top: -45px !important
    }

    .mt-xl-n10 {
        margin-top: -50px !important
    }

    .mr-xl-n1 {
        margin-right: -5px !important
    }

    .mr-xl-n2 {
        margin-right: -10px !important
    }

    .mr-xl-n3 {
        margin-right: -15px !important
    }

    .mr-xl-n4 {
        margin-right: -20px !important
    }

    .mr-xl-n5 {
        margin-right: -25px !important
    }

    .mr-xl-n6 {
        margin-right: -30px !important
    }

    .mr-xl-n7 {
        margin-right: -35px !important
    }

    .mr-xl-n8 {
        margin-right: -40px !important
    }

    .mr-xl-n9 {
        margin-right: -45px !important
    }

    .mr-xl-n10 {
        margin-right: -50px !important
    }

    .mb-xl-n1 {
        margin-bottom: -5px !important
    }

    .mb-xl-n2 {
        margin-bottom: -10px !important
    }

    .mb-xl-n3 {
        margin-bottom: -15px !important
    }

    .mb-xl-n4 {
        margin-bottom: -20px !important
    }

    .mb-xl-n5 {
        margin-bottom: -25px !important
    }

    .mb-xl-n6 {
        margin-bottom: -30px !important
    }

    .mb-xl-n7 {
        margin-bottom: -35px !important
    }

    .mb-xl-n8 {
        margin-bottom: -40px !important
    }

    .mb-xl-n9 {
        margin-bottom: -45px !important
    }

    .mb-xl-n10 {
        margin-bottom: -50px !important
    }

    .ml-xl-n1 {
        margin-left: -5px !important
    }

    .ml-xl-n2 {
        margin-left: -10px !important
    }

    .ml-xl-n3 {
        margin-left: -15px !important
    }

    .ml-xl-n4 {
        margin-left: -20px !important
    }

    .ml-xl-n5 {
        margin-left: -25px !important
    }

    .ml-xl-n6 {
        margin-left: -30px !important
    }

    .ml-xl-n7 {
        margin-left: -35px !important
    }

    .ml-xl-n8 {
        margin-left: -40px !important
    }

    .ml-xl-n9 {
        margin-left: -45px !important
    }

    .ml-xl-n10 {
        margin-left: -50px !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: 5px !important
    }

    .p-xl-2 {
        padding: 10px !important
    }

    .p-xl-3 {
        padding: 15px !important
    }

    .p-xl-4 {
        padding: 20px !important
    }

    .p-xl-5 {
        padding: 25px !important
    }

    .p-xl-6 {
        padding: 30px !important
    }

    .p-xl-7 {
        padding: 35px !important
    }

    .p-xl-8 {
        padding: 40px !important
    }

    .p-xl-9 {
        padding: 45px !important
    }

    .p-xl-10 {
        padding: 50px !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .px-xl-2 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .px-xl-3 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .px-xl-4 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .px-xl-5 {
        padding-right: 25px !important;
        padding-left: 25px !important
    }

    .px-xl-6 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .px-xl-7 {
        padding-right: 35px !important;
        padding-left: 35px !important
    }

    .px-xl-8 {
        padding-right: 40px !important;
        padding-left: 40px !important
    }

    .px-xl-9 {
        padding-right: 45px !important;
        padding-left: 45px !important
    }

    .px-xl-10 {
        padding-right: 50px !important;
        padding-left: 50px !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .py-xl-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .py-xl-3 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .py-xl-4 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .py-xl-5 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }

    .py-xl-6 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .py-xl-7 {
        padding-top: 35px !important;
        padding-bottom: 35px !important
    }

    .py-xl-8 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .py-xl-9 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }

    .py-xl-10 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: 5px !important
    }

    .pt-xl-2 {
        padding-top: 10px !important
    }

    .pt-xl-3 {
        padding-top: 15px !important
    }

    .pt-xl-4 {
        padding-top: 20px !important
    }

    .pt-xl-5 {
        padding-top: 25px !important
    }

    .pt-xl-6 {
        padding-top: 30px !important
    }

    .pt-xl-7 {
        padding-top: 35px !important
    }

    .pt-xl-8 {
        padding-top: 40px !important
    }

    .pt-xl-9 {
        padding-top: 45px !important
    }

    .pt-xl-10 {
        padding-top: 50px !important
    }

    .pr-xl-0 {
        padding-right: 0 !important
    }

    .pr-xl-1 {
        padding-right: 5px !important
    }

    .pr-xl-2 {
        padding-right: 10px !important
    }

    .pr-xl-3 {
        padding-right: 15px !important
    }

    .pr-xl-4 {
        padding-right: 20px !important
    }

    .pr-xl-5 {
        padding-right: 25px !important
    }

    .pr-xl-6 {
        padding-right: 30px !important
    }

    .pr-xl-7 {
        padding-right: 35px !important
    }

    .pr-xl-8 {
        padding-right: 40px !important
    }

    .pr-xl-9 {
        padding-right: 45px !important
    }

    .pr-xl-10 {
        padding-right: 50px !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: 5px !important
    }

    .pb-xl-2 {
        padding-bottom: 10px !important
    }

    .pb-xl-3 {
        padding-bottom: 15px !important
    }

    .pb-xl-4 {
        padding-bottom: 20px !important
    }

    .pb-xl-5 {
        padding-bottom: 25px !important
    }

    .pb-xl-6 {
        padding-bottom: 30px !important
    }

    .pb-xl-7 {
        padding-bottom: 35px !important
    }

    .pb-xl-8 {
        padding-bottom: 40px !important
    }

    .pb-xl-9 {
        padding-bottom: 45px !important
    }

    .pb-xl-10 {
        padding-bottom: 50px !important
    }

    .pl-xl-0 {
        padding-left: 0 !important
    }

    .pl-xl-1 {
        padding-left: 5px !important
    }

    .pl-xl-2 {
        padding-left: 10px !important
    }

    .pl-xl-3 {
        padding-left: 15px !important
    }

    .pl-xl-4 {
        padding-left: 20px !important
    }

    .pl-xl-5 {
        padding-left: 25px !important
    }

    .pl-xl-6 {
        padding-left: 30px !important
    }

    .pl-xl-7 {
        padding-left: 35px !important
    }

    .pl-xl-8 {
        padding-left: 40px !important
    }

    .pl-xl-9 {
        padding-left: 45px !important
    }

    .pl-xl-10 {
        padding-left: 50px !important
    }

    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width: 1600px) {
    .float-xxl-left {
        float: left !important
    }

    .float-xxl-right {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xxl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xxl-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        -webkit-box-pack: space-evenly !important;
        -webkit-justify-content: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xxl-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xxl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xxl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xxl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xxl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xxl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }

    .order-xxl-first {
        -webkit-box-ordinal-group: 0 !important;
        -webkit-order: -1 !important;
        -ms-flex-order: -1 !important;
        order: -1 !important
    }

    .order-xxl-0 {
        -webkit-box-ordinal-group: 1 !important;
        -webkit-order: 0 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important
    }

    .order-xxl-1 {
        -webkit-box-ordinal-group: 2 !important;
        -webkit-order: 1 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important
    }

    .order-xxl-2 {
        -webkit-box-ordinal-group: 3 !important;
        -webkit-order: 2 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important
    }

    .order-xxl-3 {
        -webkit-box-ordinal-group: 4 !important;
        -webkit-order: 3 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important
    }

    .order-xxl-4 {
        -webkit-box-ordinal-group: 5 !important;
        -webkit-order: 4 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important
    }

    .order-xxl-5 {
        -webkit-box-ordinal-group: 6 !important;
        -webkit-order: 5 !important;
        -ms-flex-order: 5 !important;
        order: 5 !important
    }

    .order-xxl-last {
        -webkit-box-ordinal-group: 7 !important;
        -webkit-order: 6 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: 5px !important
    }

    .m-xxl-2 {
        margin: 10px !important
    }

    .m-xxl-3 {
        margin: 15px !important
    }

    .m-xxl-4 {
        margin: 20px !important
    }

    .m-xxl-5 {
        margin: 25px !important
    }

    .m-xxl-6 {
        margin: 30px !important
    }

    .m-xxl-7 {
        margin: 35px !important
    }

    .m-xxl-8 {
        margin: 40px !important
    }

    .m-xxl-9 {
        margin: 45px !important
    }

    .m-xxl-10 {
        margin: 50px !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .mx-xxl-2 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .mx-xxl-3 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .mx-xxl-4 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }

    .mx-xxl-5 {
        margin-right: 25px !important;
        margin-left: 25px !important
    }

    .mx-xxl-6 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .mx-xxl-7 {
        margin-right: 35px !important;
        margin-left: 35px !important
    }

    .mx-xxl-8 {
        margin-right: 40px !important;
        margin-left: 40px !important
    }

    .mx-xxl-9 {
        margin-right: 45px !important;
        margin-left: 45px !important
    }

    .mx-xxl-10 {
        margin-right: 50px !important;
        margin-left: 50px !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .my-xxl-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .my-xxl-3 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .my-xxl-4 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .my-xxl-5 {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }

    .my-xxl-6 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .my-xxl-7 {
        margin-top: 35px !important;
        margin-bottom: 35px !important
    }

    .my-xxl-8 {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }

    .my-xxl-9 {
        margin-top: 45px !important;
        margin-bottom: 45px !important
    }

    .my-xxl-10 {
        margin-top: 50px !important;
        margin-bottom: 50px !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: 5px !important
    }

    .mt-xxl-2 {
        margin-top: 10px !important
    }

    .mt-xxl-3 {
        margin-top: 15px !important
    }

    .mt-xxl-4 {
        margin-top: 20px !important
    }

    .mt-xxl-5 {
        margin-top: 25px !important
    }

    .mt-xxl-6 {
        margin-top: 30px !important
    }

    .mt-xxl-7 {
        margin-top: 35px !important
    }

    .mt-xxl-8 {
        margin-top: 40px !important
    }

    .mt-xxl-9 {
        margin-top: 45px !important
    }

    .mt-xxl-10 {
        margin-top: 50px !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .mr-xxl-0 {
        margin-right: 0 !important
    }

    .mr-xxl-1 {
        margin-right: 5px !important
    }

    .mr-xxl-2 {
        margin-right: 10px !important
    }

    .mr-xxl-3 {
        margin-right: 15px !important
    }

    .mr-xxl-4 {
        margin-right: 20px !important
    }

    .mr-xxl-5 {
        margin-right: 25px !important
    }

    .mr-xxl-6 {
        margin-right: 30px !important
    }

    .mr-xxl-7 {
        margin-right: 35px !important
    }

    .mr-xxl-8 {
        margin-right: 40px !important
    }

    .mr-xxl-9 {
        margin-right: 45px !important
    }

    .mr-xxl-10 {
        margin-right: 50px !important
    }

    .mr-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: 5px !important
    }

    .mb-xxl-2 {
        margin-bottom: 10px !important
    }

    .mb-xxl-3 {
        margin-bottom: 15px !important
    }

    .mb-xxl-4 {
        margin-bottom: 20px !important
    }

    .mb-xxl-5 {
        margin-bottom: 25px !important
    }

    .mb-xxl-6 {
        margin-bottom: 30px !important
    }

    .mb-xxl-7 {
        margin-bottom: 35px !important
    }

    .mb-xxl-8 {
        margin-bottom: 40px !important
    }

    .mb-xxl-9 {
        margin-bottom: 45px !important
    }

    .mb-xxl-10 {
        margin-bottom: 50px !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ml-xxl-0 {
        margin-left: 0 !important
    }

    .ml-xxl-1 {
        margin-left: 5px !important
    }

    .ml-xxl-2 {
        margin-left: 10px !important
    }

    .ml-xxl-3 {
        margin-left: 15px !important
    }

    .ml-xxl-4 {
        margin-left: 20px !important
    }

    .ml-xxl-5 {
        margin-left: 25px !important
    }

    .ml-xxl-6 {
        margin-left: 30px !important
    }

    .ml-xxl-7 {
        margin-left: 35px !important
    }

    .ml-xxl-8 {
        margin-left: 40px !important
    }

    .ml-xxl-9 {
        margin-left: 45px !important
    }

    .ml-xxl-10 {
        margin-left: 50px !important
    }

    .ml-xxl-auto {
        margin-left: auto !important
    }

    .m-xxl-n1 {
        margin: -5px !important
    }

    .m-xxl-n2 {
        margin: -10px !important
    }

    .m-xxl-n3 {
        margin: -15px !important
    }

    .m-xxl-n4 {
        margin: -20px !important
    }

    .m-xxl-n5 {
        margin: -25px !important
    }

    .m-xxl-n6 {
        margin: -30px !important
    }

    .m-xxl-n7 {
        margin: -35px !important
    }

    .m-xxl-n8 {
        margin: -40px !important
    }

    .m-xxl-n9 {
        margin: -45px !important
    }

    .m-xxl-n10 {
        margin: -50px !important
    }

    .mx-xxl-n1 {
        margin-right: -5px !important;
        margin-left: -5px !important
    }

    .mx-xxl-n2 {
        margin-right: -10px !important;
        margin-left: -10px !important
    }

    .mx-xxl-n3 {
        margin-right: -15px !important;
        margin-left: -15px !important
    }

    .mx-xxl-n4 {
        margin-right: -20px !important;
        margin-left: -20px !important
    }

    .mx-xxl-n5 {
        margin-right: -25px !important;
        margin-left: -25px !important
    }

    .mx-xxl-n6 {
        margin-right: -30px !important;
        margin-left: -30px !important
    }

    .mx-xxl-n7 {
        margin-right: -35px !important;
        margin-left: -35px !important
    }

    .mx-xxl-n8 {
        margin-right: -40px !important;
        margin-left: -40px !important
    }

    .mx-xxl-n9 {
        margin-right: -45px !important;
        margin-left: -45px !important
    }

    .mx-xxl-n10 {
        margin-right: -50px !important;
        margin-left: -50px !important
    }

    .my-xxl-n1 {
        margin-top: -5px !important;
        margin-bottom: -5px !important
    }

    .my-xxl-n2 {
        margin-top: -10px !important;
        margin-bottom: -10px !important
    }

    .my-xxl-n3 {
        margin-top: -15px !important;
        margin-bottom: -15px !important
    }

    .my-xxl-n4 {
        margin-top: -20px !important;
        margin-bottom: -20px !important
    }

    .my-xxl-n5 {
        margin-top: -25px !important;
        margin-bottom: -25px !important
    }

    .my-xxl-n6 {
        margin-top: -30px !important;
        margin-bottom: -30px !important
    }

    .my-xxl-n7 {
        margin-top: -35px !important;
        margin-bottom: -35px !important
    }

    .my-xxl-n8 {
        margin-top: -40px !important;
        margin-bottom: -40px !important
    }

    .my-xxl-n9 {
        margin-top: -45px !important;
        margin-bottom: -45px !important
    }

    .my-xxl-n10 {
        margin-top: -50px !important;
        margin-bottom: -50px !important
    }

    .mt-xxl-n1 {
        margin-top: -5px !important
    }

    .mt-xxl-n2 {
        margin-top: -10px !important
    }

    .mt-xxl-n3 {
        margin-top: -15px !important
    }

    .mt-xxl-n4 {
        margin-top: -20px !important
    }

    .mt-xxl-n5 {
        margin-top: -25px !important
    }

    .mt-xxl-n6 {
        margin-top: -30px !important
    }

    .mt-xxl-n7 {
        margin-top: -35px !important
    }

    .mt-xxl-n8 {
        margin-top: -40px !important
    }

    .mt-xxl-n9 {
        margin-top: -45px !important
    }

    .mt-xxl-n10 {
        margin-top: -50px !important
    }

    .mr-xxl-n1 {
        margin-right: -5px !important
    }

    .mr-xxl-n2 {
        margin-right: -10px !important
    }

    .mr-xxl-n3 {
        margin-right: -15px !important
    }

    .mr-xxl-n4 {
        margin-right: -20px !important
    }

    .mr-xxl-n5 {
        margin-right: -25px !important
    }

    .mr-xxl-n6 {
        margin-right: -30px !important
    }

    .mr-xxl-n7 {
        margin-right: -35px !important
    }

    .mr-xxl-n8 {
        margin-right: -40px !important
    }

    .mr-xxl-n9 {
        margin-right: -45px !important
    }

    .mr-xxl-n10 {
        margin-right: -50px !important
    }

    .mb-xxl-n1 {
        margin-bottom: -5px !important
    }

    .mb-xxl-n2 {
        margin-bottom: -10px !important
    }

    .mb-xxl-n3 {
        margin-bottom: -15px !important
    }

    .mb-xxl-n4 {
        margin-bottom: -20px !important
    }

    .mb-xxl-n5 {
        margin-bottom: -25px !important
    }

    .mb-xxl-n6 {
        margin-bottom: -30px !important
    }

    .mb-xxl-n7 {
        margin-bottom: -35px !important
    }

    .mb-xxl-n8 {
        margin-bottom: -40px !important
    }

    .mb-xxl-n9 {
        margin-bottom: -45px !important
    }

    .mb-xxl-n10 {
        margin-bottom: -50px !important
    }

    .ml-xxl-n1 {
        margin-left: -5px !important
    }

    .ml-xxl-n2 {
        margin-left: -10px !important
    }

    .ml-xxl-n3 {
        margin-left: -15px !important
    }

    .ml-xxl-n4 {
        margin-left: -20px !important
    }

    .ml-xxl-n5 {
        margin-left: -25px !important
    }

    .ml-xxl-n6 {
        margin-left: -30px !important
    }

    .ml-xxl-n7 {
        margin-left: -35px !important
    }

    .ml-xxl-n8 {
        margin-left: -40px !important
    }

    .ml-xxl-n9 {
        margin-left: -45px !important
    }

    .ml-xxl-n10 {
        margin-left: -50px !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: 5px !important
    }

    .p-xxl-2 {
        padding: 10px !important
    }

    .p-xxl-3 {
        padding: 15px !important
    }

    .p-xxl-4 {
        padding: 20px !important
    }

    .p-xxl-5 {
        padding: 25px !important
    }

    .p-xxl-6 {
        padding: 30px !important
    }

    .p-xxl-7 {
        padding: 35px !important
    }

    .p-xxl-8 {
        padding: 40px !important
    }

    .p-xxl-9 {
        padding: 45px !important
    }

    .p-xxl-10 {
        padding: 50px !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .px-xxl-2 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .px-xxl-3 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .px-xxl-4 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .px-xxl-5 {
        padding-right: 25px !important;
        padding-left: 25px !important
    }

    .px-xxl-6 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .px-xxl-7 {
        padding-right: 35px !important;
        padding-left: 35px !important
    }

    .px-xxl-8 {
        padding-right: 40px !important;
        padding-left: 40px !important
    }

    .px-xxl-9 {
        padding-right: 45px !important;
        padding-left: 45px !important
    }

    .px-xxl-10 {
        padding-right: 50px !important;
        padding-left: 50px !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .py-xxl-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .py-xxl-3 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .py-xxl-4 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .py-xxl-5 {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }

    .py-xxl-6 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .py-xxl-7 {
        padding-top: 35px !important;
        padding-bottom: 35px !important
    }

    .py-xxl-8 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .py-xxl-9 {
        padding-top: 45px !important;
        padding-bottom: 45px !important
    }

    .py-xxl-10 {
        padding-top: 50px !important;
        padding-bottom: 50px !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: 5px !important
    }

    .pt-xxl-2 {
        padding-top: 10px !important
    }

    .pt-xxl-3 {
        padding-top: 15px !important
    }

    .pt-xxl-4 {
        padding-top: 20px !important
    }

    .pt-xxl-5 {
        padding-top: 25px !important
    }

    .pt-xxl-6 {
        padding-top: 30px !important
    }

    .pt-xxl-7 {
        padding-top: 35px !important
    }

    .pt-xxl-8 {
        padding-top: 40px !important
    }

    .pt-xxl-9 {
        padding-top: 45px !important
    }

    .pt-xxl-10 {
        padding-top: 50px !important
    }

    .pr-xxl-0 {
        padding-right: 0 !important
    }

    .pr-xxl-1 {
        padding-right: 5px !important
    }

    .pr-xxl-2 {
        padding-right: 10px !important
    }

    .pr-xxl-3 {
        padding-right: 15px !important
    }

    .pr-xxl-4 {
        padding-right: 20px !important
    }

    .pr-xxl-5 {
        padding-right: 25px !important
    }

    .pr-xxl-6 {
        padding-right: 30px !important
    }

    .pr-xxl-7 {
        padding-right: 35px !important
    }

    .pr-xxl-8 {
        padding-right: 40px !important
    }

    .pr-xxl-9 {
        padding-right: 45px !important
    }

    .pr-xxl-10 {
        padding-right: 50px !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: 5px !important
    }

    .pb-xxl-2 {
        padding-bottom: 10px !important
    }

    .pb-xxl-3 {
        padding-bottom: 15px !important
    }

    .pb-xxl-4 {
        padding-bottom: 20px !important
    }

    .pb-xxl-5 {
        padding-bottom: 25px !important
    }

    .pb-xxl-6 {
        padding-bottom: 30px !important
    }

    .pb-xxl-7 {
        padding-bottom: 35px !important
    }

    .pb-xxl-8 {
        padding-bottom: 40px !important
    }

    .pb-xxl-9 {
        padding-bottom: 45px !important
    }

    .pb-xxl-10 {
        padding-bottom: 50px !important
    }

    .pl-xxl-0 {
        padding-left: 0 !important
    }

    .pl-xxl-1 {
        padding-left: 5px !important
    }

    .pl-xxl-2 {
        padding-left: 10px !important
    }

    .pl-xxl-3 {
        padding-left: 15px !important
    }

    .pl-xxl-4 {
        padding-left: 20px !important
    }

    .pl-xxl-5 {
        padding-left: 25px !important
    }

    .pl-xxl-6 {
        padding-left: 30px !important
    }

    .pl-xxl-7 {
        padding-left: 35px !important
    }

    .pl-xxl-8 {
        padding-left: 40px !important
    }

    .pl-xxl-9 {
        padding-left: 45px !important
    }

    .pl-xxl-10 {
        padding-left: 50px !important
    }

    .text-xxl-left {
        text-align: left !important
    }

    .text-xxl-right {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

*, *::after, *::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html, body {
    height: 100%
}

body {
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    position: relative;
    visibility: visible;
    color: #666666;
}

    body[dir="rtl"] {
        text-align: right
    }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

button:focus, .btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

button:active:focus, .btn:active:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

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

img {
    max-width: 100%
}

.img-full {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block
}

a {
    color: inherit;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

    a:hover {
        color: #122179;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

#preloader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    background-color: #FFF
}

.preloader {
    display: inline-block;
    padding: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.desc-content {
    margin-bottom: -5px
}

.section-title .title {
    font-size:28px;
    color: #212121;
    line-height: 1.2;
    margin-top: -10px;
    text-transform: inherit;
    font-weight:400
}

@media (max-width: 767px) {
    .section-title .title {
        font-size:28px
    }
}

@media (max-width: 575px) {
    .section-title .title {
        font-size:26px
    }
}

@media (max-width: 479px) {
    .section-title .title {
        font-size:24px
    }
}

.section-title .sub-title {
    font-size:15px;
    color: #666666;
    margin-bottom: 10px;
    font-weight: 500;
    max-width: 700px;
    margin:0 auto;
	line-height:25px
}

@media (max-width: 1500px) {
    .section-title .sub-title {
        max-width: 500px
    }
}

@media (max-width: 575px) {
    .section-title .sub-title {
        font-size:13px
    }
}

.pt-90 {
    padding-top: 90px
}

@media (max-width: 767px) {
    .pt-90 {
        padding-top: 50px
    }
}

.pb-90 {
    padding-bottom: 90px
}

@media (max-width: 767px) {
    .pb-90 {
        padding-bottom: 50px
    }
}

.mt-90 {
    margin-top: 90px
}

@media (max-width: 767px) {
    .mt-90 {
        margin-top: 50px
    }
}

.section-padding {
    padding: 50px 0
}

.mt-30 {
    margin-top: 30px
}

@media (max-width: 479px) {
    .mt-30 {
        margin-top: 15px
    }
}

.scroll-top {
    position: fixed;
    right: 30px;
    bottom: -60px;
    z-index: 999;
    -webkit-box-shadow: 0 30px 50px rgba(0,0,0,0.03);
    box-shadow: 0 30px 50px rgba(0,0,0,0.03);
    display: block;
    padding: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 25px;
    line-height: 50px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    background-color: #212121;
    background-size: 200% auto;
    background-position: left center;
    color: #FFF;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow: hidden
}

    .scroll-top.show {
        visibility: visible;
        opacity: 1;
        bottom: 60px
    }

    .scroll-top:hover {
        background-position: right center;
        background-color: #122179
    }

        .scroll-top:hover .arrow-top {
            -webkit-transform: translate(-50%, -80px);
            -ms-transform: translate(-50%, -80px);
            transform: translate(-50%, -80px)
        }

        .scroll-top:hover .arrow-bottom {
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

    .scroll-top .arrow-top {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .scroll-top .arrow-bottom {
        -webkit-transform: translate(-50%, 80px);
        -ms-transform: translate(-50%, 80px);
        transform: translate(-50%, 80px)
    }

    .scroll-top i {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #FFF;
        -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
        -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

.widget-social a {
    font-size: 16px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    background: #E9ECEF;
    color: #212121;
    margin-right: 10px;
    border-radius: 50%
}

    .widget-social a:hover {
        background: #122179;
        color: #FFF
    }

@media (max-width: 479px) {
    .widget-social a {
        margin-right: 5px
    }
}

.hover-style {
    display: block;
    overflow: hidden
}

    .hover-style img {
        -webkit-transform: scale(1.01) rotate(0.05deg);
        -ms-transform: scale(1.01) rotate(0.05deg);
        transform: scale(1.01) rotate(0.05deg);
        -webkit-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out
    }

    .hover-style .overlay-1 {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        content: "";
        background-color: black;
        width: 100%;
        height: 100%;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

    .hover-style:hover img {
        -webkit-transform: scale(1.05) rotate(0.05deg);
        -ms-transform: scale(1.05) rotate(0.05deg);
        transform: scale(1.05) rotate(0.05deg);
        -webkit-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out
    }

    .hover-style:hover .overlay-1 {
        opacity: .7;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

.fit-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.myniceselect.nice-select {
    padding: 0;
    margin: 0;
    height: auto;
    line-height: auto
}

    .myniceselect.nice-select span {
        height: 40px;
        line-height: 40px;
        display: inline-block;
        padding: 0 20px
    }

    .myniceselect.nice-select .list {
        width: 100%
    }

    .myniceselect.nice-select.wide span {
        width: 100%
    }

.swiper-pagination.default-pagination {
    position: relative;
    bottom: 0px;
    line-height: 14px
}

    .swiper-pagination.default-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: #ADB5BD;
        opacity: 1;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        outline: 0px
    }

        .swiper-pagination.default-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #122179;
            border-color: #122179;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s
        }

        .swiper-pagination.default-pagination .swiper-pagination-bullet:hover {
            background: #122179;
            border-color: #122179;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s
        }

@media (max-width: 991px) {
    .swiper-pagination.default-pagination .swiper-pagination-bullet {
        display: inline-block;
        width: 12px;
        height: 12px
    }
}

.intro11-carousel-wrap .swiper-button-prev, .intro11-carousel-wrap .swiper-button-next {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms
}

    .intro11-carousel-wrap .swiper-button-prev:focus, .intro11-carousel-wrap .swiper-button-next:focus {
        border: 0px;
        outline: 0px
    }

    .intro11-carousel-wrap .swiper-button-prev:after, .intro11-carousel-wrap .swiper-button-next:after {
        display: none
    }

    .intro11-carousel-wrap .swiper-button-prev i, .intro11-carousel-wrap .swiper-button-next i {
        font-size: 30px;
        color: #212121
    }

        .intro11-carousel-wrap .swiper-button-prev i:hover, .intro11-carousel-wrap .swiper-button-next i:hover {
            color: #122179
        }

@media (max-width: 575px) {
    .intro11-carousel-wrap .swiper-button-prev i, .intro11-carousel-wrap .swiper-button-next i {
        font-size: 20px
    }
}

.intro11-carousel-wrap .swiper-button-prev {
    left: 50px
}

@media (max-width: 1199px) {
    .intro11-carousel-wrap .swiper-button-prev {
        left: 20px
    }
}

.intro11-carousel-wrap .swiper-button-next {
    right: 50px
}

@media (max-width: 1199px) {
    .intro11-carousel-wrap .swiper-button-next {
        right: 20px
    }
}

.intro11-carousel-wrap:hover .swiper-button-prev, .intro11-carousel-wrap:hover .swiper-button-next {
    opacity: 1;
    visibility: visible;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms
}

.intro11-carousel-wrap.arrow-style-2 .swiper-button-prev {
    left: 1px
}

@media (max-width: 1199px) {
    .intro11-carousel-wrap.arrow-style-2 .swiper-button-prev {
        left: 1px
    }
}

.intro11-carousel-wrap.arrow-style-2 .swiper-button-next {
    right: 0px
}

@media (max-width: 1199px) {
    .intro11-carousel-wrap.arrow-style-2 .swiper-button-next {
        right: 0px
    }
}

.intro11-carousel-wrap.arrow-style-3 .swiper-button-prev {
    left: 15px
}

@media (max-width: 767px) {
    .intro11-carousel-wrap.arrow-style-3 .swiper-button-prev {
        left: 1px
    }
}

.intro11-carousel-wrap.arrow-style-3 .swiper-button-next {
    right: 15px
}

@media (max-width: 767px) {
    .intro11-carousel-wrap.arrow-style-3 .swiper-button-next {
        right: 0px
    }
}

.no-gutters {
    margin-right: 0px;
    margin-left: 0px
}

.product-rating i {
    font-size: 16px;
    color: #122179
}


.pagination li {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #E9ECEF;
    border-radius: 3px;
    margin-left: 8px
}

    .pagination li:first-child {
        margin-left: 0
    }

    .pagination li a {
        display: block;
        border-radius: 3px;
        color: #212121
    }

        .pagination li a:hover {
            background: #122179;
            color: #FFF
        }

    .pagination li.current {
        background: #122179;
        color: #FFF
    }

    .pagination li.next {
        width: 40px
    }

.contact-map {
    height: 500px;
    width: 100%;
    display: block
}

@media (max-width: 767px) {
    .contact-map {
        height: 400px
    }
}

.main-header-area {
    position: relative;
    background: #FFF
}

    .main-header-area .header-logo img {
        width: 100%
    }

.header-sticky {
    width: 100%;
    z-index: 30;
    position: absolute;
    background-size: cover;
    background-position: 50% 0;
    -webkit-transition: background-color .3s, opacity .3s;
    -o-transition: background-color .3s, opacity .3s;
    transition: background-color .3s, opacity .3s;
    min-height: 100px
}

@media (max-width: 767px) {
    .header-sticky {
        position: relative;
        min-height: 80px
    }
}

@media (max-width: 479px) {
    .header-sticky {
        position: relative;
        min-height: 70px
    }
}

.header-sticky .nonsticky-logo {
    display: none
}

@media (max-width: 767px) {
    .header-sticky .nonsticky-logo {
        display: block
    }
}

@media (max-width: 767px) {
    .header-sticky .sticky-logo {
        display: none
    }
}

.header-sticky.sticky .nonsticky-logo {
    display: block
}

.header-sticky.sticky .sticky-logo {
    display: none
}

.header-sticky.sticky .main-header {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFF;
    width: 100%;
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running slideInDown;
    animation: 800ms ease-in-out 0s normal none 1 running slideInDown;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2)
}

.main-header{background:rgba(255,255,255,1.00);min-height:70px;padding-top:0px;border-bottom:#eee solid 1px
}

@media (max-width: 767px) {
    .main-header {
        min-height: 70px
    }
}

@media (max-width: 479px) {
    .main-header {
        min-height: 70px
    }
}

.main-nav > ul > li {padding:0px;display: inline-block;position:relative}/*2024-01-13*/
.main-nav > ul > li:hover .dropdown-hover{visibility:visible;opacity:1;top:100%;left:-30px}/*2024-01-13*/


    .main-nav > ul > li > ul > li:hover .dropdown-hover2 {
        visibility: visible;
        opacity: 1;
        top:30%;
		left:100%
    }


    .main-nav > ul > li:hover .dropdown-hover-2 {
        visibility: visible;
        opacity: 1;
        top: 100%
    }

    .main-nav > ul > li > a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0px 10px;
        font-size: 16px;
        text-transform: uppercase;
        font-weight:400;
        color: #1e3b69
    }

        .main-nav > ul > li > a.active {
            color: #3475f7!important;font-weight:bold
        }

        .main-nav > ul > li > a:hover {
            color: #3475f7!important
        }

        .main-nav > ul > li > a i {
            margin-left: 5px;
            font-size: 15px;
            vertical-align: middle;
            line-height: 1.5
        }

        .main-nav > ul > li > a .menu-text {
            position: relative
        }

@media (max-width: 767px) {
    .main-nav > ul > li > a {
        padding: 32px 15px
    }
}

@media (max-width: 479px) {
    .main-nav > ul > li > a {
        padding: 25px 15px
    }
}

.main-nav.header-right-area > ul > li > a {
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 15px
}

    .main-nav.header-right-area > ul > li > a:hover {
        color: #122179
    }

.header-transparent {
    background: transparent
}

@media (max-width: 767px) {
    .header-transparent {
        background: #FFF
    }
}

.header-transparent.sticky .main-nav > ul > li > a {
    color: #212121
}

    .header-transparent.sticky .main-nav > ul > li > a:hover {
        color: #122179
    }

.header-transparent.sticky .search-box-menu .off-canvas-search-btn .btn-search {
    color: #212121
}

    .header-transparent.sticky .search-box-menu .off-canvas-search-btn .btn-search:hover {
        color: #122179
    }

.header-transparent .main-nav > ul > li > a {
    color: #333
}

@media (max-width: 767px) {
    .header-transparent .main-nav > ul > li > a {
        color: #212121
    }
}

.header-transparent .main-nav > ul > li > a:hover .menu-text:before {
    left: 0;
    right: auto;
    width: 100%
}

.header-transparent .main-nav > ul > li > a .menu-text:before {
    background-color:rgba(7,98,203,0.90);
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    bottom: -10px;
    height: 2px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 0
}

.header-transparent .search-box-menu .off-canvas-search-btn .btn-search {
    color: #FFF
}

@media (max-width: 767px) {
    .header-transparent .search-box-menu .off-canvas-search-btn .btn-search {
        color: #212121
    }
}

.header-transparent .search-box-menu .off-canvas-search-btn .btn-search:hover {
    color: #0f74ff
}

.dropdown-submenu{background:#FFF;padding:10px 0 0 0;width:auto;-webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.3);box-shadow:0 0px 3px rgba(0,0,0,0.3);border-bottom:3px solid #0f74ff}/*2024-01-13*/

.dropdown-submenu > li {padding:0px 10px;margin-bottom:5px;min-width:160px;text-align:center}/*2024-01-13*/
.dropdown-submenu > li > a {padding:0 0 10px 0;-webkit-box-align:center;-webkit-align-items: center;-ms-flex-align:center;align-items:center;text-transform:capitalize;line-height:18px;position:relative;color:#212121;font-size:14px;font-weight:400;-webkit-transition: .3s;-o-transition:.3s;transition:.3s}/*2024-01-13*/

            .dropdown-submenu > li > a:hover {
                color:#0762cb;
                -webkit-transition: .3s;
                -o-transition: .3s;
                transition: .3s
            }

                .dropdown-submenu > li > a:hover:before {
                    left: 0;
                    right: auto;
                    width: 100%
                }

            .dropdown-submenu > li > a.active {
                color:#0762cb
            }
            .dropdown-submenu > li > a:before {
                background-color:#0762cb;
                content: "";
                position: absolute;
                left: auto;
                right: 0;
                bottom: 5px;
                height: 2px;
                -webkit-transition: 0.4s;
                -o-transition: 0.4s;
                transition: 0.4s;
                width: 0
            }

.dropdown-hover {
    position: absolute;
    top: 110%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s linear 0.2s;
    -o-transition: all .3s linear 0.2s;
    transition: all .3s linear 0.2s;
    z-index: 999;
		width:180%;
}


/*.dropdown-hover2 {
    position: absolute;
    top:10%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s linear 0.2s;
    -o-transition: all .3s linear 0.2s;
    transition: all .3s linear 0.2s;
    z-index: 999
}*/
.dropdown-hover2 {
    position: absolute;
    top:10%;
	right:-170px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s linear 0.2s;

    -o-transition: all .3s linear 0.2s;
    transition: all .3s linear 0.2s;
    z-index: 999;
	min-width:170px;
	text-align:center;
}


.off-canvas-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 9999
}

    .off-canvas-wrapper.open {
        opacity: 1;
        visibility: visible;
        overflow-y:hidden
    }

        .off-canvas-wrapper.open .off-canvas-inner-content {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }

    .off-canvas-wrapper .off-canvas-inner-content {
        background-color: #FFF;
        width: 380px;
        height: 100%;
        position: relative;
        -webkit-transform: translateX(calc(-100% - 50px));
        -ms-transform: translateX(calc(-100% - 50px));
        transform: translateX(calc(-100% - 50px));
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

@media (max-width: 479px) {
    .off-canvas-wrapper .off-canvas-inner-content {
        width: 280px;
        z-index:9999;
    }
}

.off-canvas-wrapper .btn-close-off-canvas {
    left: 100%
}

.off-canvas-wrapper .off-canvas-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    height: 100%;
    overflow: auto
}

.off-canvas-wrapper .offcanvas-widget-area {
    padding-top: 40px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .off-canvas-wrapper .offcanvas-widget-area .widget-social {
        margin-top: auto;
        padding-bottom: 20px
    }

.off-canvas-overlay {
    background-color: rgba(0,0,0,0.5);
    content: "";
    cursor: url(../images/icon/cancel.png),auto;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}

.off-canvas-menu-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 100vw;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 9999
}

    .off-canvas-menu-wrapper.open {
        opacity: 1;
        visibility: visible
    }

        .off-canvas-menu-wrapper.open .off-canvas-inner-content {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }

    .off-canvas-menu-wrapper .off-canvas-inner-content {
        background-color: #FFF;
        width: 400px;
        height: 100%;
        position: relative;
        -webkit-transform: translateX(calc(100% - 50px));
        -ms-transform: translateX(calc(100% - 50px));
        transform: translateX(calc(100% - 50px));
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        margin-left: auto;
        position: relative
    }

    .off-canvas-menu-wrapper .off-canvas-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: auto;
        height: 100%;
        overflow: auto
    }

    .off-canvas-menu-wrapper .offcanvas-widget-area {
        padding-top: 40px;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .off-canvas-menu-wrapper .offcanvas-widget-area .desc-content {
            padding-bottom: 30px
        }

        .off-canvas-menu-wrapper .offcanvas-widget-area .menu-top-menu > li {
            list-style: none;
            margin-bottom: 20px;
            white-space: nowrap
        }

            .off-canvas-menu-wrapper .offcanvas-widget-area .menu-top-menu > li > span {
                font-size: 16px;
                line-height: 1;
                font-weight: 600;
                text-transform: uppercase;
                margin-bottom: 23px;
                color: #212121
            }

        .off-canvas-menu-wrapper .offcanvas-widget-area .useful-link {
            margin: 20px 0;
            padding-bottom: 30px
        }

            .off-canvas-menu-wrapper .offcanvas-widget-area .useful-link li a {
                font-size: 14px;
                text-transform: uppercase;
                padding: 10px 0;
                font-weight: 600;
                color: #212121
            }

                .off-canvas-menu-wrapper .offcanvas-widget-area .useful-link li a:hover {
                    color:#0762cb
                }

        .off-canvas-menu-wrapper .offcanvas-widget-area .widget-social {
            margin-top: auto;
            padding-bottom: 20px
        }

.btn-close-off-canvas {
    width: 50px;
    height: 56px;
    color: #212121;
    line-height: 56px;
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: absolute;
    top: 0;
    right: 100%;
    background: #F8F9FA;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .btn-close-off-canvas i {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        font-size: 24px;
        line-height: 24px
    }

    .btn-close-off-canvas:hover {
        color:#0762cb;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

        .btn-close-off-canvas:hover i {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

@media (max-width: 479px) {
    .btn-close-off-canvas {
        width: 35px
    }

        .btn-close-off-canvas i {
            font-size: 18px
        }
}

.offcanvas-widget-area {
    padding: 0px 40px 20px
}

@media (max-width: 479px) {
    .offcanvas-widget-area {
        padding: 0 30px 20px
    }
}

.offcanvas-widget-area .search-box-wrap {
    background-color: #F8F9FA;
    margin: -40px -40px 60px -40px;
    padding: 14px 40px
}

@media (max-width: 479px) {
    .offcanvas-widget-area .search-box-wrap {
        margin: -40px -30px 60px -30px
    }
}

.offcanvas-widget-area .search-box-wrap form {
    position: relative
}

    .offcanvas-widget-area .search-box-wrap form input {
        background-color: transparent;
        border: none;
        display: block;
        padding-right: 30px;
        outline: none;
        width: 100%
    }

    .offcanvas-widget-area .search-box-wrap form .btn-search {
        border: none;
        background-color: transparent;
        font-size: 16px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        .offcanvas-widget-area .search-box-wrap form .btn-search:hover {
            color:#0762cb
        }

.mobile-header .category-toggle {
    padding: 8px 15px
}

.mobile-menu {height: 100%;padding-right: 30px;margin-right: -30px;margin-bottom: 40px}
.mobile-menu li > a {font-size:16px;color: #252525;text-transform: capitalize;line-height: 18px;position: relative;display: block;padding: 15px 0;font-weight: 600}
.mobile-menu li > a:hover {color: #000}
.mobile-menu li ul li {border: none}
.mobile-menu li ul li a {font-size:15px;text-transform: capitalize;padding: 15px 15px 8px;font-weight: 400}
.menu-item-has-children ul li ul{padding-left:20px}
.menu-item-has-children ul li ul li a{font-size:13px}
.mobile-menu .has-children, .mobile-menu .menu-item-has-children {position: relative}
.mobile-menu .has-children .menu-expand, .mobile-menu .menu-item-has-children .menu-expand {line-height:50;top:0;left:100%;width:30px;position:absolute;height:50px;text-align:center;cursor:pointer}

@media (max-width: 767px) {
.mobile-menu .has-children .menu-expand, .mobile-menu .menu-item-has-children .menu-expand {left: 90%}
}
.mobile-menu .has-children .menu-expand i, .mobile-menu .menu-item-has-children .menu-expand i {display: block;position: relative;width: 10px;margin-top: 23px;border-bottom: 1px solid #252525;-webkit-transition: all 250ms ease-out;-o-transition: all 250ms ease-out;transition: all 250ms ease-out}
.mobile-menu .has-children .menu-expand i:before, .mobile-menu .menu-item-has-children .menu-expand i:before {top: 0;width: 100%;content: "";display: block;position: absolute;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);border-bottom: 1px solid #252525;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s}
.mobile-menu .has-children.active > .menu-expand i:before, .mobile-menu .menu-item-has-children.active > .menu-expand i:before {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0)}
.mobile-navigation nav {height:100%}



.off-canvas-search-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 9999
}

    .off-canvas-search-wrapper.open {
        opacity: 1;
        visibility: visible;
        pointer-events: visible;
        z-index: 9999
    }

        .off-canvas-search-wrapper.open .off-canvas-inner {
            opacity: 1;
            visibility: visible;
            -webkit-animation: slideInUp 1s forwards;
            animation: slideInUp 1s forwards
        }

    .off-canvas-search-wrapper .off-canvas-inner-content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%
    }

    .off-canvas-search-wrapper .off-canvas-inner {
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        opacity: 0;
        visibility: hidden
    }

        .off-canvas-search-wrapper .off-canvas-inner form {
            position: relative;
            width: 90%;
            margin: auto
        }

            .off-canvas-search-wrapper .off-canvas-inner form input {
                background-color: #E9ECEF;
                border: none;
                outline: none;
                padding: 15px 80px 15px 15px;
                display: block;
                width: 100%;
                -webkit-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s
            }

            .off-canvas-search-wrapper .off-canvas-inner form .search-btn {
                background-color:#0762cb;
                color: #FFF;
                position: absolute;
                right: 0;
                top: 0;
                text-align: center;
                border: none;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition: 0.5s;
                height: 100%;
                width: 60px;
                -webkit-transition: all 0.3s ease 0s;
                -o-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s
            }

                .off-canvas-search-wrapper .off-canvas-inner form .search-btn:hover {
                    background-color: #212121;
                    -webkit-transition: all 0.3s ease 0s;
                    -o-transition: all 0.3s ease 0s;
                    transition: all 0.3s ease 0s
                }

    .off-canvas-search-wrapper .off-canvas-overlay {
        background-color: rgba(255,255,255,0.8) !important
    }

.search-box-menu .off-canvas-search-btn .btn-search {
    border: none;
    background: transparent;
    font-size: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

    .search-box-menu .off-canvas-search-btn .btn-search:hover {
        color:#0762cb;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

.intro11-slider-wrap .swiper-button-prev, .intro11-slider-wrap .swiper-button-next {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

@media (max-width: 991px) {
    .intro11-slider-wrap .swiper-button-prev, .intro11-slider-wrap .swiper-button-next {
        display: none
    }
}

.intro11-slider-wrap .swiper-button-prev:focus, .intro11-slider-wrap .swiper-button-next:focus {
    border: 0px;
    outline: 0px
}

.intro11-slider-wrap .swiper-button-prev:after, .intro11-slider-wrap .swiper-button-next:after {
    display: none
}

.intro11-slider-wrap .swiper-button-prev i, .intro11-slider-wrap .swiper-button-next i {
    font-size: 30px;
    color: #FFF
}

    .intro11-slider-wrap .swiper-button-prev i:hover, .intro11-slider-wrap .swiper-button-next i:hover {
        color:#0762cb
    }

.intro11-slider-wrap .swiper-button-prev {
    left: 0px
}

.intro11-slider-wrap .swiper-button-next {
    right: 0px
}

.intro11-slider-wrap:hover .swiper-button-prev, .intro11-slider-wrap:hover .swiper-button-next {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.intro11-slider-wrap:hover .swiper-button-prev {
    left: 50px
}

.intro11-slider-wrap:hover .swiper-button-next {
    right: 50px
}


.intro11-slider-wrap .swiper-pagination-bullet {
    /*display:none;*/width:30px;height:5px;background:rgba(255,255,255,0.8);opacity:1;border-radius: 0;
}

    .intro11-slider-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background:#0762cb;
         border-color:#0762cb;
		
    }

    .intro11-slider-wrap .swiper-pagination-bullet:hover {
         background:#0762cb;
         border-color:#0762cb;
    }

@media (max-width: 991px) {
    .intro11-slider-wrap .swiper-pagination-bullet {
        display: inline-block
    }
}

.intro11-slider {
    width: 100%;
    height: 100%
}

    .intro11-slider .slider-content {
        top: 50%;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 1200px;
        margin: 0 auto
    }

@media (max-width: 1500px) {
    .intro11-slider .slider-content {
        width: 1020px
    }
}

@media (max-width: 1199px) {
    .intro11-slider .slider-content {
        width: 800px
    }
}


@media (max-width: 991px) {
    .intro11-slider .slider-content {
        width: 100%;
        padding: 0 20px
    }
}

@media (max-width: 575px) {
    .intro11-slider .slider-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.intro11-slider .slider-content .title {
    font-size:72px;
    font-weight: 900;
    margin-bottom: 15px;
    color: #FFF;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    .intro11-slider .slider-content .title {
        font-size: 60px
    }
}

@media (max-width: 767px) {
    .intro11-slider .slider-content .title {
        font-size: 40px
    }
}

@media (max-width: 575px) {
    .intro11-slider .slider-content .title {
        font-size: 30px
    }
}

.intro11-slider .slider-content .title.title-space {
    letter-spacing: 8px
}

.intro11-slider .slider-content .sub-title {
    font-size:30px;
    max-width: 600px;
    /*margin: 0 auto;*/
    color: #FFF;
    line-height: 1.5;
    margin-bottom: 40px
}

@media (max-width: 1199px) {
    .intro11-slider .slider-content .sub-title {
        max-width: 500px
    }
}

@media (max-width: 991px) {
    .intro11-slider .slider-content .sub-title {
        max-width: 450px;
        margin-bottom: 20px;
        line-height: 1.3
    }
}

@media (max-width: 767px) {
    .intro11-slider .slider-content .sub-title {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .intro11-slider .slider-content .btn {
        padding: 15px 25px
    }
}

@media (max-width: 575px) {
    .intro11-slider .slider-content .btn {
        font-size: 12px;
        padding: 12px 20px
    }
}

.bg-video {
    height: 100%
}

@media (max-width: 991px) {
    .bg-video {
        height: 600px
    }
}

@media (max-width: 575px) {
    .bg-video {
        height: 500px
    }
}

@media (max-width: 479px) {
    .bg-video {
        height: 400px
    }
}

.bg-video .video-area:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.5)
}

.bg-video .video-bg-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    width: 1200px;
    margin: 0 auto;
    text-align: center
}

@media (max-width: 1500px) {
    .bg-video .video-bg-content {
        width: 1020px
    }
}

@media (max-width: 1199px) {
    .bg-video .video-bg-content {
        width: 800px
    }
}

@media (max-width: 991px) {
    .bg-video .video-bg-content {
        width: 100%;
        padding: 0 20px
    }
}

.bg-video .video-bg-content .title {
    font-size: 80px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 10px
}

@media (max-width: 1199px) {
    .bg-video .video-bg-content .title {
        font-size: 60px;
        letter-spacing: 6px
    }
}

@media (max-width: 991px) {
    .bg-video .video-bg-content .title {
        font-size: 56px;
        letter-spacing: 4px
    }
}

@media (max-width: 767px) {
    .bg-video .video-bg-content .title {
        font-size: 44px;
        letter-spacing: 3px
    }
}

@media (max-width: 575px) {
    .bg-video .video-bg-content .title {
        font-size: 40px;
        letter-spacing: 2px
    }
}

@media (max-width: 479px) {
    .bg-video .video-bg-content .title {
        font-size: 26px;
        letter-spacing: 1px
    }
}

.bg-video .video-bg-content .title.title-space {
    letter-spacing: 8px
}

.bg-video .video-bg-content .sub-title {
    font-size: 18px;
    max-width: 600px;
    margin: 0 auto;
    color: #FFF;
    line-height: 1.5;
    margin-bottom: 40px
}

@media (max-width: 1199px) {
    .bg-video .video-bg-content .sub-title {
        max-width: 500px
    }
}

@media (max-width: 991px) {
    .bg-video .video-bg-content .sub-title {
        max-width: 450px;
        margin-bottom: 20px;
        line-height: 1.3
    }
}

@media (max-width: 767px) {
    .bg-video .video-bg-content .sub-title {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .bg-video .video-bg-content .btn {
        padding: 15px 25px
    }
}

@media (max-width: 575px) {
    .bg-video .video-bg-content .btn {
        font-size: 12px;
        padding: 12px 20px
    }
}

.bg-position {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.slide-bg-1 {
    min-height: 555px
}

@media (max-width: 1800px) {
    .slide-bg-1 {
        min-height: 800px
    }
}

@media (max-width: 1500px) {
    .slide-bg-1 {
        min-height: 600px
    }
}

@media (max-width: 1199px) {
    .slide-bg-1 {
        min-height: 550px
    }
}

@media (max-width: 991px) {
    .slide-bg-1 {
        min-height: 500px
    }
}

@media (max-width: 767px) {
    .slide-bg-1 {
        min-height: 400px
    }
}

@media (max-width: 575px) {
    .slide-bg-1 {
        min-height: 350px
    }
}

@media (max-width: 479px) {
    .slide-bg-1 {
        min-height: 300px
    }
}

.slide-bg-2 {
    min-height: 800px
}

@media (max-width: 1500px) {
    .slide-bg-2 {
        min-height: 600px
    }
}

@media (max-width: 1199px) {
    .slide-bg-2 {
        min-height: 550px
    }
}

@media (max-width: 991px) {
    .slide-bg-2 {
        min-height: 500px
    }
}

@media (max-width: 767px) {
    .slide-bg-2 {
        min-height: 400px
    }
}

@media (max-width: 575px) {
    .slide-bg-2 {
        min-height: 350px
    }
}

@media (max-width: 479px) {
    .slide-bg-2 {
        min-height: 300px
    }
}

.slide-1 {
    background-image: url( "../images/bannre01.jpg");
    background-color: rgba(0,0,0,0.8)
}

.slide-2 {
    background-image: url("../images/bannre02.jpg");
    background-color: rgba(0,0,0,0.8)
}

.slide-3 {
    background-image: url("../images/bannre03.jpg");
    background-color: rgba(0,0,0,0.8)
}

.btn {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0;
    padding: 15px 30px;
    line-height: 20px
}

.btn-sm, .btn-group-sm > .btn {
    font-size: 13px;
    padding: 10px 25px
}

.btn-lg, .btn-group-lg > .btn {
    padding:10px 35px
}

.btn-hover-primary:hover {

    border-color: #0762cb;
    background-color:#0762cb;
    color: #FFF
}

.btn-hover-secondary:hover {
    border-color: #6C757D;
    background-color: #6C757D;
    color: #FFF
}

.btn-hover-success:hover {
    border-color: #198754;
    background-color: #198754;
    color: #FFF
}

.btn-hover-info:hover {
    border-color: #0DCAF0;
    background-color: #0DCAF0;
    color: #FFF
}

.btn-hover-warning:hover {
    border-color: #FFC107;
    background-color: #FFC107;
    color: #212121
}

.btn-hover-danger:hover {
    border-color: #dc3545;
    background-color: #dc3545;
    color: #FFF
}

.btn-hover-light:hover {
    border-color: #F8F9FA;
    background-color: #F8F9FA;

    color: #212121
}

.btn-hover-dark:hover {
    border-color: #343A40;
    background-color: #343A40;
    color: #FFF
}

.btn-primary {
    border-color:#0762cb;
    background-color:#0762cb;
    color: #FFF
}

.btn-secondary {
    border-color: #6C757D;
    background-color: #6C757D;
    color: #FFF
}

.btn-success {
    border-color: #198754;
    background-color: #198754;
    color: #FFF
}

.btn-info {
    border-color: #0DCAF0;
    background-color: #0DCAF0;
    color: #FFF
}

.btn-warning {
    border-color: #FFC107;
    background-color: #FFC107;
    color: #212121
}

.btn-danger {
    border-color: #dc3545;
    background-color: #dc3545;
    color: #FFF
}

.btn-light {
    border-color: #F8F9FA;
    background-color: #F8F9FA;
    color: #212121
}

.btn-dark {
    border-color: #343A40;
    background-color: #343A40;
    background-color: #212121;
    border-color: #212121
}

.read-more {
    font-size: 14px;
    color: #212121;
    line-height: 1;
    font-weight: 500;
    padding: 0;
    text-decoration: underline;
    background-color: transparent
}

    .read-more.btn-hover-primary:hover {
        border-color: transparent;
        background-color: transparent;
        color:#0762cb
    }

    .read-more.btn-hover-secondary:hover {
        border-color: transparent;
        background-color: transparent;
        color: #0762cb
    }

    .read-more.btn-hover-success:hover {
        border-color: transparent;
        background-color: transparent;
        color: #0762cb
    }

    .read-more.btn-hover-info:hover {
        border-color: transparent;
        background-color: transparent;
        color: #0762cb
    }

    .read-more.btn-hover-warning:hover {
        border-color: transparent;
        background-color: transparent;
        color:#0762cb
    }

    .read-more.btn-hover-danger:hover {
        border-color: transparent;
        background-color: transparent;
        color:#0762cb
    }

    .read-more.btn-hover-light:hover {
        border-color: transparent;
        background-color: transparent;
        color:#0762cb
    }

    .read-more.btn-hover-dark:hover {
        border-color: transparent;
        background-color: transparent;
        color:#0762cb
    }

.swiper-slide-active .text-slider.splitting .char {
    -webkit-animation: slide-in-left 0.2s cubic-bezier(0.5, 0, 0.5, 1) both;
    animation: slide-in-left 0.2s cubic-bezier(0.5, 0, 0.5, 1) both;
    -webkit-animation-delay: calc(60ms * var(--char-index));
    animation-delay: calc(60ms * var(--char-index))
}

.swiper-slide-active .splitting .char {
    -webkit-animation: slide-in 1s cubic-bezier(0.5, 0, 0.5, 1) both;
    animation: slide-in 1s cubic-bezier(0.5, 0, 0.5, 1) both;
    -webkit-animation-delay: calc(60ms * var(--char-index));
    animation-delay: calc(60ms * var(--char-index))
}

@-webkit-keyframes slide-in {
    from {
        -webkit-transform: translateY(1em) rotate(-0.5turn) scale(0.5);
        transform: translateY(1em) rotate(-0.5turn) scale(0.5);
        opacity: 0
    }
}

@keyframes slide-in {
    from {
        -webkit-transform: translateY(1em) rotate(-0.5turn) scale(0.5);
        transform: translateY(1em) rotate(-0.5turn) scale(0.5);
        opacity: 0
    }
}

@-webkit-keyframes slide-in-left {
    from {
        -webkit-transform: translateY(0em);
        transform: translateY(0em);
        opacity: 0
    }
}

@keyframes slide-in-left {
    from {
        -webkit-transform: translateY(0em);
        transform: translateY(0em);
        opacity: 0
    }
}

.aos-animate.splitting .char {
    -webkit-animation: slide-in-1 1s cubic-bezier(0.5, 0, 0.5, 1) both;
    animation: slide-in-1 1s cubic-bezier(0.5, 0, 0.5, 1) both;
    -webkit-animation-delay: calc(60ms * var(--char-index));
    animation-delay: calc(60ms * var(--char-index))
}

.aos-animate.splitting .char {
    -webkit-animation: slide-in-2 1s cubic-bezier(0.5, 0, 0.5, 1) both;
    animation: slide-in-2 1s cubic-bezier(0.5, 0, 0.5, 1) both;
    -webkit-animation-delay: calc(60ms * var(--char-index));
    animation-delay: calc(60ms * var(--char-index))
}

@-webkit-keyframes slide-in-1 {
    from {
        -webkit-transform: translateX(-1em) rotate(-0.5turn) scale(0.5);
        transform: translateX(-1em) rotate(-0.5turn) scale(0.5);
        opacity: 0
    }
}

@keyframes slide-in-1 {
    from {
        -webkit-transform: translateX(-1em) rotate(-0.5turn) scale(0.5);
        transform: translateX(-1em) rotate(-0.5turn) scale(0.5);
        opacity: 0
    }
}

@-webkit-keyframes slide-in-2 {
    from {
        -webkit-transform: translateX(1em) rotate(0turn) scale(0.5);
        transform: translateX(1em) rotate(0turn) scale(0.5);
        opacity: 0
    }
}

@keyframes slide-in-2 {
    from {
        -webkit-transform: translateX(1em) rotate(0turn) scale(0.5);
        transform: translateX(1em) rotate(0turn) scale(0.5);
        opacity: 0
    }
}

.slider-content > * {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.swiper-slide-active .slider-content > :nth-child(1) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.swiper-slide-active .slider-content > :nth-child(2) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.swiper-slide-active .slider-content > :nth-child(3) {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.swiper-slide-active .slider-content > :nth-child(4) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.funfact-section {
    background-image: url("../images/funfact/1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 400px;
    position: relative
}

@media (max-width: 575px) {
    .funfact-section {
        min-height: 350px
    }
}

@media (max-width: 479px) {
    .funfact-section {
        min-height: 300px
    }
}

.funfact-section:after {
    background-color: rgba(0,0,0,0.8);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.funfact-section .single-fun-fact-wrap {
    z-index: 9;
    position: relative;
    text-align: center
}

@media (max-width: 991px) {
    .funfact-section .single-fun-fact-wrap {
        margin: 20px 0
    }
}

.funfact-section .single-fun-fact-wrap .counter-area .counter, .funfact-section .single-fun-fact-wrap .counter-area span {
    font-size: 60px;
    color: #FFF
}

@media (max-width: 575px) {
    .funfact-section .single-fun-fact-wrap .counter-area .counter, .funfact-section .single-fun-fact-wrap .counter-area span {
        font-size: 45px
    }
}

@media (max-width: 479px) {
    .funfact-section .single-fun-fact-wrap .counter-area .counter, .funfact-section .single-fun-fact-wrap .counter-area span {
        font-size: 35px
    }
}

.funfact-section .single-fun-fact-wrap .counter-content .title {
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF
}

@media (max-width: 575px) {
    .funfact-section .single-fun-fact-wrap .counter-content .title {
        font-size: 16px
    }
}

@media (max-width: 479px) {
    .funfact-section .single-fun-fact-wrap .counter-content .title {
        font-size: 13px
    }
}

.testimonial-section {
    background: #F8F9FA
}

    .testimonial-section .testimonial {
        text-align: center
    }

        .testimonial-section .testimonial .testimonial-author-image img {
            width: 80px;
            height: 80px
        }

        .testimonial-section .testimonial blockquote {
            border: 0;
            font-family: "Mulish", sans-serif;
            margin: 0;
            padding: 40px 64px 40px 72px;
            position: relative
        }

@media (max-width: 479px) {
    .testimonial-section .testimonial blockquote {
        padding: 40px 50px 40px 50px
    }
}

.testimonial-section .testimonial blockquote:before {
    left: 22px;
    top: 21px;
    color: #212121;
    content: "“";
    font-size: 100px;
    font-style: normal;
    line-height: 1;
    position: absolute
}

@media (max-width: 479px) {
    .testimonial-section .testimonial blockquote:before {
        font-size: 70px
    }
}

.testimonial-section .testimonial blockquote:after {
    color: #212121;
    right: 10px;
    font-size: 100px;
    font-style: normal;
    line-height: 1;
    position: absolute;
    bottom: -0.5em;
    content: "”"
}

@media (max-width: 479px) {
    .testimonial-section .testimonial blockquote:after {
        font-size: 70px;
        bottom: 0px
    }
}

.testimonial-section .testimonial blockquote p {
    color: #666666;
    font-family: "Mulish", sans-serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 600
}

@media (max-width: 575px) {
    .testimonial-section .testimonial blockquote p {
        font-size: 18px
    }
}

@media (max-width: 479px) {
    .testimonial-section .testimonial blockquote p {
        font-size: 16px
    }
}

.testimonial-section .testimonial .testimonial-author {
    margin-bottom: 20px
}

    .testimonial-section .testimonial .testimonial-author span {
        color: #212121
    }

.support-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .support-wrapper p {
        font-size: 15px;
        max-width: 655px;
        margin: 0 auto
    }

@media (max-width: 1500px) {
    .support-wrapper p {
        max-width: 500px
    }
}

@media (max-width: 575px) {
    .support-wrapper p {
        font-size: 16px
    }
}

.breadcrumbs-area {
    padding: 100px 0;
    background: #E9ECEF
}

    .breadcrumbs-area .breadcrumb-content .title {
        font-size: 32px;
        font-weight: 600;
        letter-spacing: 1.2px;
        color: #212121
    }

    .breadcrumbs-area .breadcrumb-content ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px
    }

        .breadcrumbs-area .breadcrumb-content ul li {
            color: #212121;
            position: relative
        }

            .breadcrumbs-area .breadcrumb-content ul li a {
                font-size: 18px;
                color: #212121;
                font-weight: 400;
                line-height: 1
            }

                .breadcrumbs-area .breadcrumb-content ul li a:hover {
                    color: #0762cb
                }

            .breadcrumbs-area .breadcrumb-content ul li:after {
                color: #212121;
                content: '>';
                font-size: 16px;
                vertical-align: middle;
                padding: 0 10px;
                font-weight: 400
            }

            .breadcrumbs-area .breadcrumb-content ul li:last-child:after {
                display: none
            }

@media (max-width: 767px) {
    .breadcrumbs-area {
        padding: 50px 0px
    }
}

.footer-section {
    overflow: hidden
}

@media (max-width: 991px) {
    .single-footer-widget {
        margin-top: 0px
    }
}

.single-footer-widget .widget-title {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 25px;
    font-size: 18px;
    text-transform: uppercase;
    color: #212121;
    line-height: 1;
    font-weight: 700
}

    .single-footer-widget .widget-title:after {
        content: "";
        color: #0762cb;
        background:#0762cb;
        width: 70px;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0px
    }

    .single-footer-widget .widget-title:before {
        content: "";
        background: #212121;
        color: #212121;
        left: 0;
        bottom: -5px;
        width: 40px;
        height: 1px;
        position: absolute
    }

.single-footer-widget .widget-list li {
    margin-bottom: 15px
}

    .single-footer-widget .widget-list li a {
        line-height: 24px;
        padding-left: 19px;
        position: relative
    }

        .single-footer-widget .widget-list li a:before {
            font-family: 'Fontawesome';
            content: "\f101";
            position: absolute;
            left: 0;
            line-height: 24px;
            top: 0
        }

    .single-footer-widget .widget-list li:last-child {
        margin-bottom: -5px
    }

.newsletter-form-wrap {
    width: 100%
}

    .newsletter-form-wrap .email-box {
        height: 45px;
        line-height: 45px;
        padding-right: 40px;
        border: 0px;
        font-size: 14px;
        background-color: #E9ECEF;
        -webkit-transform: .3s;
        -ms-transform: .3s;
        transform: .3s
    }

        .newsletter-form-wrap .email-box:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0px;
            -webkit-transform: .3s;
            -ms-transform: .3s;
            transform: .3s
        }

    .newsletter-form-wrap .newsletter-btn {
        right: 0;
        height: 45px;
        line-height: 45px;
        padding: 10px 15px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #212121;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s
    }

        .newsletter-form-wrap .newsletter-btn:hover {
            color: #0762cb;
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s
        }

        .newsletter-form-wrap .newsletter-btn i {
            line-height: 11px
        }

.marketing-about-thumb {
    position: relative;
    margin-bottom: 0
}

@media (max-width: 991px) {
    .marketing-about-thumb {
        margin-bottom: 50px
    }
}

.marketing-about-thumb:before {
    background-color: rgba(0,0,0,0.6);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.marketing-about-thumb .about-video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.marketing-about-thumb .btn-video-popup {
    border-radius: 50%;
    border: 5px solid #FFF;
    color: #FFF;
    display: block;
    text-align: center;
    height: 80px;
    width: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

    .marketing-about-thumb .btn-video-popup:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .marketing-about-thumb .btn-video-popup i {
        font-size: 24px
    }

@media (max-width: 575px) {
    .marketing-about-thumb .btn-video-popup {
        width: 70px;
        height: 70px
    }

        .marketing-about-thumb .btn-video-popup i {
            font-size: 20px
        }
}

.single-blog-post-wrap {
    padding: 0;
    margin-bottom: -5px
}

    .single-blog-post-wrap .blog-thumbnail .btn-plus {
        height: 0;
        width: 0;
        color: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        z-index: 2
    }

        .single-blog-post-wrap .blog-thumbnail .btn-plus img {
            width: 50px
        }

    .single-blog-post-wrap .blog-thumbnail a {
        position: relative;
        display: block
    }

        .single-blog-post-wrap .blog-thumbnail a:before {
            background-color: rgba(0,0,0,0.3);
            content: '';
            position: absolute;
            opacity: 0;
            visibility: hidden;
            left: 0;
            top: 0;
            -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
            height: 100%;
            width: 100%;
            z-index: 2
        }

        .single-blog-post-wrap .blog-thumbnail a:hover:before {
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
            opacity: 1;
            visibility: visible
        }

    .single-blog-post-wrap:hover .blog-thumbnail .btn-plus {
        height: 40px;
        width: 40px;
        -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }

    .single-blog-post-wrap .blog-post-details .title {
        font-weight: 700;
        font-size: 24px;
        line-height: 1;
        color: #212121
    }

@media (max-width: 991px) {
    .single-blog-post-wrap .blog-post-details .title {
        font-size: 22px
    }
}

.single-blog-post-wrap .blog-post-details .post-meta {
    color: #212121
}

    .single-blog-post-wrap .blog-post-details .post-meta a {
        margin-right: 10px
    }

        .single-blog-post-wrap .blog-post-details .post-meta a:last-child {
            margin-right: 0
        }

    .single-blog-post-wrap .blog-post-details .post-meta i {
        color: #212121
    }

.blog-details .image img {
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.blog-details .content .title {
    font-size: 30px;
    font-weight: 700;
    color: #212121
}

@media (max-width: 575px) {
    .blog-details .content .title {
        font-size: 26px
    }
}

@media (max-width: 479px) {
    .blog-details .content .title {
        font-size: 22px
    }
}

.blog-details .content .meta-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #6C757D
}

    .blog-details .content .meta-list .meta-item {
        font-size: 14px;
        margin-right: 10px
    }

        .blog-details .content .meta-list .meta-item:last-child {
            margin-right: 0
        }

        .blog-details .content .meta-list .meta-item + .meta-item::before {
            content: "|";
            margin-right: 10px
        }

    .blog-details .content .meta-list a:hover {
        color: #0762cb
    }

.blog-details .blockquote {
    font-size: 16px;
    line-height: 2;
    position: relative;
    background-color: #F8F9FA;
    color: #212121;
    font-weight: 600;
    padding: 50px 35px 35px
}

    .blog-details .blockquote:before {
        background-color:#0762cb;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 5px
    }

    .blog-details .blockquote:after {
        content: "\f10e";
        color: #CED4DA;
        font-family: "FontAwesome";
        font-size: 30px;
        position: absolute;
        top: 15px;
        right: 25px
    }

@media (max-width: 575px) {
    .blog-details .blockquote:after {
        font-size: 20px;
        top: 30px;
        right: 15px
    }
}

.blog-details .blockquote .blockquote-footer {
    color: #495057;
    font-size: 15px;
    font-weight: 400
}

.blog-details .share-article {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .blog-details .share-article .left-side {
        float: left
    }

    .blog-details .share-article .right-side {
        float: right
    }

@media (max-width: 479px) {
    .blog-details .share-article h6, .blog-details .share-article .h6 {
        display: none
    }
}

.comment-area-wrapper .title {
    font-size: 24px;
    font-weight: 700;
    color: #212121
}

.comment-area-wrapper .single-comment-wrap.comment-reply {
    padding-left: 50px
}

@media (max-width: 479px) {
    .comment-area-wrapper .single-comment-wrap.comment-reply {
        padding-left: 20px
    }
}

.comment-area-wrapper .single-comment-wrap .author-thumb {
    margin-bottom: 0
}

    .comment-area-wrapper .single-comment-wrap .author-thumb a {
        width: 80px;
        height: 80px;
        margin-right: 10px
    }

        .comment-area-wrapper .single-comment-wrap .author-thumb a img {
            width: 100%;
            border-radius: 10px
        }

@media (max-width: 479px) {
    .comment-area-wrapper .single-comment-wrap .author-thumb a {
        width: 50px;
        height: 50px
    }
}

.comment-area-wrapper .single-comment-wrap .comments-info .author {
    font-size: 12px;
    color: #212121
}

.comment-area-wrapper .single-comment-wrap .comments-info .btn-reply {
    font-size: 12px;
    color: #212121
}

    .comment-area-wrapper .single-comment-wrap .comments-info .btn-reply:hover {
        color: #0762cb
    }

.blog-comment-form-wrapper .title {
    font-size: 24px;
    font-weight: 700;
    color: #212121
}

.blog-comment-form-wrapper .comment-box .input-area {
    padding: 10px 15px;
    background: #F8F9FA;
    border: 0px
}

    .blog-comment-form-wrapper .comment-box .input-area:focus {
        border: 0px;
        outline: 0px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

@media (max-width: 991px) {
    .sidebar-wrap {
        margin-top: 90px
    }
}

@media (max-width: 767px) {
    .sidebar-wrap {
        margin-top: 50px
    }
}

.sidebar {
    float: left;
    width: 100%;
    margin-top: 40px
}

    .sidebar:first-child {
        margin-top: 0
    }

    .sidebar .sidebar-title {
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 25px;
        font-size: 18px;
        text-transform: capitalize;
        color: #212121;
        line-height: 1;
        font-weight: 700
    }

        .sidebar .sidebar-title::before {
            content: "";
            background: #212121;
            left: 0;
            bottom: -5px;
            width: 40px;
            height: 1px;
            position: absolute
        }

        .sidebar .sidebar-title::after {
            content: "";
            background:#0762cb;
            width: 70px;
            height: 2px;
            position: absolute;
            bottom: 0;
            left: 0px
        }

.sidebar-search form {
    position: relative;
    max-width: 100%
}

    .sidebar-search form input {
        font-size: 14px;
        width: 100%;
        border: none;
        line-height: 30px;
        padding: 10px 20px;
        padding-right: 50px;
        background-color: #E9ECEF;
        color: #212121
    }

        .sidebar-search form input:focus {
            border: 0;
            outline: none;
            border-radius: 0
        }

    .sidebar-search form button {
        position: absolute;
        right: 0;
        top: 0;
        background-color: transparent;
        padding: 0;
        border: none;
        color: #212121;
        padding: 0 17px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

        .sidebar-search form button:hover {
            color:#0762cb;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s
        }

        .sidebar-search form button i {
            font-size: 18px;
            line-height: 50px;
            display: block
        }

.sidebar-link {
    list-style: none;
    padding: 0;
    margin: 0
}

    .sidebar-link li {
        margin-top: 5px
    }

        .sidebar-link li:first-child {
            margin-top: 0px
        }

        .sidebar-link li a {
            display: block;
            position: relative;
            line-height: 30px;
            font-weight: 400
        }

            .sidebar-link li a span {
                font-size: 85%
            }

.sidebar-blog {
    list-style: none;
    padding: 0;
    margin: 0
}

    .sidebar-blog li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 350px;
        margin-top: 15px
    }

        .sidebar-blog li:first-child {
            margin-top: 0px
        }

        .sidebar-blog li .image {
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 80px;
            -ms-flex: 1 0 80px;
            flex: 1 0 80px;
            margin-right: 15px
        }

        .sidebar-blog li .content {
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 calc(100% - 95px);
            -ms-flex: 1 0 calc(100% - 95px);
            flex: 1 0 calc(100% - 95px)
        }

            .sidebar-blog li .content .title {
                display: block;
                font-weight: 500;
                line-height: 1.35;
                color: #212121
            }

                .sidebar-blog li .content .title:hover {
                    color:#0762cb
                }

            .sidebar-blog li .content .date {
                display: block;
                font-size: 13px;
                line-height: 1;
                margin-top: 10px
            }

.sidebar-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -3px
}

    .sidebar-tags a {
        font-size: 13px;
        color: #212121;
        background-color: transparent;
        padding: 6px 20px;
        margin: 3px;
        border: 1px solid #E9ECEF
    }

        .sidebar-tags a:hover {
            border-color:#0762cb;
            background-color:#0762cb;
            color: #FFF
        }

.portfolio-section .single-portfolio-wrap .port-info {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

    .portfolio-section .single-portfolio-wrap .port-info .title {
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 700;
        color: #FFF
    }

        .portfolio-section .single-portfolio-wrap .port-info .title a {
            color: #FFF
        }

    .portfolio-section .single-portfolio-wrap .port-info .portfolio-cate a {
        color: #FFF;
        position: relative
    }

        .portfolio-section .single-portfolio-wrap .port-info .portfolio-cate a:before {
            background-color: #FFF;
            content: "";
            position: absolute;
            left: auto;
            right: 0;
            bottom: 4px;
            height: 2px;
            -webkit-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
            width: 0
        }

        .portfolio-section .single-portfolio-wrap .port-info .portfolio-cate a:hover:before {
            left: 0;
            right: auto;
            width: 100%
        }

.portfolio-section .single-portfolio-wrap:hover .port-info {
    top: 50%;
    opacity: 1;
    visibility: visible
}

.portfolio-section .single-portfolio-wrap .portfolio-thumb > a {
    display: block
}

    .portfolio-section .single-portfolio-wrap .portfolio-thumb > a > img {
        width: 100%
    }

.messonry-button .port-filter {
    position: relative;
    border: 0px;
    background-color: #FFF;
    padding: 0;
    margin: 0 30px 10px 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #212121
}

    .messonry-button .port-filter:before {
        background-color: #0762cb;
        content: "";
        position: absolute;
        left: auto;
        right: 0;
        bottom: 0;
        height: 2px;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        width: 0
    }

    .messonry-button .port-filter:last-child {
        margin-right: 0
    }

    .messonry-button .port-filter:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

    .messonry-button .port-filter.is-checked {
        color:#0762cb
    }

        .messonry-button .port-filter.is-checked:before {
            left: 0;
            right: auto;
            width: 100%
        }

    .messonry-button .port-filter:hover {
        color:#0762cb;
        left: 0;
        right: auto;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s
    }

        .messonry-button .port-filter:hover:before {
            left: 0;
            right: auto;
            width: 100%
        }

.portfolio-details-desc .title {
    font-size: 30px;
    font-weight: 700
}

@media (max-width: 575px) {
    .portfolio-details-desc .title {
        font-size: 26px
    }
}

.portfolio-details-desc p {
    margin-bottom: 10px
}

.portfolio-details-info .title {
    font-weight: 700;
    font-size: 24px
}

.portfolio-details-info ul li {
    margin-bottom: 10px;
    font-size: 14px
}

    .portfolio-details-info ul li:last-child {
        margin-bottom: 0
    }

    .portfolio-details-info ul li span {
        float: left;
        font-size: 15px;
        font-weight: 600;
        margin-right: 15px;
        color: #212121;
        width: 100px
    }

        .portfolio-details-info ul li span:after {
            content: ":";
            float: right
        }

    .portfolio-details-info ul li a {
        margin-right: 10px
    }

.single-service-wrapper {
    text-align: center;
    height: auto;
    padding: 0 10px
}

    .single-service-wrapper .service-icon {
        width: 100px;
        height: 100px;
        margin: 0 auto 30px;
        border-radius: 50%;
        color: #FFF;
        position: relative;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        background-color: #0762cb;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 1
    }

        .single-service-wrapper .service-icon::before {
            background-color: #212121;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 50%;
            content: "";
            opacity: 0.075;
            z-index: -1;
            -webkit-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out
        }

        .single-service-wrapper .service-icon i {
            position: relative;
            z-index: 9;
            font-size: 36px;
            line-height: 80px
        }

    .single-service-wrapper:hover .service-icon::before {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }

    .single-service-wrapper .service-content .title {
        font-size: 20px;
        color: #212121;
        margin-bottom: 20px;
        font-weight: 700
    }

@media (max-width: 479px) {
    .single-service-wrapper .service-content .title {
        font-size: 18px
    }
}

.contact-info .section-title p {
    max-width: 600px;
    margin: 0 auto
}

.info {
    border: 1px solid #ebebeb;
    padding: 0 32px 32px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 991px) {
    .info {
        padding: 0 28px 28px
    }
}

.info .info-icon {
    background-color: #FFF;
    margin-top: -30px;
    width: 80px;
    height: 65px;
    padding: 0 10px;
    margin-bottom: 10px
}

    .info .info-icon i {
        font-size: 48px;
        color: #0762cb
    }

.info .info-content .title {
    font-size: 20px;
    color: #212121;
    margin-bottom: 10px
}

.contact-form {
    color: #212121;
    font-size: 20px
}

    .contact-form .input-item {
        padding: 10px 20px
    }

    .contact-form .input-item, .contact-form .textarea-item {
        width: 100%;
        border: 0;
        font-size: 14px;
        background: #E9ECEF
    }

        .contact-form .input-item:focus, .contact-form .textarea-item:focus {
            border: 0px;
            outline: 0px
        }

    .contact-form .textarea-item {
        min-height: 130px;
        padding: 10px 20px
    }

p.form-messege {
    font-size: 16px;
    margin-bottom: 0;
    display: inline-block;
    padding-top: 30px;
    line-height: 1;
    display: none
}

    p.form-messege.success {
        display: block
    }

    p.form-messege.error {
        display: block
    }

/*页码*/
.pager {margin:30px 0;font-family:Tahoma,Arial}
.pager a{text-align: center}
.pager-nav a.current {border-color:#1483ed;background-color:#1483ed;background-image:none;font-weight:bold;color:#fff!important}
.pager-nav a:hover.current{border-color:#1483ed;background-color:#1483ed;background-image:none;font-weight:bold;}
.pager-nav li{float:left;line-height:32px}
.pager-nav strong{margin:0 13px}
.pager-nav a {display:inline-block;width:34px;height:32px;line-height:32px;margin-right:3px;color:#666;border:1px solid#CCC;background-color:#FBFBFB;background-image:-webkit-linear-gradient(top,rgba(251,251,251,1)0,rgba(244,244,244,1)100%);background-image:-moz-linear-gradient(top,rgba(251,251,251,1)0,rgba(244,244,244,1)100%);background-image:linear-gradient(top,rgba(251,251,251,1)0,rgba(244,244,244,1)100%)}
.pager-nav .page-pre,.pager-nav .page-next {width:63px}
.pager-nav a:hover {background-color:#F4F4F4;background-image:-webkit-linear-gradient(top,rgba(240,240,240,1)0,rgba(231,231,231,1)100%);background-image:-moz-linear-gradient(top,rgba(240,240,240,1)0,rgba(231,231,231,1)100%);background-image:linear-gradient(top,rgba(240,240,240,1)0,rgba(231,231,231,1)100%);text-decoration:none}

.fwxm_div .xm_right .xmfwnrDiv{color:#2e2e2e;padding-bottom:40px;line-height:30px;padding:20px}
.pdT{padding-top:80px}
/*标题*/
.titleDiv{text-align:center;padding:0 0 20px 0}
.titleDiv h2{text-align:center;font-size:32px;font-weight:bold;color:#1e3b69}
.titleDiv p{font-size:16px;color:#a3acbc;max-width:800px;margin:auto}
/*内容*/
.boxDiv{width:100%;max-width:1280px;margin:auto;padding:0}
.alBox{padding:0px 0 0 0}

/*产品专区*/
.cpzqDiv{width:100%;padding:60px 0;background:#fff}
.cpzqDiv .boxDiv .pic01{background:url("../images/pic01.jpg") no-repeat;background-size:cover}
.cpzqDiv .boxDiv .pic02{background:url("../images/pic02.jpg") no-repeat;background-size:cover}
.cpzqDiv .boxDiv .pic03{background:url("../images/pic03.jpg") no-repeat;background-size:cover}
.cpzqDiv .boxDiv .pic04{background:url("../images/pic04.jpg") no-repeat;background-size:cover}
.cpzqDiv .boxDiv .pic05{background:url("../images/pic05.jpg") no-repeat;background-size:cover}
.cpzqDiv .boxDiv .pic06{background:url("../images/pic06.jpg") no-repeat;background-size:cover}
.cpzqDiv .boxDiv .pic07{background:url("../images/pic07.jpg") no-repeat;background-size:cover}
.cpzqDiv .boxDiv .pic08{background:url("../images/pic08.jpg") no-repeat;background-size:cover}
.cpzqDiv .boxDiv a{display:block;width:calc(25% - 20px);max-height:160px;height:160px;border-radius:4px;margin:10px;background-repeat:none;float:left;text-align:center;color:#fff;font-weight:bold;font-size:20px;line-height:160px;opacity:0.8}
.cpzqDiv .boxDiv a:hover{opacity:1;color:#1e3b69}

/*视频专区*/
.spzqDiv{width:100%;padding:60px 0;background:#e2e5eb}
.cpxlBox{width:calc(33.33333% - 20px);max-width:400px;float:left;padding:0 10px;margin:0}
.cpxlBox .boxTy{margin:0 0 5px 0;background:rgba(0,0,0,0.50);text-align:center}
.cpxlBox .cpxlPic{width:100%;}
.cpxlBox .cpxlPic img{width:100%}
.cpxlBox .cpxlTxt{padding:1.2rem 1.2rem 1.2rem 0}
.cpxlBox .cpxlTxt h4{font-size:1.2rem;line-height:20px;font-weight:400;color:#fff}
.cpxlBox .boxTy:hover{box-shadow:0 0 3px #ccc;background:rgba(0,0,0,0.20);}
.cpxlBox .boxTy:hover .cpxlTxt{padding:1.2rem 0 1.2rem 1.2rem;transition:all 0.5s ease}
.cpxlBox .boxTy:hover h4{color:#0f74ff;font-weight:bold}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
	bottom:120px;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	z-index: 99
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size:0px;
    line-height: 1;
    opacity: .75;
    color:rgba(255,255,255,0.80);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	/*background:rgba(0,0,0,0.20);width:100px;height:100px;line-height:90px;display:inline-block*/
}

.slick-prev
{
    left:0px;
}
[dir='rtl'] .slick-prev
{
    right:100px;
    left: auto;
}
.slick-prev:before
{
    content: '<';
}
[dir='rtl'] .slick-prev:before
{
    content: '>';
}

.slick-next
{
    right:0px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left:100px;
}
.slick-next:before
{
    content: '>';
}
[dir='rtl'] .slick-next:before
{
    content: '<';
}

/* Dots */
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;z-index:99;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}
.slick-dots li button:hover,
.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-family:'slick';font-size:40px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:black}
/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,
.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/*首页导航*/
.topLeft{width:10%;min-width:170px;float:left}
.topMin{width:auto;max-width:730px;float:left}
/*2021-01-13*/
.topRight{float:right;width:30%;max-width:380px}
.topRight .telDiv{float:left;font-size:22px;color:#1e3b69}
.topRight .telDiv i{color:#3475f7;font-size:24px}
.topRight .sskDiv{float:right;margin:0 10px;position:relative}
.topRight .sskDiv i{color:#3475f7;font-size:24px}
.mfsyA{display:block;width:90px;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;float:right;background:rgba(58,120,252,0.80);border-radius:4px}
.mfsyA:hover{background:rgba(58,120,252,1.00);color:#fff}
/* index-box2 */
.index-box2{width:100%;height:auto;padding:70px 0 0 0;background-color:#020a55;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.index-title.font-white h2{color:#fff}
.index-box2 .index-title.font-white p{color:#8d92c2}
.index-box2-content{width:100%;position:relative;margin-top:16px}
.index-box2 .hd{position:absolute;top:0;width:100%;left:0;z-index:4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.index-box2 .hd:after{content:"";position:absolute;bottom:16px;width:100%;height:1px;background:#fff;opacity:.2}
.index-box2 .hd .swiper-container{padding-bottom:6px;-webkit-box-sizing:border-box;box-sizing:border-box}
.index-box2 .hd .txt-box{width:100%;position:relative;text-align:center;cursor:pointer}
.index-box2 .hd .txt-box p{height:85px;line-height:85px;color:#fff;font-size:18px}
.index-box2 .hd .txt-box i{position:absolute;width:10px;height:10px;border-radius:50%;left:50%;margin-left:-5px;bottom:-5px;background:#fff}
.index-box2 .hd .txt-box.on i{width:100%;border-radius:0;height:2px;left:0;right:0;margin:0 auto;bottom:-1px;-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
.industry-bd-swiper .img-box{width:100%;height:auto;position:relative}
.industry-bd-swiper .img-box img{width:100%;height:540px;-o-object-fit:cover;object-fit:cover}
.industry-bd-swiper .img-box2{width:100%;height:auto;position:relative;display:none}
.industry-bd-swiper .img-box2 img{width:100%;height:540px;-o-object-fit:cover;object-fit:cover}
.industry-bd-swiper .txt-box{position:absolute;z-index:2;top:50%;left:0;/* margin-top:49px;*/color:#fff;-webkit-transform:translateY(-36%);-ms-transform:translateY(-36%);transform:translateY(-36%);width:100%;text-align:left !important}
.industry-bd-swiper .txt-box h2{line-height:1;font-size:30px;margin-bottom:25px;color:#fff}
.industry-bd-swiper .txt-box p{line-height:35px;font-size:16px;width:50%}
.industry-bd-swiper .txt-box-link{width:100%;margin-top:28px;font-size:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.industry-bd-swiper .txt-box-link a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:140px;height:48px;line-height:48px;overflow:hidden;font-size:16px;text-align:center;margin-right:10px;position:relative;color:#fff}
.industry-bd-swiper .txt-box-link a:first-child{background:-o-linear-gradient(315deg, #2b7aff, #2bbfff);background:linear-gradient(135deg, #2b7aff, #2bbfff)}
.industry-bd-swiper .txt-box-link a span{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.industry-bd-swiper .txt-box-link a i{display:inline-block;font-size:20px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.industry-bd-swiper .txt-box-link a:hover span{-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px);-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.industry-bd-swiper .txt-box-link a:hover i{-webkit-transform:translateX(+5px);-ms-transform:translateX(+5px);transform:translateX(+5px);-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.industry-bd-swiper .txt-box h2,.industry-bd-swiper .txt-box p,.industry-bd-swiper .txt-box-link{/*opacity:0*/}
.industry-bd-swiper .swiper-slide-active .txt-box h2{-webkit-animation:indbanLeft 1s ease both .4s;animation:indbanLeft 1s ease both .4s}

.industry-bd-swiper .swiper-slide-active .txt-box p{-webkit-animation:indbanLeft 1s ease both .6s;animation:indbanLeft 1s ease both .6s}
.industry-bd-swiper .swiper-slide-active .txt-box-link{-webkit-animation:indbanOpacity 1s ease both .9s;animation:indbanOpacity 1s ease both .9s}
.boxBig{width:100%;max-width:1280px;margin:auto}
/*index-box2 end */
/*智慧档案管理系统解决方案提供商*/
.jhfatgsDiv{width:100%;background:#e2e5eb;padding:60px 0}
.jhfatgsDiv .boxDiv .leftPic{width:calc(50% - 30px);margin-right:30px;float:left}
.jhfatgsDiv .boxDiv .rightTxt{width:calc(50% - 10px);margin-left:10px;float:right}
.jhfatgsDiv .boxDiv .rightTxt p{text-indent:2rem;font-size:16px;line-height:28px;color:#333;padding:0 50px 0 0}
.jhfatgsDiv .boxDiv .rightTxt a{display:inline-block;border:#3475f7 solid 1px;border-radius:5px;height:50px;line-height:50px;color:#3475f7;padding:0 35px;margin-top:15px;font-size:16px}
.jhfatgsDiv .boxDiv .rightTxt a:hover{background:#3475f7;color:#fff}
.pdT30{padding-top:30px}
/*服务优势*/
.fwysDiv{width:100%;padding:60px 0;background:url("../images/bj.jpg") repeat-x}
.sls{color:#1e3a66!important}
.fwysDiv .boxDiv{}
.fwysDiv .boxDiv ul li{width:calc(25% - 20px);float:left;border-radius:10px;background-image:linear-gradient(#f2f7fe, #bed4fe);margin:10px;padding:30px;min-height:320px;max-height:320px}
.fwysDiv .boxDiv ul li:hover{box-shadow:0 0 5px #a0ccfe}
.fwysDiv .boxDiv ul li .picDiv{text-align:center;line-height:80px}
.fwysDiv .boxDiv ul li .picDiv i{margin-bottom:20px;background:linear-gradient(to right, rgb(101, 187, 254) 0%, rgba(3, 136, 251, .8) 50%, rgb(3, 136, 251) 80%);-webkit-background-clip:text;color:transparent;font-size:90px;text-align:center;background:linear-gradient(0deg,#,#0388fb);display:inline-block;transition: transform 0.5s ease-in-out;/* 定义过渡效果 */transform: rotate(0deg);/* 初始旋转角度 */display:flex;justify-content:center;align-items:center}
.fwysDiv .boxDiv ul li:hover .picDiv i{transform:rotate(360deg);/* 鼠标悬停时旋转角度 */}

.fwysDiv .boxDiv ul li h3{text-align:center;font-weight:bold;font-size:20px;color:#1f3b68}
.fwysDiv .boxDiv ul li p{color:#5d6982;line-height:24px;margin-top:20px}
.taC{text-align:center}
/*首页新闻资讯板块*/
.xwzxDiv{padding:60px 0;background:#fff}
.xwzxDiv .boxDiv .leftDiv{float:left;width:calc(33.333333333% - 20px);margin:0 10px;max-width:400px}
.xwzxDiv .boxDiv .minDiv{float:left;width:calc(33.333333333% - 20px);margin:0 10px;max-width:400px}
.xwzxDiv .boxDiv .xwLeftImg{width:100%;height:200px}
.xwzxDiv .boxDiv .xwLeftImg img{width:100%}
.xwzxDiv .boxDiv .xwTxt{width:100%;background:#fafafa;padding:20px}
.xwzxDiv .boxDiv h3{font-size:18px;color:#333;line-height:24px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;/* 设置最大显示行数 */-webkit-box-orient:vertical;text-overflow:ellipsis}
.xwzxDiv .boxDiv span{display:block;width:100%;color:#999;font-size:14px;line-height:40px;margin:0}
.xwzxDiv .boxDiv span i{font-size:16px;vertical-align:bottom;margin-right:2px}
.xwzxDiv .boxDiv p{color:#999;font-size:15px;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;/* 设置最大显示行数 */ -webkit-box-orient:vertical;text-overflow:ellipsis;margin:0}
.xwzxDiv .boxDiv .rightDiv{float:right;width:calc(33.333333333% - 20px);margin:0 10px;background:#fafafa;padding:15px 0 10px 0}
.xwzxDiv .boxDiv .rightDiv ul li{width:100%;border-bottom:#eee solid 1px;padding:15px}
.xwzxDiv .boxDiv .rightDiv ul li .riqi{width:80px;float:left}
.xwzxDiv .boxDiv .rightDiv ul li .riqi p{font-size:48px;font-weight:400;color:#b8b8b8;height:40px;line-height:40px;width:100%;text-align:center}
.xwzxDiv .boxDiv .rightDiv ul li .riqi span{font-size:16px;color:#b8b8b8;display:block;width:100%;text-align:center}
.xwzxDiv .boxDiv .rightDiv ul li .xwRigjt{width:calc(100% - 100px);float:right;cursor:pointer}
.xwzxDiv .boxDiv .rightDiv ul li .xwRigjt h3{}
.xwzxDiv .boxDiv .rightDiv ul li .xwRigjt p{}
.xwlj{display:block}
.xwlj:hover{box-shadow:0 0 5px #a0ccfe}
.xwlj:hover .xwTxt h3{color:#3475f7;font-weight:bold}
.ckgdAn{width:100%;text-align:center;margin:20px auto 0 auto}
.ckgdAn a{display:inline-block;border:#3475f7 solid 1px;border-radius:5px;height:50px;line-height:50px;color:#3475f7;padding:0 35px;margin-top:20px;font-size:16px}
.ckgdAn a:hover{background:#3475f7;color:#fff}
/*fws*/
.fwsDiv{width:100%;height:160px;background:url("../images/dbgg.jpg") no-repeat #3a78fc;padding:10px 30px}
.fwsDiv .boxDiv h4{font-size:30px;font-weight:bold;text-align:center;line-height:40px;height:40px;color:#fff;margin-top:20px}
.fwsDiv .boxDiv a{display:block;width:160px;height:50px;line-height:50px;color:#3475f7;background:rgba(255,255,255,0.85);font-size:20px;text-align:center;border-radius:4px;margin:10px auto}
.fwsDiv .boxDiv a:hover{background:rgba(255,255,255,1.00);font-weight:400}
/*底部*/
.footDiv{background:#2d2c4a;padding-top:50px}
.footDiv .footer-link .footer-leftDiv{float:left;border-right:#57566e solid 1px;width:335px;padding:0 15px 0 0}
.footDiv .footer-link .footer-leftDiv .footLogo{margin-bottom:30px}
.footDiv .footer-link .footer-leftDiv .footLogo img{}
.footDiv .footer-link .footer-leftDiv .lxfsDiv{color:rgba(255,255,255,0.60)}
.footDiv .footer-link .footer-leftDiv .lxfsDiv .lxfsBox{width:100%;margin:5px 0}
.footDiv .footer-link .footer-leftDiv .lxfsDiv span{display:block;float:left;font-size:18px;color:rgba(255,255,255,0.70)}
.footDiv .footer-link .footer-leftDiv .lxfsDiv .spBt{width:120px;line-height:30px}
.footDiv .footer-link .footer-leftDiv .lxfsDiv .spBt i{font-size:24px;vertical-align:bottom}
.footDiv .footer-link .footer-leftDiv .lxfsDiv .spNr{width:calc(100% - 120px);line-height:30px}
.footDiv .footer-link .footer-leftDiv .ewmDiv{margin:30px 0}
.footDiv .footer-link .footer-leftDiv .ewmDiv p{width:140px;height:140px}
.footDiv .footer-link .footer-leftDiv .ewmDiv .p1{float:left}
.footDiv .footer-link .footer-leftDiv .ewmDiv .p2{float:right}
.footDiv .footer-link .footer-leftDiv .ewmDiv p span{display:block;text-align:center;width:140px;line-height:20px;font-size:15px;color:rgba(255,255,255,0.60);margin-top:10px}
.footDiv .footer-link .footer-leftDiv .lxfsDiv .spNr a:hover{color:#3475f7}
.footDiv .footer-link .footer-rightDiv{width:calc(100% - 335px);float:left}
.footDiv .footer-link .footer-rightDiv ul li{width:calc(16.66666666666667% - 20px);float:left;margin-left:20px}
/*2024-01-13*/
.footDiv .footer-link .footer-rightDiv ul li h4{color:rgba(255,255,255,0.80);font-size:20px;font-weight:bold}
.footDiv .footer-link .footer-rightDiv ul li h4 a{color:rgba(255,255,255,0.80)}
.footDiv .footer-link .footer-rightDiv ul li h4 a:hover{color:#3475f7}
.footDiv .footer-link .footer-rightDiv ul li h4 i{display:block;width:30px;height:4px;background:#3151a1;margin-top:10px}
.footDiv .footer-link .footer-rightDiv ul li .link-list{line-height:30px;font-size:14px}
.footDiv .footer-link .footer-rightDiv ul li .link-list a{display:block;color:rgba(255,255,255,0.60)}
.footDiv .footer-link .footer-rightDiv ul li .link-list a:hover{color:#3475f7}
.footDiv .footer-copyright{border-top:#57566e solid 1px;margin:0px auto 0 auto;padding:10px 0;text-align:center;font-size:16px;color:rgba(255,255,255,0.60)}
.footDiv .footer-copyright a:hover{color:#3475f7}
/*悬浮窗*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:60px;height:240px}
.suspension-box{position:relative;float:right}
.suspension .a{display:block;width:60px;height:60px;text-align:center;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;border-radius:4px;color:#fff}
.suspension .a i{font-size:30px;height:30px;display:inline-block;line-height:30px;margin-top:5px}
.suspension .a span{display:block;line-height:14px;font-size:12px}
.suspension .a.active,
.suspension .a:hover{background:#3475f7}
.suspension .a-top{background:#3475f7;display:none}
.suspension .a-top:hover{background:#3475f7}
.suspension .d{display:none;min-width:223px;background:none;position:absolute;right:67px;min-height:90px;border:1px solid #3475f7;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);color:#fff}
.suspension .d .arrow{position:absolute;width:8px;height:12px;right:-8px;top:31px;border-style:solid;border-color:transparent;border-width:10px 0 10px 10px;border-left-color:#3475f7}
.suspension .d-service{top:0}
.suspension .d-service-phone{top:0px}
.suspension .d-qrcode{top:65px}
.suspension .d .inner-box{padding:15px 10px;background:#3475f7}
.suspension .d .inner-box .qrcode-img{width:50%;padding:0 10px;float:left}
.suspension .d-service-item{padding:0}
.suspension .d-service .d-service-item{border-bottom:none}
.suspension .d-service-item .circle{width:60px;height:60px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;text-align:center}
.suspension .d-service-item .circle  i{font-size:30px;line-height:60px;color:#3475f7}
.suspension .d-service-item h3{float:left;width:100px;line-height:60px;font-size:15px;margin-left:12px;color:#fff;font-weight:400}
.suspension .d-service-item .text{float:left;width:100%;line-height:30px;font-size:15px;margin-left:12px}
.suspension .d-service-item .text p{margin-bottom:0}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-size:24px;margin-bottom:0}
.suspension .d-service-item .text .number a:hover{}
.suspension .d-service-intro{padding-top:10px}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888}
.suspension .d-qrcode{text-align:center}
.suspension .d-qrcode .inner-box{padding:10px 0 0;background:#3475f7;color:#fff;overflow:hidden}
.suspension .d-qrcode p{font-size:16px;color:#fff}
/*新闻资讯 页面*/
.comp-news-list{width:100%;max-width:1280px;margin:auto;padding:30px 0 10px 0}
.comp-news-list .news-item{position:relative;padding:25px 0;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:20px auto;padding:35px}
.comp-news-list .news-item .news-thumb{width:30%}
.comp-news-list .news-item .news-thumb a{display:block;padding-bottom:56.25%;width:100%;position:relative}
.comp-news-list .news-item .news-thumb a img{width:100%;height:100%;position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}
.comp-news-list .news-item .news-body{width:70%;margin-left:20px}
.comp-news-list .news-item .news-body h3{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:20px;font-weight:normal;color:#333;margin-bottom:10px}
.comp-news-list .news-item .news-body p{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;font-weight:normal;color:#666666}
.comp-news-list .news-item .news-body .meta{margin:10px 0}
.comp-news-list .news-item .news-body .meta i{font-size:18px;color:#999}
.comp-news-list .news-item .news-body .meta span{font-size:17px;color:#999;font-weight:normal}
.comp-news-list .news-item .news-body .ckxqAn{position:absolute;right:35px;bottom:20px;display:block}
.comp-news-list .news-item .news-body .ckxqAn i{font-size:30px;vertical-align:middle}
.comp-news-list .news-item:hover .news-body .ckxqAn{right:50px;color:#3a78fc}
.comp-news-list .news-item:hover .news-body .ckxqAn i{alignment-baseline::#3a78fc}
.comp-news-list .news-item.no-image .news-body{width:100% !important;margin-left:0}
.comp-news-list .news-item.no-image .news-body .meta{position:relative;bottom:0;top:10px}
.comp-news-list .news-item .news-body2{width:100%;margin-left:0px}
.comp-news-list .news-item .news-body2 h3{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:20px;font-weight:normal;color:#333;margin-bottom:10px}
.comp-news-list .news-item .news-body2 p{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;font-weight:normal;color:#666666}
.comp-news-list .news-item .news-body2 .meta{margin:10px 0}
.comp-news-list .news-item .news-body2 .meta i{font-size:18px;color:#999}
.comp-news-list .news-item .news-body2 .meta span{font-size:17px;color:#999;font-weight:normal}
.comp-news-list .news-item .news-body2 .ckxqAn{position:absolute;right:35px;bottom:10px;display:block}
.comp-news-list .news-item .news-body2 .ckxqAn i{font-size:30px;vertical-align:middle}
.comp-news-list .news-item:hover .news-body2 .ckxqAn{right:50px;color:#3a78fc}
.comp-news-list .news-item:hover .news-body2 .ckxqAn i{alignment-baseline::#3a78fc}
.comp-news-list .news-item.no-image .news-body2{width:100% !important;margin-left:0}
.comp-news-list .news-item.no-image .news-body2 .meta{position:relative;bottom:0;top:10px}
.comp-news-list .news-item:hover{box-shadow:0 0 5px #c5d8fb}
.newsDiv .nyBanner .boxDiv h2{font-size:36px;font-weight:bold;line-height:30px;margin:40px 0 20px 0;color:#fff}
.newsDiv .nyBanner .boxDiv p{line-height:30px;color:#fff;font-size:15px;max-width:50%;margin-bottom:0}
.b{font-weight:bold}
.newsDiv .nyBanner .boxDiv span{display:block;line-height:24px;color:rgba(255,255,255,0.80);font-size:14px;margin-top:0px;max-width:55%}
.newsDiv .newsTitle{border-bottom:#d1d1d1 solid 1px;height:70px;line-height:70px}
.newsDiv .newsTitle .box{position:relative}
.newsDiv .newsTitle .box a{display:inline-block;width:150px;height:70px;float:left;padding:0 10px}
.newsDiv .newsTitle .box a:hover{color:#3475f7;font-weight:bold}
.newsDiv .newsTitle .box a i{display:none}
.newsDiv .newsTitle .box a:hover i,.newsDiv .newsTitle .box .hover i{display:block;display:block;width:60px;height:4px;background:#3475f7;position:absolute;bottom:-1px}
.newsDiv .newsTitle .box .hover{font-size:16px;color:#3475f7;font-weight:bold}
.newsDiv .newsTitle .box .hover:hover{}
.ckgdDiv{display:block;width:120px;line-height:30px;text-align:center;font-size:14px;color:#666;margin:0 auto 20px auto;border:#ccc solid 1px;border-radius:4px}
.ckgdDiv:hover{background:none;color:#3475f7;border:#3475f7 solid 1px}
/*内页banner*/
.nyBanner{padding-top:70px;min-height:390px}
.news01{background:url("../images/nyBn/newsBanner.jpg") no-repeat 0 70px}
.news02{background:url("../images/nyBn/khalBanner.jpg") no-repeat 0 70px}
.news03{background:url("../images/nyBn/gywmBanner.jpg") no-repeat 0 70px}
.news04{background:url("../images/nyBn/cpzxBanner.jpg") no-repeat 0 70px}
.news05{background:url("../images/nyBn/cpzxBanner2.jpg") no-repeat 0 70px}
.news06{background:url("../images/nyBn/cpzxBanner3.jpg") no-repeat 0 70px}
.news07{background:url("../images/nyBn/jjfaBanner1.jpg") no-repeat 0 70px}
.news08{background:url("../images/nyBn/jjfaBanner8.jpg") no-repeat 0 70px}
.news09{background:url("../images/nyBn/jjfaBanner9.jpg") no-repeat 0 70px}
.news10{background:url("../images/nyBn/jjfaBanner10.jpg") no-repeat 0 70px}
.news11{background:url("../images/nyBn/jjfaBanner11.jpg") no-repeat 0 70px}
.news12{background:url("../images/nyBn/jjfaBanner12.jpg") no-repeat 0 70px}
.news13{background:url("../images/nyBn/jjfaBanner13.jpg") no-repeat 0 70px}
.news14{background:url("../images/nyBn/jjfaBanner14.jpg") no-repeat 0 70px}
.news15{background:url("../images/nyBn/jjfaBanner15.jpg") no-repeat 0 70px}
.news16{background:url("../images/nyBn/jjfaBanner16.jpg") no-repeat 0 70px}
.news18{background:url("../images/nyBn/jjfaBanner18.jpg") no-repeat 0 70px}
.news19{background:url("../images/nyBn/jjfaBanner19.jpg") no-repeat 0 70px}
.news20{background:url("../images/nyBn/jjfaBanner20.jpg") no-repeat 0 70px}
.news21{background:url("../images/nyBn/jjfaBanner21.jpg") no-repeat 0 70px}
.news22{background:url("../images/nyBn/jjfaBanner22.jpg") no-repeat 0 70px}
.news23{background:url("../images/nyBn/jjfaBanner23.jpg") no-repeat 0 70px}
.news24{background:url("../images/nyBn/jjfaBanner24.jpg") no-repeat 0 70px}
.news25{background:url("../images/nyBn/jjfaBanner25.jpg") no-repeat 0 70px}
.news26{background:url("../images/nyBn/jjfaBanner26.jpg") no-repeat 0 70px}
.news27{background:url("../images/nyBn/jjfaBanner27.jpg") no-repeat 0 70px}
.news28{background:url("../images/nyBn/jjfaBanner28.jpg") no-repeat 0 70px}
.news29{background:url("../images/nyBn/jjfaBanner29.jpg") no-repeat 0 70px}
.news30{background:url("../images/nyBn/jjfaBanner30.jpg") no-repeat 0 70px}
.news31{background:url("../images/nyBn/jjfaBanner31.jpg") no-repeat 0 70px}
.news32{background:url("../images/nyBn/jjfaBanner32.jpg") no-repeat 0 70px}
.news33{background:url("../images/nyBn/jjfaBanner33.jpg") no-repeat 0 70px}
.news34{background:url("../images/nyBn/jjfaBanner34.jpg") no-repeat 0 70px}
.news35{background:url("../images/nyBn/jjfaBanner35.jpg") no-repeat 0 70px}
.news36{background:url("../images/nyBn/jjfaBanner36.jpg") no-repeat 0 70px}
.news37{background:url("../images/nyBn/jjfaBanner37.jpg") no-repeat 0 70px}
.news38{background:url("../images/nyBn/jjfaBanner38.jpg") no-repeat 0 70px}
.news39{background:url("../images/nyBn/jjfaBanner39.jpg") no-repeat 0 70px}
.news40{background:url("../images/nyBn/jjfaBanner40.jpg") no-repeat 0 70px}
.news41{background:url("../images/nyBn/jjfaBanner41.jpg") no-repeat 0 70px}
.news42{background:url("../images/nyBn/jjfaBanner42.jpg") no-repeat 0 70px}
.news43{background:url("../images/nyBn/jjfaBanner43.jpg") no-repeat 0 70px}
.news44{background:url("../images/nyBn/jjfaBanner44.jpg") no-repeat 0 70px}
.news45{background:url("../images/nyBn/jjfaBanner45.jpg") no-repeat 0 70px}
.news46{background:url("../images/nyBn/jjfaBanner46.jpg") no-repeat 0 70px}
.news47{background:url("../images/nyBn/jjfaBanner47.jpg") no-repeat 0 70px}
.news48{background:url("../images/nyBn/jjfaBanner48.jpg") no-repeat 0 70px}
.news49{background:url("../images/nyBn/jjfaBanner49.jpg") no-repeat 0 70px}
.news50{background:url("../images/nyBn/jjfaBanner50.jpg") no-repeat 0 70px}
.bannerPr{position:relative;height:320px}
.dwDiv{position:absolute;bottom:0;min-height:290px;max-height:240px;left:20px;width:100%}
.dwDiv .anzDiv{width:100%;margin:20px 0 0 0}
.dwDiv .anzDiv a{display:block;float:left;margin-right:20px;line-height:38px;font-size:16px}
.dwDiv .anzDiv .an01{width:120px;height:40px;text-align:center;border:rgba(255,255,255,0.00) solid 1px;background:rgba(255,255,255,0.80);color:#3475f7;border-radius:4px}
.dwDiv .anzDiv .an02{width:120px;height:40px;text-align:center;border:rgba(255,255,255,0.80) solid 1px;background:none;color:rgba(255,255,255,0.80);border-radius:4px}
.dwDiv .anzDiv .an01:hover{;border:rgba(255,255,255,1.00) solid 1px;background:rgba(255,255,255,1.00)}
.dwDiv .anzDiv .an02:hover{border:rgba(255,255,255,1.00) solid 1px;color:rgba(255,255,255,1.00);border-radius:4px}
/*客户案例 页面*/
.khalDiv{padding:40px 0}
.khalDiv .alBox span{width:calc(16.66666666666667% - 2px);display:block;float:left;margin:1px ;padding:20px 0;text-align:center;background:#fff}
.khalDiv .alBox span img{width:100%}
.khalDiv .alBox span:hover{box-shadow:0 0 5px #ccc}
/*关于我们 页面*/
.gywmLxwmDiv{width:100%;padding:80px 0;background:url("../images/gywmBj.jpg") no-repeat;height:315px}
.gywmLxwmDiv .leftLogo{float:left;width:40%}
.gywmLxwmDiv .rightLxfs{float:left;width:60%}
.gywmLxwmDiv .rightLxfs .lxEwm{width:140px;float:left;margin-left:10px}
.gywmLxwmDiv .rightLxfs .lxBox{width:calc(100% - 320px);float:right}
.gywmLxwmDiv .rightLxfs .lxBox h3{color:#fff;font-size:24px;font-weight:bold;margin-bottom:20px;line-height:40px}
.gywmLxwmDiv .rightLxfs .lxBox span{display:block;color:#fff;font-size:18px;line-height:36px}
.gywmLxwmDiv .rightLxfs .lxBox span a{color:#fff}
.klxjjDiv{width:100%;background:#f7fafd;padding:60px 0}
.klxjjDiv .jjLeft{width:50%;float:left;max-width:540px}
.klxjjDiv .jjLeft h2{font-size:32px;color:#1e3b69;font-weight:bold}
.klxjjDiv .jjLeft h2 i{display:block;width:40px;height:8px;background:#3475f7;margin:10px 0}
.klxjjDiv .jjLeft .nrDiv{margin-top:30px}
.klxjjDiv .jjLeft .nrDiv p{text-indent:2em;font-size:16px;line-height:28px}
.klxjjDiv .jjRight{width:50%;float:right}
.ryzzDivDiv{width:100%;background:#fff;padding:60px 0}
.ryzzDivDiv .ygfcNr{width:100%;text-align:left}
.ryzzDivDiv .ygfcNr .parHd{height:30px;line-height:30px;background:#f4f4f4;padding:0 20px;border-bottom:1px solid #ddd;position:relative}
.ryzzDivDiv .ygfcNr .parHd ul{float:left;position:absolute;left:0;top:-1px;height:32px}
.ryzzDivDiv .ygfcNr .parHd ul li{float:left;padding:0 30px;cursor:pointer}
.ryzzDivDiv .ygfcNr .parHd ul li.on{height:30px;background:#fff;border:1px solid #ddd;border-bottom:2px solid #fff}
.ryzzDivDiv .ygfcNr .slideBox{overflow:hidden;zoom:1;padding:10px 0 10px 36px;position:relative}
.ryzzDivDiv .ygfcNr .sPrev,.ygfcNr .sNext{position:absolute;left:5px;top:10px;display:block;width:30px;height:280px;/* border:1px solid #ddd;*/background:url("../images/prevBtnTop.png") center 120px no-repeat #fff;background-size:50%}
.ryzzDivDiv .ygfcNr .sNext{left:auto;right:0px;background:url("../images/nextBtnTop.png") center 120px no-repeat #fff;background-size:50%}
.ryzzDivDiv .ygfcNr .sPrev:hover,.ygfcNr .sNext:hover{border-color:#f60}
.ryzzDivDiv .ygfcNr .parBd ul{overflow:hidden;zoom:1}
.ryzzDivDiv .ygfcNr .parBd ul li{margin:0 8px;float:left;_display:inline;overflow:hidden;text-align:center}
.ryzzDivDiv .ygfcNr .parBd ul li .pic{text-align:center}
.ryzzDivDiv .ygfcNr .parBd ul li:hover .pic{box-shadow:0 0 15px #b1d3ff;transition:all 400ms ease 0s;transform:scale(1.1)}
.ryzzDivDiv .ygfcNr .parBd ul li .pic img{width:200px;height:280px;display:block;border-radius:4px;overflow:hidden}
.ryzzDivDiv .ygfcNr .parBd ul li .pic a:hover img{border-color:#999}
/*.ryzzDivDiv .ygfcNr .parBd ul li .title{line-height:34px}
.ryzzDivDiv .ygfcNr .parBd ul li .title a{color:#333;display:inline-block;padding-top:5px;transition:all 0.5s ease}
.ryzzDivDiv .ygfcNr .parBd ul li:hover .title a{color:#cc0000;padding-top:5px;transition:all 0.5s ease}
*/
/*免费试用表单*/
.mfsyDiv{width:100%;min-height:800px;background:url("../images/nyBn/sybdBanner.jpg") no-repeat center top}
.mfsyDiv .mfbdTop{width:100%;max-width:900px;margin:auto;padding:20px 0}
.mfsyDiv .mfbdTop .mfbdTel a{color:#fff}
.mfsyDiv .mfbdTop .mfbdLogo{width:50%;float:left}
.mfsyDiv .mfbdTop .mfbdTel{color:#fff;font-size:22px;width:50%;float:right;text-align:right}
.mfsyDiv .mfbdTop .mfbdTel i{font-size:30px;margin-right:5px}
.mfsyDiv .bdCont{width:100%;max-width:900px;margin:auto;background:#fff;border-radius:4px;box-shadow:0 0 5px #ccc;padding:60px 0;margin-bottom:60px}
.mfsyDiv .bdCont .mfsyTitle{text-align:center}
.mfsyDiv .bdCont .mfsyTitle h3{font-size:30px;font-weight:bold;color:#3475f7}
.mfsyDiv .bdCont .mfsyTitle p{font-size:15px;color:#666;line-height:40px}
.mfsyDiv .bdCont  .mfsyCont{width:90%;max-width:480px;margin:auto}
.mfsyDiv .bdCont  .mfsyCont ul li{width:100%;min-height:50px;margin:10px 0}
.mfsyDiv .bdCont  .mfsyCont ul li .bt{width:60px;line-height:50px;float:left;font-size:18px;font-weight:bold;color:#666}
.mfsyDiv .bdCont  .mfsyCont ul li .nr{width:calc(100% - 70px);float:right}
.mfsyDiv .bdCont  .mfsyCont ul li .nr .input01{width:100%;padding:0 10px;height:48px;line-height:48px;border:#e5e5e5 solid 1px;border-radius:4px;outline:none}
.mfsyDiv .bdCont  .mfsyCont ul li .nr .select01{width:calc(50% - 5px);float:left;height:50px;border:#e5e5e5 solid 1px;border-radius:4px;outline:none}
.mfsyDiv .bdCont  .mfsyCont ul li .nr .select02{width:calc(50% - 5px);float:right;height:50px;border:#e5e5e5 solid 1px;border-radius:4px;outline:none}
.mfsyDiv .bdCont .mfsyCont .yszcDiv{width:100%;margin-left:80px;margin-top:30px}
.mfsyDiv .bdCont .mfsyCont .yszcDiv span{display:inline-block;float:left;line-height:22px}
.mfsyDiv .bdCont .mfsyCont .yszcDiv span .input02{width:18px;height:18px;border-radius:4px;border:#eee solid 1px !important;vertical-align:middle;margin-right:10px}
.mfsyDiv .bdCont .mfsyCont .yszcDiv span a{color:#3a78fc}
.mfsyDiv .bdCont .mfsyCont .tjsyAn{display:block;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;font-size:15px;background:-o-linear-gradient(315deg, #2b7aff, #2bbfff);background:linear-gradient(135deg, #2b7aff, #2bbfff);border-radius:4px;margin:50px auto}
.mfsyDiv .bdCont .mfsyCont .tjsyAn:hover{background:-o-linear-gradient(315deg, #2bbfff , #2b7aff);background:linear-gradient(135deg, #2bbfff, #2b7aff)}
/*产品中心 页面*/
.cpzxDiv1{width:100%;max-width:1280px;margin:0 auto;padding:60px 0}
.cpzxDiv1 .hxgnDiv{width:100%}
.cpzxDiv1 .hxgnDiv .hxgnBox01{width:calc(50% - 20px);float:left;margin:10px}
.cpzxDiv1 .hxgnDiv .hxgnBox02{width:calc(50% - 20px);float:right;margin:10px}
.cpzxDiv1 .hxgnBox03{width:calc(100% - 20px);margin:10px auto}
.cpzxDiv1 .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;background:url("../images/btBj.jpg") no-repeat right top #eff3fc;padding-left:30px;color:#2d2c4a}
.cpzxDiv1 .hxgnDiv .bx01{width:100%;background:url( "../images/cp01.png") no-repeat right top #fff}
.cpzxDiv1 .hxgnDiv .bx02{width:100%;background:url( "../images/cp02.png") no-repeat right top #fff}
.cpzxDiv1 .hxgnDiv .bx03{width:100%;background:url( "../images/cp03.png") no-repeat right top #fff}
.cpzxDiv1 .hxgnDiv .bx04{width:100%;background:url( "../images/cp04.png") no-repeat right top #fff}
.cpzxDiv1 .bx05{width:100%;background:url( "../images/cp05.png") no-repeat right 50px #fff}
.cpzxDiv1 .cont{border:#eee solid 1px;border-top:none}
.cpzxDiv1 .cont .txtBox{min-height:130px;padding:30px 170px 0 30px;font-size:16px;line-height:30px;max-height:130px}
.cpzxDiv1 .bx05 .txtBox{padding:30px 300px 0 30px !important}
.cpzxDiv1 .cont .anzDiv{padding:30px}
.cpzxDiv1 .cont .anzDiv a{display:inline-block;padding:0 15px;height:36px;line-height:36px;border-radius:4px;border:#3475f7 solid 1px;font-size:16px;color:#3475f7}
.cpzxDiv1 .cont .anzDiv a:hover{border:#3475f7 solid 1px;background:#3475f7;color:#fff}
.yyjzNr{width:100%;max-width:1280px;margin:0 auto;padding:20px 0}
.yyjzNr .yyjzBox{width:calc(33.3333333333% - 20px);float:left;margin:10px;height:260px;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:30px 40px}
.yyjzNr .yyjzBox:hover{background:url("../images/klxBj02.png") no-repeat right bottom #3475f7}
.yyjzNr .yyjzBox h4{font-size:20px;font-weight:bold;color:#2d2c4a}
.yyjzNr .yyjzBox h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#3475f7}
.yyjzNr .yyjzBox p{line-height:30px;color:#999;font-size:16px}
.yyjzNr .yyjzBox:hover h4{font-size:20px;font-weight:bold;color:#fff}
.yyjzNr .yyjzBox:hover h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#fff}
.yyjzNr .yyjzBox:hover p{line-height:30px;color:#fff;font-size:16px}
.cpzxDiv3{width:100%;max-width:1280px;margin:0 auto;padding:60px 0}
.cpzxDiv3 .gchxcjzNr{width:100%;max-width:1280px;margin:0 auto;padding:20px 0 0 0}
.cpzxDiv3 .gchxcjzNr .pic{width:100%}
.cpzxDiv3 .gchxcjzNr .pic img{width:100%}
.cpzxDiv3 .gchxcjzNr .txt{width:100%;line-height:40px;font-size:18px;color:#2d2c4a;background:#e4edfd;padding:30px 80px;text-indent:2em;margin:30px auto}
.cpzxDiv4{width:100%;background:url("../images/cp07.jpg") no-repeat center 0;padding:60px 0}
.cpzxDiv4 .titleDiv{margin-bottom:30px}
.cpzxDiv4 .titleDiv h2,.cpzxDiv4 .titleDiv p{color:rgba(255,255,255,0.90)}
.cpzxDiv4 .alBox{background:#e5e5e5}
.cpzxDiv4 .alBox span{width:calc(16.66666666666667% - 1px);display:block;float:left;margin:1px 1px 0 0 ;padding:20px 0;text-align:center;background:#fff}
.cpzxDiv4 .alBox span img{width:100%}
.cpzxDiv4 .alBox span:hover{box-shadow:0 0 5px #ccc}
.cpzxDiv4 .ckgdAn{display:block;width:160px;height:50px;line-height:50px;border:#3475f7 solid 1px;border-radius:4px;text-align:center;color:#3475f7;font-size:20px;margin:40px auto 0 auto}
.cpzxDiv4 .ckgdAn:hover{border:#fff solid 1px;color:#fff}
.cpzxDiv5{width:100%;max-width:1280px;margin:60px auto;padding:0px 0;background:#fff}
.cpzxDiv5 .leftSp_Div{width:50%;max-width:580px;float:left}
.cpzxDiv5 .rightTxt_div{width:calc(50% - 80px);background:url("../images/cp08.jpg") no-repeat right bottom #fff;background-size:cover;padding:0 0 0 80px;height:315px;padding-top:80px;float:left;font-size:16px;color:#333;line-height:28px}
/*库房环境管控系统*/
.kfhjgkDiv{width:100%;margin:20px auto}
.kfhjgkDiv .kfhjBox01{width:calc(20% - 20px);margin:10px;float:left;box-shadow:0 0 10px #e5e5e5;min-height:200px;max-height:300px;padding:20px 10px 10px;text-align:center;border-radius:10px}
.kfhjgkDiv .kfhjBox01 i{font-size:4rem;color:#0077ff;line-height:60px}
.kfhjgkDiv .kfhjBox01 h4{line-height:40px;color:#1e3b69;font-weight:bold;text-align:center}
.kfhjgkDiv .kfhjBox01 p{text-align:center;color:#1e3b69;font-size:16px;line-height:24px}
.kfhjgkDiv .kfhjBox01:hover{background:#3a78fc}
.kfhjgkDiv .kfhjBox01:hover i{color:#fff}
.kfhjgkDiv .kfhjBox01:hover h4{color:#fff}
.kfhjgkDiv .kfhjBox01:hover p{color:#fff}
.ckfhjgkDiv1{margin:60px auto;max-width:1280px}
.ckfhjgkDiv1 .sfjsyqDiv{background:#ebf1ff;width:calc(100% - 20px);margin:10px auto 60px auto;padding:20px}
.ckfhjgkDiv1 .sfjsyqDiv h3{font-size:30px;font-weight:bold;color:#1e3b69;font-weight:bold;text-align:center}
.ckfhjgkDiv1 .sfjsyqDiv p{color:#1e3b69;font-size:17px;text-align:center;line-height:40px}
.ckfhjgkDiv2{width:100%;background:url("../images/xtgc.jpg") no-repeat 0 bottom #0d2a5c;padding:60px 0}
.ckfhjgkDiv2 .titleDiv h2{color:#fff}
.ckfhjgkDiv2 .kfhjgkBox{width:100%;text-align:center;padding:50px 0}
.xtgcList{width:100%;max-width:1280px;margin:20px auto}
.xtgcList .kfhjBox{width:calc(50% - 20px);margin:10px;background:#fff;border:#ededed solid 1px;min-height:315px;overflow:hidden}
.xtgcList .leftBox{float:left}
.xtgcList .rightBox{float:right}
.xtgcList .kfhjBox .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;background:url("../images/btBj.jpg") no-repeat right top #eff3fc;padding-left:30px;color:#1e3b69}
.xtgcList .kfhjBox .cont{width:100%;padding:10px 20px}
.xtgcList .kfhjBox .cont .picBox{float:right;width:140px;text-align:center}
.xtgcList .kfhjBox .cont .txtBox{float:left;width:calc(100% - 140px);font-size:16px;line-height:30px;color:#9497ac;padding:10px}
.kfhjgkGntd{background:#19325b;width:100%;padding:60px 0}
.kfhjgkGntd .titleDiv h2{color:#fff}
.kfhjgkGntd .kfhjgkGntdBox{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntd .kfhjgkGntdBox .box{width:calc(16.66666666666667% - 20px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:400px}
.kfhjgkGntd .kfhjgkGntdBox .box:hover{background:#0f71ff}
.kfhjgkGntd .kfhjgkGntdBox .box i{color:#fff;font-size:4rem}
.kfhjgkGntd .kfhjgkGntdBox .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:400}
.kfhjgkGntd .kfhjgkGntdBox .box p{color:rgba(255,255,255,0.50);text-align:left}
.kfhjgkGntd .kfhjgkGntdBox .box:hover p{color:rgba(255,255,255,0.90)}
/*档案库房体化智能管理系统*/
.ythznhglkfDiv{background:#ebf1ff;width:calc(100% - 20px);margin:10px auto;padding:20px}
.ythznhglkfDiv p{color:#1e3b69;font-size:17px;line-height:40px}
.ckfhjgkDiv1 .xtjgPic{padding:10px;text-align:center;width:100%}
.ckfhjgkDiv3{background:url("../images/ythjBj.jpg") no-repeat center top;padding:60px 0}
.ckfhjgkDiv3 .kfhjgkBox{text-align:center;padding-top:20px}
/*一体化平台*/
.ythptList{width:100%;max-width:1280px;margin:20px auto}
.ythptList .kfhjBox{width:calc(50% - 20px);margin:10px;background:#fff;border:#ededed solid 1px;min-height:375px;overflow:hidden}
.ythptList .leftBox{float:left}
.ythptList .rightBox{float:right}
.ythptList .kfhjBox .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;background:url("../images/btBj.jpg") no-repeat right top #eff3fc;padding-left:30px;color:#1e3b69}
.ythptList .kfhjBox .cont{width:100%;padding:10px 20px}
.ythptList .kfhjBox .cont .picBox{float:right;width:230px;text-align:center;padding-top:20px}
.ythptList .kfhjBox .cont .txtBox{float:left;width:calc(100% - 230px);font-size:16px;line-height:30px;color:#9497ac;padding:10px}
/*一体化平台2*/
.ythptList2{width:100%;max-width:1280px;margin:20px auto 60px}
.ythptList2 .kfhjBox{width:calc(50% - 20px);min-height:275px;margin:10px;background:rgb(255, 255, 255);border-width:1px;border-style:solid;border-color:rgb(237, 237, 237);border-image:initial;overflow:hidden}
.ythptList2 .leftBox{float:left}
.ythptList2 .rightBox{float:right}
.ythptList2 .kfhjBox .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;padding-left:30px;color:rgb(30, 59, 105);background:url(../images/btBj.jpg) right top no-repeat rgb(239, 243, 252)}
.ythptList2 .kfhjBox .cont{width:100%;padding:10px 20px}
.ythptList2 .kfhjBox .cont .picBox{float:right;width:230px;text-align:center;padding-top:20px}
.ythptList2 .kfhjBox .cont .picBox img{width:auto;height:140px}
.ythptList2 .kfhjBox .cont .txtBox{float:left;width:calc(100% - 230px);font-size:16px;line-height:30px;color:rgb(148, 151, 172);padding:10px}
.webkDiv .xtjgPic{padding:10px;text-align:center;width:100%}
.ythptList3{width:100%;max-width:1280px;margin:20px auto 60px}
.ythptList3 .kfhjBox{width:calc(50% - 20px);min-height:310px;margin:10px;background:rgb(255, 255, 255);border-width:1px;border-style:solid;border-color:rgb(237, 237, 237);border-image:initial;overflow:hidden}
.ythptList3 .leftBox{float:left}
.ythptList3 .rightBox{float:right}
.ythptList3 .kfhjBox .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;padding-left:30px;color:rgb(30, 59, 105);background:url(../images/btBj.jpg) right top no-repeat rgb(239, 243, 252)}
.ythptList3 .kfhjBox .cont{width:100%;padding:10px 20px}
.ythptList3 .kfhjBox .cont .picBox{float:right;width:230px;text-align:center;padding-top:20px}
.ythptList3 .kfhjBox .cont .picBox img{width:auto;height:140px}
.ythptList3 .kfhjBox .cont .txtBox{float:left;width:calc(100% - 230px);font-size:16px;line-height:30px;color:rgb(148, 151, 172);padding:10px}


.rfidList2{width:100%;max-width:1280px;margin:20px auto 60px}
.rfidList2 .kfhjBox{width:calc(33.33333333333333% - 20px);min-height:280px;margin:10px;background:rgb(255, 255, 255);border-width:1px;border-style:solid;border-color:rgb(237, 237, 237);border-image:initial;overflow:hidden}
.rfidList2 .leftBox{float:left}
.rfidList2 .rightBox{float:right}
.rfidList2 .kfhjBox .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;padding-left:30px;color:rgb(30, 59, 105);background:url(../images/btBj.jpg) right top no-repeat rgb(239, 243, 252)}
.rfidList2 .kfhjBox .cont{width:100%;padding:10px 20px}
.rfidList2 .kfhjBox .cont .picBox{float:right;width:130px;text-align:center;padding-top:20px}
.rfidList2 .kfhjBox .cont .picBox img{width:auto;height:140px}
.rfidList2 .kfhjBox .cont .txtBox{float:left;width:calc(100% - 130px);font-size:16px;line-height:27px;color:rgb(148, 151, 172);padding:10px 0 0 0px}

.dazxfwList{width:100%;max-width:1280px;margin:20px auto}
.dazxfwList .kfhjBox{width:calc(20% - 20px);margin:10px;background:#fff;border:#ededed solid 1px;min-height:422px;overflow:hidden}
.dazxfwList .kfhjBox:hover{box-shadow:0 0 5px rgba(58,120,252,0.60)}
.dazxfwList .leftBox{float:left}
.dazxfwList .rightBox{float:right}
.dazxfwList .kfhjBox .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;background:url("../images/btBj.jpg") no-repeat right top #eff3fc;padding-left:30px;color:#1e3b69}
.dazxfwList .kfhjBox .cont{width:100%;padding:10px 20px}
.dazxfwList .kfhjBox .cont .picBox{float:right;width:100%;text-align:center;padding-top:10px}
.dazxfwList .kfhjBox .cont .txtBox{float:left;width:calc(100% - 0px);font-size:16px;line-height:30px;color:#9497ac;padding:10px}
/*解决方案 档案数字化加工*/
.jjfaDiv{}
.jjfaDiv .fwnrBoxL{width:calc(50% - 20px);float:left;box-shadow:0 0 10px #e5e5e5;border-radius:8px;padding:30px;height:230px}
.jjfaDiv .cnDiv{width:100%}
.jjfaDiv .cnDiv .txtDiv{float:left;width:calc(100% - 230px)}
.jjfaDiv .cnDiv .txtDiv h3{font-size:22px;font-weight:bold;color:#000}
.jjfaDiv .cnDiv .txtDiv p{margin-top:10px;font-size:18px;line-height:30px;color:#666;margin-top:20px}
.jjfaDiv .cnDiv .imgDiv{float:right;width:230px}
.ckfhjgkDiv4{background:url(../images/jjfaBj01.jpg) no-repeat center top;padding:60px 0 100px 0;border-bottom:#dadde0 solid 1px;margin:0 auto}
.ckfhjgkDiv4 .kfhjgkBox{text-align:center;padding-top:20px}
.jjfaDiv .fwnrBoxR{width:calc(50% - 20px);float:right;box-shadow:0 0 10px #e5e5e5;border-radius:8px;padding:30px;padding:30px;height:230px}
.kfhjgkGntd .kfhjgkGntdBox2{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntd .kfhjgkGntdBox2 .box{width:calc(33.33333333333333% - 20px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 20px 10px 20px;text-align:center;min-height:340px}
.kfhjgkGntd .kfhjgkGntdBox2 .box:hover{background:#0f71ff}
.kfhjgkGntd .kfhjgkGntdBox2 .box i{color:#4286e2;font-size:6rem;height:110px;line-height:110px}
.kfhjgkGntd .kfhjgkGntdBox2 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:400;line-height:50px}
.kfhjgkGntd .kfhjgkGntdBox2 .box p{color:rgba(255,255,255,0.50);text-align:left}
.kfhjgkGntd .kfhjgkGntdBox2 .box:hover p{color:rgba(255,255,255,0.90)}
.kfhjgkGntd .kfhjgkGntdBox2 .box:hover i{color:#fff}
.jglcList{position:relative;width:100%;min-height:400px;background:#fff}
.jglcList .jglcBox{width:100%;background:rgba(255,255,255,0.80);position:absolute;top:0;left:50%;margin-left:-640px;max-width:1280px}
.jglcList .jglcBox .title{margin-top:-68px}
.jglcList .jglcBox .title span{width:11.11111111111111%;display:inline-block;float:left;text-align:center;cursor:pointer;font-size:20px;height:60px;line-height:60px;font-weight:400;color:#003366}
.jglcList .jglcBox .title span i{display:block;border:#003366 solid 2px;width:15px;height:15px;border-radius:100%;background:#fff;margin:auto}
.jglcList .jglcBox .title span:hover i{width:90px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px;color:#448cee;font-weight:bold}
.jglcList .jglcBox .title .hover i{width:90px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px}
.jglcList .jglcBox .title .hover{font-weight:bold;color:#448cee}
.jglcList .jglcBox .cont{padding-top:60px;width:100%}
.jglcList .jglcBox .cont h2{font-size:40px;line-height:40px;font-weight:bold;color:#003366}
.jglcList .jglcBox .cont h2 i{display:inline-block;width:8px;height:38px;background:#448cee;margin-right:20px;vertical-align:middle}
.jglcList .jglcBox .cont .txt{margin-top:20px}
.jglcList .jglcBox .cont .txt p{font-size:16px;line-height:30px;color:#666;margin:0;padding:0}
/*通用详情*/
.viewDiv{width:100%;background:#fff;padding:40px 0 40px 0}
.viewDiv .nr{text-align:justify;width:100%;background:#ffffff;margin:0 auto;padding:0px 0px;max-width:1280px}
.viewDiv .nr .tb h2{text-align:center;color:rgb(0, 0, 0);border-bottom:2px solid #eee;padding:20px;font:26px / 50px;font-weight:bold}
.viewDiv .nr .xx{margin-top:20px;margin-bottom:20px;text-align:center;color:#999}
.viewDiv .nr .xx span{display:inline-block;padding:0 10px}
.viewDiv .nr .nr2{font-size:16px;line-height:30px}
.viewDiv .nr .nr2 p{text-indent:2rem;margin-bottom:10px}
.viewDiv .nr .nr2 img{max-width:80%;margin:10px 10%;height:auto}/*2024-04-07 芳芳提出网站详情图片被拉大了，故进行调整加了max*/
.viewDiv .fp{width:60%;margin:20px auto}
.viewDiv .fp1{float:left;height:auto;height:50px;line-height:50px;text-align:center;width:35%;background:#eee;border-radius:4px}
.viewDiv .fp2{float:right;height:auto;height:50px;line-height:50px;text-align:center;width:35%;background:#eee;border-radius:4px}
.viewDiv .fp1 a,.viewDiv .fp2 a{color:#666;display:block}
.viewDiv .fp1 a:hover,.viewDiv .fp2 a:hover{background:#0144af;color:#fff;border-radius:4px}
.pdT80{padding-top:70px}
.pcd{display:block}
.syd{display:none}
/*2023-10-20*/
/*RFID实体档案管理系统*/
.bgWhite{background:#fff;width:100%;margin:0 auto;padding:0}
.bgWhite .ckfhjgkDiv1{padding:60px 0 0 0;margin:0 auto}
.xtgcDiv{margin:0 auto;padding:0 0 20px 0;text-align:center}
.pdT40{padding-top:40px}
.kfhjBox .anzDiv{padding:20px 20px 30px 30px}
.kfhjBox .anzDiv a{display:inline-block;padding:0 10px;height:36px;line-height:36px;border-radius:4px;border:#3475f7 solid 1px;font-size:15px;color:#3475f7}
.kfhjBox .anzDiv a:hover{border:#3475f7 solid 1px;background:#3475f7;color:#fff}
.xtgcList2{width:100%;max-width:1280px;margin:20px auto}
.xtgcList2 .kfhjBox{width:calc(50% - 20px);margin:10px;background:#fff;border:#ededed solid 1px;min-height:370px;overflow:hidden}
.xtgcList2 .leftBox{float:left}
.xtgcList2 .rightBox{float:right}
.xtgcList2 .kfhjBox .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;background:url("../images/btBj.jpg") no-repeat right top #eff3fc;padding-left:30px;color:#1e3b69}
.xtgcList2 .kfhjBox .cont{width:100%;padding:10px 20px}
.xtgcList2 .kfhjBox .cont .picBox{float:right;width:140px;text-align:center}
.xtgcList2 .kfhjBox .cont .txtBox{float:left;width:calc(100% - 140px);font-size:16px;line-height:30px;color:#9497ac;padding:10px;min-height:170px}
.kfhjgkGntdBox_RFID{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID .box{width:calc(20% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:290px}
.kfhjgkGntdBox_RFID .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:600}
.kfhjgkGntdBox_RFID .box p{color:rgba(255,255,255,0.50);text-align:left}
.kfhjgkGntdBox_RFID .box:hover p{color:rgba(255,255,255,0.90)}
/*智能密集架系统*/
.xtgcList3{width:100%;max-width:1280px;margin:20px auto}
.xtgcList3 .kfhjBox{width:calc(50% - 20px);margin:10px;background:#fff;border:#ededed solid 1px;min-height:252px;overflow:hidden}
.xtgcList3 .leftBox{float:left}
.xtgcList3 .rightBox{float:right}
.xtgcList3 .kfhjBox .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;background:url("../images/btBj.jpg") no-repeat right top #eff3fc;padding-left:30px;color:#1e3b69}
.xtgcList3 .kfhjBox .cont{width:100%;padding:10px 20px}
.xtgcList3 .kfhjBox .cont .picBox{float:right;width:140px;text-align:center}
.xtgcList3 .kfhjBox .cont .txtBox{float:left;width:calc(100% - 140px);font-size:16px;line-height:30px;color:#9497ac;padding:10px;min-height:140px;}


.xtgcList3 .kfhjBox3{width:calc(33.33333333333333% - 20px);margin:10px;background:#fff;border:#ededed solid 1px;min-height:252px;overflow:hidden}
.xtgcList3 .leftBox{float:left}
.xtgcList3 .rightBox{float:right}
.xtgcList3 .kfhjBox3 .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;background:url("../images/btBj.jpg") no-repeat right top #eff3fc;padding-left:30px;color:#1e3b69}
.xtgcList3 .kfhjBox3 .cont{width:100%;padding:10px 20px;position:relative}
.xtgcList3 .kfhjBox3 .cont .picBox{float:right;width:100px;text-align:center}
.xtgcList3 .kfhjBox3 .cont .txtBox{float:left;width:calc(100% - 100px);font-size:16px;line-height:30px;color:#9497ac;padding:10px;min-height:100px}
.poAB10{position:absolute;bottom:-20px;left:30px;display:block;color:#0f71ff}

.znmjjList{width:100%;max-width:1280px;margin:50px auto;padding:70px 0 0 0}
.znmjjList .cont{width:100%;border:#ebebeb solid 1px;border-right:none;border-bottom:none}
.znmjjList .cont .xtBox{width:20%;float:left;min-height:180px;border:#ebebeb solid 1px;border-top:none;border-left:none}
.znmjjList .cont .xtBox:hover{background:#f5f8ff}
.znmjjList .cont .xtBox .title{margin:auto;width:calc(100% - 30px);padding-top:20px}
.znmjjList .cont .xtBox .title .picBox{float:left;width:46px;height:46px;line-height:46px}
.znmjjList .cont .xtBox .title .picBox img{width:100%}
.znmjjList .cont .xtBox .title h5{float:left;width:calc(100% - 60px);line-height:48px;font-size:16px;font-weight:bold}
.znmjjList .cont .xtBox .txtBox{font-size:13px;color:#9199a4;padding:0 20px 10px 20px;line-height:20px}

.bsBg{background:#fff;width:100%;padding:0 0 20px 0}
.znmjjxt3{padding:60px 0}
.znmjjxt3 .yyjzNr{width:100%;max-width:1280px;margin:0 auto;padding:0}
.znmjjxt3 .yyjzNr .yyjzBox1{width:calc(25% - 20px);float:left;margin:10px;min-height:250px;background:url(../images/klxBj01.png) no-repeat right bottom #fff;padding:30px;border-radius:4px;box-shadow:0 0 5px #eee}
.znmjjxt3 .yyjzNr .yyjzBox1 h4{font-size:20px;font-weight:bold;color:#333}
.znmjjxt3 .yyjzNr .yyjzBox1 h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#3475f7}
.znmjjxt3 .yyjzNr .yyjzBox2{width:calc(33.3333333333% - 20px);float:left;margin:10px;height:250px;background:url(../images/klxBj01.png) no-repeat right bottom #fff;padding:30px;border-radius:4px;box-shadow:0 0 5px #eee}
.znmjjxt3 .yyjzNr .yyjzBox2 h4{font-size:20px;font-weight:bold;color:#333}
.znmjjxt3 .yyjzNr .yyjzBox2 h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#3475f7}
.znmjjxt3 .yyjzNr .yyjzBox1 p,.znmjjxt3 .yyjzNr .yyjzBox2 p{margin-bottom:0;font-size:16px;line-height:30px}
.znmjjxt3 .yyjzNr .yyjzBox1:hover{background:url("../images/klxBj02.png") no-repeat right bottom #3475f7}
.znmjjxt3 .yyjzNr .yyjzBox1:hover h4{font-size:20px;font-weight:bold;color:#fff}
.znmjjxt3 .yyjzNr .yyjzBox1:hover h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#fff}
.znmjjxt3 .yyjzNr .yyjzBox1:hover p{line-height:30px;color:#fff;font-size:16px}
.znmjjxt3 .yyjzNr .yyjzBox2:hover{background:url("../images/klxBj02.png") no-repeat right bottom #3475f7}
.znmjjxt3 .yyjzNr .yyjzBox2:hover h4{font-size:20px;font-weight:bold;color:#fff}
.znmjjxt3 .yyjzNr .yyjzBox2:hover h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#fff}
.znmjjxt3 .yyjzNr .yyjzBox2:hover p{line-height:30px;color:#fff;font-size:16px}
.jglcList2{position:relative;width:100%;min-height:200px;background:#fff}
.jglcList2 .jglcBox{width:100%;background:rgba(255,255,255,0.80);position:absolute;top:0;left:50%;margin-left:-640px;max-width:1280px}
.jglcList2 .jglcBox .title{margin-top:-68px}
.jglcList2 .jglcBox .title span{width:20%;display:inline-block;float:left;text-align:center;cursor:pointer;font-size:20px;height:60px;line-height:60px;font-weight:400;color:#003366}
.jglcList2 .jglcBox .title span i{display:block;border:#003366 solid 2px;width:15px;height:15px;border-radius:100%;background:#fff;margin:auto}
.jglcList2 .jglcBox .title span:hover i{width:90px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px;color:#448cee;font-weight:bold}
.jglcList2 .jglcBox .title .hover i{width:90px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px}
.jglcList2 .jglcBox .title .hover{font-weight:bold;color:#448cee}
.jglcList2 .jglcBox .cont{padding-top:60px;width:100%}
.jglcList2 .jglcBox .cont h2{font-size:40px;line-height:40px;font-weight:bold;color:#003366}
.jglcList2 .jglcBox .cont h2 i{display:inline-block;width:8px;height:38px;background:#448cee;margin-right:20px;vertical-align:middle}
.jglcList2 .jglcBox .cont .txt{margin-top:20px}
.jglcList2 .jglcBox .cont .txt p{font-size:16px;line-height:30px;color:#666;margin:0;padding:0}
.ckfhjgkDiv4f{background:#f7fbfe;padding:60px 0 60px 0;margin:0 auto}
.ckfhjgkDiv4f .kfhjgkBox{text-align:center;padding-top:20px}
.kfhjgkGntdBox_RFID2{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID2 .box{width:calc(16.66666666666667% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:317px}
.kfhjgkGntdBox_RFID2 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID2 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID2 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:600}
.kfhjgkGntdBox_RFID2 .box p{color:rgba(255,255,255,0.50);text-align:left}
.kfhjgkGntdBox_RFID2 .box:hover p{color:rgba(255,255,255,0.90)}
/*库房温湿度控制系统*/
.kfwsdkzxtDiv{width:100%}
.kfwsdkzxtDiv .picDiv{float:left;width:50%;margin-top:5px}
.kfwsdkzxtDiv .picDiv img{width:100%}
.kfwsdkzxtDiv .rightDiv{float:right;width:calc(50% - 20px)}
.kfwsdkzxtDiv .rightDiv p{color:#9497ac;font-size:16px;line-height:25px;margin-bottom:0}
.kfwsdkzxtDiv .rightDiv .bj{width:100%;height:45px;line-height:45px;background:#1e3b69;text-align:center;color:#fff;font-size:20px;font-weight:bold;border-radius:4px;background:#1e3b69;margin:5px auto}
.kfwsdkzxtDiv .rightDiv .bdDiv{width:100%}
.kfwsdkzxtDiv .bdDiv{width:100%}
.kfwsdkzxtDiv .bdDiv table{background:#1e3b69;width:100%;text-align:center;margin-top:6px;color:#1e3b69;font-size:15px}
.kfwsdkzxtDiv .bdDiv table th{background:#e1e7ee;border:1px solid #1e3b69;font-weight:bold}
.kfwsdkzxtDiv .bdDiv table td{background:#f8f8f8;border:1px solid #1e3b69}

.yyjzNr2{width:100%;max-width:1280px;margin:0 auto;padding:0}
.yyjzNr2 .yyjzBox{width:calc(33.33333333333333% - 20px);float:left;margin:20px 20px 0 0;min-height:250px;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:20px;border-radius:2px}
.yyjzNr2 .yyjzBox:hover{background:url("../images/klxBj02.png") no-repeat right bottom #3475f7}
.yyjzNr2 .yyjzBox h4{font-size:20px;font-weight:bold;color:#2d2c4a}
.yyjzNr2 .yyjzBox h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#3475f7}
.yyjzNr2 .yyjzBox p{line-height:30px;color:#999;font-size:16px}
.yyjzNr2 .yyjzBox:last-child{width:calc(33.33333333333333% - 0px);margin-right:0}
.yyjzNr2 .yyjzBox:hover h4{font-size:20px;font-weight:bold;color:#fff}
.yyjzNr2 .yyjzBox:hover h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#fff}
.yyjzNr2 .yyjzBox:hover p{line-height:30px;color:#fff;font-size:16px}
.kfwsdkzxNr{width:100%;background:#fff;padding:60px 0}
.kfwsdkzxNr .kfwsdkzxBox{text-align:center}
.pd60{padding:40px 0 60px 0}
.yyjzNr3{width:100%;max-width:1280px;margin:0 auto;padding:0}
.yyjzNr3 .yyjzBox{width:calc(33.33333333333333% - 20px);float:left;margin:20px 20px 0 0;min-height:200px;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:20px;border-radius:2px}
.yyjzNr3 .yyjzBox:hover{background:url("../images/klxBj02.png") no-repeat right bottom #3475f7}
.yyjzNr3 .yyjzBox h4{font-size:20px;font-weight:bold;color:#2d2c4a}
.yyjzNr3 .yyjzBox h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#3475f7}
.yyjzNr3 .yyjzBox p{line-height:30px;color:#999;font-size:16px}
.yyjzNr3 .yyjzBox:last-child{width:calc(33.33333333333333% - 0px);margin-right:0}
.yyjzNr3 .yyjzBox:hover h4{font-size:20px;font-weight:bold;color:#fff}
.yyjzNr3 .yyjzBox:hover h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#fff}
.yyjzNr3 .yyjzBox:hover p{line-height:30px;color:#fff;font-size:16px}
/*库房安防监控系统*/
.kfafjkxtDiv{margin:20px auto}
.kfhjgkGntdBox_RFID{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID .box1{width:calc(25% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:290px}
.kfhjgkGntdBox_RFID .box1:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID .box1 i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID .box1 h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:600}
.kfhjgkGntdBox_RFID .box1 p{color:rgba(255,255,255,0.50);text-align:left}
.kfhjgkGntdBox_RFID .box1:hover p{color:rgba(255,255,255,0.90)}
.kfhjgkGntdBox_RFID .box2{width:calc(33.33333333333333% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:290px}
.kfhjgkGntdBox_RFID .box2:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID .box2 i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID .box2 h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:600
/*color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:600;width:90%;text-align:center;margin:auto;line-height:2rem*/}
.kfhjgkGntdBox_RFID .box2 p{color:rgba(255,255,255,0.50);text-align:left}
.kfhjgkGntdBox_RFID .box2:hover p{color:rgba(255,255,255,0.90)}
.taC{text-align:center}
.taC img{margin:auto;padding:0 10px}
.ythznhglkfDiv h2{font-size:24px;color:#1e3b69;text-align:center;font-weight:bold;line-height:30px;padding:20px 0}
.ythznhglkfDiv h3{font-size:18px;color:#1e3b69;text-align:center;font-weight:bold;line-height:30px;padding:0px}
/*库房消防灭火系统*/
.yyjzNr4{width:100%;max-width:1280px;margin:0 auto;padding:0}
.yyjzNr4 .yyjzBox1{width:calc(100% - 0px);float:inherit;margin:20px auto 0 auto;min-height:200px;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:20px;border-radius:2px;box-shadow:0 0 5px #eee}
.yyjzNr4 .yyjzBox1:hover{background:url("../images/klxBj02.png") no-repeat right bottom #3475f7}
.yyjzNr4 .yyjzBox1 h4{font-size:20px;font-weight:bold;color:#2d2c4a}
.yyjzNr4 .yyjzBox1 h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#3475f7}
.yyjzNr4 .yyjzBox1 p{line-height:30px;color:#999;font-size:16px}
.yyjzNr4 .yyjzBox1:hover h4{font-size:20px;font-weight:bold;color:#fff}
.yyjzNr4 .yyjzBox1:hover h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#fff}
.yyjzNr4 .yyjzBox1:hover p{line-height:30px;color:#fff;font-size:16px}
.yyjzNr4 .yyjzBox2{width:calc(50% - 20px);float:left;margin:20px 20px 0 0;min-height:200px;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:20px;border-radius:2px;box-shadow:0 0 5px #eee}
.yyjzNr4 .yyjzBox2:hover{background:url("../images/klxBj02.png") no-repeat right bottom #3475f7}
.yyjzNr4 .yyjzBox2 h4{font-size:20px;font-weight:bold;color:#2d2c4a}
.yyjzNr4 .yyjzBox2 h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#3475f7}
.yyjzNr4 .yyjzBox2 p{line-height:30px;color:#999;font-size:16px}
.yyjzNr4 .yyjzBox2:hover h4{font-size:20px;font-weight:bold;color:#fff}
.yyjzNr4 .yyjzBox2:hover h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#fff}
.yyjzNr4 .yyjzBox2:hover p{line-height:30px;color:#fff;font-size:16px}
/*.yyjzNr4 .yyjzBox2:last-child{width:calc(50% - 0px);margin-right:0}
*/
.yyjzNr4 .yyjzBox2:nth-child(2n){width:calc(50% - 0px);margin-right:0}
.mhzzyyDiv{padding:60px 0}
.mhzzyyDiv .img{width:100%;margin:20px auto;text-align:center}
.mhzzyyDiv .boxNr{margin:0 auto;max-width:1280px}
.mhzzyyDiv .boxNr ul li{float:left;width:calc(16.66666666666667% - 15px);padding:30px 20px 20px 20px;background:#fff;border-radius:4px;box-shadow:0 0 5px #eee;margin:10px 15px 0 0;min-height:240px}
.mhzzyyDiv .boxNr ul li i{display:block;width:32px;height:6px;background:#0f74ff;margin-bottom:20px}
.mhzzyyDiv .boxNr ul li p{width:100%;line-height:26px;font-size:16px;color:#333}
.mhzzyyDiv .boxNr ul li:hover{background:#0f74ff;border-radius:4px;box-shadow:0 0 5px #eee;margin:10px 15px 0 0;min-height:240px}
.mhzzyyDiv .boxNr ul li:hover i{background:#fff}
.mhzzyyDiv .boxNr ul li:hover p{color:#fff}
.mhzzflDiv{padding:60px 0;background:#fff}
.mhzzflDiv .cont{max-width:1280px;margin:0 auto}
.mhzzflDiv .cont .box{width:calc(33.33333333333333% - 25px);float:left;margin-right:25px;border:#eee solid 1px}
.mhzzflDiv .cont .box .pic{width:100%}
.mhzzflDiv .cont .box p{width:100%;min-height:175px;background:#ebf1ff;line-height:24px;font-size:15px;line-height:26px;color:#333;margin:0;padding:20px;border-top:#eee solid 1px}
/*数据可视化平台*/
.yycjDiv{width:100%}
.yycjDiv .box{width:calc(33.33333333333333% - 20px);float:left;margin:5px 10px}
.yycjDiv .box p:hover{box-shadow:0 0 5px #b0cfff}
.yycjDiv .box p{width:100%;margin:0}
.yycjDiv .box p img{width:100%}
.yycjDiv .box span{display:block;text-align:center;line-height:30px;font-size:18px;font-weight:bold;color:#1e3b69;margin-top:20px}
.yycjDiv .box:last-child{width:calc(33.33333333333333% - 20px);margin-right:0}
.yycjDiv .box:hover span{color:#3475f7}
.kfhjgkGntdBox_RFID5{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID5 .box{width:calc(16.66666666666667% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:350px}
.kfhjgkGntdBox_RFID5 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID5 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID5 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:600}
.kfhjgkGntdBox_RFID5 .box p{color:rgba(255,255,255,0.50);text-align:left}
.kfhjgkGntdBox_RFID5 .box:hover p{color:rgba(255,255,255,0.90)}
/*领导干部廉政档案管理系统*/
.lzjjwtDiv{width:100%}
.lzjjwtDiv .box{width:calc(25% - 20px);float:left;margin-right:20px;background:#fff;padding-bottom:20px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:#eee solid 1px}
.lzjjwtDiv .box:hover{box-shadow:0 0 5px #9cc5fe}
.lzjjwtDiv .box:last-child{width:calc(25% - 20px);margin-right:0}
.lzjjwtDiv .box p{text-align:center}
.lzjjwtDiv .box p img{width:100%}
.lzjjwtDiv .box h3{color:#1e3b69;font-size:20px;font-weight:bold;text-align:center;height:30px;line-height:30px}

.lzjjwtDiv .box span{font-size:16px;line-height:24px;color:#666;padding:0 20px;display:block;font-size:16px}
.kfhjgkGntdBox_RFID6{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID6 .box{width:calc(25% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:220px}
.kfhjgkGntdBox_RFID6 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID6 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID6 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;line-height:30px;font-weight:600;padding:0 8%}
.pdtb40{padding:40px 0 20px 0}
.kfhjgkGntdBox_RFID6 .box p{color:rgba(255,255,255,0.50);padding:0 10px}
.kfhjgkGntdBox_RFID6 .box:hover p{color:rgba(255,255,255,1.00)}
/*合同管理*/
.hrglDiv{width:100%}
.hrglDiv .box{width:calc(33.33333333333333% - 20px);float:left;margin:0 20px 20px 0;background:#fff;padding-bottom:20px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:#eee solid 1px;min-height:302px}
.hrglDiv .box:last-child{width:calc(33.33333333333333% - 20px);margin-right:0}
.hrglDiv .box p{text-align:center}
.hrglDiv .box p img{width:100%}
.hrglDiv .box h3{color:#1e3b69;font-size:20px;font-weight:bold;text-align:center;height:30px;line-height:30px}
.hrglDiv .box span{line-height:24px;color:#666;padding:0 15px 0 20px;display:block;font-size:16px}
.kfhjgkGntdBox_RFID7{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID7 .box{width:calc(25% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:290px}
.kfhjgkGntdBox_RFID7 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID7 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID7 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;line-height:30px;font-weight:600;padding:0 5%}
.kfhjgkGntdBox_RFID7 .box p{color:rgba(255,255,255,0.50);line-height:24px}
.pdtb40{padding:40px 0 20px 0}
.kfhjgkGntdBox_RFID7 .box:hover p{color:rgba(255,255,255,1.00)}
/*资产管理系统*/
.lzjjwtDiv{width:100%}
.lzjjwtDiv .box{width:calc(25% - 20px);float:left;margin-right:20px;background:#fff;padding-bottom:20px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:#eee solid 1px;min-height:344px}
.lzjjwtDiv .box:hover{box-shadow:0 0 5px #9cc5fe}
.lzjjwtDiv .box:last-child{width:calc(25% - 20px);margin-right:0}
.lzjjwtDiv .box p{text-align:center;color:rgba(255,255,255,0.50)}
.lzjjwtDiv .box p img{width:100%}
.lzjjwtDiv .box h3{color:#1e3b69;font-size:20px;font-weight:bold;text-align:center;height:30px;line-height:30px}
.lzjjwtDiv .box span{font-size:16px;line-height:24px;color:#666;padding:0 20px;display:block;font-size:16px}
.ckfhjgkDiv5{width:100%;background:url("../images/t18.jpg") no-repeat bottom center #415679;padding:20px 0}
.ckfhjgkDiv5 .xtgnDiv{width:100%;margin:40px auto}
.ckfhjgkDiv5 .titleDiv h2{text-align:center;font-size:32px;font-weight:bold;color:rgba(255,255,255,1.00)}
.ckfhjgkDiv5 .jglcList3{position:relative;width:100%;min-height:400px;margin-top:0;border-top:rgba(255,255,255,0.10) solid 1px}
.ckfhjgkDiv5 .jglcList3 .jglcBox{width:100%;position:absolute;top:-68px;left:50%;margin-left:-640px;max-width:1280px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title{margin-top:0px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title span{width:25%;display:inline-block;float:left;text-align:center;cursor:pointer;font-size:20px;height:60px;line-height:60px;font-weight:400;color:rgba(255,255,255,0.50)}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title span i{display:block;border:#003366 solid 2px;width:15px;height:15px;border-radius:100%;background:#fff;margin:auto}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title span:hover i{width:90px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px;color:#448cee;font-weight:bold}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title .hover i{width:90px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title .hover{font-weight:bold;color:#448cee}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont{padding-top:40px;width:100%}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont h2{font-size:40px;line-height:40px;font-weight:bold;color:#003366}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont h2 i{display:inline-block;width:8px;height:38px;background:#448cee;margin-right:20px;vertical-align:middle}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .boxTit p{color:rgba(255,255,255,0.55);float:left;height:20px;line-height:20px;padding-left:10px;font-size:16px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .boxTit i{display:inline-block;width:4px;height:20px;background:rgba(255,255,255,0.55);border-radius:4px;float:left;line-height:20px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li{width:calc(25% - 20px);margin:10px 20px 10px 0;float:left;background:rgba(255,255,255,0.05);border:rgba(255,255,255,0.15) solid 1px;border-radius:2px;padding:15px 10px 0 15px;min-height:140px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li h4{font-size:18px;color:rgba(255,255,255,0.80);font-weight:bold;text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li p{color:rgba(255,255,255,0.80);text-align:left}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li:nth-of-type(4n+4){width:calc(25% - 0px);margin:10px 0px 10px 0}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li{width:calc(50% - 20px);margin:20px 20px 0 0;float:left;background:rgba(255,255,255,0.05);border:rgba(255,255,255,0.15) solid 1px;border-radius:2px;padding:15px 10px 0 15px;min-height:140px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li h4{font-size:18px;color:rgba(255,255,255,0.80);font-weight:bold;text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li p{color:rgba(255,255,255,0.80);text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li:nth-of-type(2n+2){width:calc(50% - 0px);margin:20px 0px 0 0}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li{width:calc(33.33333333333333% - 20px);margin:20px 20px 0 0;float:left;background:rgba(255,255,255,0.05);border:rgba(255,255,255,0.15) solid 1px;border-radius:2px;padding:15px 10px 0 15px;min-height:140px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li h4{font-size:18px;color:rgba(255,255,255,0.80);font-weight:bold;text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li p{color:rgba(255,255,255,0.80);text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li:nth-of-type(3n+3){width:calc(33.33333333333333% - 0px);margin:20px 0px 0 0}
.A1{display:none}
.lxdhDiv{display:none}
.dbdhDiv{display:none}
/*智慧场地管理系统*/
.kfhjgkGntdBox_RFID8{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID8 .box{width:calc(33.33333333333333% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:220px}
.kfhjgkGntdBox_RFID8 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID8 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID8 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;height:60px;line-height:30px;font-weight:600;padding:0 8%}
.pdtb40{padding:40px 0 20px 0}
.kfhjgkGntdBox_RFID8 .box p{color:rgba(255,255,255,0.50);padding:0 10px}
.kfhjgkGntdBox_RFID8 .box:hover p{color:rgba(255,255,255,1.00)}
.xtgcList3 .kfhjBox .cont2{width:100%;padding:10px 20px}
.xtgcList3 .kfhjBox .cont2 .picBox{float:right;width:240px;text-align:center;border:#eee solid 1px}
.xtgcList3 .kfhjBox .cont2 .txtBox{float:left;width:calc(100% - 240px);font-size:16px;line-height:30px;color:#9497ac;padding:10px;min-height:160px}
/*视频归档管理平台*/
.yyjzNr2f{width:100%;max-width:1280px;margin:0 auto;padding:0}
.yyjzNr2f .yyjzBox{width:calc(33.33333333333333% - 20px);float:left;margin:20px 20px 0 0;min-height:200px;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:20px;border-radius:4px}
.yyjzNr2f .yyjzBox:hover{background:url("../images/klxBj02.png") no-repeat right bottom #3475f7}
.yyjzNr2f .yyjzBox h4{font-size:20px;font-weight:bold;color:#2d2c4a}
.yyjzNr2f .yyjzBox h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#3475f7}
.yyjzNr2f .yyjzBox p{line-height:30px;color:#999;font-size:16px}
.yyjzNr2f .yyjzBox:nth-child(3n){width:calc(33.33333333333333% - 0px);margin-right:0}
.yyjzNr2f .yyjzBox:hover h4{font-size:20px;font-weight:bold;color:#fff}
.yyjzNr2f .yyjzBox:hover h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#fff}
.yyjzNr2f .yyjzBox:hover p{line-height:30px;color:#fff;font-size:16px}
.A1{display:none}
.lxdhDiv{display:none}
.dbdhDiv{display:none}
.ptsbDiv{width:100%;margin:auto}
.ptsbDiv a{display:block;float:left;width:calc(20% - 16px);margin:10px 0;float:left;margin-right:16px}
.ptsbDiv a:nth-child{display:block;float:calc(20% - 25px);margin-right:0}
.ptsbDiv a p{width:100%}
.ptsbDiv a p:hover{box-shadow:0 0 5px #eee}
.ptsbDiv a p img{border:#eee solid 1px}
.ptsbDiv a span{display:block;width:100%;text-align:center;color:#333}
.kfhjgkGntdBox_RFID9{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID9 .box{width:calc(25% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:290px}
.kfhjgkGntdBox_RFID9 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID9 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID9 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;line-height:30px;font-weight:600;padding:0}
.kfhjgkGntdBox_RFID9 .box p{color:rgba(255,255,255,0.50);line-height:24px;margin-bottom:0}
.pdtb40{padding:40px 0 20px 0}
.kfhjgkGntdBox_RFID9 .box:hover p{color:rgba(255,255,255,1.00)}
/*硬件中心-RFID通道门禁类设备*/
.fl{float:left}
.fr{float:right}
.flex{display:flex}
.fldhRd{width:100%;height:84px;line-height:84px;background:#fff;border-bottom:#eee solid 1px}
.fldhRd .dh2box{margin:0 auto;max-width:1280px}
.fldhRd .dh2box a{display:inline-block;float:left}
.fldhRd .dh2box a:hover{color:#3475f7}
.fldhRd .dh2box i{display:inline-block;float:left;font-style:normal;padding:0 10px;color:#ccc}
.fldhRd .dh2box .hover{color:#fff;background:#3475f7;padding:0 10px;font-weight:bold}
.fldhRd .dh2box .hover:hover{color:#fff;font-weight:bold}
.cpBigDiv{width:100%;padding:40px 0}
.cpBigDiv .cpBox{max-width:1280px;margin:0 auto}
.cpBigDiv .cpBox .picDiv{width:35%;text-align:center;min-height:400px}
.cpBigDiv .cpBox .picDiv .picBox{padding:0;align-self:center}
.cpBigDiv .cpBox .textDiv{width:65%;position:relative;min-height:400px}
.cpBigDiv .cpBox .textDiv .czjzBox{margin-right:auto;padding:0 2.1875rem;align-self:center}
.cpBigDiv .cpBox .textDiv h3{width:100%;font-weight:bold;font-size:26px;color:#333}
.cpBigDiv .cpBox .textDiv .cpxhDiv{font-size:20px;color:#666}
.cpBigDiv .cpBox .textDiv .cpxhDiv span{display:inline-block;float:left;padding-right:10px}
.cpBigDiv .cpBox .textDiv .cpbqBt{width:100%;margin:20px 0 10px 0}
.cpBigDiv .cpBox .textDiv .cpbqBt span{display:inline-block;color:#666;cursor:pointer;padding:0 12px;border:1px solid #ccc;border-radius:30px;margin-right:5px;height:32px;line-height:30px}
.cpBigDiv .cpBox .textDiv .cpbqBt .hover{background:#3475f7;border:#3475f7 solid 1px;border-radius:30px;text-align:center;color:#fff}
.cpBigDiv .cpBox .textDiv .cp_contDiv{width:100%}
.cpBigDiv .cpBox .textDiv .cp_contDiv .cont1{max-width:580px}
.cpBigDiv .cpBox .textDiv .cp_contDiv p{width:100%;padding:0;margin:0;line-height:36px}
.cpBigDiv .cpBox .textDiv .cp_contDiv p span{display:inline-block}
.cpBigDiv .cpBox .textDiv .cp_contDiv p .xbt{float:left;font-weight:bold;padding-right:5px;width:108px;color:#333}
.cpBigDiv .cpBox .textDiv .cp_contDiv p .xnr{float:left;width:calc(100% - 108px)}
.white_background{background:#fff}
.cpBigDiv .cpBox .textDiv .cp_contDiv .cont3{width:100%}
.cpBigDiv .cpBox .textDiv .cp_contDiv .cont3 p{width:100%;padding:0;margin:0;line-height:36px}
.cpBigDiv .cpBox .textDiv .cp_contDiv .cont3 p span{display:inline-block}
.cpBigDiv .cpBox .textDiv .cp_contDiv .cont3 p .xbt{float:left;font-weight:bold;padding-right:10px;width:120px;color:#333}
.cpBigDiv .cpBox .textDiv .cp_contDiv .cont3 p .xnr{float:left;width:calc(100% - 120px)}
.kfhjgkGntdBox_RFID20{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID20 .box{width:calc(20% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:200px}
.kfhjgkGntdBox_RFID20 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID20 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID20 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:600}
.kfhjgkGntdBox_RFID20 .box p{color:rgba(255,255,255,0.50);text-align:left}
.kfhjgkGntdBox_RFID20 .box:hover p{color:rgba(255,255,255,0.90)}
.yycjDiv{margin-top:10px}
.bsbjDiv{width:100%;background:rgb(255, 255, 255);margin:0px auto}
.webkDiv{max-width:1280px;margin:0px auto;padding:60px 0px 0px}
/*退役军人档案管理*/
.lzjjwtDiv2{width:100%}
.lzjjwtDiv2 .box{width:calc(20% - 20px);float:left;margin-right:20px;background:#fff;padding-bottom:20px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:#eee solid 1px;min-height:370px}
.lzjjwtDiv2 .box:hover{box-shadow:0 0 5px #9cc5fe}
.lzjjwtDiv2 .box:last-child{width:calc(20% - 20px);margin-right:0}
.lzjjwtDiv2 .box p{text-align:center;color:rgba(255,255,255,0.50)}
.lzjjwtDiv2 .box p img{width:100%}
.lzjjwtDiv2 .box h3{color:#1e3b69;font-size:20px;font-weight:bold;text-align:center;height:30px;line-height:30px}
.lzjjwtDiv2 .box span{font-size:16px;line-height:24px;color:#666;padding:0 20px;display:block;font-size:16px}
.cpzxDiv1 .hxgnDiv .hxgnBox01f{width:calc(50% - 20px);float:left;margin:10px}
.cpzxDiv1 .hxgnDiv .hxgnBox02f{width:calc(50% - 20px);float:right;margin:10px}
.cpzxDiv1 .hxgnBox03f{width:calc(100% - 20px);margin:10px auto}
.cpzxDiv1 .hxgnBox03f .cont .txtBox .cjImg{float:right;width:50%!important;text-align:center}
.cpzxDiv1 .hxgnBox03f .cont .txtBox .cjImg img{width:400px!important}
.cpzxDiv1 .hxgnBox03f .cont .txtBox p{float:left;width:calc(50% - 10px);padding-top:60px}
.cpzxDiv1 .hxgnDiv .hxgnBox01f .cont .txtBox{min-height:200px;padding:30px 30px 0 30px;font-size:16px;line-height:30px}
.cpzxDiv1 .hxgnDiv .hxgnBox02f .cont .txtBox{min-height:200px;padding:30px 30px 0 30px;font-size:16px;line-height:30px}
.cpzxDiv1 .hxgnDiv .hxgnBox03f .cont .txtBox{min-height:200px;padding:30px 30px 0 30px;font-size:16px;line-height:30px}
.cpzxDiv1 .hxgnDiv .hxgnBox02f .cont .txtBox p,.cpzxDiv1 .hxgnDiv .hxgnBox01f .cont .txtBox p{float:left;width:calc(100% - 130px)}
.cpzxDiv1 .hxgnDiv .hxgnBox03f .cont .txtBox .cjImg,.cpzxDiv1 .hxgnDiv .hxgnBox02f .cont .txtBox .cjImg,.cpzxDiv1 .hxgnDiv .hxgnBox01f .cont .txtBox .cjImg{float:right;width:120px}
.cpzxDiv1 .hxgnDiv .hxgnBox03f .cont .txtBox .tyzlDiv{padding:20px 0}
.cpzxDiv1 .hxgnDiv .hxgnBox03f .cont .txtBox .tyzlDiv h4{font-size:16px;font-weight:bold}
.cpzxDiv1 .hxgnDiv .hxgnBox03f .cont .txtBox .tyzlDiv .clDiv{color:#999}
.cpzxDiv1 .hxgnDiv .hxgnBox03f .cont .txtBox .tyzlDiv .clDiv span{display:inline-block;float:left;padding:0 20px;border:#ccc solid 1px;height:36px;border-radius:36px;line-height:36px;margin:10px 10px 0 0}
.cpzxDiv1 .hxgnDiv .hxgnBox03f .cont .txtBox .tyzlDiv .clDiv span:hover{background:rgba(58,120,252,0.80);border:rgba(58,120,252,0.80) solid 1px;color:#fff}
.taL{text-align:left}
/*UWB高精度定位系统*/
.xtgcList4{width:100%;max-width:1280px;margin:0px auto}
.xtgcList4 .hrglDiv{text-align:center}
.xtgcList4 .hrglDiv img{margin:auto}
.uwbBig_dwms{background:url(../images/sqPic/bj.jpg) no-repeat center top #0643a5;background-size:100% auto;width:100%;padding:60px 0}
.uwbBig_dwms .titleDiv h2{text-align:center;font-size:32px;font-weight:bold;color:#fff}
.kfhjgkGntdBox_RFID{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID .box_uwb{width:calc(20% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.20);border-radius:8px;padding:20px 10px 30px 15px;text-align:center}
.kfhjgkGntdBox_RFID .box_uwb:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID .box_uwb i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID .box_uwb h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:600}
.kfhjgkGntdBox_RFID .box_uwb p{color:rgba(255,255,255,0.50);text-align:left}
.kfhjgkGntdBox_RFID .box_uwb:hover p{color:rgba(255,255,255,0.90)}
/*高精度AOA域内定位系统*/
.ptsbDiv_AOA{width:100%;margin:auto}
.ptsbDiv_AOA a{display:block;float:left;width:calc(25% - 16px);margin:10px 0;float:left;margin-right:16px}
.ptsbDiv_AOA a:nth-child{display:block;float:calc(25% - 25px);margin-rig1ht:0}
.ptsbDiv_AOA a p{width:100%}
.ptsbDiv_AOA a p:hover{box-shadow:0 0 5px #eee}
.ptsbDiv_AOA a p img{border:#eee solid 1px;width:100%}
.ptsbDiv_AOA a span{display:block;width:100%;text-align:center;color:#333}
.xtgn_AOA_Div{margin:0px auto;max-width:1280px;padding:60px 0 20px 0}
.kfhjgkDiv{width:100%;margin:20px auto}
.kfhjgkDiv .kfhjBox01_AOA{width:calc(20% - 20px);margin:10px;float:left;box-shadow:0 0 10px #e5e5e5;padding:20px 10px 10px;text-align:center;border-radius:10px}
.kfhjgkDiv .kfhjBox01_AOA i{font-size:3rem;color:#0077ff;line-height:60px}
.kfhjgkDiv .kfhjBox01_AOA h4{line-height:40px;color:#1e3b69;font-weight:600;text-align:center;font-size:18px}
.kfhjgkDiv .kfhjBox01_AOA p{text-align:center;color:#1e3b69;font-size:16px;line-height:20px}
.kfhjgkDiv .kfhjBox01_AOA:hover{background:#3a78fc}
.kfhjgkDiv .kfhjBox01_AOA:hover i{color:#fff}
.kfhjgkDiv .kfhjBox01_AOA:hover h4{color:#fff}
.kfhjgkDiv .kfhjBox01_AOA:hover p{color:#fff}
/*要物移位离位报警管理系统*/
.ywbjxtDiv{width:100%;margin:0 auto;max-width:1280px}
.ywbjxtDiv .ywbjBox{width:calc(25% - 10px);float:left;padding:20px}
.ywbjxtDiv .ywbjBox:nth-child{width:calc(25% - 0px)}
.ywbjxtDiv .ywbjBox .cont{width:100%}
.ywbjxtDiv .ywbjBox .cont .picBox{text-align:center}
.ywbjxtDiv .ywbjBox .cont .picBox img{transition: transform 0.5s ease-in-out;/* 定义过渡效果 */transform: rotate(0deg);/* 初始旋转角度 */display:flex;justify-content:center;align-items:center;margin:auto}
.ywbjxtDiv .ywbjBox .cont .picBox:hover img{transform: rotate(360deg); /* 鼠标悬停时旋转角度 */}
.ywbjxtDiv .ywbjBox .cont .txtBox{margin-top:20px;padding:0 20px;text-align:center}
.ywbjxtDiv .ywbjBox:hover{box-shadow:0 0 5px #ccc}
.ywbjxtDiv .ywbjBox2{width:calc(33.33333333333333% - 7px);float:left;padding:20px 20px 10px 20px;background:#ededec;margin:0 1px}
.ywbjxtDiv .ywbjBox2:nth-child{width:calc(33.33333333333333% - 0px)}
.ywbjxtDiv .ywbjBox2 .cont{width:100%}
.ywbjxtDiv .ywbjBox2 .cont .picBox{text-align:center}
.ywbjxtDiv .ywbjBox2 .cont .picBox img{width:80px}
.ywbjxtDiv .ywbjBox2 .cont .txtBox{margin-top:10px;padding:0 20px;text-align:center}
.ywbjxtDiv .ywbjBox2 .cont .txtBox h3{font-size:18px;font-weight:bold;line-height:20px}
/*巡检报修*/
.zhyq_xjbx_Div{width:100%;background:#19325b;padding:60px 0}
.zhyq_xjbx_Div .zhyq_xjbx_Box{ max-width:1280px;margin:auto}
.zhyq_xjbx_Div .zhyq_xjbx_Box .titleDiv h2{color:#fff}
.zhyq_xjbx_Div .zhyq_xjbx_Box .xjbx_Box1{width:100%;margin:20px auto}
.zhyq_xjbx_Div .zhyq_xjbx_Box .xjbxNr01{width:calc(20% - 20px);margin:10px;float:left;padding:20px 10px 10px;text-align:center;border-radius:8px;background:rgba(255,255,255,0.10)}
.zhyq_xjbx_Div .zhyq_xjbx_Box .xjbxNr01 i{font-size:3rem;color:#fff;line-height:60px}
.zhyq_xjbx_Div .zhyq_xjbx_Box .xjbxNr01 h4{line-height:40px;color:#fff;font-weight:600;text-align:center;font-size:18px}
.zhyq_xjbx_Div .zhyq_xjbx_Box .xjbxNr01 p{text-align:center;color:#fff;font-size:16px;line-height:20px}
.zhyq_xjbx_Div .zhyq_xjbx_Box .xjbxNr01:hover{background:#3a78fc}
.bxsf_Div{width:100%;max-width:1280px; margin:0px auto; padding:60px 0 40px 0}
.bxsf_Div .nrDiv{width:100%; margin-top:50px}
.bxsf_Div .nrDiv .sfBox1{ width:calc(33.33333333333333% - 20px);margin:10px 20px 20px 0px;float:left;box-shadow:0 0 5px #eee;border-radius:8px;padding:60px 20px 20px;min-height:260px}
.bxsf_Div .nrDiv .sfBox1 .tit{position:relative;}
.bxsf_Div .nrDiv .sfBox1 .tit .txDiv{ width:100%;position:absolute;width:80px;height:80px;line-height:80px;border-radius:100%;top:-100px;left:50%;margin-left:-40px;text-align:center}
.bxsf_Div .nrDiv .sfBox1 .tit .txDiv i{font-size:3rem;color:#fff;
display:inline-block;transition:transform 0.5s ease-in-out;/* 定义过渡效果 */transform: rotate(0deg);/* 初始旋转角度 */display:flex;justify-content:center;align-items:center}
.bxsf_Div .nrDiv .sfBox1:hover .tit .txDiv i{transform:rotate(360deg);/* 鼠标悬停时旋转角度 */}
.bxsf_Div .nrDiv .sfBox1 .tit h4{ width:80%; text-align:center; margin:auto;font-size:20px;font-weight:bold}
.bxsf_Div .nrDiv .sfBox1 .tit p{ width:80%; text-align:center; margin:auto; color:#999; line-height:24px}
.bjs_Blue{background:#488fca}
.bjs_Orange{background:#f2c31f}
.bjs_Green{background:#6bbb60}
.bxsf_Div .nrDiv .sfBox1 .contDiv{ border-top:#eee solid 1px;margin:10px auto 0 auto; padding-top:20px}
.bxsf_Div .nrDiv .sfBox1 .contDiv ul li{width:100%; line-height:30px}
.bxsf_Div .nrDiv .sfBox1 .contDiv ul li span{ display:block}
.bxsf_Div .nrDiv .sfBox1 .contDiv ul li span i{ color:#3475f7;font-weight:bold;font-size:12px;margin-right:10px}
.blueTxt{display:block;width:100%;color:#0f71ff;margin-top:20px}
.kfhjBox2{width:calc(100% - 20px);margin:20px auto;background:#fff;border:#ededed solid 1px;min-height:170px;overflow:hidden}
.kfhjBox2 .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;background:url("../images/btBj.jpg") no-repeat right top #eff3fc;padding-left:30px;color:#1e3b69}
.kfhjBox2 .cont{width:100%;padding:10px 20px}
.kfhjBox2 .cont .picBox{float:right;width:140px;text-align:center}
.kfhjBox2 .cont .txtBox{float:left;width:calc(100% - 140px);font-size:16px;line-height:30px;color:#9497ac;padding:10px;min-height:170px}
/*场地预约*/
.csyyDiv{width:100%;max-width:1280px;margin:0 auto; padding:40px 0; text-align:center}
.csyyDiv .leftDiv{font-size:16px; width:100%; margin:auto}
.csyyDiv .rightDiv {}
.csyyDiv .rightDiv img{ margin:auto}
/*运维管理*/
.ywglDiv{width:100%;margin:0 auto;max-width:1280px}
.ywglDiv .ywbjBox{width:calc(16.66666666666667% - 10px);float:left;padding:10px}
.ywglDiv .ywbjBox:nth-child{width:calc(16.66666666666667% - 0px)}
.ywglDiv .ywbjBox .cont{width:100%}
.ywglDiv .ywbjBox .cont .picBox{text-align:center}
.ywglDiv .ywbjBox .cont .picBox i{ display:inline-block;font-size:4rem; color:#3475f7; background:url(../images/sqPic/yuan.png) no-repeat center center;transition: transform 0.5s ease-in-out;/* 定义过渡效果 */transform: rotate(0deg);/* 初始旋转角度 */display:flex;justify-content:center;align-items:center;margin:auto; min-height:120px; min-height:120px}
.ywglDiv .ywbjBox .cont .picBox:hover i{color:#7db95f;background:url(../images/sqPic/yuan2.png) no-repeat center center}
.ywglDiv .ywbjBox .cont .picBox:hover i{transform: rotate(360deg); /* 鼠标悬停时旋转角度 */}
.ywglDiv .ywbjBox .cont .txtBox{margin-top:20px;padding:0 20px;text-align:center}
.ywglDiv .ywbjBox:hover{box-shadow:0 0 5px #ccc}
.bxsf_Div .ywglBox {width:100%}
.bxsf_Div .ywglBox .box{width:calc(33.33333333333333% - 20px);float:left;margin:0 20px 20px 0;background:#fff;padding-bottom:0px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:#eee solid 1px}
.bxsf_Div .ywglBox .box:last-child{width:calc(33.33333333333333% - 20px);margin-right:0}
.bxsf_Div .ywglBox .box p{text-align:center; margin:0; padding:0}
.bxsf_Div .ywglBox .box p img{width:100%}
.bxsf_Div .ywglBox .box h3{color:#1e3b69;font-size:20px;font-weight:bold;text-align:center;height:30px;line-height:30px}
.bxsf_Div .ywglBox .box span{line-height:24px;color:#666;padding:0 15px 0 20px;display:block;font-size:16px}
.kfhjgkGntd_yw{background:#19325b;width:100%;padding:60px 0}
.kfhjgkGntd_yw .titleDiv h2{color:#fff}
.kfhjgkGntd_yw .kfhjgkGntdBox{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntd_yw .kfhjgkGntdBox .box{width:calc(16.66666666666667% - 20px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:280px}
.kfhjgkGntd_yw .kfhjgkGntdBox .box:hover{background:#0f71ff}
.kfhjgkGntd_yw .kfhjgkGntdBox .box i{color:#fff;font-size:4rem}
.kfhjgkGntd_yw .kfhjgkGntdBox .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:400}
.kfhjgkGntd_yw .kfhjgkGntdBox .box p{color:rgba(255,255,255,0.50);text-align:left}
.kfhjgkGntd_yw .kfhjgkGntdBox .box:hover p{color:rgba(255,255,255,0.90)}
/*综治维稳*/
.zzwwBox_RFID{width:100%;max-width:1280px;margin:0 auto}
.zzwwBox_RFID .box{width:calc(25% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 20px 10px 20px;text-align:center;min-height:350px}
.zzwwBox_RFID .box:hover{background:#0f71ff}
.zzwwBox_RFID .box i{color:#fff;font-size:4rem}
.zzwwBox_RFID .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:600}
.zzwwBox_RFID .box p{color:rgba(255,255,255,0.50);text-align:left}
.zzwwBox_RFID .box:hover p{color:rgba(255,255,255,0.90)}

.zzwwBox_RFID .box2{width:calc(100% - 25px);float:inherit;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 20px 10px 20px;text-align center;min-height:auto}
.zzwwBox_RFID .box2:hover{background:#0f71ff}
.zzwwBox_RFID .box2 i{color:#fff;font-size:4rem}
.zzwwBox_RFID .box2 h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:600}
.zzwwBox_RFID .box2 p{color:rgba(255,255,255,0.50);text-align:left;float:left; width:calc(100% - 100px)}
.zzwwBox_RFID .box2:hover p{color:rgba(255,255,255,0.90)}
.zzwwBox_RFID .box2 .boxA{ float:left; width:100px}
/*公共法律服务平台*/
.flpt_ptyjDiv{background:url(../images/sqPic/ptjyBj.png) #f8f8f8 no-repeat center 20px; background-size:50% 100%}
.flpt_ptyjDiv .ptyyBox_nr{width:100%;max-width:1200px;margin:20px auto}
.flpt_ptyjDiv .ptyyBox_nr .li_01{width:33.33333333333333%;float:left;height:80px}
.flpt_ptyjDiv .ptyyBox_nr .li_01 span{display:inline-block;width:10px;height:10px;line-height:10px;border-radius:100%;background:#0762cb;float:left; margin-top:8px}
.flpt_ptyjDiv .ptyyBox_nr .li_01 span i{font-size:30px; color:#fff;}
.flpt_ptyjDiv .ptyyBox_nr .li_01 p{float:right;width:calc(100% - 20px);padding-right:50px}
/*互联网医院*/
.hlwyy_jsyyDiv .fwnrBoxL{width:calc(25% - 20px);float:left;box-shadow:0 0 10px #e5e5e5;border-radius:8px;padding:30px;height:450px;margin-right:20px}
.hlwyy_jsyyDiv .cnDiv{width:100%}
.hlwyy_jsyyDiv .cnDiv .txtDiv{text-align:center}
.hlwyy_jsyyDiv .cnDiv .txtDiv h3{font-size:22px;line-height:50px;font-weight:bold;color:#000}
.hlwyy_jsyyDiv .cnDiv .txtDiv p{margin-top:10px;font-size:18px;line-height:30px;color:#666;text-align:left}
.hlwyy_jsyyDiv .cnDiv .imgDiv{width:230px}
.hlwyy_jsyyDiv .ckfhjgkDiv4{background:url(../images/jjfaBj01.jpg) no-repeat center top;padding:60px 0 100px 0;border-bottom:#dadde0 solid 1px;margin:0 auto}
.hlwyy_jsyyDiv .ckfhjgkDiv4 .kfhjgkBox{text-align:center;padding-top:20px}
/*光盘打印刻录一体机*/
.kljDiv{width:100%;max-width:1280px;margin:0 auto;}
.kljDiv .gydyklBox01{float:left;width:calc(33.33333333333333% - 0px);padding:60px 65px}
.kljDiv .gydyklBox01 .picDiv{width:128px;text-align:center;margin:auto}
.kljDiv .gydyklBox01 .picDiv img{width:128px}
.kljDiv .gydyklBox01 h3{width:100%;text-align:center;font-size:22px;margin:20px auto;font-weight:500;color:#000}
.kljDiv .gydyklBox01 p{line-height:24px;color:#798995}

.cpysBigDiv{width:100%;background:#f1f4ff;padding:60px 0}
.cpysBigDiv .cpysCont{width:100%;max-width:1280;margin:auto;text-align:center}/*pc端显示图*/
.cpysBigDiv .cpysCont_App{display:none}/*手机端显示图*/
.klsxCont{padding:60px 0}
.cpcsDiv{width:100%;max-width:1280px;margin:20px auto}
.cpcsDiv .cpcsLeft{width:calc(100% - 560px);float:left}
.cpcsDiv .cpcsLeft li{width:100%;list-style:none}
.cpcsDiv .cpcsLeft li span{display:block;float:left;width:80px;font-weight:bold;color:#000}
.cpcsDiv .cpcsLeft li p{float:left;width:calc(100% - 80px);padding-left:10px}
.cpcsDiv .cpcsRight{width:560px;float:right;padding-top:60px}
.cpcsDiv .cpcsRight2{width:560px;float:right;padding-top:0px}
.gpccgDiv {width:100%;max-width:1280px;margin:0 auto; padding:60px 0 20px 0}
.gpccgCont{width:100%;text-align:center}
.gpccgCont img{margin:0px auto 30px auto}

.zngpg_zy{width:100%;max-width:1280px;margin:0 auto;padding:60px 0}
.zngpg_zy .zngpg_Cont{width:100%}
.zngpg_zy .zngpg_Cont .zyboxDiv{width:calc(20% - 20px);padding:20px;float:left;background:#3c6fa5; margin:10px;border-radius:10px;color:#fff}
.zngpg_zy .zngpg_Cont .zyboxDiv span{width:100%;display:inline-block;text-align:center}
.zngpg_zy .zngpg_Cont .zyboxDiv span i{display:inline-block;font-size:50px;color:#fff;}
.zngpg_zy .zngpg_Cont .zyboxDiv .txtDiv{padding:0 16px}
.zngpg_zy .zngpg_Cont .zyboxDiv:hover{background:#0D6EFD}

.kfhjgkGntdBox_RFID99{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID99 .box{width:calc(14.28571428571429% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:190px}
.kfhjgkGntdBox_RFID99 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID99 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID99 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;line-height:30px;font-weight:600;padding:0}
.kfhjgkGntdBox_RFID99 .box p{color:rgba(255,255,255,0.50);line-height:24px;margin-bottom:0}
.kfhjgkGntdBox_RFID99 .box:hover p{color:rgba(255,255,255,1.00)}

/*2024-05-13*/
.xtgn_Pc_Div{ display:block}
.xtgn_App_Div{display:none}
.yqljDiv{width:100%;padding:10px 0;border-top:#57566e solid 1px;font-size:14px;color:rgba(255,255,255,0.60)}
.yqljDiv .yqljBox{max-width:1280px;margin:0 auto}
.yqljDiv .yqljBox .yqlj_title{width:100px;float:left;font-size:16px;font-weight:bold;line-height:30px}
.yqljDiv .yqljBox .yqlj_Cont{width:calc(100% - 100px);float:left;line-height:30px}
.yqljDiv .yqljBox .yqlj_Cont a{display:block;float:left;padding:0 10px;min-width:160px}
.yqljDiv .yqljBox .yqlj_Cont a:hover{color:#3475f7}
.footer-copyright p{margin-bottom:0}

.fatdFa{width:100%;}
.fatdFa .yyjzBox{width:calc(25% - 20px);padding:20px 20px 10px 20px;margin:0 10px;float:left;background:#fff;border-radius:10px;min-height:400px}
.fatdFa .yyjzBox h4{text-align:center;font-size:18px;font-weight:bold;margin:10px auto}
.fatdFa .yyjzBox .picDiv{text-align:center}
.fatdFa .yyjzBox .picDiv img{margin:auto}
.fatdFa .yyjzBox p{line-height:24px;color:#9497ac;font-size:15px}
.fatdFa .yyjzBox:hover{background:#3c78fd;box-shadow:0 0 5px #59acff}
.fatdFa .yyjzBox:hover h4{color:#fff}
.fatdFa .yyjzBox:hover p{color:#fff}


@media screen and (min-width:0px)and (max-width:1279px){
.dbdhDiv{display:block;width:96%;margin:0 2%;position:fixed;z-index:888;bottom:3px;border-radius:10px;padding:5px 10px;background:url( "../images/dh.png") no-repeat;background-size:100%}
.bddhLeft{float:left;color:rgb(230, 50, 46, 1.00);width:calc(100% - 100px)}
.bddhLeft ul li{height:30px;line-height:30px}
.bddhRight{width:100px;height:30px;line-height:30px;float:right;color:#fff;text-align:center}
.bddhRight i{font-size:20px;padding-right:5px}
.pcd{display:none}
.syd{display:block}
.pdT80{padding-top:0px}
.pdT{padding-top:0px}
.header-logo{margin-top:0!important}
.main-nav{margin-top:0!important}
.main-nav > ul > li{padding:0px;display:inline-block;position:relative}
.main-header{background:rgba(255,255,255,1.00);min-height:70px;padding-top:0}
/*2022-07-14*/
.zxffTitle{width:100%}
.zxffTitle a{display:block;width:25%;float:left;text-align:center;text-align:-webkit-center;cursor:pointer;padding:20px 0}
.zxffTitle a:hover{background:#fff;box-shadow:0 0 0 #fff}
.zxffTitle a i{display:block;width:64px;height:64px}
.zxffTitle a .i1{background:url("../images/dbcp01.png") no-repeat;background-size:cover}
.zxffTitle a:hover .i1{background:url("../images/dbcp01.png") no-repeat;background-size:cover}
.zxffTitle a .i2{background:url("../images/fxpg01.png") no-repeat;background-size:cover}
.zxffTitle a:hover .i2{background:url("../images/fxpg01.png") no-repeat;background-size:cover}
.zxffTitle a .i3{background:url("../images/aqzx01.png") no-repeat;background-size:cover}
.zxffTitle a:hover .i3{background:url("../images/aqzx01.png") no-repeat;background-size:cover}
.zxffTitle a .i4{background:url("../images/aqpx01.png") no-repeat;background-size:cover}
.zxffTitle a:hover .i4{background:url("../images/aqpx01.png") no-repeat;background-size:cover}
.jxcp_zxfw_bigdiv{background:#f7f7f7;margin:60px 0 0 0;display:none}
.aqff_bg{background:url("../images/app_aqfw_Bj.jpg") no-repeat center bottom #f4f3f8;background-size:100%}
.aqfwBig{width:100%}
.aqfwBig .aqfw_Left{float:inherit;width:auto;display:none}
.aqfwBig .aqfw_Left img{width:100%}
.aqfwBig .aqfw_Right{float:inherit;width:100%}
.aqfwBig .aqfw_Right ul li{width:100%;float:inherit;background:none;padding:20px 0 0 0;margin:0;border-bottom:#e4e4e6 solid 1px;position:relative;padding-bottom:5px}
.aqfwBig .aqfw_Right ul li:hover{box-shadow:0 0 0 #ccc;cursor:pointer;background:rgba(255,255,255,0.00)}
.aqfwBig .aqfw_Right ul li h4{font-size:14px;margin-bottom:10px;font-weight:bold}
.aqfwBig .aqfw_Right ul li p{font-size:12px;line-height:24px;color:#000;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
.aqfwBig .aqfw_Right ul li a{width:100%;display:inline-block;text-align:right;position:absolute;right:0px;bottom:0}
.aqfwBig .aqfw_Right ul li a i{font-size:18px;color:#000}
.mb-10{margin-bottom:0px!important}
.ckmoreBn{display:none}
/*底部*/
.footDiv{background:#f3f3f3;padding-top:40px}
.footDiv .dbNav{width:100%;border-right:#c9c9c9 solid 1px;display:none}
.footDiv .dbNav li{width:20%;min-width:80px;float:left;padding-right:20px}
.footDiv .dbNav li a{display:block;color:#a1a1a1;font-size:14px;line-height:25px}
.footDiv .dbNav li a:hover{color:rgba(7,98,203,1.00)}
.footDiv .dbNav li h4 a{font-size:18px;color:#000;font-weight:bold}
.footDiv .dbNav li h4 a i{display:block;width:13px;height:2px;background:rgba(7,98,203,0.70);margin:10px 0}
.footDiv .wxgzhBox{display:inline-block;float:left;margin-right:10px;text-align:center}
.footDiv .dbNav li h4 a:hover i{background:rgba(7,98,203,1.00)}
.footDiv .tel{font-size:32px}
.footDiv .tel i{font-size:32px}
.footDiv .widget-title{font-size:16px;font-family:"Microsoft YaHei"}
.mt20{margin-top:20px}
/*页码*/
.pager{margin:30px 0;font-family:Tahoma,Arial;display:none}
.pager a{text-align:center}
.pager-nav a.current{border-color:#1483ed;background-color:#1483ed;background-image:none;font-weight:bold;color:#fff!important}
.pager-nav a:hover.current{border-color:#1483ed;background-color:#1483ed;background-image:none;font-weight:bold}
.pager-nav li{float:left;line-height:32px}
.pager-nav strong{margin:0 13px}
.pager-nav a{display:inline-block;width:34px;height:32px;line-height:32px;margin-right:3px;color:#666;border:1px solid#CCC;background-color:#FBFBFB;background-image:-webkit-linear-gradient(top,rgba(251,251,251,1)0,rgba(244,244,244,1)100%);background-image:-moz-linear-gradient(top,rgba(251,251,251,1)0,rgba(244,244,244,1)100%);background-image:linear-gradient(top,rgba(251,251,251,1)0,rgba(244,244,244,1)100%)}
.pager-nav .page-pre,.pager-nav .page-next{width:63px}
.pager-nav a:hover{background-color:#F4F4F4;background-image:-webkit-linear-gradient(top,rgba(240,240,240,1)0,rgba(231,231,231,1)100%);background-image:-moz-linear-gradient(top,rgba(240,240,240,1)0,rgba(231,231,231,1)100%);background-image:linear-gradient(top,rgba(240,240,240,1)0,rgba(231,231,231,1)100%);text-decoration:none}
/***/
.focus{display:block}
.focus .hd{display:none}
.banner{display:none}
/*首页导航*/
.topLeft{width:80%;min-width:80%;float:inherit}
.topMin{width:50%;max-width:20px;float:right}
.topRight{float:right;width:30%;max-width:380px;display:none}
.topRight .telDiv{float:left;font-size:22px;color:#1e3b69}
.topRight .telDiv i{color:#3475f7;font-size:24px}
.topRight .sskDiv{float:right;margin:0 10px}
.topRight .sskDiv i{color:#3475f7;font-size:24px}
.mfsyA{display:block;width:90px;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;float:right;background:rgba(58,120,252,0.80);border-radius:4px}
.mfsyA:hover{background:rgba(58,120,252,1.00);color:#fff}
/*底部*/
.footDiv{background:#2d2c4a;padding-top:50px}
.footDiv .footer-link .footer-leftDiv{float:inherit;border-right:#57566e solid 1px;width:100%;padding:0 10px}
.footDiv .footer-link .footer-leftDiv .footLogo{margin-bottom:30px}
.footDiv .footer-link .footer-leftDiv .footLogo img{}
.footDiv .footer-link .footer-leftDiv .lxfsDiv{color:rgba(255,255,255,0.60)}
.footDiv .footer-link .footer-leftDiv .lxfsDiv .lxfsBox{width:100%;margin:5px 0}
.footDiv .footer-link .footer-leftDiv .lxfsDiv span{display:block;float:left;font-size:18px;color:rgba(255,255,255,0.70)}
.footDiv .footer-link .footer-leftDiv .lxfsDiv .spBt{width:120px;line-height:30px}
.footDiv .footer-link .footer-leftDiv .lxfsDiv .spBt i{font-size:24px;vertical-align:bottom}
.footDiv .footer-link .footer-leftDiv .lxfsDiv .spNr{width:calc(100% - 120px);line-height:30px}
/*.footDiv .footer-link .footer-leftDiv .ewmDiv{margin:30px 0}
.footDiv .footer-link .footer-leftDiv .ewmDiv p{width:140px;height:140px;margin:10px auto}
.footDiv .footer-link .footer-leftDiv .ewmDiv span{display:block;text-align:center;width:140px;line-height:20px;font-size:15px;color:rgba(255,255,255,0.60);margin:10px auto}
*/	
.footDiv .footer-link .footer-leftDiv .ewmDiv{margin:30px 0 0 0}
.footDiv .footer-link .footer-leftDiv .ewmDiv p{width:calc(50% - 10px);height:auto;text-align:center}
.footDiv .footer-link .footer-leftDiv .ewmDiv .p1{float:left}
.footDiv .footer-link .footer-leftDiv .ewmDiv .p2{float:left;margin-left:10px}
.footDiv .footer-link .footer-leftDiv .ewmDiv p span{display:block;text-align:center;width:100%;line-height:20px;font-size:15px;color:rgba(255,255,255,0.60);margin:10px auto}
.footDiv .footer-link .footer-rightDiv{width:100%;float:inherit;display:none}
.footDiv .footer-link .footer-rightDiv ul li{width:calc(20% - 20px);float:left;margin-left:20px}
.footDiv .footer-link .footer-rightDiv ul li h4{color:rgba(255,255,255,0.80);font-size:20px;font-weight:bold}
.footDiv .footer-link .footer-rightDiv ul li h4 a{color:rgba(255,255,255,0.80)}
.footDiv .footer-link .footer-rightDiv ul li h4 a:hover{color:#3475f7}
.footDiv .footer-link .footer-rightDiv ul li h4 i{display:block;width:30px;height:4px;background:#3151a1;margin-top:10px}
.footDiv .footer-link .footer-rightDiv ul li .link-list{line-height:30px;font-size:14px}
.footDiv .footer-link .footer-rightDiv ul li .link-list a{display:block;color:rgba(255,255,255,0.60)}
.footDiv .footer-link .footer-rightDiv ul li .link-list a:hover{color:#3475f7}
.footDiv .footer-copyright{border-top:#57566e solid 1px;margin:20px auto 0 auto;padding:10px 0;text-align:center;font-size:16px;color:rgba(255,255,255,0.60)}
/*服务优势*/
.fwysDiv{width:100%;padding:20px 0;background:url("../images/bj.jpg") repeat-x}
.sls{color:#1e3a66!important}
.fwysDiv .boxDiv ul li{width:calc(50% - 10px);float:left;border-radius:10px;background-image:linear-gradient(#f2f7fe, #bed4fe);margin:5px;padding:20px 10px;min-height:280px;max-height:280px}
.fwysDiv .boxDiv ul li:hover{box-shadow:0 0 5px #a0ccfe}
.fwysDiv .boxDiv ul li .picDiv{text-align:center;line-height:40px}
.fwysDiv .boxDiv ul li .picDiv i{background:linear-gradient(to right, rgb(101, 187, 254) 0%, rgba(3, 136, 251, .8) 50%, rgb(3, 136, 251) 80%);-webkit-background-clip:text;color:transparent;font-size:50px;text-align:center;background:linear-gradient(0deg,#,#0388fb)}
.fwysDiv .boxDiv ul li h3{text-align:center;font-weight:bold;font-size:20px;color:#1f3b68}
.fwysDiv .boxDiv ul li p{color:#5d6982;line-height:22px;margin-top:5px;font-size:14px}
.taC{text-align:center}
/*浮窗*/
.suspension{display:none}
/*标题*/
.titleDiv{text-align:center}
.titleDiv h2{text-align:center;font-size:1.3rem;font-weight:bold;color:#1e3b69;line-height:50px;margin-bottom:0}
.titleDiv p{font-size:1rem;padding:0 5%;line-height:1.5rem;color:#a3acbc}
/*产品专区*/
.cpzqDiv{width:100%;padding:20px 0;background:#fff}
.cpzqDiv .boxDiv a{display:block;width:calc(50% - 10px);max-height:160px;min-height:100px;line-height:100px;height:auto;border-radius:4px;margin:5px;background-repeat:none;float:left;text-align:center;color:#fff;font-weight:bold;font-size:14px;opacity:1.0}
.cpzqDiv .boxDiv a:hover{opacity:1;color:#1e3b69}
/*视频专区*/
.spzqDiv{width:100%;padding:20px 0;background:#e2e5eb}
.cpxlBox{width:calc(50% - 0px);max-width:inherit;float:left;padding:0;margin:0}
.cplist{padding:0 5px}
.cpxlBox .boxTy{margin:0 0 5px 0;background:rgba(0,0,0,0.50);text-align:center}
.cpxlBox .cpxlPic{width:100%}
.cpxlBox .cpxlPic img{width:100%}
.cpxlBox .cpxlTxt{padding:1.2rem 1.2rem 1.2rem 0}
.cpxlBox .cpxlTxt h4{font-size:1.2rem;line-height:20px;font-weight:400;color:#fff}
.cpxlBox .boxTy:hover{box-shadow:0 0 3px #ccc;background:rgba(0,0,0,0.20)}
.cpxlBox .boxTy:hover .cpxlTxt{padding:1.2rem 0 1.2rem 1.2rem;transition:all 0.5s ease}
.cpxlBox .boxTy:hover h4{color:#0f74ff;font-weight:bold}
/* index-box2 */
.index-box2{width:100%;height:auto;padding:20px 0 0 0;background-color:#020a55;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.index-title .font-white h2{color:#fff}
.index-box2 .index-title.font-white p{color:#8d92c2}
.index-box2-content{width:100%;position:relative;margin-top:16px}
.index-box2 .hd{position:absolute;top:0;width:100%;left:0;z-index:4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.index-box2 .hd:after{content:"";position:absolute;bottom:21px;width:100%;height:1px;background:#fff;opacity:.2}
.index-box2 .hd .swiper-container{padding-bottom:6px;-webkit-box-sizing:border-box;box-sizing:border-box}
.index-box2 .hd .txt-box{width:100%;position:relative;text-align:center;cursor:pointer}
.index-box2 .hd .txt-box p{padding:0 5px;height:95px;line-height:20px;color:#fff;font-size:15px}
.index-box2 .hd .txt-box i{position:absolute;width:10px;height:10px;border-radius:50%;left:50%;margin-left:-5px;bottom:0px;background:#fff}
.index-box2 .hd .txt-box.on p{color:#0f74ff;font-weight:bold}
.index-box2 .hd .txt-box.on i{width:100%;border-radius:0;height:2px;left:0;right:0;margin:0 auto;bottom:5px;-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
.index-box2 .industry-bd-swiper .img-box{width:100%;height:auto;position:relative;display:none}
.index-box2 .industry-bd-swiper .img-box img{width:100%;height:480px;-o-object-fit:cover;object-fit:cover}
.index-box2 .industry-bd-swiper .img-box2{width:100%;height:auto;position:relative;display:block}
.index-box2 .industry-bd-swiper .img-box2 img{width:100%;height:480px;-o-object-fit:cover;object-fit:cover}
.index-box2 .industry-bd-swiper .txt-box{position:absolute;z-index:2;top:42%;left:0;/* margin-top:49px;*/color:#fff;-webkit-transform:translateY(-36%);-ms-transform:translateY(-36%);transform:translateY(-36%);width:100%}
.index-box2 .industry-bd-swiper .txt-box h2{line-height:1;font-size:24px;margin-bottom:25px;color:#fff}
.index-box2 .industry-bd-swiper .txt-box p{line-height:24px;font-size:16px;width:100%}
.index-box2 .industry-bd-swiper .txt-box-link{width:100%;margin-top:28px;font-size:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.index-box2 .industry-bd-swiper .txt-box-link a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:140px;height:48px;line-height:48px;overflow:hidden;font-size:16px;text-align:center;margin-right:10px;position:relative;color:#fff}
.index-box2 .industry-bd-swiper .txt-box-link a:first-child{background:-o-linear-gradient(315deg, #2b7aff, #2bbfff);background:linear-gradient(135deg, #2b7aff, #2bbfff)}
.index-box2 .industry-bd-swiper .txt-box-link a span{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.index-box2 .industry-bd-swiper .txt-box-link a i{display:inline-block;font-size:20px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.index-box2 .industry-bd-swiper .txt-box-link a:hover span{-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px);-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.index-box2 .industry-bd-swiper .txt-box-link a:hover i{-webkit-transform:translateX(+5px);-ms-transform:translateX(+5px);transform:translateX(+5px);-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.index-box2 .industry-bd-swiper .txt-box h2,.index-box2 .industry-bd-swiper .txt-box p,.index-box2 .industry-bd-swiper .txt-box-link{/*opacity:0*/;font-weight:400}
.index-box2 .industry-bd-swiper .swiper-slide-active .txt-box h2{-webkit-animation:indbanLeft 1s ease both .4s;animation:indbanLeft 1s ease both .4s}
.index-box2 .industry-bd-swiper .swiper-slide-active .txt-box p{-webkit-animation:indbanLeft 1s ease both .6s;animation:indbanLeft 1s ease both .6s}
.index-box2 .industry-bd-swiper .swiper-slide-active .txt-box-link{-webkit-animation:indbanOpacity 1s ease both .9s;animation:indbanOpacity 1s ease both .9s}
.boxBig{width:100%;max-width:1280px;margin:auto;padding:0 20px}
/*index-box2 end */	
/*智慧档案管理系统解决方案提供商*/
.jhfatgsDiv{width:100%;background:#e2e5eb;padding:20px 0}
.jhfatgsDiv .boxDiv .leftPic{width:96%;float:inherit;margin:auto;text-align:center}
.jhfatgsDiv .boxDiv .leftPic img{}
.jhfatgsDiv .boxDiv .rightTxt{width:96%;float:inherit;margin:auto}
.jhfatgsDiv .boxDiv .rightTxt p{text-indent:24px;font-size:16px;line-height:28px;color:#333;padding:10px}
.jhfatgsDiv .boxDiv .rightTxt a{display:block;border:#3475f7 solid 1px;border-radius:5px;height:50px;line-height:50px;color:#3475f7;padding:0 35px;font-size:16px;margin:auto;width:50%;text-align:center}
.jhfatgsDiv .boxDiv .rightTxt a:hover{background:#3475f7;color:#fff}
.pdT30{padding-top:30px}
/*首页新闻资讯板块*/
.xwzxDiv{padding:20px 0}
.xwzxDiv .boxDiv .leftDiv{float:inherit;width:calc(100% - 0px);margin:10px 0;max-width:100%;padding:0 10px;border-bottom:#eee solid 1px}
.xwzxDiv .boxDiv .minDiv{float:inherit;width:calc(100% - 0px);margin:10px 0;max-width:100%;padding:0 10px;border-bottom:#eee solid 1px}
.xwzxDiv .boxDiv .xwLeftImg{width:100%;height:auto}
.xwzxDiv .boxDiv .xwLeftImg img{width:100%}
.xwzxDiv .boxDiv .xwTxt{width:100%;background:#fafafa;padding:20px}
.xwzxDiv .boxDiv h3{font-size:18px;color:#333;line-height:24px;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;/* 设置最大显示行数 */ -webkit-box-orient:vertical;text-overflow:ellipsis}
.xwzxDiv .boxDiv span{display:block;width:100%;color:#999;font-size:14px;line-height:40px;margin:0}
.xwzxDiv .boxDiv span i{font-size:16px;vertical-align:bottom;margin-right:2px}
.xwzxDiv .boxDiv p{color:#999;font-size:15px;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;/* 设置最大显示行数 */ -webkit-box-orient:vertical;text-overflow:ellipsis;margin:0}
.xwzxDiv .boxDiv .rightDiv{float:inherit;width:calc(100% - 20px);margin:0 10px;background:#fafafa;padding:15px 0 10px 0}
.xwzxDiv .boxDiv .rightDiv ul li{width:100%;border-bottom:#eee solid 1px;padding:15px}
.xwzxDiv .boxDiv .rightDiv ul li .riqi{width:80px;float:left}
.xwzxDiv .boxDiv .rightDiv ul li .riqi p{font-size:48px;font-weight:400;color:#b8b8b8;height:40px;line-height:40px;width:100%;text-align:center}
.xwzxDiv .boxDiv .rightDiv ul li .riqi span{font-size:16px;color:#b8b8b8;display:block;width:100%;text-align:center}
.xwzxDiv .boxDiv .rightDiv ul li .xwRigjt{width:calc(100% - 100px);float:right}
.xwzxDiv .boxDiv .rightDiv ul li .xwRigjt h3{}
.xwzxDiv .boxDiv .rightDiv ul li .xwRigjt p{}
.xwlj{display:block}
.xwlj:hover{box-shadow:0 0 5px #fff}
.xwlj:hover .xwTxt h3{color:#3475f7;font-weight:bold}
.ckgdAn{width:100%;text-align:center;margin:20px auto 0 auto}
.ckgdAn a{display:inline-block;border:#3475f7 solid 1px;border-radius:5px;height:50px;line-height:50px;color:#3475f7;padding:0 35px;margin-top:20px;font-size:16px}
.ckgdAn a:hover{background:#3475f7;color:#fff}
/*fws*/
.fwsDiv{width:100%;height:auto;background:url("../images/dbgg.jpg") no-repeat #3a78fc;padding:10px}
.fwsDiv .boxDiv h4{font-size:18px;font-weight:bold;text-align:center;line-height:30px;height:auto;color:#fff}
.fwsDiv .boxDiv a{display:block;width:160px;height:50px;line-height:50px;color:#3475f7;background:rgba(255,255,255,0.85);font-size:20px;text-align:center;border-radius:4px;margin:10px auto}
.fwsDiv .boxDiv a:hover{background:rgba(255,255,255,1.00);font-weight:400}
/*内页banner*/
.nyBanner{padding-top:10px;min-height:inherit}
.news01{background:#6d7798}
.news02,.news05,.news05,.news06,.news07{background:#015eff}
.news03{background:#143698}
.news04{background:#015eff}
.bannerPr{position:inherit;height:auto;padding-bottom:20px}
.dwDiv{position:inherit;bottom:0;min-height:inherit;max-height:inherit;left:20px;width:90%;margin:0 auto}
.dwDiv .anzDiv{width:100%;margin:20px auto 0 auto}
.dwDiv .anzDiv a{display:block;float:left;margin-right:20px;line-height:38px;font-size:16px}
.dwDiv .anzDiv .an01{width:calc(50% - 20px);height:40px;text-align:center;border:none;background:rgba(255,255,255,0.80);color:#3475f7;border-radius:4px;margin:0 20px 0 0}
.dwDiv .anzDiv .an02{width:calc(50% - 20px);height:40px;text-align:center;border:rgba(255,255,255,0.80) solid 1px;background:none;color:rgba(255,255,255,0.80);border-radius:4px;float:right;margin:0 0 0 10px}
.dwDiv .anzDiv .an01:hover{;border:rgba(255,255,255,1.00) solid 1px;background:rgba(255,255,255,1.00)}
.dwDiv .anzDiv .an02:hover{border:rgba(255,255,255,1.00) solid 1px;color:rgba(255,255,255,1.00);border-radius:4px}
/*新闻资讯 页面*/
.newsDiv .nyBanner .boxDiv h2{font-size:1.5rem;font-weight:bold;line-height:30px;margin-top:auto;color:#fff}
.newsDiv .nyBanner .boxDiv p{line-height:24px;color:#fff;font-size:15px;margin:10px auto;max-width:inherit}
.b{font-weight:bold}
.newsDiv .nyBanner .boxDiv span{display:inline-block;line-height:20px;color:rgba(255,255,255,0.80);font-size:14px;margin-top:0px;max-width:inherit}
/*产品中心 页面*/
.cpzxDiv1{width:calc(100% - 20px);max-width:1280px;margin:0 auto;padding:20px 0}
.cpzxDiv1 .hxgnDiv .hxgnBox01{width:100%;float:inherit;margin:10px 0;background:#fff}
.cpzxDiv1 .hxgnDiv .hxgnBox02{width:100%;float:inherit;margin:10px 0;background:#fff}
.cpzxDiv1 .hxgnBox03{width:100%;margin:0px auto;background:#fff}
.cpzxDiv1 .title{width:100%;height:50px;line-height:50px;font-size:18px;font-weight:bold;background:url("../images/btBj.jpg") no-repeat right top #eff3fc;padding-left:10px;color:#2d2c4a}
.cpzxDiv1 .hxgnDiv .bx01{width:100%;background:url( "../images/cp01F.png") no-repeat center 10px #fff}
.cpzxDiv1 .hxgnDiv .bx02{width:100%;background:url( "../images/cp02F.png") no-repeat center 10px #fff}
.cpzxDiv1 .hxgnDiv .bx03{width:100%;background:url( "../images/cp03Fpng") no-repeat center 10px #fff}
.cpzxDiv1 .hxgnDiv .bx04{width:100%;background:url( "../images/cp04F.png") no-repeat center 10px #fff}
.cpzxDiv1 .bx05{width:100%;background:url( "../images/cp05.png") no-repeat center 10px #fff}
.cpzxDiv1 .hxgnDiv .bx01,.cpzxDiv1 .hxgnDiv .bx02,.cpzxDiv1 .hxgnDiv .bx03,.cpzxDiv1 .hxgnDiv .bx04,.cpzxDiv1 .bx05{background:none!important;background-size:80%}
.cpzxDiv1 .cont{border:#eee solid 1px;border-top:none}
.cpzxDiv1 .cont .txtBox{min-height:inherit;padding:20px;font-size:16px;line-height:30px;max-height:inherit}
.cpzxDiv1 .bx05 .txtBox{padding:20px !important}
.cpzxDiv1 .cont .anzDiv{padding:20px}
.cpzxDiv1 .cont .anzDiv a{display:inline-block;padding:0 12px;height:32px;line-height:32px;border-radius:4px;border:#3475f7 solid 1px;font-size:14px;color:#3475f7;margin:0 0 10px 0}
.cpzxDiv1 .cont .anzDiv a:hover{border:#3475f7 solid 1px;background:#3475f7;color:#fff}
/*应用价值*/
.yyjzNr{width:100%;max-width:1280px;margin:0 auto;padding:0}
.yyjzNr .yyjzBox{width:calc(100% - 20px);float:inherit;margin:10px auto;height:auto;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:20px}
.yyjzNr .yyjzBox:hover{background:url("../images/klxBj02.png") no-repeat right bottom #3475f7}
.yyjzNr .yyjzBox h4{font-size:20px;font-weight:bold;color:#2d2c4a}
.yyjzNr .yyjzBox h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#3475f7}
.yyjzNr .yyjzBox p{line-height:30px;color:#999;font-size:16px}
.yyjzNr .yyjzBox:hover h4{font-size:20px;font-weight:bold;color:#fff}
.yyjzNr .yyjzBox:hover h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#fff}
.yyjzNr .yyjzBox:hover p{line-height:30px;color:#fff;font-size:16px}
.cpzxDiv3{width:calc(100% - 0px);max-width:1280px;margin:0 auto;padding:20px 0 0 0}
.cpzxDiv3 .gchxcjzNr .txt{width:100%;line-height:30px;font-size:16px;color:#2d2c4a;background:#e4edfd;padding:20px;text-indent:0;margin:20px auto 0 auto}
.cpzxDiv4{width:100%;background:url("../images/cp07.jpg") no-repeat center 0 #011a38;padding:20px 10px}
.cpzxDiv4 .titleDiv{margin-bottom:20px}
.cpzxDiv4 .alBox span{width:calc(50% - 1px);display:block;float:left;margin:1px 1px 0 0 ;padding:0;text-align:center;background:#fff}
.cpzxDiv4 .alBox span img{width:100%}
.cpzxDiv4 .alBox span:hover{box-shadow:0 0 5px #ccc}
.cpzxDiv4 .ckgdAn{display:block;width:100%;height:40px;line-height:40px;border:#3475f7 solid 1px;border-radius:4px;text-align:center;color:#3475f7;font-size:18px;margin:40px auto 0 auto}
.cpzxDiv4 .ckgdAn:hover{border:#fff solid 1px;color:#fff}
.cpzxDiv5{width:100%;max-width:1280px;margin:20px auto;padding:0px 0;background:#fff}
.cpzxDiv5 .leftSp_Div{width:100%;max-width:inherit;float:inherit}
.cpzxDiv5 .rightTxt_div{width:100%;background:url("../images/cp08.jpg") no-repeat right bottom #fff;background-size:cover;padding:20px;height:auto;float:inherit;font-size:16px;color:#333;line-height:24px}
/*客户案例 页面*/
.khalDiv{padding:20px 0}
.khalDiv .alBox span{width:calc(50% - 2px);display:block;float:left;margin:1px ;padding:5px 0;text-align:center;background:#fff}
.khalDiv .alBox span img{width:100%}
.khalDiv .alBox span:hover{box-shadow:0 0 5px #ccc}
/*新闻资讯 页面*/
.newsDiv .newsTitle .box a{display:inline-block;width:50%;height:70px;float:left;padding:0 10px;text-align:center}
.newsDiv .newsTitle .box a:hover{color:#3475f7;font-weight:bold}
.newsDiv .newsTitle .box a i{display:none}
.newsDiv .newsTitle .box a:hover i,.newsDiv .newsTitle .box .hover i{display:block;display:block;width:60px;height:4px;background:#3475f7;position:absolute;bottom:-1px;left:25%;margin-left:-30px}
.newsDiv .newsTitle .box .hover{font-size:16px;color:#3475f7;font-weight:bold}
.newsDiv .newsTitle .box .hover:hover{}
/*新闻资讯 页面*/
.comp-news-list{width:100%;max-width:1280px;margin:auto;padding:20px 10px 10px 10px}
.comp-news-list .news-item{position:inherit;background:#fff;display:-webkit-box;display:-ms-flexbox;display:inherit;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:0 auto 20px auto;padding:10px}
.comp-news-list .news-item .news-thumb{width:100%}
.comp-news-list .news-item .news-thumb a{display:block;padding-bottom:10px;width:100%;position:inherit}
.comp-news-list .news-item .news-thumb a img{width:100%;height:auto;position:inherit;top:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}
.comp-news-list .news-item .news-body{width:100%;margin-left:0}
.comp-news-list .news-item .news-body h3{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:20px;font-weight:normal;color:#333;margin-bottom:10px}
.comp-news-list .news-item .news-body p{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;font-weight:normal;color:#666666}
.comp-news-list .news-item .news-body .meta{margin:10px 0}
.comp-news-list .news-item .news-body .meta i{font-size:18px;color:#999}
.comp-news-list .news-item .news-body .meta span{font-size:17px;color:#999;font-weight:normal}
.comp-news-list .news-item .news-body .ckxqAn{position:inherit;right:35px;bottom:20px;display:block}
.comp-news-list .news-item .news-body .ckxqAn i{font-size:30px;vertical-align:middle}
.comp-news-list .news-item:hover .news-body .ckxqAn{right:50px;color:#3a78fc}
.comp-news-list .news-item:hover .news-body .ckxqAn i{alignment-baseline::#3a78fc}
.comp-news-list .news-item.no-image .news-body{width:100% !important;margin-left:0}
.comp-news-list .news-item.no-image .news-body .meta{position:relative;bottom:0;top:10px}
.comp-news-list .news-item .news-body2{width:100%;margin-left:0}
.comp-news-list .news-item .news-body2 h3{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:20px;font-weight:normal;color:#333;margin-bottom:10px}
.comp-news-list .news-item .news-body2 p{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;font-weight:normal;color:#666666}
.comp-news-list .news-item .news-body2 .meta{margin:10px 0}
.comp-news-list .news-item .news-body2 .meta i{font-size:18px;color:#999}
.comp-news-list .news-item .news-body2 .meta span{font-size:17px;color:#999;font-weight:normal}
.comp-news-list .news-item .news-body2 .ckxqAn{position:inherit;right:35px;bottom:20px;display:block}
.comp-news-list .news-item .news-body2 .ckxqAn i{font-size:30px;vertical-align:middle}
.comp-news-list .news-item:hover .news-body2 .ckxqAn{right:50px;color:#3a78fc}
.comp-news-list .news-item:hover .news-body2 .ckxqAn i{alignment-baseline::#3a78fc}
.comp-news-list .news-item.no-image .news-body2{width:100% !important;margin-left:0}
.comp-news-list .news-item.no-image .news-body2 .meta{position:relative;bottom:0;top:10px}
.comp-news-list .news-item:hover{box-shadow:0 0 5px #c5d8fb}
.newsDiv .nyBanner .boxDiv h2{/*font-size:36px;font-weight:bold;line-height:30px;margin-top:40px;color:#fff*/
font-size:26px;font-weight:bold;line-height:26px;margin-top:20px;color:#fff}
.newsDiv .nyBanner .boxDiv p{line-height:24px;color:#fff;font-size:15px;margin-top:20px;max-width:100%;margin-bottom:10px}
.b{font-weight:bold}
.newsDiv .nyBanner .boxDiv span{display:inline-block;line-height:24px;color:rgba(255,255,255,0.80);font-size:14px;margin-top:0px;max-width:100%}
.newsDiv .newsTitle{border-bottom:#d1d1d1 solid 1px;height:70px;line-height:70px}
.newsDiv .newsTitle .box{position:relative}
.newsDiv .newsTitle .box a{display:inline-block;width:150px;height:70px;float:left;padding:0 10px;position:relative}
.newsDiv .newsTitle .box a:hover{color:#3475f7;font-weight:bold}
.newsDiv .newsTitle .box a i{display:none}
.newsDiv .newsTitle .box a:hover i,.newsDiv .newsTitle .box .hover i{display:block;display:block;width:60px;height:4px;background:#3475f7;position:absolute;bottom:-1px;left:50%;margin-left:-30px}
.newsDiv .newsTitle .box .hover{font-size:16px;color:#3475f7;font-weight:bold}
.newsDiv .newsTitle .box .hover:hover{}
.ckgdDiv{display:block;width:120px;line-height:30px;text-align:center;font-size:14px;color:#666;margin:0 auto 20px auto;border:#ccc solid 1px;border-radius:4px}
.ckgdDiv:hover{background:none;color:#3475f7;border:#3475f7 solid 1px}
/*关于我们 页面*/
.gywmLxwmDiv{width:100%;padding:20px 0;background:url("../images/gywmBj.jpg") no-repeat #999cad;height:auto}
.gywmLxwmDiv .leftLogo{float:inherit;width:40%;margin:0 auto}
.gywmLxwmDiv .leftLogo img{width:100%}
.gywmLxwmDiv .rightLxfs{float:inherit;width:100%;margin:20px auto}
.gywmLxwmDiv .rightLxfs .lxEwm{width:calc(50% - 10px);float:left;margin:0 0 25px 10px}
.gywmLxwmDiv .rightLxfs .lxBox{width:calc(100% - 0px);float:inherit;padding:10px}
.gywmLxwmDiv .rightLxfs .lxBox h3{color:#fff;font-size:24px;font-weight:bold;margin-bottom:20px;line-height:20px}
.gywmLxwmDiv .rightLxfs .lxBox span{display:block;color:#fff;font-size:16px;line-height:24px}
.klxjjDiv{width:100%;background:#f7fafd;padding:20px 0}
.klxjjDiv .jjLeft{width:100%;float:inherit;max-width:inherit;padding:0px 10px 0 10px}
.klxjjDiv .jjLeft h2{font-size:32px;color:#1e3b69;font-weight:bold}
.klxjjDiv .jjLeft h2 i{display:block;width:40px;height:8px;background:#3475f7;margin:10px 0}
.klxjjDiv .jjLeft .nrDiv{margin-top:30px}
.klxjjDiv .jjLeft .nrDiv p{text-indent:2em;font-size:16px;line-height:28px}
.klxjjDiv .jjRight{width:100%;float:inherit;padding:0px 10px 0 10px}
.ryzzDivDiv{width:100%;background:#fff;padding:20px 0}
.ryzzDivDiv .ygfcNr{width:100%;text-align:left}
.ryzzDivDiv .ygfcNr .parHd{height:30px;line-height:30px;background:#f4f4f4;padding:0 20px;border-bottom:1px solid #ddd;position:relative}
.ryzzDivDiv .ygfcNr .parHd ul{float:left;position:absolute;left:0;top:-1px;height:32px}
.ryzzDivDiv .ygfcNr .parHd ul li{float:left;padding:0 30px;cursor:pointer}
.ryzzDivDiv .ygfcNr .parHd ul li.on{height:30px;background:#fff;border:1px solid #ddd;border-bottom:2px solid #fff}
.ryzzDivDiv .ygfcNr .slideBox{overflow:hidden;zoom:1;padding:10px 0 10px 36px;position:relative}
.ryzzDivDiv .ygfcNr .sPrev,.ygfcNr .sNext{position:absolute;left:5px;top:10px;display:block;width:30px;height:280px;/* border:1px solid #ddd;*/background:url("../images/prevBtnTop.png") center 120px no-repeat #fff;background-size:50%}
.ryzzDivDiv .ygfcNr .sNext{left:auto;right:0px;background:url("../images/nextBtnTop.png") center 120px no-repeat #fff;background-size:50%}
.ryzzDivDiv .ygfcNr .sPrev:hover,.ygfcNr .sNext:hover{border-color:#f60}
.ryzzDivDiv .ygfcNr .parBd ul{overflow:hidden;zoom:1}
.ryzzDivDiv .ygfcNr .parBd ul li{margin:0 8px;float:left;_display:inline;overflow:hidden;text-align:center}
.ryzzDivDiv .ygfcNr .parBd ul li .pic{text-align:center}
.ryzzDivDiv .ygfcNr .parBd ul li:hover .pic{box-shadow:0 0 15px #b1d3ff;transition:all 400ms ease 0s;transform:scale(1.1)}
.ryzzDivDiv .ygfcNr .parBd ul li .pic img{width:200px;height:280px;display:block;border-radius:4px;overflow:hidden}
.ryzzDivDiv .ygfcNr .parBd ul li .pic a:hover img{border-color:#999}
/*免费试用表单*/
.mfsyDiv{width:100%;min-height:inherit;background:url("../images/nyBn/sybdBanner.jpg") no-repeat center top}
.mfsyDiv .mfbdTop{width:100%;max-width:inherit;margin:auto;padding:20px 0}
.mfsyDiv .mfbdTop .mfbdLogo{width:100%;float:inherit}
.mfsyDiv .mfbdTop .mfbdTel{color:#fff;font-size:22px;width:100%;float:inherit;text-align:center}
.mfsyDiv .mfbdTop .mfbdTel i{font-size:30px;margin-right:5px}
.mfsyDiv .bdCont{width:100%;max-width:inherit;margin:auto;background:#fff;border-radius:4px;box-shadow:0 0 5px #ccc;padding:20px 0;margin-bottom:20px}
.mfsyDiv .bdCont .mfsyTitle{text-align:center}
.mfsyDiv .bdCont .mfsyTitle h3{font-size:30px;font-weight:bold;color:#3475f7}
.mfsyDiv .bdCont .mfsyTitle p{font-size:15px;color:#666;line-height:40px}
.mfsyDiv .bdCont  .mfsyCont{width:90%;max-width:480px;margin:auto}
.mfsyDiv .bdCont  .mfsyCont ul li{width:100%;min-height:50px;margin:10px 0}
.mfsyDiv .bdCont  .mfsyCont ul li .bt{width:60px;line-height:50px;float:left;font-size:18px;font-weight:bold;color:#666}
.mfsyDiv .bdCont  .mfsyCont ul li .nr{width:calc(100% - 70px);float:right}
.mfsyDiv .bdCont  .mfsyCont ul li .nr .input01{width:100%;padding:0 10px;height:48px;line-height:48px;border:#e5e5e5 solid 1px;border-radius:4px;outline:none}
.mfsyDiv .bdCont  .mfsyCont ul li .nr .select01{width:calc(50% - 5px);float:left;height:50px;border:#e5e5e5 solid 1px;border-radius:4px;outline:none}
.mfsyDiv .bdCont  .mfsyCont ul li .nr .select02{width:calc(50% - 5px);float:right;height:50px;border:#e5e5e5 solid 1px;border-radius:4px;outline:none}
.mfsyDiv .bdCont .mfsyCont .yszcDiv{width:100%;margin-left:auto;margin-top:30px}
.mfsyDiv .bdCont .mfsyCont .yszcDiv span{display:inline-block;float:left;line-height:22px}
.mfsyDiv .bdCont .mfsyCont .yszcDiv span .input02{width:18px;height:18px;border-radius:4px;border:#eee solid 1px !important;vertical-align:middle;margin-right:10px}
.mfsyDiv .bdCont .mfsyCont .yszcDiv span a{color:#3a78fc}
.mfsyDiv .bdCont .mfsyCont .tjsyAn{display:block;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;font-size:15px;background:-o-linear-gradient(315deg, #2b7aff, #2bbfff);background:linear-gradient(135deg, #2b7aff, #2bbfff);border-radius:4px;margin:50px auto}
.mfsyDiv .bdCont .mfsyCont .tjsyAn:hover{background:-o-linear-gradient(315deg, #2bbfff , #2b7aff);background:linear-gradient(135deg, #2bbfff, #2b7aff)}
/*产品方案*/
.xtgn_AOA_Div{padding:20px 0;max-width:100%}
.kfhjgkDiv{width:100%;margin:0px auto}
.kfhjgkDiv .kfhjBox01_AOA{width:calc(50% - 20px);margin:10px;float:left;box-shadow:0 0 10px #e5e5e5;padding:20px 10px 10px;text-align:center;border-radius:10px}
.ckfhjgkDiv1{margin:20px auto;max-width:inherit}
.kfhjgkDiv .kfhjBox01{width:calc(50% - 20px);margin:10px;float:left;box-shadow:0 0 10px #e5e5e5;min-height:250px;max-height:250px;padding:20px 10px 10px;text-align:center;border-radius:10px}
.ckfhjgkDiv2{width:100%;background:url(../images/xtgc.jpg) no-repeat 0 bottom #0d2a5c;padding:20px 0}
.ckfhjgkDiv2 .kfhjgkBox{width:100%;text-align:center;padding:20px 0}
.xtgcList .kfhjBox{width:calc(100% - 20px);margin:10px;background:#fff;border:#ededed solid 1px;min-height:315px;overflow:hidden}
.xtgcList .kfhjBox .cont{width:100%;padding:10px 20px}
.xtgcList .kfhjBox .cont .picBox{float:inherit;width:140px;text-align:center;margin:auto}
.xtgcList .kfhjBox .cont .txtBox{float:inherit;width:100%;font-size:16px;line-height:30px;color:#9497ac;padding:0px}
.kfhjgkGntd{background:#19325b;width:100%;padding:20px 0}
.kfhjgkGntd .kfhjgkGntdBox .box{width:calc(100% - 20px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:inherit}
.ythznhglkfDiv{background:#ebf1ff;width:calc(100% - 0px);margin:0px auto;padding:20px 20px 10px 20px}
.ythznhglkfDiv p{color:#1e3b69;font-size:16px;line-height:26px}
.ythptList .kfhjBox{width:calc(100% - 20px);margin:10px;background:#fff;border:#ededed solid 1px;min-height:375px;overflow:hidden}
.ythptList .kfhjBox .cont .picBox{float:inherit;width:100%;text-align:center;padding-top:20px}
.ythptList .kfhjBox .cont .txtBox{float:inherit;width:calc(100% - 0px);font-size:16px;line-height:30px;color:#9497ac;padding:10px}
.ythptList .kfhjBox .cont{width:100%;padding:10px}
/*一体化平台2*/
.ythptList2{width:100%;max-width:1280px;margin:20px auto 60px}
.ythptList2 .kfhjBox{width:calc(100% - 20px);min-height:375px;margin:10px;background:rgb(255, 255, 255);border-width:1px;border-style:solid;border-color:rgb(237, 237, 237);border-image:initial;overflow:hidden}
.ythptList2 .kfhjBox .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;padding-left:30px;color:rgb(30, 59, 105);background:url(../images/btBj.jpg) right top no-repeat rgb(239, 243, 252)}
.ythptList2 .kfhjBox .cont{width:100%;padding:10px}
.ythptList2 .kfhjBox .cont .picBox{float:inherit;width:100%;text-align:center;padding-top:20px}
.ythptList2 .kfhjBox .cont .txtBox{float:inherit;width:calc(100% - 0px);font-size:16px;line-height:30px;color:rgb(148, 151, 172);padding:10px}
.jjfaDiv .fwnrBoxL{width:calc(100% - 20px);float:inherit;box-shadow:0 0 10px #e5e5e5;border-radius:8px;padding:20px;height:auto;margin:10px auto}
.jjfaDiv .fwnrBoxR{width:calc(100% - 0px);float:inherit;box-shadow:0 0 10px #e5e5e5;border-radius:8px;padding:20px;height:auto;margin:auto}
.jjfaDiv .cnDiv .imgDiv{float:inherit;width:100%}
.jjfaDiv .cnDiv .txtDiv{float:inherit;width:calc(100% - 0px)}
	

.rfidList2{width:100%;max-width:1280px;margin:0px auto 60px}
.rfidList2 .kfhjBox{width:calc(100% - 20px);min-height:280px;margin:10px;background:rgb(255, 255, 255);border-width:1px;border-style:solid;border-color:rgb(237, 237, 237);border-image:initial;overflow:hidden}
.rfidList2 .leftBox{float:left}
.rfidList2 .rightBox{float:right}
.rfidList2 .kfhjBox .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;padding-left:30px;color:rgb(30, 59, 105);background:url(../images/btBj.jpg) right top no-repeat rgb(239, 243, 252)}
.rfidList2 .kfhjBox .cont{width:100%;padding:10px 20px}
.rfidList2 .kfhjBox .cont .picBox{float:inherit;width:100%;text-align:center;padding-top:20px}
.rfidList2 .kfhjBox .cont .picBox img{width:auto; width:90px; height:auto}
.rfidList2 .kfhjBox .cont .txtBox{float:inherit;width:calc(100% - 0px);font-size:16px;line-height:30px;color:rgb(148, 151, 172);padding:10px 0 0 10px}	
	
.dazxfwList{width:100%;max-width:100%;margin:20px auto}
.dazxfwList .kfhjBox{width:calc(100% - 20px);margin:10px;background:#fff;border:#ededed solid 1px;min-height:inherit;overflow:hidden}
.dazxfwList .kfhjBox:hover{box-shadow:0 0 5px rgba(58,120,252,0.60)}
.dazxfwList .leftBox{float:inherit}
.dazxfwList .rightBox{float:inherit}
.dazxfwList .kfhjBox .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;background:url("../images/btBj.jpg") no-repeat right top #eff3fc;padding-left:30px;color:#1e3b69}
.dazxfwList .kfhjBox .cont{width:100%;padding:10px 20px}
.dazxfwList .kfhjBox .cont .picBox{float:right;width:100%;text-align:center;padding-top:10px}
.dazxfwList .kfhjBox .cont .txtBox{float:left;width:calc(100% - 0px);font-size:16px;line-height:30px;color:#9497ac;padding:0px}
	
	
	
.kfhjgkGntd .kfhjgkGntdBox2 .box{width:calc(100% - 0px);float:inherit;margin:10px auto;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 20px 10px 20px;text-align:center;min-height:inherit}
.ythptList3{width:100%;max-width:1280px;margin:20px auto 60px}
.ythptList3 .kfhjBox{width:calc(100% - 20px);min-height:310px;margin:10px;background:rgb(255, 255, 255);border-width:1px;border-style:solid;border-color:rgb(237, 237, 237);border-image:initial;overflow:hidden}
.ythptList3 .kfhjBox .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;padding-left:30px;color:rgb(30, 59, 105);background:url(../images/btBj.jpg) right top no-repeat rgb(239, 243, 252)}
.ythptList3 .kfhjBox .cont{width:100%;padding:10px}
.ythptList3 .kfhjBox .cont .picBox{float:inherit;width:100%;text-align:center;padding-top:20px}
.ythptList3 .kfhjBox .cont .txtBox{float:inherit;width:calc(100% - 0px);font-size:16px;line-height:30px;color:rgb(148, 151, 172);padding:10px}
.ckfhjgkDiv3{background:url(../images/ythjBj.jpg) no-repeat center top;padding:20px}
.ckfhjgkDiv1 .sfjsyqDiv p{color:#1e3b69;font-size:16px;text-align:center;line-height:30px}
.ckfhjgkDiv1 .sfjsyqDiv{background:#ebf1ff;width:calc(100% - 20px);margin:10px auto 20px auto;padding:20px}
.jglcList{position:relative;width:100%;min-height:400px;background:#fff}
.jglcList .jglcBox{width:100%;background:rgba(255,255,255,0.80);position:inherit;top:0;left:0;margin-left:0;max-width:1280px}
.jglcList .jglcBox .title{margin-top:-87px;height:86px}
.jglcList .jglcBox .title span{width:11.11111111111111%;display:inline-block;float:left;text-align:center;cursor:pointer;font-size:18px;height:60px;line-height:20px;font-weight:400;color:#003366}
.jglcList .jglcBox .title span i{display:block;border:#003366 solid 2px;width:15px;height:15px;border-radius:100%;background:#fff;margin:auto}
.jglcList .jglcBox .title span:hover i{width:20px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px;color:#448cee;font-weight:bold}
.jglcList .jglcBox .title .hover i{width:20px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px}
.jglcList .jglcBox .title .hover{font-weight:bold;color:#448cee}
.jglcList .jglcBox .cont{width:100%;padding:40px 20px 20px 20px;border-top:#eee solid 1px}
.jglcList .jglcBox .cont h2{font-size:20px;line-height:20px;font-weight:bold;color:#003366}
.jglcList .jglcBox .cont h2 i{display:inline-block;width:6px;height:20px;background:#448cee;margin-right:20px;vertical-align:middle}
.jglcList .jglcBox .cont .txt{margin-top:20px}
.jglcList .jglcBox .cont .txt p{font-size:16px;line-height:30px;color:#666;margin:0;padding:0}
/*通用详情*/
.viewDiv{width:100%;background:#fff;padding:40px 20px}
.viewDiv .fp{width:100%;margin:20px auto}
.viewDiv .fp1{float:left;height:auto;height:50px;line-height:50px;text-align:center;width:45%;background:#eee;border-radius:4px}
.viewDiv .fp2{float:right;height:auto;height:50px;line-height:50px;text-align:center;width:45%;background:#eee;border-radius:4px}
/*2023-10-20*/
/*RFID实体档案管理系统*/
.bgWhite{background:#fff;width:100%;margin:0 auto;padding:0}
.bgWhite .ckfhjgkDiv1{padding:60px 0 0 0;margin:0 auto}
.xtgcDiv{margin:0 auto;padding:0 0 20px 0}
.pdT40{padding-top:40px}
.kfhjBox .anzDiv{padding:20px 20px 30px 30px}
.kfhjBox .anzDiv a{display:inline-block;padding:0 10px;height:36px;line-height:36px;border-radius:4px;border:#3475f7 solid 1px;font-size:14px;color:#3475f7;margin-top:5px}
.kfhjBox .anzDiv a:hover{border:#3475f7 solid 1px;background:#3475f7;color:#fff}
.xtgcList2{width:100%;max-width:1280px;margin:20px auto}
.xtgcList2 .kfhjBox{width:calc(100% - 20px);margin:10px;background:#fff;border:#ededed solid 1px;min-height:inherit;overflow:hidden}
.xtgcList2 .rightBox{float:right}
.xtgcList2 .kfhjBox .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;background:url("../images/btBj.jpg") no-repeat right top #eff3fc;padding-left:30px;color:#1e3b69}
.xtgcList2 .kfhjBox .cont{width:100%;padding:10px 20px}
.xtgcList2 .kfhjBox .cont .picBox{float:right;width:140px;text-align:center}
.xtgcList2 .kfhjBox .cont .txtBox{float:left;width:calc(100% - 140px);font-size:16px;line-height:30px;color:#9497ac;padding:10px;min-height:inherit}
.kfhjgkGntdBox_RFID{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID .box{width:calc(100% - 20px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:280px}
.kfhjgkGntdBox_RFID .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:600}
.kfhjgkGntdBox_RFID .box p{color:rgba(255,255,255,0.50);text-align:center}
.kfhjgkGntdBox_RFID .box:hover p{color:rgba(255,255,255,0.90)}
.news08{background:#3c9bf9}
.news09{background:#045dff}
.news10{background:#045dff;padding-top:60px}
.news11{background:#045dff;padding-top:60px}
.news12{background:#045dff;padding-top:60px}
.news13{background:#2a6adc;padding-top:20px}
.news14{background:#2a6adc;padding-top:60px}
.news15{background:#045dff;padding-top:60px}
.news16{background:#2a6adc;padding-top:60px}
.news17{background:#2a6adc;padding-top:10px}
.news18{background:#2a6adc;padding-top:10px}
.news19{background:#2a6adc;padding-top:10px}
.news20{background:#2a6adc;padding-top:10px}
.news21{background:#2a6adc;padding-top:10px}
.news22{background:#2a6adc;padding-top:10px}
.news23{background:#2a6adc;padding-top:10px}
.news24{background:#2a6adc;padding-top:10px}
.news25{background:#2a6adc;padding-top:10px}
.news26{background:#2a6adc;padding-top:10px}
.news27{background:#2a6adc;padding-top:10px}
.news28{background:#2a6adc;padding-top:10px}
.news29{background:#2a6adc;padding-top:10px}
.news30{background:#2a6adc;padding-top:10px}
.news31{background:#2a6adc;padding-top:10px}
.news32{background:#2a6adc;padding-top:10px}
.news33{background:#2a6adc;padding-top:10px}
.news34{background:#2a6adc;padding-top:10px}
.news35{background:#2a6adc;padding-top:10px}
.news36,.news37,.news38,.news39,.news40,.news41,.news42,.news43,.news44,.news45,.news46,.news47,.news48,.news49,.news50{background:#2a6adc;padding-top:10px}
/*智能密集架系统*/
.xtgcList3{width:100%;max-width:1280px;margin:0px auto}
.xtgcList3 .kfhjBox{width:calc(100% - 20px);margin:10px;background:#fff;border:#ededed solid 1px;min-height:inherit;overflow:hidden}
.xtgcList3 .rightBox{float:right}
.xtgcList3 .kfhjBox .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;background:url("../images/btBj.jpg") no-repeat right top #eff3fc;padding-left:30px;color:#1e3b69}
.xtgcList3 .kfhjBox .cont{width:100%;padding:10px 20px}
.xtgcList3 .kfhjBox .cont .picBox{float:right;width:140px;text-align:center}
.xtgcList3 .kfhjBox .cont .txtBox{float:left;width:calc(100% - 140px);font-size:16px;line-height:30px;color:#9497ac;padding:10px;min-height:inherit}
	
.xtgcList3 .kfhjBox3{width:calc(100% - 20px);margin:10px;background:#fff;border:#ededed solid 1px;min-height:inherit;overflow:inherit}
.xtgcList3 .leftBox{float:inherit}
.xtgcList3 .rightBox{float:inherit}
.xtgcList3 .kfhjBox3 .title{width:100%;height:90px;line-height:90px;font-size:23px;font-weight:bold;background:url("../images/btBj.jpg") no-repeat right top #eff3fc;padding-left:30px;color:#1e3b69}
.xtgcList3 .kfhjBox3 .cont{width:100%;padding:10px 20px;position:relative}
.xtgcList3 .kfhjBox3 .cont .picBox{float:inherit;width:100%;text-align:center}
.xtgcList3 .kfhjBox3 .cont .txtBox{float:inherit;width:calc(100% - 0px);font-size:16px;line-height:30px;color:#9497ac;padding:10px;min-height:100px}
.poAB10{position:absolute;bottom:20px;left:30px;display:block;color:#0f71ff}	

.znmjjList{width:100%;max-width:inherit;margin:20px auto}
.znmjjList .cont{width:100%;border:#ebebeb solid 1px;border-right:none;border-bottom:none}
.znmjjList .cont .xtBox{width:100%;float:left;min-height:inherit;border:#ebebeb solid 1px;border-top:none;border-left:none}
.znmjjList .cont .xtBox:hover{background:#f5f8ff}
.znmjjList .cont .xtBox .title{margin:auto;width:calc(100% - 30px);padding-top:20px}
.znmjjList .cont .xtBox .title .picBox{float:left;width:46px;height:46px;line-height:46px}
.znmjjList .cont .xtBox .title .picBox img{width:100%}
.znmjjList .cont .xtBox .title h5{float:left;width:calc(100% - 60px);line-height:48px;font-size:16px;font-weight:bold}
.znmjjList .cont .xtBox .txtBox{font-size:13px;color:#9199a4;padding:0 20px 10px 20px;line-height:20px}	
	
.znmjjxt3{padding:60px 0}
.znmjjxt3 .yyjzNr{width:100%;max-width:100%;margin:0 auto;padding:0}
.znmjjxt3 .yyjzNr .yyjzBox1{width:calc(50% - 20px);float:left;margin:10px;min-height:250px;background:url(../images/klxBj01.png) no-repeat right bottom #fff;padding:30px;border-radius:4px;box-shadow:0 0 5px #eee}
.znmjjxt3 .yyjzNr .yyjzBox1 h4{font-size:20px;font-weight:bold;color:#333}
.znmjjxt3 .yyjzNr .yyjzBox1 h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#3475f7}
.znmjjxt3 .yyjzNr .yyjzBox2{width:calc(50% - 20px);float:left;margin:10px;height:250px;background:url(../images/klxBj01.png) no-repeat right bottom #fff;padding:30px;border-radius:4px}
.znmjjxt3 .yyjzNr .yyjzBox2 h4{font-size:20px;font-weight:bold;color:#333}
.znmjjxt3 .yyjzNr .yyjzBox2 h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#3475f7}
.znmjjxt3 .yyjzNr .yyjzBox1 p,.znmjjxt3 .yyjzNr .yyjzBox2 p{margin-bottom:0;font-size:16px;line-height:30px}
.znmjjxt3 .yyjzNr .yyjzBox1:hover{background:url("../images/klxBj02.png") no-repeat right bottom #3475f7}
.znmjjxt3 .yyjzNr .yyjzBox1:hover h4{font-size:20px;font-weight:bold;color:#fff}
.znmjjxt3 .yyjzNr .yyjzBox1:hover h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#fff}
.znmjjxt3 .yyjzNr .yyjzBox1:hover p{line-height:30px;color:#fff;font-size:16px}
.znmjjxt3 .yyjzNr .yyjzBox2:hover{background:url("../images/klxBj02.png") no-repeat right bottom #3475f7}
.znmjjxt3 .yyjzNr .yyjzBox2:hover h4{font-size:20px;font-weight:bold;color:#fff}
.znmjjxt3 .yyjzNr .yyjzBox2:hover h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#fff}
.znmjjxt3 .yyjzNr .yyjzBox2:hover p{line-height:30px;color:#fff;font-size:16px}
.kfhjgkGntdBox_RFID{width:100%;max-width:inherit;margin:0 auto}
.kfhjgkGntdBox_RFID .box{width:calc(50% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:315px}
.kfhjgkGntdBox_RFID2{width:100%;max-width:inherit;margin:0 auto}
.kfhjgkGntdBox_RFID2 .box{width:calc(50% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:317px}
.jglcList2{position:inherit;width:100%;min-height:300px;background:#fff}
.jglcList2 .jglcBox{width:100%;background:rgba(255,255,255,0.80);position:inherit;top:0;left:0;margin-left:0;max-width:1280px}
.jglcList2 .jglcBox .title{margin-top:-68px;height:87px}
.jglcList2 .jglcBox .title span{width:20%;display:inline-block;float:left;text-align:center;cursor:pointer;font-size:18px;height:60px;line-height:20px;font-weight:400;color:#003366}
.jglcList2 .jglcBox .title span i{display:block;border:#003366 solid 2px;width:15px;height:15px;border-radius:100%;background:#fff;margin:auto}
.jglcList2 .jglcBox .title span:hover i{width:20px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px;color:#448cee;font-weight:bold}
.jglcList2 .jglcBox .title .hover i{width:20px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px}
.jglcList2 .jglcBox .title .hover{font-weight:bold;color:#448cee}
.jglcList2 .jglcBox .cont{width:100%;padding:40px 20px 20px 20px;border-top:#eee solid 1px}
.jglcList2 .jglcBox .cont h2{font-size:20px;line-height:20px;font-weight:bold;color:#003366}
.jglcList2 .jglcBox .cont h2 i{display:inline-block;width:6px;height:20px;background:#448cee;margin-right:20px;vertical-align:middle}
.jglcList2 .jglcBox .cont .txt{margin-top:20px}
.jglcList2 .jglcBox .cont .txt p{font-size:16px;line-height:30px;color:#666;margin:0;padding:0}
/*库房温湿度控制系统*/
.kfwsdkzxtDiv .picDiv{float:inherit;width:calc(100% - 20px);margin:0px auto}
.kfwsdkzxtDiv .picDiv img{width:100%}
.kfwsdkzxtDiv .rightDiv{float:inherit;width:calc(100% - 20px);margin:20px auto}
.kfwsdkzxtDiv .rightDiv p{color:#9497ac;font-size:16px;line-height:25px;margin-bottom:0}
.kfwsdkzxtDiv .rightDiv .bj{width:100%;height:45px;line-height:45px;background:#1e3b69;text-align:center;color:#fff;font-size:20px;font-weight:bold;border-radius:4px;background:#1e3b69;margin:5px auto}
.kfwsdkzxtDiv .rightDiv .bdDiv{width:100%}
.kfwsdkzxtDiv .bdDiv{width:100%}
.kfwsdkzxtDiv .bdDiv table{background:#1e3b69;width:100%;text-align:center;margin-top:6px;color:#1e3b69;font-size:15px}
.kfwsdkzxtDiv .bdDiv table th{background:#e1e7ee;border:1px solid #1e3b69;font-weight:bold}
.kfwsdkzxtDiv .bdDiv table td{background:#f8f8f8;border:1px solid #1e3b69}
.yyjzNr2{width:100%;max-width:1280px;margin:0 auto;padding:0}
.yyjzNr2 .yyjzBox{width:calc(100% - 20px);float:inherit;margin:20px auto 0 auto;min-height:250px;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:20px;border-radius:2px}
.yyjzNr2 .yyjzBox:hover{background:url("../images/klxBj02.png") no-repeat right bottom #3475f7}
.yyjzNr2 .yyjzBox h4{font-size:20px;font-weight:bold;color:#2d2c4a}
.yyjzNr2 .yyjzBox h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#3475f7}
.yyjzNr2 .yyjzBox p{line-height:30px;color:#999;font-size:16px}
.yyjzNr2 .yyjzBox:last-child{width:calc(100% - 0px);margin:20px auto 0 auto}
.yyjzNr2 .yyjzBox:hover h4{font-size:20px;font-weight:bold;color:#fff}
.yyjzNr2 .yyjzBox:hover h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#fff}
.yyjzNr2 .yyjzBox:hover p{line-height:30px;color:#fff;font-size:16px}
.kfwsdkzxNr{width:100%;background:#fff;padding:60px 0}
.kfwsdkzxNr .kfwsdkzxBox{text-align:center}
.pd60{padding:40px 0 60px 0}
.yyjzNr3{width:100%;max-width:1280px;margin:0 auto;padding:0}
.yyjzNr3 .yyjzBox{width:calc(100% - 20px);float:left;margin:20px auto 0 auto;min-height:200px;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:20px;border-radius:2px}
.yyjzNr3 .yyjzBox:hover{background:url("../images/klxBj02.png") no-repeat right bottom #3475f7}
.yyjzNr3 .yyjzBox h4{font-size:20px;font-weight:bold;color:#2d2c4a}
.yyjzNr3 .yyjzBox h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#3475f7}
.yyjzNr3 .yyjzBox p{line-height:30px;color:#999;font-size:16px}
.yyjzNr3 .yyjzBox:last-child{width:calc(100% - 0px);margin:20px auto 0 auto}
.yyjzNr3 .yyjzBox:hover h4{font-size:20px;font-weight:bold;color:#fff}
.yyjzNr3 .yyjzBox:hover h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#fff}
.yyjzNr3 .yyjzBox:hover p{line-height:30px;color:#fff;font-size:16px}
.pd60{padding:10px}
.kfhjgkGntdBox_RFID .box1{width:calc(100% - 25px);float:inherit;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:320px;t}
.kfhjgkGntdBox_RFID .box2{width:calc(100% - 25px);float:inherit;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:350px}
.kfhjgkGntdBox_RFID .box1 p,.kfhjgkGntdBox_RFID .box2 p{text-align:center}
.yyjzNr4 .yyjzBox2{width:calc(100% - 0px);float:inherit;margin:20px 0 0 0;min-height:210px;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:20px;border-radius:2px;box-shadow:0 0 5px #eee;margin:20px 0 0 0}
/*.yyjzNr4 .yyjzBox2:last-child{width:calc(100% - 0px);margin:20px 0 0 0}*/
.yyjzNr4 .yyjzBox2:nth-child(2n){width:calc(100% - 0px);margin:20px 0 0 0}
.mhzzyyDiv .boxNr ul li{float:left;width:calc(33.33333333333333% - 15px);padding:30px 20px 20px 20px;background:#fff;border-radius:4px;box-shadow:0 0 5px #eee;margin:10px 15px 0 0;min-height:180px}
.kfhjgkGntdBox_RFID5{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID5 .box{width:calc(16.66666666666667% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:400px}
.kfhjgkGntdBox_RFID5 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID5 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID5 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:600}
.kfhjgkGntdBox_RFID5 .box p{color:rgba(255,255,255,0.50);text-align:left}
.kfhjgkGntdBox_RFID5 .box:hover p{color:rgba(255,255,255,0.90)}
/*领导干部廉政档案管理系统*/
.lzjjwtDiv .box{width:calc(25% - 20px);float:left;margin-right:20px;background:#fff;padding-bottom:20px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.lzjjwtDiv .box:last-child{width:calc(25% - 20px);margin-right:0}
.lzjjwtDiv .box p{text-align:center}
.lzjjwtDiv .box p img{width:100%}
.lzjjwtDiv .box h3{color:#1e3b69;font-size:20px;font-weight:bold;text-align:center;height:30px;line-height:30px}
.lzjjwtDiv .box span{font-size:16px;line-height:24px;color:#666;padding:0 20px;display:block;font-size:16px}
.kfhjgkGntdBox_RFID6{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID6 .box{width:calc(25% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:220px}
.kfhjgkGntdBox_RFID6 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID6 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID6 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;line-height:30px;font-weight:600;padding:0 5%}
.pdtb40{padding:40px 0 20px 0}
.news15{background:#045dff;padding-top:60px}
.kfhjgkGntdBox_RFID7 .box{width:calc(50% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:290px}
.kfhjgkGntdBox_RFID7 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID7 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID7 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;line-height:30px;font-weight:600;padding:0 5%}
.kfhjgkGntdBox_RFID7 .box p{color:rgba(255,255,255,0.50);line-height:24px}
.pdtb40{padding:40px 0 20px 0}
.kfhjgkGntdBox_RFID7 .box:hover p{color:rgba(255,255,255,1.00)}
.ckfhjgkDiv5{width:100%;background:url("../images/t18.jpg") no-repeat bottom center #415679;padding:20px 0}
.ckfhjgkDiv5 .xtgnDiv{width:100%;margin:40px auto}
.ckfhjgkDiv5 .titleDiv h2{text-align:center;font-size:32px;font-weight:bold;color:rgba(255,255,255,1.00)}
.ckfhjgkDiv5 .jglcList3{position:relative;width:100%;min-height:400px;margin-top:0;border-top:rgba(255,255,255,0.10) solid 1px}
.ckfhjgkDiv5 .jglcList3 .jglcBox{width:100%;position:absolute;top:-68px;left:50%;margin-left:-640px;max-width:1280px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title{margin-top:0px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title span{width:25%;display:inline-block;float:left;text-align:center;cursor:pointer;font-size:20px;height:60px;line-height:60px;font-weight:400;color:rgba(255,255,255,0.50)}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title span i{display:block;border:#003366 solid 2px;width:15px;height:15px;border-radius:100%;background:#fff;margin:auto}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title span:hover i{width:90px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px;color:#448cee;font-weight:bold}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title .hover i{width:90px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title .hover{font-weight:bold;color:#448cee}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont{padding-top:40px;width:100%}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont h2{font-size:40px;line-height:40px;font-weight:bold;color:#003366}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont h2 i{display:inline-block;width:8px;height:38px;background:#448cee;margin-right:20px;vertical-align:middle}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .boxTit p{color:rgba(255,255,255,0.55);float:left;height:20px;line-height:20px;padding-left:10px;font-size:16px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .boxTit i{display:inline-block;width:4px;height:20px;background:rgba(255,255,255,0.55);border-radius:4px;float:left;line-height:20px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li{width:calc(25% - 20px);margin:10px 20px 10px 0;float:left;background:rgba(255,255,255,0.05);border:rgba(255,255,255,0.15) solid 1px;border-radius:2px;padding:15px 10px 0 15px;min-height:140px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li h4{font-size:18px;color:rgba(255,255,255,0.80);font-weight:bold;text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li p{color:rgba(255,255,255,0.80);text-align:left}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li:nth-of-type(4n+4){width:calc(25% - 0px);margin:10px 0px 10px 0}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li{width:calc(50% - 20px);margin:20px 20px 0 0;float:left;background:rgba(255,255,255,0.05);border:rgba(255,255,255,0.15) solid 1px;border-radius:2px;padding:15px 10px 0 15px;min-height:140px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li h4{font-size:18px;color:rgba(255,255,255,0.80);font-weight:bold;text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li p{color:rgba(255,255,255,0.80);text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li:nth-of-type(2n+2){width:calc(50% - 0px);margin:20px 0px 0 0}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li{width:calc(33.33333333333333% - 20px);margin:20px 20px 0 0;float:left;background:rgba(255,255,255,0.05);border:rgba(255,255,255,0.15) solid 1px;border-radius:2px;padding:15px 10px 0 15px;min-height:140px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li h4{font-size:18px;color:rgba(255,255,255,0.80);font-weight:bold;text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li p{color:rgba(255,255,255,0.80);text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li:nth-of-type(3n+3){width:calc(33.33333333333333% - 0px);margin:20px 0px 0 0}
/*智慧场地管理系统*/
.kfhjgkGntdBox_RFID8{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID8 .box{width:calc(33.33333333333333% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:220px}
.kfhjgkGntdBox_RFID8 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID8 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID8 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;line-height:30px;font-weight:600;padding:0 8%}
.pdtb40{padding:40px 0 20px 0}
.kfhjgkGntdBox_RFID8 .box p{color:rgba(255,255,255,0.50);padding:0 10px}
.kfhjgkGntdBox_RFID8 .box:hover p{color:rgba(255,255,255,1.00)}
.xtgcList3 .kfhjBox .cont2{width:100%;padding:10px 20px}
.xtgcList3 .kfhjBox .cont2 .picBox{float:right;width:240px;text-align:center;border:#eee solid 1px}
.xtgcList3 .kfhjBox .cont2 .txtBox{float:left;width:calc(100% - 240px);font-size:16px;line-height:30px;color:#9497ac;padding:10px;min-height:160px}
/*视频归档管理平台*/
.yyjzNr2f{width:100%;max-width:1280px;margin:0 auto;padding:0}
.yyjzNr2f .yyjzBox{width:calc(33.33333333333333% - 20px);float:left;margin:20px 20px 0 0;min-height:200px;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:20px;border-radius:4px}
.yyjzNr2f .yyjzBox:hover{background:url("../images/klxBj02.png") no-repeat right bottom #3475f7}
.yyjzNr2f .yyjzBox h4{font-size:20px;font-weight:bold;color:#2d2c4a}
.yyjzNr2f .yyjzBox h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#3475f7}
.yyjzNr2f .yyjzBox p{line-height:30px;color:#999;font-size:16px}
.yyjzNr2f .yyjzBox:nth-child(3n){width:calc(33.33333333333333% - 0px);margin-right:0}
.yyjzNr2f .yyjzBox:hover h4{font-size:20px;font-weight:bold;color:#fff}
.yyjzNr2f .yyjzBox:hover h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#fff}
.yyjzNr2f .yyjzBox:hover p{line-height:30px;color:#fff;font-size:16px}
.ptsbDiv{width:100%;margin:auto}
.ptsbDiv a{display:block;float:left;width:calc(20% - 16px);margin:10px 0;float:left;margin-right:16px}
.ptsbDiv a:nth-child{display:block;float:calc(20% - 25px);margin-right:0}
.ptsbDiv a p{width:100%}
.ptsbDiv a p:hover{box-shadow:0 0 5px #eee}
.ptsbDiv a p img{border:#eee solid 1px}
.ptsbDiv a span{display:block;width:100%;text-align:center;color:#333}
.kfhjgkGntdBox_RFID9{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID9 .box{width:calc(25% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:350px}
.kfhjgkGntdBox_RFID9 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID9 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID9 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;line-height:30px;font-weight:600;padding:0}
.kfhjgkGntdBox_RFID9 .box p{color:rgba(255,255,255,0.50);line-height:24px;margin-bottom:0}
.pdtb40{padding:40px 0 20px 0}
.kfhjgkGntdBox_RFID9 .box:hover p{color:rgba(255,255,255,1.00)}
/*硬件中心-RFID通道门禁类设备*/
.fl{float:inherit}
.fr{float:inherit}
.flex{display:inherit}
.fldhRd{width:100%;height:84px;line-height:84px;background:#fff;border-bottom:#eee solid 1px}
.fldhRd .dh2box{margin:0 auto;max-width:100%}
.cpBigDiv .cpBox .textDiv .czjzBox{margin-right:auto;padding:0 1.1875rem;align-self:center}
.fldhRd .dh2box a{display:inline-block;float:left}
.cpBigDiv .cpBox .picDiv{width:100%;text-align:center;min-height:100%}
.cpBigDiv .cpBox .picDiv .picBox{width:100%;padding:20px;align-self:center}
.cpBigDiv .cpBox .picDiv .picBox img{}
.cpBigDiv .cpBox .textDiv{width:100%;position:relative;min-height:100%;text-align:left}
.fldhRd .dh2box a{display:inline-block;float:left}
.fldhRd .dh2box a:hover{color:#3475f7}
.fldhRd .dh2box i{display:inline-block;float:left;font-style:normal;padding:0 10px;color:#ccc}
.fldhRd .dh2box .hover{color:#fff;background:#3475f7;padding:0 10px;font-weight:bold}
.fldhRd .dh2box .hover:hover{color:#fff;font-weight:bold}
.cpBigDiv{width:100%;padding:40px 0}
.cpBigDiv .cpBox{max-width:1280px;margin:0 auto}
.cpBigDiv .cpBox .textDiv h3{width:100%;font-weight:bold;font-size:26px;color:#333}
.cpBigDiv .cpBox .textDiv .cp_contDiv .cont1{max-width:100%}
.kfhjgkGntdBox_RFID20{width:100%;max-width:100%;margin:0 auto}
.kfhjgkGntdBox_RFID20 .box{width:calc(100% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:200px}
.cpBigDiv .cpBox .textDiv .cp_contDiv .cont2{}
/*退役军人档案管理*/
.lzjjwtDiv2{width:100%}
.lzjjwtDiv2 .box{width:calc(96% - 0px);float:inherit;margin:0 auto 10px auto;background:#fff;padding-bottom:20px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:#eee solid 1px;min-height:inherit}
.lzjjwtDiv2 .box:hover{box-shadow:0 0 5px #9cc5fe}
.lzjjwtDiv2 .box:last-child{width:calc(96% - 0px);margin:0 auto 10px auto}
.lzjjwtDiv2 .box p{text-align:center;color:rgba(255,255,255,0.50)}
.lzjjwtDiv2 .box p img{width:100%}
.lzjjwtDiv2 .box h3{color:#1e3b69;font-size:20px;font-weight:bold;text-align:center;height:30px;line-height:30px}
.lzjjwtDiv2 .box span{font-size:16px;line-height:24px;color:#666;padding:0 20px;display:block;font-size:16px}
.cpzxDiv1 .hxgnDiv .hxgnBox01f{width:calc(100% - 0px);float:inherit;margin:10px auto}
.cpzxDiv1 .hxgnDiv .hxgnBox02f{width:calc(100% - 0px);float:inherit;margin:10px auto}
.cpzxDiv1 .hxgnBox03f{width:calc(100% - 0px);margin:10px auto}
.cpzxDiv1 .hxgnDiv .hxgnBox01f .cont .txtBox{min-height:200px;padding:30px 15px 0 15px;font-size:16px;line-height:30px}
.cpzxDiv1 .hxgnDiv .hxgnBox02f .cont .txtBox{min-height:200px;padding:30px 15px 0 15px;font-size:16px;line-height:30px}
.cpzxDiv1 .hxgnDiv .hxgnBox03f .cont .txtBox{min-height:200px;padding:30px 15px 0 15px;font-size:16px;line-height:30px}
.cpzxDiv1 .hxgnDiv .hxgnBox03f .cont .txtBox p{float:left;width:calc(100% - 0px)}
.cpzxDiv1 .hxgnDiv .hxgnBox02f .cont .txtBox p,.cpzxDiv1 .hxgnDiv .hxgnBox01f .cont .txtBox p{float:inherit;width:calc(100% - 0px)}
.cpzxDiv1 .hxgnDiv .hxgnBox03f .cont .txtBox .cjImg,.cpzxDiv1 .hxgnDiv .hxgnBox02f .cont .txtBox .cjImg,.cpzxDiv1 .hxgnDiv .hxgnBox01f .cont .txtBox .cjImg{float:inherit;width:120px;margin:auto}
.cpzxDiv1 .hxgnDiv .hxgnBox03f .cont .txtBox .tyzlDiv{padding:20px 0}
.cpzxDiv1 .hxgnDiv .hxgnBox03f .cont .txtBox .tyzlDiv h4{font-size:16px;font-weight:bold}
.cpzxDiv1 .hxgnDiv .hxgnBox03f .cont .txtBox .tyzlDiv .clDiv{color:#999}
.cpzxDiv1 .hxgnDiv .hxgnBox03f .cont .txtBox .tyzlDiv .clDiv span{display:inline-block;float:left;padding:0 20px;border:#ccc solid 1px;height:36px;border-radius:36px;line-height:36px;margin:10px 10px 0 0}
.cpzxDiv1 .hxgnDiv .hxgnBox03f .cont .txtBox .tyzlDiv .clDiv span:hover{background:rgba(58,120,252,0.80);border:rgba(58,120,252,0.80) solid 1px;color:#fff}
.cpzxDiv1 .hxgnBox03f{width:calc(100% - 20px);margin:10px auto}
.cpzxDiv1 .hxgnBox03f .cont .txtBox .cjImg{float:initial;width:100%!important;text-align:center}
.cpzxDiv1 .hxgnBox03f .cont .txtBox .cjImg img{width:auto!important}
.cpzxDiv1 .hxgnBox03f .cont .txtBox p{float:left;width:calc(100% - 10px);padding-top:20px}
/*UWB高精度定位系统*/
.xtgcList4{width:100%;max-width:1280px;margin:0px auto}
.xtgcList4 .hrglDiv{text-align:center}
.xtgcList4 .hrglDiv img{margin:auto}
.uwbBig_dwms{background:url(../images/sqPic/bj.jpg) no-repeat center bottom #0643a5;background-size:100% auto;width:100%;padding:60px 0}
.uwbBig_dwms .titleDiv h2{text-align:center;font-size:32px;font-weight:bold;color:#fff}
.kfhjgkGntdBox_RFID{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID .box_uwb{width:calc(100% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.20);border-radius:8px;padding:20px 10px 30px 15px;text-align:center}
.kfhjgkGntdBox_RFID .box_uwb:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID .box_uwb i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID .box_uwb h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:600}
.kfhjgkGntdBox_RFID .box_uwb p{color:rgba(255,255,255,0.50);text-align:left}
.kfhjgkGntdBox_RFID .box_uwb:hover p{color:rgba(255,255,255,0.90)}
/*巡检报修*/
.bxsf_Div{width:100%;max-width:1280px; margin:0px auto; padding:30px 0 20px 0}
.bxsf_Div .nrDiv{width:100%; margin-top:0px}
/*场地预约*/
.webkDiv{max-width:1280px;margin:0px auto;padding:0}
/*互联网医院*/
.hlwyy_jsyyDiv .fwnrBoxL{width:calc(100% - 20px);float: inherit;box-shadow:0 0 10px #e5e5e5;border-radius:8px;padding:30px 20px 20px;height:auto;margin:10px auto}
.hlwyy_jsyyDiv .cnDiv .imgDiv{width:230px; margin:auto}
.hlwyy_jsyyDiv .ckfhjgkDiv4{background:url(../images/jjfaBj01.jpg) no-repeat center top;padding:60px 0 100px 0;border-bottom:#dadde0 solid 1px;margin:0 auto}
/*其他*/
.ywbjxtDiv .ywbjBox{width:calc(50% - 10px);float:left;padding:20px; margin-left:7px}
.bxsf_Div .nrDiv .sfBox1{ width:calc(100% - 20px);margin:50px  auto;float:inherit;box-shadow:0 0 5px #eee;border-radius:8px;padding:60px 20px 20px;min-height:260px}
.zhyq_xjbx_Div .zhyq_xjbx_Box .xjbxNr01 {width:calc(50% - 20px);margin:10px;float:left;padding:20px 10px 10px;text-align:center;border-radius: 8px;background:rgba(255,255,255,0.10)}
.zhyq_xjbx_Div {width:100%;background:#19325b;padding:20px 0}
.zhyq_xjbx_Div .zhyq_xjbx_Box .xjbx_Box1 {width:100%;margin:0px auto}
.ywbjxtDiv .ywbjBox .cont .txtBox {margin-top:20px;padding:0 0px;text-align:center}
/*要物移位离位报警管理系统*/
.ywbjxtDiv .ywbjBox2{width:calc(100% - 7px);float:left;padding:20px 20px 10px 20px;background:#ededec;margin:0 1px}
.ywbjxtDiv .ywbjBox2:nth-child{width:calc(33.33333333333333% - 0px)}
/*运维管理*/
.ywglDiv{width:100%;margin:0 auto;max-width:100%}
.ywglDiv .ywbjBox{width:calc(33.33333333333333% - 0px);float:left;padding:10px}
.ywglDiv .ywbjBox:nth-child{width:calc(33.33333333333333% - 0px)}
.ywglDiv .ywbjBox .cont{width:100%}
.ywglDiv .ywbjBox .cont .picBox{text-align:center;padding:0 10px;}
.ywglDiv .ywbjBox .cont .picBox i{ display:inline-block;font-size:3rem;color:#3475f7; background:none;transition: transform 0.5s ease-in-out;/* 定义过渡效果 */transform: rotate(0deg);/* 初始旋转角度 */display:flex;justify-content:center;align-items:center;margin:auto;min-height:70px; background-size:100%}
.ywglDiv .ywbjBox .cont .picBox:hover i{color:#7db95f;background:none}
.ywglDiv .ywbjBox .cont .picBox:hover i{transform: rotate(360deg); /* 鼠标悬停时旋转角度 */}
.ywglDiv .ywbjBox .cont .txtBox{margin-top:0px;padding:0px;text-align:center}
.ywglDiv .ywbjBox:hover{box-shadow:0 0 5px #ccc}
.kfhjgkGntd_yw .kfhjgkGntdBox .box {width:calc(100% - 20px);float:inherit;margin:10px;background: rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:auto}

.bxsf_Div .ywglBox .box{width:calc(100% - 20px);float: inherit;margin:10px auto;background:#fff;padding-bottom:0px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:#eee solid 1px}
.bxsf_Div .ywglBox .box:last-child{width:calc(100% - 20px);margin:10px auto}
.bxsf_Div .ywglBox .box p{text-align:center; margin:0; padding:0}
.bxsf_Div .ywglBox .box p img{width:100%}
.bxsf_Div .ywglBox .box h3{color:#1e3b69;font-size:20px;font-weight:bold;text-align:center;height:30px;line-height:30px}
.bxsf_Div .ywglBox .box span{line-height:24px;color:#666;padding:0 15px 0 20px;display:block;font-size:16px}

/*综治维稳*/
.zzwwBox_RFID .box{width:calc(100% - 25px);float:inherit;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 20px 10px 20px;text-align center;min-height:auto}
.zzwwBox_RFID .box2{width:calc(100% - 25px);float:inherit;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 20px 10px 20px;text-align center;min-height:auto}
.zzwwBox_RFID .box2:hover{background:#0f71ff}
.zzwwBox_RFID .box2 i{color:#fff;font-size:4rem}
.zzwwBox_RFID .box2 h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:600}
.zzwwBox_RFID .box2 p{color:rgba(255,255,255,0.50);text-align:left;float:inherit; width:calc(100% - 0px)}
.zzwwBox_RFID .box2:hover p{color:rgba(255,255,255,0.90)}
.zzwwBox_RFID .box2 .boxA{float:inherit;width:100%; margin:auto;text-align:center}
/*高精度AOA域内定位系统*/
.ptsbDiv_AOA{width:100%;margin:auto}
.ptsbDiv_AOA a{display:block;float:left;width:calc(50% - 16px);margin:10px 8px;float:left}
.ptsbDiv_AOA a:nth-child{display:block;float:calc(50% - 16px);margin-rig1ht:0}
.ptsbDiv_AOA a p{width:100%}
.ptsbDiv_AOA a p:hover{box-shadow:0 0 5px #eee}
.ptsbDiv_AOA a p img{border:#eee solid 1px;width:100%}
.ptsbDiv_AOA a span{display:block;width:100%;text-align:center;color:#333}
.xtgn_AOA_Div{margin:0px auto;max-width:1280px;padding:60px 0 20px 0}
	
/*光盘打印刻录一体机*/
.kljDiv{width:100%;max-width:100%;margin:0 auto}
.kljDiv .gydyklBox01{float:left;width:calc(100% - 0px);padding:20px}
/*.kljDiv .gydyklBox01 .picDiv{width:128px;text-align:center;margin:auto}
.kljDiv .gydyklBox01 .picDiv img{width:128px}
.kljDiv .gydyklBox01 h3{width:100%;text-align:center;font-size:22px;margin:20px auto;font-weight:500;color:#000}*/
.kljDiv .gydyklBox01 p{line-height:24px;color:#798995;margin-bottom:0}

.cpysBigDiv{width:100%;background:#f1f4ff;padding:60px 0}
.cpysBigDiv .cpysCont{width:100%;max-width:100%;margin:auto;text-align:center;display:none}/*pc端显示图*/
.cpysBigDiv .cpysCont_App{display:block;text-align:center}/*手机端显示图*/
.cpysBigDiv .cpysCont_App img{max-height:600px}
.klsxCont{padding:20px 0}
.cpcsDiv{width:100%;max-width:100%;margin:0px auto}
.cpcsDiv .cpcsLeft{width:calc(100% - 0px);float:inherit;padding:0 20px}
.cpcsDiv .cpcsLeft li{width:100%;list-style:none}
.cpcsDiv .cpcsLeft li span{display:block;float:left;width:80px;font-weight:bold;color:#000}
.cpcsDiv .cpcsLeft li p{float:left;width:calc(100% - 80px);padding-left:10px}
.cpcsDiv .cpcsRight{width:90%;float:inherit;padding-top:0px;margin:auto;text-align:center}
.cpcsDiv .cpcsRight2{width:100%;float:inherit;padding-top:0px;text-align:center}
.gpccgDiv {width:90%;max-width:90%;margin:0 auto;padding:60px 0 20px 0;text-align:center}
.gpccgCont{width:90%;text-align:center}
.gpccgCont img{margin:0px auto}

.zngpg_zy{width:100%;max-width:100%;margin:0 auto;padding:60px 0}
.zngpg_zy .zngpg_Cont{width:100%}
.zngpg_zy .zngpg_Cont .zyboxDiv{width:calc(100% - 20px);padding:20px;float:inherit;background:#3c6fa5; margin:10px;border-radius:10px;color:#fff}
.zngpg_zy .zngpg_Cont .zyboxDiv span{width:100%;display:inline-block;text-align:center}
.zngpg_zy .zngpg_Cont .zyboxDiv span i{display:inline-block;font-size:50px;color:#fff;}
.zngpg_zy .zngpg_Cont .zyboxDiv .txtDiv{padding:0 16px}
.zngpg_zy .zngpg_Cont .zyboxDiv:hover{background:#0D6EFD}

.kfhjgkGntdBox_RFID99{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID99 .box{width:calc(50% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:190px}
.kfhjgkGntdBox_RFID99 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID99 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID99 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;line-height:30px;font-weight:600;padding:0}
.kfhjgkGntdBox_RFID99 .box p{color:rgba(255,255,255,0.50);line-height:24px;margin-bottom:0}
.kfhjgkGntdBox_RFID99 .box:hover p{color:rgba(255,255,255,1.00)}	
	
.xtgn_Pc_Div{ display:none}
.xtgn_App_Div{display:block}	
.yqljDiv{width:100%;padding:10px 0;border-top:#57566e solid 1px;font-size:14px;color:rgba(255,255,255,0.60)}
.yqljDiv .yqljBox{max-width:inherit;margin:0 auto}
.yqljDiv .yqljBox .yqlj_title{width:100%;float:inherit;font-size:16px;font-weight:bold;line-height:30px;padding-left:10px}
.yqljDiv .yqljBox .yqlj_Cont{width:calc(100% - 0px);float:inherit;line-height:30px}
.yqljDiv .yqljBox .yqlj_Cont a{display:block;float:left;padding:0 10px;min-width:160px}
.yqljDiv .yqljBox .yqlj_Cont a:hover{color:#3475f7}	
	
.fatdFa{width:100%;}
.fatdFa .yyjzBox{width:calc(100% - 20px);padding:20px 20px 10px 20px;margin:0 auto 10px auto;float:inherit;background:#fff;border-radius:10px;min-height:inherit}
.fatdFa .yyjzBox h4{text-align:center;font-size:18px;font-weight:bold;margin:10px auto}
.fatdFa .yyjzBox .picDiv{text-align:center}
.fatdFa .yyjzBox .picDiv img{margin:auto}
.fatdFa .yyjzBox p{line-height:24px;color:#9497ac;font-size:15px}
.fatdFa .yyjzBox:hover{background:#3c78fd;box-shadow:0 0 5px #59acff}
.fatdFa .yyjzBox:hover h4{color:#fff}
.fatdFa .yyjzBox:hover p{color:#fff}
}

@media screen and (min-width:1024px) and (max-width:1279px){
.xtgn_Pc_Div{display:block}
.xtgn_App_Div{display:none}	
/*库房温湿度控制系统*/
.kfwsdkzxtDiv .picDiv{float:left;width:50%;margin-top:5px}
.kfwsdkzxtDiv .picDiv img{width:100%}
.kfwsdkzxtDiv .rightDiv{float:right;width:calc(50% - 20px)}
.kfwsdkzxtDiv .rightDiv p{color:#9497ac;font-size:16px;line-height:25px;margin-bottom:0}
.kfwsdkzxtDiv .rightDiv .bj{width:100%;height:45px;line-height:45px;background:#1e3b69;text-align:center;color:#fff;font-size:20px;font-weight:bold;border-radius:4px;background:#1e3b69;margin:5px auto}
.kfwsdkzxtDiv .rightDiv .bdDiv{width:100%}
.kfwsdkzxtDiv .bdDiv{width:100%}
.kfwsdkzxtDiv .bdDiv table{background:#1e3b69;width:100%;text-align:center;margin-top:6px;color:#1e3b69;font-size:15px}
.kfwsdkzxtDiv .bdDiv table th{background:#e1e7ee;border:1px solid #1e3b69;font-weight:bold}
.kfwsdkzxtDiv .bdDiv table td{background:#f8f8f8;border:1px solid #1e3b69}
.pd60{padding:10px}
.yyjzNr3 .yyjzBox{width:calc(33.33333333333333% - 20px);float:left;margin:20px 20px 0 0;min-height:200px;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:20px;border-radius:2px}
.yyjzNr3 .yyjzBox:last-child{width:calc(33.33333333333333% - 25px);margin:20px 0 0 0}
.news11{background:#045dff;padding-top:60px}
.kfhjgkGntdBox_RFID .box1{width:calc(25% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:320px}
.kfhjgkGntdBox_RFID .box2{width:calc(33.33333333333333% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:320px}
.yyjzNr4 .yyjzBox2{width:calc(50% - 20px);float:left;min-height:225px;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:20px;border-radius:2px;box-shadow:0 0 5px #eee;margin:20px 0 0 0}
/*.yyjzNr4 .yyjzBox2:last-child{float:right;width:calc(50% - 0px);margin-right:0}*/
.yyjzNr4 .yyjzBox2:nth-child(2n){float:right;width:calc(50% - 0px);margin-right:0}
.mhzzflDiv .cont .box:last-child{width:calc(33.33333333333333% - 0px);float:left;margin-right:0px;border:#eee solid 1px}
/*领导干部廉政档案管理系统*/
.lzjjwtDiv .box{width:calc(25% - 20px);float:left;margin-right:20px;background:#fff;padding-bottom:20px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin:0 10px}
.lzjjwtDiv .box:last-child{width:calc(25% - 20px);margin-right:0}
.lzjjwtDiv .box p{text-align:center}
.lzjjwtDiv .box p img{width:100%}
.lzjjwtDiv .box h3{color:#1e3b69;font-size:20px;font-weight:bold;text-align:center;height:30px;line-height:30px}
.lzjjwtDiv .box span{font-size:16px;line-height:24px;color:#666;padding:0 20px;display:block;font-size:16px}
.kfhjgkGntdBox_RFID6{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID6 .box{width:calc(25% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:220px}
.kfhjgkGntdBox_RFID6 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID6 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID6 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;line-height:30px;font-weight:600;padding:0 5%}
.pdtb40{padding:40px 0 20px 0}
.hrglDiv .box{width:calc(50% - 20px);float:left;margin:0 20px 20px 0;background:#fff;padding-bottom:20px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:#eee solid 1px;min-height:270px}
.hrglDiv .box:last-child{width:calc(50% - 20px);margin-right:0}
.ckfhjgkDiv5{width:100%;background:url("../images/t18.jpg") no-repeat bottom center #415679;padding:20px 0 40px 0}
.ckfhjgkDiv5 .xtgnDiv{width:100%;margin:40px auto}
.ckfhjgkDiv5 .titleDiv h2{text-align:center;font-size:32px;font-weight:bold;color:rgba(255,255,255,1.00)}
.ckfhjgkDiv5 .jglcList3{position:relative;width:calc(100% - 40px);min-height:400px;margin:0 10px 0 10px;border-top:rgba(255,255,255,0.10) solid 1px}
.ckfhjgkDiv5 .jglcList3 .jglcBox{width:100%;position:absolute;top:-68px;left:inherit;margin-left:inherit;max-width:1280px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title{margin-top:0px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title span{width:25%;display:inline-block;float:left;text-align:center;cursor:pointer;font-size:20px;height:60px;line-height:60px;font-weight:400;color:rgba(255,255,255,0.50)}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title span i{display:block;border:#003366 solid 2px;width:15px;height:15px;border-radius:100%;background:#fff;margin:auto}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title span:hover i{width:90px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px;color:#448cee;font-weight:bold}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title .hover i{width:90px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title .hover{font-weight:bold;color:#448cee}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont{padding-top:40px;width:100%}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont h2{font-size:40px;line-height:40px;font-weight:bold;color:#003366}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont h2 i{display:inline-block;width:8px;height:38px;background:#448cee;margin-right:20px;vertical-align:middle}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .boxTit p{color:rgba(255,255,255,0.55);float:left;height:20px;line-height:20px;padding-left:10px;font-size:16px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .boxTit i{display:inline-block;width:4px;height:20px;background:rgba(255,255,255,0.55);border-radius:4px;float:left;line-height:20px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li{width:calc(25% - 20px);margin:10px 20px 10px 0;float:left;background:rgba(255,255,255,0.05);border:rgba(255,255,255,0.15) solid 1px;border-radius:2px;padding:15px 10px 0 15px;min-height:165px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li h4{font-size:18px;color:rgba(255,255,255,0.80);font-weight:bold;text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li p{color:rgba(255,255,255,0.80);text-align:left}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li:nth-of-type(4n+4){width:calc(25% - 0px);margin:10px 0px 10px 0}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li{width:calc(50% - 20px);margin:20px 20px 0 0;float:left;background:rgba(255,255,255,0.05);border:rgba(255,255,255,0.15) solid 1px;border-radius:2px;padding:15px 10px 0 15px;min-height:140px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li h4{font-size:18px;color:rgba(255,255,255,0.80);font-weight:bold;text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li p{color:rgba(255,255,255,0.80);text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li:nth-of-type(2n+2){width:calc(50% - 0px);margin:20px 0px 0 0}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li{width:calc(33.33333333333333% - 20px);margin:20px 20px 0 0;float:left;background:rgba(255,255,255,0.05);border:rgba(255,255,255,0.15) solid 1px;border-radius:2px;padding:15px 10px 0 15px;min-height:140px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li h4{font-size:18px;color:rgba(255,255,255,0.80);font-weight:bold;text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li p{color:rgba(255,255,255,0.80);text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li:nth-of-type(3n+3){width:calc(33.33333333333333% - 0px);margin:20px 0px 0 0}
}

@media screen and (min-width:0px) and (max-width:1023px){
/*动态*/
@-webkit-keyframes zy{10%{transform:rotate(15deg)}
20%{transform:rotate(-10deg)}
30%{transform:rotate(5deg)}
40%{transform:rotate(-5deg)}
50%,100%{transform:rotate(0deg)}
}
@-moz-keyframes zy{10%{transform:rotate(15deg)}
20%{transform:rotate(-10deg)}
30%{transform:rotate(5deg)}
40%{transform:rotate(-5deg)}
50%,100%{transform:rotate(0deg)}
}
@-o-keyframes zy{10%{transform:rotate(15deg)}
20%{transform:rotate(-10deg)}
30%{transform:rotate(5deg)}
40%{transform:rotate(-5deg)}
50%,100%{transform:rotate(0deg)}
}
@keyframes zy{10%{transform:rotate(15deg)}
20%{transform:rotate(-10deg)}
30%{transform:rotate(5deg)}
40%{transform:rotate(-5deg)}
50%,100%{transform:rotate(0deg)}
}

.A1{display:block;position:fixed;top:calc(50% + 50px);right:5px;z-index:999;width:50px;height:50px;animation:zy 2.5s .15s linear infinite;-moz-animation:zy 2.5s .15s linear infinite;-webkit-animation:zy 2.5s .15s linear infinite;-o-animation:zy 2.5s .15s linear infinite}
.A1 img{width:100%}
.lxdhDiv{display:block;font-size:1rem;font-weight:bold;color:#da0000;height:auto;line-height:20px;width:calc(40% - 30px);position:absolute;left:165px;top:15px}
.lxdhDiv span{font-size:13px;color:#999;font-weight:normal;display:block;height:20px;line-height:20px}
.xtgcList2 .kfhjBox .cont .picBox{float:inherit;width:auto;text-align:center}
.xtgcList2 .kfhjBox .cont .txtBox{float:inherit;width:calc(100% - 0px);font-size:16px;line-height:30px;color:#9497ac;padding:10px 0;min-height:inherit}
.xtgcList3 .kfhjBox .cont .picBox{float:inherit;width:auto;text-align:center}
.kfhjgkGntdBox_RFID{width:100%;max-width:inherit;margin:0 auto}
.kfhjgkGntdBox_RFID .box{width:calc(100% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:inherit}
.xtgcList3 .kfhjBox .cont .txtBox{float:inherit;width:calc(100% - 0px);font-size:16px;line-height:30px;color:#9497ac;padding:10px 0;min-height:inherit}
.znmjjxt3 .yyjzNr .yyjzBox1{width:calc(100% - 20px);float:left;margin:10px;min-height:inherit;background:url(../images/klxBj01.png) no-repeat right bottom #fff;padding:30px;border-radius:10px;box-shadow:0 0 5px #eee}
.znmjjxt3 .yyjzNr .yyjzBox2{width:calc(100% - 20px);float:left;margin:10px;height:inherit;background:url(../images/klxBj01.png) no-repeat right bottom #fff;padding:30px;border-radius:10px}
.ckfhjgkDiv4{background:url(../images/jjfaBj01.jpg) no-repeat center top;padding:20px 0 100px 0;border-bottom:#dadde0 solid 1px;margin:0 auto}
.jglcList2{position:relative;width:100%;min-height:inherit;background:#fff}
.pdT40{padding-top:0}
.znmjjxt3{padding:20px 0}
.kfhjgkGntdBox_RFID2{width:100%;max-width:inherit;margin:0 auto}
.kfhjgkGntdBox_RFID2 .box{width:calc(100% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 15px 10px 15px;text-align:center;min-height:inherit}
.jglcList2 .jglcBox .title{margin-top:0px;height:92px}
.news10{background:#045dff;padding-top:20px}
.news12{background:#045dff;padding-top:20px}
.pd60{padding:10px}
.yyjzNr3 .yyjzBox{width:calc(100% - 0px);float:inherit;margin:20px auto 0 auto;min-height:200px;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:20px;border-radius:2px}
.yyjzNr3 .yyjzBox:last-child{width:calc(100% - 0px);margin:20px auto 0 auto}
/*库房安防监控系统*/
.news11{background:#045dff;padding-top:20px}
.kfhjgkGntdBox_RFID .box1{width:calc(100% - 25px);float:inherit;margin:10px auto;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:inherit}
.kfhjgkGntdBox_RFID .box2{width:calc(100% - 25px);float:inherit;margin:10px auto;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:inherit}
.yyjzNr4 .yyjzBox2{width:calc(100% - 0px);float:inherit;margin:20px auto;min-height:200px;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:20px;border-radius:2px;box-shadow:0 0 5px #eee;margin:20px 0 0 0}
.yyjzNr4 .yyjzBox2:last-child{width:calc(100% - 0px);margin-right:0}
.mhzzyyDiv .boxNr ul li{float:left;width:calc(100% - 15px);padding:30px 20px 20px 20px;background:#fff;border-radius:4px;box-shadow:0 0 5px #eee;margin:10px 15px 0 0;min-height:180px}
.mhzzflDiv .cont .box{width:calc(100% - 0px);float:inherit;margin-right:0px;border:#eee solid 1px;margin-top:10px}
.kfhjgkGntdBox_RFID5{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID5 .box{width:calc(100% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:inherit}
.kfhjgkGntdBox_RFID5 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID5 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID5 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;font-weight:600}
.kfhjgkGntdBox_RFID5 .box p{color:rgba(255,255,255,0.50);text-align:center}
.kfhjgkGntdBox_RFID5 .box:hover p{color:rgba(255,255,255,0.90)}
/*领导干部廉政档案管理系统*/
.lzjjwtDiv .box{width:calc(100% - 10px);float:inherit;margin:20px auto 0 auto;background:#fff;padding-bottom:20px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.lzjjwtDiv .box:last-child{width:calc(100% - 10px);margin:20px auto 0 auto}
.lzjjwtDiv .box p{text-align:center}
.lzjjwtDiv .box p img{width:100%}
.lzjjwtDiv .box h3{color:#1e3b69;font-size:20px;font-weight:bold;text-align:center;height:30px;line-height:30px}
.lzjjwtDiv .box span{font-size:16px;line-height:24px;color:#666;padding:0 20px;display:block;font-size:16px}
.kfhjgkGntdBox_RFID6{width:100%;max-width:1280px;margin:0 auto}
.kfhjgkGntdBox_RFID6 .box{width:calc(100% - 25px);float:left;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:inherit}
.kfhjgkGntdBox_RFID6 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID6 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID6 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;line-height:30px;font-weight:600;padding:0 5%}
.pdtb40{padding:40px 0 20px 0}
.news14{background:#2a6adc;padding-top:20px}
.news15{background:#045dff;padding-top:20px}
/*合同管理*/
.hrglDiv .box{width:calc(100% - 10px);float:inherit;margin:0 auto 20px auto;background:#fff;padding-bottom:20px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:#eee solid 1px;min-height:270px}
.hrglDiv .box:last-child{width:calc(100% - 10px);margin:0 auto 20px auto}
.hrglDiv .box p{text-align:center}
.hrglDiv .box p img{width:100%}
.hrglDiv .box h3{color:#1e3b69;font-size:20px;font-weight:bold;text-align:center;height:30px;line-height:30px}
.hrglDiv .box span{line-height:24px;color:#666;padding:0 15px 0 20px;display:block;font-size:16px}
.news16{background:#045dff;padding-top:20px}
.kfhjgkGntdBox_RFID7 .box{width:calc(100% - 25px);float:inherit;margin:10px auto;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:290px}
.kfhjgkGntdBox_RFID7 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID7 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID7 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;line-height:30px;font-weight:600;padding:0 5%}
.kfhjgkGntdBox_RFID7 .box p{color:rgba(255,255,255,0.50);line-height:24px}
.pdtb40{padding:40px 0 20px 0}
.kfhjgkGntdBox_RFID7 .box:hover p{color:rgba(255,255,255,1.00)}
.ckfhjgkDiv5{width:100%;background:url("../images/t18.jpg") no-repeat bottom center #415679;padding:20px 0}
.ckfhjgkDiv5 .xtgnDiv{width:100%;margin:40px auto}
.ckfhjgkDiv5 .titleDiv h2{text-align:center;font-size:32px;font-weight:bold;color:rgba(255,255,255,1.00)}
.ckfhjgkDiv5 .jglcList3{position:relative;width:100%;min-height:inherit;margin-top:0;border-top:rgba(255,255,255,0.10) solid 1px}
.ckfhjgkDiv5 .jglcList3 .jglcBox{width:100%;position:inherit;top:-68px;left:inherit;margin-left:inherit;max-width:inherit}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title{margin-top:20px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title span{width:calc(25% - 20px);display:inline-block;float:left;text-align:center;cursor:pointer;font-size:16px;height:60px;line-height:20px;font-weight:400;color:rgba(255,255,255,0.50);margin:0 10px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title span i{display:block;border:#003366 solid 2px;width:15px;height:15px;border-radius:100%;background:#fff;margin:auto}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title span:hover i{width:50px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px;color:#448cee;font-weight:bold}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title .hover i{width:50px;height:6px;background:#448cee;border:none;border-radius:0;margin-top:5px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .title .hover{font-weight:bold;color:#448cee}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont{padding:20px 10px 10px 10px;width:100%}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont h2{font-size:40px;line-height:40px;font-weight:bold;color:#003366}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont h2 i{display:inline-block;width:8px;height:38px;background:#448cee;margin-right:20px;vertical-align:middle}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .boxTit p{color:rgba(255,255,255,0.55);float:left;height:20px;line-height:20px;padding-left:10px;font-size:14px;width:calc(100% - 20px)}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .boxTit i{display:inline-block;width:4px;height:18px;background:rgba(255,255,255,0.55);border-radius:4px;float:left;line-height:18px;margin-top:2px}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li{width:calc(100% - 0px);margin:10px 20px 10px 0;float:left;background:rgba(255,255,255,0.05);border:rgba(255,255,255,0.15) solid 1px;border-radius:2px;padding:15px 10px 0 15px;min-height:inherit}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li h4{font-size:18px;color:rgba(255,255,255,0.80);font-weight:bold;text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li p{color:rgba(255,255,255,0.80);text-align:left}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li07 li:nth-of-type(4n+4){width:calc(100% - 0px);margin:10px 0px 10px 0}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li{width:calc(100% - 0px);margin:20px 20px 0 0;float:left;background:rgba(255,255,255,0.05);border:rgba(255,255,255,0.15) solid 1px;border-radius:2px;padding:15px 10px 0 15px;min-height:inherit}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li h4{font-size:18px;color:rgba(255,255,255,0.80);font-weight:bold;text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li p{color:rgba(255,255,255,0.80);text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li02 li:nth-of-type(2n+2){width:calc(100% - 0px);margin:20px 0px 0 0}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li{width:calc(100% - 0px);margin:20px 20px 0 0;float:inherit;background:rgba(255,255,255,0.05);border:rgba(255,255,255,0.15) solid 1px;border-radius:2px;padding:15px 10px 0 15px;min-height:inherit}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li h4{font-size:18px;color:rgba(255,255,255,0.80);font-weight:bold;text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li p{color:rgba(255,255,255,0.80);text-align:center}
.ckfhjgkDiv5 .jglcList3 .jglcBox .cont .nrBox .boxCont .li03 li:nth-of-type(3n+3){width:calc(100% - 0px);margin:20px 0px 0 0}
.mhzzyyDiv .boxNr ul li{float:inherit;width:calc(100% - 0px);padding:30px 20px 20px 20px;background:#fff;border-radius:4px;box-shadow:0 0 5px #eee;margin:10px auto;min-height:inherit}
/*智慧场地管理系统*/
.kfhjgkGntdBox_RFID8{width:100%;max-width:100%;margin:0 auto}
.kfhjgkGntdBox_RFID8 .box{width:calc(100% - 20px);float:inherit;margin:10px auto;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 10px 15px;text-align:center;min-height:230px}
.kfhjgkGntdBox_RFID8 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID8 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID8 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;line-height:30px;font-weight:600;padding:0 8%}
.pdtb40{padding:40px 0 20px 0}
.kfhjgkGntdBox_RFID8 .box p{color:rgba(255,255,255,0.50);padding:0 10px}
.kfhjgkGntdBox_RFID8 .box:hover p{color:rgba(255,255,255,1.00)}
.xtgcList3 .kfhjBox .cont2{width:100%;padding:10px 20px}
.xtgcList3 .kfhjBox .cont2 .picBox{float:inherit;width:100%;text-align:center;border:#eee solid 1px}
.xtgcList3 .kfhjBox .cont2 .txtBox{float:inherit;width:calc(100% - 0px);font-size:16px;line-height:30px;color:#9497ac;padding:10px;min-height:inherit}
/*视频归档管理平台*/
.yyjzNr2f{width:100%;max-width:100%;margin:0 auto;padding:0}
.yyjzNr2f .yyjzBox{width:calc(100% - 20px);float:inherit;margin:0px auto 10px auto;min-height:inherit;background:url("../images/klxBj01.png") no-repeat right bottom #fff;padding:20px;border-radius:4px}
.yyjzNr2f .yyjzBox:hover{background:url("../images/klxBj02.png") no-repeat right bottom #3475f7}
.yyjzNr2f .yyjzBox h4{font-size:20px;font-weight:bold;color:#2d2c4a}
.yyjzNr2f .yyjzBox h4 i{display:block;width:45px;height:4px;margin:10px 0;background:#3475f7}
.yyjzNr2f .yyjzBox p{line-height:30px;color:#999;font-size:16px}
.yyjzNr2f .yyjzBox:nth-child(3n){width:calc(100% - 0px);margin:5px auto}
.yyjzNr2f .yyjzBox:hover h4{font-size:20px;font-weight:bold;color:#fff}
.yyjzNr2f .yyjzBox:hover h4 i{display:block;width:45px;height:4px;margin:5px 0;background:#fff}
.yyjzNr2f .yyjzBox:hover p{line-height:30px;color:#fff;font-size:16px}
.ptsbDiv{width:100%;margin:auto}
.ptsbDiv a{display:block;float:inherit;width:calc(100% - 20px);margin:10px auto}
.ptsbDiv a:nth-child{display:block;float:calc(100% - 0px);margin-right:auto}
.ptsbDiv a p{width:100%}
.ptsbDiv a p:hover{box-shadow:0 0 5px #eee}
.ptsbDiv a p img{width:100%;border:#eee solid 1px}
.ptsbDiv a span{display:block;width:100%;text-align:center;color:#333}
.kfhjgkGntdBox_RFID9{width:100%;max-width:100%;margin:0 auto}
.kfhjgkGntdBox_RFID9 .box{width:calc(100% - 20px);float:inherit;margin:10px;background:rgba(255,255,255,0.10);border-radius:8px;padding:20px 10px 40px 15px;text-align:center;min-height:inherit}
.kfhjgkGntdBox_RFID9 .box:hover{background:#0f71ff}
.kfhjgkGntdBox_RFID9 .box i{color:#fff;font-size:4rem}
.kfhjgkGntdBox_RFID9 .box h4{color:rgba(255,255,255,0.90);font-size:1.2rem;line-height:30px;font-weight:600;padding:0}
.kfhjgkGntdBox_RFID9 .box p{color:rgba(255,255,255,0.50);line-height:24px;margin-bottom:0}
.pdtb40{padding:40px 0 20px 0}
.kfhjgkGntdBox_RFID9 .box:hover p{color:rgba(255,255,255,1.00)}	
}