@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);

/*!
 * Bootstrap v4.0.0-beta.2 (https://getbootstrap.com)
 *  * Copyright 2011-2017 The Bootstrap Authors
 *   * Copyright 2011-2017 Twitter, Inc.
 *    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *     */

address,
dl,
ol,
p,
ul {
    margin-bottom: 1rem
}

body,
caption {
    text-align: left
}

dd,
h1,
h2,
h3,
h4,
h5,
h6,
label {
    margin-bottom: .5rem
}

button,
hr,
input {
    overflow: visible
}

address,
legend {
    line-height: inherit
}

progress,
sub,
sup {
    vertical-align: baseline
}

pre,
textarea {
    overflow: auto
}

.btn-group-vertical,
.custom-controls-stacked,
.form-inline,
.navbar-expand,
.navbar-nav {
    -webkit-box-direction: normal
}

.btn,
.custom-control-indicator {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.btn-outline-danger,
.btn-outline-dark,
.btn-outline-info,
.btn-outline-light,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-warning,
.btn:not([disabled]):not(.disabled).active,
.btn:not([disabled]):not(.disabled):active,
.form-control {
    background-image: none
}

.btn-outline-bluesoft {
    color: #212529;
    background-color: transparent;
    background-image: none;
    border-color: #00A6B5 !important;
    border-width: 2 !important;
}

.btn-outline-bluesoft:hover {
    color: #fff;
    background-color: #00A6B5;
    border-color: #00A6B5;
}

.custom-control-indicator,
.custom-file-control,
.inputfile+label *,
.modal-dialog,
.page-item.disabled .page-link,
a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}

.dropdown-menu,
.nav,
.navbar-nav {
    list-style: none
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #DA3155;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #868e96;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #868e96;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #DA3155;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --logo-url: url(/assets/images/footer.png)
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    *,
    ::after,
    ::before {
        text-shadow: none!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap!important
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse!important
    }
    .table td,
    .table th {
        background-color: #fff!important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd!important
    }
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
legend,
main,
nav,
section {
    display: block
}

label,
output {
    display: inline-block
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
    width: device-width
}

body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0!important
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

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

dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin-top: 0
}

abbr[data-original-title],
abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

.btn:focus,
.btn:hover,
a {
    text-decoration: none
}

.accordion a,
.back-top,
.bluesea,
.bluesoft,
.btn-style3,
.footbar_small h3,
.green,
.green-light,
.grey,
.ic-artikel,
.menu-produk,
.orange,
.popup .content .btn-close,
.popup .karir-popup .btn-close,
.purple,
.red,
.sidemenu li {
    cursor: pointer
}

address {
    font-style: normal
}

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

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

blockquote,
figure {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,
kbd,
pre,
samp {
    font-size: 1em
}

img {
    vertical-align: middle;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

[role=button],
a,
area,
button,
input:not([type=range]),
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #868e96;
    caption-side: bottom
}

th {
    text-align: inherit
}

button {
    border-radius: 0
}

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

button,
select {
    text-transform: none
}

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

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=radio],
input[type=checkbox] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

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

legend {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    color: inherit;
    white-space: normal
}

.badge,
.btn,
.dropdown-header,
.dropdown-item,
.input-group-addon,
.input-group-btn,
.navbar-brand {
    white-space: nowrap
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

.display-1,
.display-2,
.display-3,
.display-4 {
    line-height: 1.2
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none!important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

.blockquote,
hr {
    margin-bottom: 1rem
}

.display-1,
.display-2,
.display-3,
.display-4,
.lead {
    font-weight: 300
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.close,
.h4,
h4 {
    font-size: 1.5rem
}

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

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

.lead {
    font-size: 1.25rem
}

.display-1 {
    font-size: 6rem
}

.display-2 {
    font-size: 5.5rem
}

.display-3 {
    font-size: 4.5rem
}

.display-4 {
    font-size: 3.5rem
}

hr {
    margin-top: 1rem
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

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

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

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #868e96
}

code,
kbd {
    font-size: 90%
}

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

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.container,
.container-lg,
.footbar.container {
    max-width: 1440px
}

.figure {
    display: inline-block
}

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

.table,
pre {
    margin-bottom: 1rem
}

.figure-caption {
    font-size: 90%;
    color: #868e96
}

a>code,
pre code {
    color: inherit;
    padding: 0
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

code {
    padding: .2rem .4rem;
    color: #bd4147;
    background-color: #f8f9fa;
    border-radius: .25rem
}

a>code {
    background-color: inherit
}

kbd {
    padding: .2rem .4rem;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

.table,
pre code {
    background-color: transparent
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

.btn,
.btn-link,
.dropdown-item {
    font-weight: 400
}

pre {
    -ms-overflow-style: scrollbar;
    display: block;
    margin-top: 0;
    font-size: 90%;
    color: #212529
}

.form-check-input,
.form-text,
.valid-feedback {
    margin-top: .25rem
}

pre code {
    font-size: inherit;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1100px
    }
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form-control,
.form-control-file,
.form-control-range,
.form-text {
    display: block
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-1,
.col-auto {
    -webkit-box-flex: 0
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.col-2,
.col-3 {
    -webkit-box-flex: 0
}

.col-2 {
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4,
.col-5 {
    -webkit-box-flex: 0
}

.col-4 {
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.col-5 {
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.col-6,
.col-7 {
    -webkit-box-flex: 0
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.col-8,
.col-9 {
    -webkit-box-flex: 0
}

.col-8 {
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10,
.col-11 {
    -webkit-box-flex: 0
}

.col-10 {
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.col-11 {
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

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

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333333%
    }
    .offset-sm-2 {
        margin-left: 16.66666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333333%
    }
    .offset-sm-5 {
        margin-left: 41.66666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333333%
    }
    .offset-sm-8 {
        margin-left: 66.66666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333333%
    }
    .offset-sm-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333333%
    }
    .offset-md-2 {
        margin-left: 16.66666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333333%
    }
    .offset-md-5 {
        margin-left: 41.66666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333333%
    }
    .offset-md-8 {
        margin-left: 66.66666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333333%
    }
    .offset-md-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333333%
    }
    .offset-lg-2 {
        margin-left: 16.66666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333333%
    }
    .offset-lg-5 {
        margin-left: 41.66666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333333%
    }
    .offset-lg-8 {
        margin-left: 66.66666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333333%
    }
    .offset-lg-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333333%
    }
    .offset-xl-2 {
        margin-left: 16.66666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333333%
    }
    .offset-xl-5 {
        margin-left: 41.66666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333333%
    }
    .offset-xl-8 {
        margin-left: 66.66666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333333%
    }
    .offset-xl-11 {
        margin-left: 91.66666667%
    }
}

.table {
    width: 100%;
    max-width: 100%
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #e9ecef
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e9ecef
}

.table tbody+tbody {
    border-top: 2px solid #e9ecef
}

.table .table {
    background-color: #fff
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 1px solid #e9ecef
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-hover .table-primary:hover,
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #dddfe2
}

.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #cfd2d6
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c5cf
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1afbd
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-hover .table-light:hover,
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover,
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #e9ecef
}

.table-dark {
    color: #fff;
    background-color: #212529
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #32383e
}

.table-dark.table-bordered,
.table-responsive.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-sm.table-bordered {
        border: 0
    }
}

@media (max-width:767px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-md.table-bordered {
        border: 0
    }
    .flex-grow-1 {
        flex: 1 !important;
    }
}

@media (max-width:991px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-lg.table-bordered {
        border: 0
    }
}

@media (max-width:1199px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
    .table-responsive-xl.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.collapsing,
.modal,
.modal-open,
.progress {
    overflow: hidden
}

.form-control {
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
    color: #868e96;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #868e96;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #868e96;
    opacity: 1
}

.form-control::placeholder {
    color: #868e96;
    opacity: 1
}

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

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

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

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.col-form-legend,
.form-control-plaintext {
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0
}

.col-form-legend {
    font-size: 1rem
}

.form-control-plaintext {
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.custom-file-input.is-valid~.custom-file-control,
.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-file-input:valid~.custom-file-control,
.was-validated .custom-select:valid,
.was-validated .form-control:valid {
    border-color: #28a745
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm,
.input-group-lg>.form-control-plaintext.form-control,
.input-group-lg>.form-control-plaintext.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-plaintext.btn,
.input-group-sm>.form-control-plaintext.form-control,
.input-group-sm>.form-control-plaintext.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-plaintext.btn {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-sm>.input-group-btn>select.btn:not([size]):not([multiple]),
.input-group-sm>select.form-control:not([size]):not([multiple]),
.input-group-sm>select.input-group-addon:not([size]):not([multiple]),
select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px)
}

.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-lg>.input-group-btn>select.btn:not([size]):not([multiple]),
.input-group-lg>select.form-control:not([size]):not([multiple]),
.input-group-lg>select.input-group-addon:not([size]):not([multiple]),
select.form-control-lg:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px)
}

.form-group {
    margin-bottom: 1rem
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    margin-bottom: .5rem
}

.form-check.disabled .form-check-label {
    color: #868e96
}

.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0
}

.invalid-tooltip,
.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    width: 250px;
    padding: .5rem;
    line-height: 1;
    border-radius: .2rem
}

.form-check-input {
    position: absolute;
    margin-left: -1.25rem
}

.form-check-inline {
    display: inline-block;
    margin-right: .75rem
}

.valid-feedback,
.valid-tooltip {
    display: none;
    font-size: .875rem
}

.form-check-inline .form-check-label {
    vertical-align: middle
}

.valid-feedback {
    color: #28a745
}

.valid-tooltip {
    margin-top: .1rem;
    color: #fff;
    background-color: rgba(40, 167, 69, .8)
}

.custom-control-input.is-valid~.custom-control-description,
.form-check-input.is-valid+.form-check-label,
.was-validated .custom-control-input:valid~.custom-control-description,
.was-validated .form-check-input:valid+.form-check-label {
    color: #28a745
}

.custom-select.is-valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.was-validated .form-control:valid:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip,
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-indicator,
.was-validated .custom-control-input:valid~.custom-control-indicator {
    background-color: rgba(40, 167, 69, .25)
}

.custom-file-input.is-valid~.custom-file-control::before,
.was-validated .custom-file-input:valid~.custom-file-control::before {
    border-color: inherit
}

.custom-file-input.is-invalid~.custom-file-control,
.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-file-input:invalid~.custom-file-control,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
    border-color: #DA3155
}

.custom-file-input.is-valid:focus,
.was-validated .custom-file-input:valid:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    margin-top: .25rem;
    font-size: .875rem;
    color: #DA3155
}

.invalid-tooltip {
    display: none;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgba(218, 49, 85, .8)
}

.custom-control-input.is-invalid~.custom-control-description,
.form-check-input.is-invalid+.form-check-label,
.was-validated .custom-control-input:invalid~.custom-control-description,
.was-validated .form-check-input:invalid+.form-check-label {
    color: #DA3155
}

.custom-select.is-invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .form-control:invalid:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(218, 49, 85, .25);
    box-shadow: 0 0 0 .2rem rgba(218, 49, 85, .25)
}

.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip,
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip,
.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-indicator,
.was-validated .custom-control-input:invalid~.custom-control-indicator {
    background-color: rgba(218, 49, 85, .25)
}

.custom-file-input.is-invalid~.custom-file-control::before,
.was-validated .custom-file-input:invalid~.custom-file-control::before {
    border-color: inherit
}

.custom-file-input.is-invalid:focus,
.was-validated .custom-file-input:invalid:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(218, 49, 85, .25);
    box-shadow: 0 0 0 .2rem rgba(218, 49, 85, .25)
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-check,
    .form-inline .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        margin-top: 0
    }
    .form-inline .form-check-label {
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0
    }
    .form-inline .custom-control-indicator {
        position: static;
        display: inline-block;
        margin-right: .25rem;
        vertical-align: text-bottom
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.btn-block,
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.collapsing,
.dropdown,
.dropup {
    position: relative
}

.btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.btn.focus,
.btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96
}

.btn-secondary:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #6c757d
}

.btn-secondary.focus,
.btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #868e96;
    border-color: #868e96
}

.btn-secondary:not([disabled]):not(.disabled).active,
.btn-secondary:not([disabled]):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #666e76;
    -webkit-box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not([disabled]):not(.disabled).active,
.btn-success:not([disabled]):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not([disabled]):not(.disabled).active,
.btn-info:not([disabled]):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
    -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-warning {
    color: #111;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #111;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

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

.btn-warning:not([disabled]):not(.disabled).active,
.btn-warning:not([disabled]):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #111;
    background-color: #d39e00;
    border-color: #c69500;
    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-danger {
    color: #fff;
    background-color: #DA3155;
    border-color: #DA3155
}

.btn-danger:hover {
    color: #fff;
    background-color: #c22345;
    border-color: #b72141
}

.btn-danger.focus,
.btn-danger:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(218, 49, 85, .5);
    box-shadow: 0 0 0 .2rem rgba(218, 49, 85, .5)
}

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

.btn-danger:not([disabled]):not(.disabled).active,
.btn-danger:not([disabled]):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b72141;
    border-color: #ac1f3d;
    -webkit-box-shadow: 0 0 0 .2rem rgba(218, 49, 85, .5);
    box-shadow: 0 0 0 .2rem rgba(218, 49, 85, .5)
}

.btn-light {
    color: #111;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #111;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

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

.btn-light:not([disabled]):not(.disabled).active,
.btn-light:not([disabled]):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #111;
    background-color: #dae0e5;
    border-color: #d3d9df;
    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

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

.btn-dark.focus,
.btn-dark:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

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

.btn-dark:not([disabled]):not(.disabled).active,
.btn-dark:not([disabled]):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not([disabled]):not(.disabled).active,
.btn-outline-primary:not([disabled]):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
    color: #868e96;
    background-color: transparent;
    border-color: #868e96
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #868e96;
    background-color: transparent
}

.btn-outline-secondary:not([disabled]):not(.disabled).active,
.btn-outline-secondary:not([disabled]):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
    -webkit-box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5)
}

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

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

.btn-outline-success:not([disabled]):not(.disabled).active,
.btn-outline-success:not([disabled]):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    -webkit-box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not([disabled]):not(.disabled).active,
.btn-outline-info:not([disabled]):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    -webkit-box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

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

.btn-outline-warning:not([disabled]):not(.disabled).active,
.btn-outline-warning:not([disabled]):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
    color: #DA3155;
    background-color: transparent;
    border-color: #DA3155
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #DA3155;
    border-color: #DA3155
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(218, 49, 85, .5);
    box-shadow: 0 0 0 .2rem rgba(218, 49, 85, .5)
}

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

.btn-outline-danger:not([disabled]):not(.disabled).active,
.btn-outline-danger:not([disabled]):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #DA3155;
    border-color: #DA3155;
    -webkit-box-shadow: 0 0 0 .2rem rgba(218, 49, 85, .5);
    box-shadow: 0 0 0 .2rem rgba(218, 49, 85, .5)
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

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

.btn-outline-light:not([disabled]):not(.disabled).active,
.btn-outline-light:not([disabled]):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    -webkit-box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

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

.btn-outline-dark:not([disabled]):not(.disabled).active,
.btn-outline-dark:not([disabled]):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link,
.btn-link:hover {
    background-color: transparent
}

.btn-link {
    color: #007bff
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    border-color: transparent
}

.btn-link.focus,
.btn-link:focus {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link.disabled,
.btn-link:disabled {
    color: #868e96
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block
}

.btn-block+.btn-block {
    margin-top: .5rem
}

.dropdown-toggle::after,
.dropup .dropdown-toggle::after {
    width: 0;
    vertical-align: .255em;
    content: "";
    height: 0
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.show {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.show {
    display: block
}

tr.collapse.show {
    display: table-row
}

tbody.collapse.show {
    display: table-row-group
}

.collapsing {
    height: 0;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

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

.dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15)
}

.dropup .dropdown-menu {
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

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

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    color: #212529!important;
    text-align: inherit;
    background: 0 0;
    border: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:first-child):not(:last-child),
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .2)!important
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #868e96;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #868e96
}

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

.btn-toolbar,
.input-group {
    display: -webkit-box;
    display: -ms-flexbox
}

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

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group {
    margin-left: -1px
}

.btn+.dropdown-toggle-split::after,
.btn-group>.btn:first-child {
    margin-left: 0
}

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

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

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

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

.btn-group>.btn-group {
    float: left
}

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

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

.btn+.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

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

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

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

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

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

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

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

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

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

[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.custom-control,
.input-group,
.input-group-btn,
.input-group-btn>.btn {
    position: relative
}

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

.input-group .form-control {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group .form-control:active,
.input-group .form-control:focus,
.input-group .form-control:hover,
.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 3
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input-group-addon {
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-addon.form-control-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-addon.form-control-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
    margin-top: 0
}

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

.input-group-addon:not(:last-child) {
    border-right: 0
}

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group>.btn,
.input-group-btn:not(:first-child)>.dropdown-toggle,
.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
.input-group-btn:not(:last-child)>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-control+.input-group-addon:not(:first-child) {
    border-left: 0
}

.input-group-btn {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-size: 0
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn:first-child>.btn+.btn {
    margin-left: 0
}

.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group {
    margin-right: -1px
}

.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group {
    z-index: 2;
    margin-left: 0
}

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

.card>hr,
.custom-controls-stacked .custom-control+.custom-control {
    margin-left: 0
}

.input-group-btn:not(:first-child)>.btn-group:active,
.input-group-btn:not(:first-child)>.btn-group:focus,
.input-group-btn:not(:first-child)>.btn-group:hover,
.input-group-btn:not(:first-child)>.btn:active,
.input-group-btn:not(:first-child)>.btn:focus,
.input-group-btn:not(:first-child)>.btn:hover {
    z-index: 3
}

.custom-control {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked~.custom-control-indicator {
    color: #fff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-indicator {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25);
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:active~.custom-control-indicator {
    color: #fff;
    background-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-indicator {
    background-color: #e9ecef
}

.custom-control-input:disabled~.custom-control-description {
    color: #868e96
}

.custom-control-indicator {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-indicator {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator {
    background-color: #007bff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-indicator {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-indicator {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-controls-stacked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.custom-file,
.custom-select {
    display: inline-block;
    max-width: 100%
}

.nav,
.navbar {
    -ms-flex-wrap: wrap
}

.custom-controls-stacked .custom-control {
    margin-bottom: .25rem
}

.custom-select {
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center no-repeat #fff;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple] {
    height: auto;
    background-image: none
}

.custom-select:disabled {
    color: #868e96;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-file {
    position: relative;
    height: calc(2.25rem + 2px);
    margin-bottom: 0
}

.custom-file-control,
.custom-file-control::before {
    position: absolute;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057
}

.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-control {
    -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #007bff;
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #007bff
}

.custom-file-control {
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-control:lang(en):empty::after {
    content: "Pilih file..."
}

.custom-file-control::before {
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0
}

.custom-file-control:lang(en)::before {
    content: "Browse"
}

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

.nav-link {
    display: block
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #868e96
}

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

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #ddd
}

.nav-tabs .nav-link.disabled {
    color: #868e96;
    background-color: transparent;
    border-color: transparent
}

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

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

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

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

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

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

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

.navbar {
    z-index: 1002!important;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

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

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit
}

.card,
.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

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

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

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: .25rem
}

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

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

@media (max-width:575px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm,
    .navbar-expand-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-collapse {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
    .navbar-expand-sm .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }
}

@media (max-width:767px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md,
    .navbar-expand-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-collapse {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
    .navbar-expand-md .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }
}

@media (max-width:991px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg,
    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
    .navbar-expand-lg .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }
}

@media (max-width:1199px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl,
    .navbar-expand-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-collapse {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
    .navbar-expand-xl .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }
}

.navbar-expand {
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

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

.card,
.card-deck {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

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

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

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

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

.navbar-expand .dropup .dropdown-menu {
    top: auto;
    bottom: 100%
}

.modal,
.modal-backdrop,
.popover.bs-popover-auto[x-placement^=top] .arrow,
.popover.bs-popover-top .arrow,
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow,
.tooltip.bs-tooltip-top .arrow {
    bottom: 0
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    -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, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-footer,
.card-header {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03)
}

.card-title {
    margin-bottom: .75rem
}

.card-header,
.card-subtitle,
.card-text:last-child {
    margin-bottom: 0
}

.card-subtitle {
    margin-top: -.375rem
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header-pills,
.card-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-header {
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.alert,
.btn .badge,
.page-link {
    position: relative
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck,
    .card-deck .card {
        -webkit-box-direction: normal
    }
    .card-deck {
        -webkit-box-orient: horizontal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group,
.list-group {
    -ms-flex-direction: column
}

.card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.card-group .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .card-group .card {
        -webkit-box-flex: 1;
        -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:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group .card:first-child .card-img-top {
        border-top-right-radius: 0
    }
    .card-group .card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group .card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group .card:last-child .card-img-top {
        border-top-left-radius: 0
    }
    .card-group .card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }
    .card-group .card:only-child {
        border-radius: .25rem
    }
    .card-group .card:only-child .card-img-top {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }
    .card-group .card:only-child .card-img-bottom {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }
    .card-group .card:not(:first-child):not(:last-child):not(:only-child),
    .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
    .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
        border-radius: 0
    }
    .card-columns {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        column-gap: 1.25rem
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.list-group,
.modal-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.breadcrumb,
.pagination {
    border-radius: .25rem;
    list-style: none
}

.card-columns .card {
    margin-bottom: .75rem
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    background-color: #e9ecef
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #868e96;
    content: "/"
}

.pagination,
.progress {
    display: -webkit-box;
    display: -ms-flexbox
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #868e96
}

.pagination {
    display: flex;
    padding-left: 0
}

.page-link,
.popover-body,
.popover-header {
    padding: .5rem .75rem
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #868e96;
    background-color: #fff;
    border-color: #ddd
}

.page-link {
    display: block;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #ddd
}

.page-link:focus,
.page-link:hover {
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #ddd
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.badge,
.close {
    font-weight: 700;
    line-height: 1
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

.badge-primary[href]:focus,
.badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc
}

.badge-secondary {
    color: #fff;
    background-color: #868e96
}

.badge-secondary[href]:focus,
.badge-secondary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #6c757d
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

.badge-success[href]:focus,
.badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

.badge-info[href]:focus,
.badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b
}

.badge-warning {
    color: #111;
    background-color: #ffc107
}

.badge-warning[href]:focus,
.badge-warning[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #d39e00
}

.badge-danger {
    color: #fff;
    background-color: #DA3155
}

.badge-danger[href]:focus,
.badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #b72141
}

.badge-light {
    color: #111;
    background-color: #f8f9fa
}

.badge-light[href]:focus,
.badge-light[href]:hover {
    color: #111;
    text-decoration: none;
    background-color: #dae0e5
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

.badge-dark[href]:focus,
.badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #464a4e;
    background-color: #e7e8ea;
    border-color: #dddfe2
}

.alert-secondary hr {
    border-top-color: #cfd2d6
}

.alert-secondary .alert-link {
    color: #2e3133
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #71192c;
    background-color: #f8d6dd;
    border-color: #f5c5cf
}

.alert-danger hr {
    border-top-color: #f1afbd
}

.alert-danger .alert-link {
    color: #47101c
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: flex;
    height: 1rem;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.media,
.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox
}

.progress-bar {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background-color: #007bff
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item:focus,
.list-group-item:hover {
    text-decoration: none
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #868e96;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

a.list-group-item-primary,
button.list-group-item-primary {
    color: #004085
}

a.list-group-item-primary:focus,
a.list-group-item-primary:hover,
button.list-group-item-primary:focus,
button.list-group-item-primary:hover {
    color: #004085;
    background-color: #9fcdff
}

a.list-group-item-primary.active,
button.list-group-item-primary.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #464a4e;
    background-color: #dddfe2
}

a.list-group-item-secondary,
button.list-group-item-secondary {
    color: #464a4e
}

a.list-group-item-secondary:focus,
a.list-group-item-secondary:hover,
button.list-group-item-secondary:focus,
button.list-group-item-secondary:hover {
    color: #464a4e;
    background-color: #cfd2d6
}

a.list-group-item-secondary.active,
button.list-group-item-secondary.active {
    color: #fff;
    background-color: #464a4e;
    border-color: #464a4e
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

a.list-group-item-success,
button.list-group-item-success {
    color: #155724
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
    color: #155724;
    background-color: #b1dfbb
}

a.list-group-item-success.active,
button.list-group-item-success.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

a.list-group-item-info,
button.list-group-item-info {
    color: #0c5460
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
    color: #0c5460;
    background-color: #abdde5
}

a.list-group-item-info.active,
button.list-group-item-info.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #856404
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
    color: #856404;
    background-color: #ffe8a1
}

a.list-group-item-warning.active,
button.list-group-item-warning.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #71192c;
    background-color: #f5c5cf
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #71192c
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
    color: #71192c;
    background-color: #f1afbd
}

a.list-group-item-danger.active,
button.list-group-item-danger.active {
    color: #fff;
    background-color: #71192c;
    border-color: #71192c
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

a.list-group-item-light,
button.list-group-item-light {
    color: #818182
}

a.list-group-item-light:focus,
a.list-group-item-light:hover,
button.list-group-item-light:focus,
button.list-group-item-light:hover {
    color: #818182;
    background-color: #ececf6
}

a.list-group-item-light.active,
button.list-group-item-light.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca
}

a.list-group-item-dark,
button.list-group-item-dark {
    color: #1b1e21
}

a.list-group-item-dark:focus,
a.list-group-item-dark:hover,
button.list-group-item-dark:focus,
button.list-group-item-dark:hover {
    color: #1b1e21;
    background-color: #b9bbbe
}

a.list-group-item-dark.active,
button.list-group-item-dark.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21
}

.close {
    float: right;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.popover,
.tooltip {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    text-decoration: none
}

.modal-title,
.popover,
.tooltip {
    line-height: 1.5
}

.popover,
.text-hide,
.tooltip {
    text-shadow: none
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

button.close {
    padding: 0;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal-content,
.popover {
    background-clip: padding-box
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1050;
    display: none;
    outline: 0
}

.modal-content,
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 15px;
    margin: -15px -15px -15px auto
}

.modal-title {
    margin-bottom: 0
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #e9ecef
}

.popover,
.popover .arrow,
.popover .arrow::after,
.popover .arrow::before,
.tooltip,
.tooltip .arrow {
    position: absolute;
    display: block
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.popover.bs-popover-auto[x-placement^=bottom] .arrow,
.popover.bs-popover-bottom .arrow,
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow,
.tooltip.bs-tooltip-bottom .arrow {
    top: 0
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 30px auto
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        max-width: 800px
    }
}

.tooltip {
    z-index: 1070;
    margin: 0;
    text-align: left;
    text-align: start;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    width: 5px;
    height: 5px
}

.tooltip .arrow::before {
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tooltip.bs-tooltip-auto[x-placement^=top],
.tooltip.bs-tooltip-top {
    padding: 5px 0
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.bs-tooltip-auto[x-placement^=right],
.tooltip.bs-tooltip-right {
    padding: 0 5px
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow,
.tooltip.bs-tooltip-right .arrow {
    left: 0
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.bs-tooltip-auto[x-placement^=bottom],
.tooltip.bs-tooltip-bottom {
    padding: 5px 0
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bs-tooltip-auto[x-placement^=left],
.tooltip.bs-tooltip-left {
    padding: 0 5px
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow,
.tooltip.bs-tooltip-left .arrow {
    right: 0
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    text-align: left;
    text-align: start;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    width: .8rem;
    height: .4rem
}

.popover .arrow::after,
.popover .arrow::before {
    border-color: transparent;
    border-style: solid;
    content: "";
    border-width: .8rem
}

.popover.bs-popover-auto[x-placement^=top],
.popover.bs-popover-top {
    margin-bottom: .8rem
}

.popover.bs-popover-auto[x-placement^=top] .arrow::after,
.popover.bs-popover-auto[x-placement^=top] .arrow::before,
.popover.bs-popover-top .arrow::after,
.popover.bs-popover-top .arrow::before {
    border-bottom-width: 0
}

.popover.bs-popover-auto[x-placement^=top] .arrow::before,
.popover.bs-popover-top .arrow::before {
    bottom: -.8rem;
    margin-left: -.8rem;
    border-top-color: rgba(0, 0, 0, .25)
}

.popover.bs-popover-auto[x-placement^=top] .arrow::after,
.popover.bs-popover-top .arrow::after {
    bottom: calc((.8rem - 1px) * -1);
    margin-left: -.8rem;
    border-top-color: #fff
}

.popover.bs-popover-auto[x-placement^=right],
.popover.bs-popover-right {
    margin-left: .8rem
}

.popover.bs-popover-auto[x-placement^=right] .arrow,
.popover.bs-popover-right .arrow {
    left: 0
}

.popover.bs-popover-auto[x-placement^=right] .arrow::after,
.popover.bs-popover-auto[x-placement^=right] .arrow::before,
.popover.bs-popover-right .arrow::after,
.popover.bs-popover-right .arrow::before {
    margin-top: -.8rem;
    border-left-width: 0
}

.popover.bs-popover-auto[x-placement^=right] .arrow::before,
.popover.bs-popover-right .arrow::before {
    left: -.8rem;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.bs-popover-auto[x-placement^=right] .arrow::after,
.popover.bs-popover-right .arrow::after {
    left: calc((.8rem - 1px) * -1);
    border-right-color: #fff
}

.popover.bs-popover-auto[x-placement^=bottom],
.popover.bs-popover-bottom {
    margin-top: .8rem
}

.popover.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover.bs-popover-bottom .arrow::after,
.popover.bs-popover-bottom .arrow::before {
    margin-left: -.8rem;
    border-top-width: 0
}

.popover.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover.bs-popover-bottom .arrow::before {
    top: -.8rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover.bs-popover-bottom .arrow::after {
    top: calc((.8rem - 1px) * -1);
    border-bottom-color: #fff
}

.popover.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.popover.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 20px;
    margin-left: -10px;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.carousel,
.carousel-inner,
.carousel-item {
    position: relative
}

.popover.bs-popover-auto[x-placement^=left],
.popover.bs-popover-left {
    margin-right: .8rem
}

.popover.bs-popover-auto[x-placement^=left] .arrow,
.popover.bs-popover-left .arrow {
    right: 0
}

.popover.bs-popover-auto[x-placement^=left] .arrow::after,
.popover.bs-popover-auto[x-placement^=left] .arrow::before,
.popover.bs-popover-left .arrow::after,
.popover.bs-popover-left .arrow::before {
    margin-top: -.8rem;
    border-right-width: 0
}

.popover.bs-popover-auto[x-placement^=left] .arrow::before,
.popover.bs-popover-left .arrow::before {
    right: -.8rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.bs-popover-auto[x-placement^=left] .arrow::after,
.popover.bs-popover-left .arrow::after {
    right: calc((.8rem - 1px) * -1);
    border-left-color: #fff
}

.popover-header {
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    color: #212529
}

.carousel-inner {
    width: 100%;
    overflow: hidden
}

.carousel-item {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.active.carousel-item-right,
.carousel-item-next {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-right,
    .carousel-item-next {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.active.carousel-item-left,
.carousel-item-prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-left,
    .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: center center no-repeat;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, .5)
}

.carousel-indicators li::after,
.carousel-indicators li::before {
    left: 0;
    display: inline-block;
    height: 10px;
    position: absolute;
    content: "";
    width: 100%
}

.carousel-indicators li::before {
    top: -10px
}

.carousel-indicators li::after {
    bottom: -10px
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.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
}

.bg-primary {
    background-color: #007bff!important
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #0062cc!important
}

.bg-secondary {
    background-color: #868e96!important
}

a.bg-secondary:focus,
a.bg-secondary:hover {
    background-color: #6c757d!important
}

.bg-success {
    background-color: #28a745!important
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #1e7e34!important
}

.bg-info {
    background-color: #17a2b8!important
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #117a8b!important
}

.bg-warning {
    background-color: #ffc107!important
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #d39e00!important
}

.bg-danger {
    background-color: #DA3155!important
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #b72141!important
}

.bg-light {
    background-color: #f8f9fa!important
}

a.bg-light:focus,
a.bg-light:hover {
    background-color: #dae0e5!important
}

.bg-dark {
    background-color: #343a40!important
}

a.bg-dark:focus,
a.bg-dark:hover {
    background-color: #1d2124!important
}

.bg-white {
    background-color: #fff!important
}

.bg-transparent {
    background-color: transparent!important
}

.border {
    border: 1px solid #e9ecef!important
}

.border-0 {
    border: 0!important
}

.rounded-right,
.rounded-top {
    border-top-right-radius: .25rem!important
}

.rounded-bottom,
.rounded-right {
    border-bottom-right-radius: .25rem!important
}

.rounded-left,
.rounded-top {
    border-top-left-radius: .25rem!important
}

.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: .25rem!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #007bff!important
}

.border-secondary {
    border-color: #868e96!important
}

.border-success {
    border-color: #28a745!important
}

.border-info {
    border-color: #17a2b8!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #DA3155!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #343a40!important
}

.border-white {
    border-color: #fff!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-0 {
    border-radius: 0!important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none!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: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width:576px) {
    .d-sm-none {
        display: 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: -ms-flexbox!important;
        display: flex!important
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: 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: -ms-flexbox!important;
        display: flex!important
    }
    .d-md-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: 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: -ms-flexbox!important;
        display: flex!important
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: 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: -ms-flexbox!important;
        display: flex!important
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.d-print-block {
    display: none!important
}

@media print {
    .d-print-block {
        display: block!important
    }
}

.d-print-inline {
    display: none!important
}

@media print {
    .d-print-inline {
        display: inline!important
    }
}

.d-print-inline-block {
    display: none!important
}

@media print {
    .d-print-inline-block {
        display: inline-block!important
    }
    .d-print-none {
        display: none!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.85714286%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-column-reverse,
.flex-row-reverse {
    -webkit-box-direction: reverse!important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media (min-width:576px) {
    .flex-sm-column,
    .flex-sm-row {
        -webkit-box-direction: normal!important
    }
    .flex-sm-row {
        -webkit-box-orient: horizontal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-sm-column {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: 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;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-sm-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-sm-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-sm-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-sm-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-sm-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:768px) {
    .flex-md-column,
    .flex-md-row {
        -webkit-box-direction: normal!important
    }
    .flex-md-row {
        -webkit-box-orient: horizontal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-md-column {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: 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;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-md-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-md-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-md-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-md-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-md-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-md-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-md-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:992px) {
    .flex-lg-column,
    .flex-lg-row {
        -webkit-box-direction: normal!important
    }
    .flex-lg-row {
        -webkit-box-orient: horizontal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-lg-column {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: 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;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-lg-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-lg-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-lg-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-lg-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-lg-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:1200px) {
    .flex-xl-column,
    .flex-xl-row {
        -webkit-box-direction: normal!important
    }
    .flex-xl-row {
        -webkit-box-orient: horizontal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-xl-column {
        -webkit-box-orient: vertical!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: 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;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-xl-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-xl-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-xl-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

.flexbox,
.middle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: 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
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-top {
    top: 0
}

.fixed-bottom {
    bottom: 0
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.m-0 {
    margin: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,
.my-1 {
    margin-top: .25rem!important
}

.mr-1,
.mx-1 {
    margin-right: .25rem!important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,
.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,
.my-2 {
    margin-top: .5rem!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,
.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mr-3,
.mx-3 {
    margin-right: 1rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,
.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,
.my-5 {
    margin-top: 3rem!important
}

.mr-5,
.mx-5 {
    margin-right: 3rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,
.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.pr-1,
.px-1 {
    padding-right: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,
.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,
.py-2 {
    padding-top: .5rem!important
}

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

.pr-3,
.px-3 {
    padding-right: 1rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.pr-5,
.px-5 {
    padding-right: 3rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,
.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.ml-auto,
.mx-auto {
    margin-left: auto!important
}

.text-justify {
    text-align: justify!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left!important
    }
    .float-sm-right {
        float: right!important
    }
    .float-sm-none {
        float: none!important
    }
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto!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
    }
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto!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:992px) {
    .float-lg-left {
        float: left!important
    }
    .float-lg-right {
        float: right!important
    }
    .float-lg-none {
        float: none!important
    }
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto!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
    }
    .m-xl-0 {
        margin: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0!important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto!important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto!important
    }
    .text-xl-left {
        text-align: left!important
    }
    .text-xl-right {
        text-align: right!important
    }
    .text-xl-center {
        text-align: center!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-bold {
    font-weight: 700!important
}

.font-italic {
    font-style: italic!important
}

.text-white {
    color: #fff!important
}

.text-primary {
    color: #007bff!important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #0062cc!important
}

.text-secondary {
    color: #868e96!important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #6c757d!important
}

.text-success {
    color: #28a745!important
}

a.text-success:focus,
a.text-success:hover {
    color: #1e7e34!important
}

.text-info {
    color: #17a2b8!important
}

a.text-info:focus,
a.text-info:hover {
    color: #117a8b!important
}

.text-warning {
    color: #ffc107!important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #d39e00!important
}

.text-danger {
    color: #DA3155!important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #b72141!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:focus,
a.text-light:hover {
    color: #dae0e5!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #1d2124!important
}

.text-muted {
    color: #868e96!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}


/*!
 * Font Awesome Free 5.0.2 by @fontawesome - http://fontawesome.com
 *  * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 *   */

.fa,
.fab,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

#results .search-text,
.side-text {
    font-style: italic
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

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

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

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: "\F26E"
}

.fa-accessible-icon:before {
    content: "\F368"
}

.fa-accusoft:before {
    content: "\F369"
}

.fa-address-book:before {
    content: "\F2B9"
}

.fa-address-card:before {
    content: "\F2BB"
}

.fa-adjust:before {
    content: "\F042"
}

.fa-adn:before {
    content: "\F170"
}

.fa-adversal:before {
    content: "\F36A"
}

.fa-affiliatetheme:before {
    content: "\F36B"
}

.fa-algolia:before {
    content: "\F36C"
}

.fa-align-center:before {
    content: "\F037"
}

.fa-align-justify:before {
    content: "\F039"
}

.fa-align-left:before {
    content: "\F036"
}

.fa-align-right:before {
    content: "\F038"
}

.fa-amazon:before {
    content: "\F270"
}

.fa-amazon-pay:before {
    content: "\F42C"
}

.fa-ambulance:before {
    content: "\F0F9"
}

.fa-american-sign-language-interpreting:before {
    content: "\F2A3"
}

.fa-amilia:before {
    content: "\F36D"
}

.fa-anchor:before {
    content: "\F13D"
}

.fa-android:before {
    content: "\F17B"
}

.fa-angellist:before {
    content: "\F209"
}

.fa-angle-double-down:before {
    content: "\F103"
}

.fa-angle-double-left:before {
    content: "\F100"
}

.fa-angle-double-right:before {
    content: "\F101"
}

.fa-angle-double-up:before {
    content: "\F102"
}

.fa-angle-down:before {
    content: "\F107"
}

.fa-angle-left:before {
    content: "\F104"
}

.fa-angle-right:before {
    content: "\F105"
}

.fa-angle-up:before {
    content: "\F106"
}

.fa-angrycreative:before {
    content: "\F36E"
}

.fa-angular:before {
    content: "\F420"
}

.fa-app-store:before {
    content: "\F36F"
}

.fa-app-store-ios:before {
    content: "\F370"
}

.fa-apper:before {
    content: "\F371"
}

.fa-apple:before {
    content: "\F179"
}

.fa-apple-pay:before {
    content: "\F415"
}

.fa-archive:before {
    content: "\F187"
}

.fa-arrow-alt-circle-down:before {
    content: "\F358"
}

.fa-arrow-alt-circle-left:before {
    content: "\F359"
}

.fa-arrow-alt-circle-right:before {
    content: "\F35A"
}

.fa-arrow-alt-circle-up:before {
    content: "\F35B"
}

.fa-arrow-circle-down:before {
    content: "\F0AB"
}

.fa-arrow-circle-left:before {
    content: "\F0A8"
}

.fa-arrow-circle-right:before {
    content: "\F0A9"
}

.fa-arrow-circle-up:before {
    content: "\F0AA"
}

.fa-arrow-down:before {
    content: "\F063"
}

.fa-arrow-left:before {
    content: "\F060"
}

.fa-arrow-right:before {
    content: "\F061"
}

.fa-arrow-up:before {
    content: "\F062"
}

.fa-arrows-alt:before {
    content: "\F0B2"
}

.fa-arrows-alt-h:before {
    content: "\F337"
}

.fa-arrows-alt-v:before {
    content: "\F338"
}

.fa-assistive-listening-systems:before {
    content: "\F2A2"
}

.fa-asterisk:before {
    content: "\F069"
}

.fa-asymmetrik:before {
    content: "\F372"
}

.fa-at:before {
    content: "\F1FA"
}

.fa-audible:before {
    content: "\F373"
}

.fa-audio-description:before {
    content: "\F29E"
}

.fa-autoprefixer:before {
    content: "\F41C"
}

.fa-avianex:before {
    content: "\F374"
}

.fa-aviato:before {
    content: "\F421"
}

.fa-aws:before {
    content: "\F375"
}

.fa-backward:before {
    content: "\F04A"
}

.fa-balance-scale:before {
    content: "\F24E"
}

.fa-ban:before {
    content: "\F05E"
}

.fa-bandcamp:before {
    content: "\F2D5"
}

.fa-barcode:before {
    content: "\F02A"
}

.fa-bars:before {
    content: "\F0C9"
}

.fa-bath:before {
    content: "\F2CD"
}

.fa-battery-empty:before {
    content: "\F244"
}

.fa-battery-full:before {
    content: "\F240"
}

.fa-battery-half:before {
    content: "\F242"
}

.fa-battery-quarter:before {
    content: "\F243"
}

.fa-battery-three-quarters:before {
    content: "\F241"
}

.fa-bed:before {
    content: "\F236"
}

.fa-beer:before {
    content: "\F0FC"
}

.fa-behance:before {
    content: "\F1B4"
}

.fa-behance-square:before {
    content: "\F1B5"
}

.fa-bell:before {
    content: "\F0F3"
}

.fa-bell-slash:before {
    content: "\F1F6"
}

.fa-bicycle:before {
    content: "\F206"
}

.fa-bimobject:before {
    content: "\F378"
}

.fa-binoculars:before {
    content: "\F1E5"
}

.fa-birthday-cake:before {
    content: "\F1FD"
}

.fa-bitbucket:before {
    content: "\F171"
}

.fa-bitcoin:before {
    content: "\F379"
}

.fa-bity:before {
    content: "\F37A"
}

.fa-black-tie:before {
    content: "\F27E"
}

.fa-blackberry:before {
    content: "\F37B"
}

.fa-blind:before {
    content: "\F29D"
}

.fa-blogger:before {
    content: "\F37C"
}

.fa-blogger-b:before {
    content: "\F37D"
}

.fa-bluetooth:before {
    content: "\F293"
}

.fa-bluetooth-b:before {
    content: "\F294"
}

.fa-bold:before {
    content: "\F032"
}

.fa-bolt:before {
    content: "\F0E7"
}

.fa-bomb:before {
    content: "\F1E2"
}

.fa-book:before {
    content: "\F02D"
}

.fa-bookmark:before {
    content: "\F02E"
}

.fa-braille:before {
    content: "\F2A1"
}

.fa-briefcase:before {
    content: "\F0B1"
}

.fa-btc:before {
    content: "\F15A"
}

.fa-bug:before {
    content: "\F188"
}

.fa-building:before {
    content: "\F1AD"
}

.fa-bullhorn:before {
    content: "\F0A1"
}

.fa-bullseye:before {
    content: "\F140"
}

.fa-buromobelexperte:before {
    content: "\F37F"
}

.fa-bus:before {
    content: "\F207"
}

.fa-buysellads:before {
    content: "\F20D"
}

.fa-calculator:before {
    content: "\F1EC"
}

.fa-calendar:before {
    content: "\F133"
}

.fa-calendar-alt:before {
    content: "\F073"
}

.fa-calendar-check:before {
    content: "\F274"
}

.fa-calendar-minus:before {
    content: "\F272"
}

.fa-calendar-plus:before {
    content: "\F271"
}

.fa-calendar-times:before {
    content: "\F273"
}

.fa-camera:before {
    content: "\F030"
}

.fa-camera-retro:before {
    content: "\F083"
}

.fa-car:before {
    content: "\F1B9"
}

.fa-caret-down:before {
    content: "\F0D7"
}

.fa-caret-left:before {
    content: "\F0D9"
}

.fa-caret-right:before {
    content: "\F0DA"
}

.fa-caret-square-down:before {
    content: "\F150"
}

.fa-caret-square-left:before {
    content: "\F191"
}

.fa-caret-square-right:before {
    content: "\F152"
}

.fa-caret-square-up:before {
    content: "\F151"
}

.fa-caret-up:before {
    content: "\F0D8"
}

.fa-cart-arrow-down:before {
    content: "\F218"
}

.fa-cart-plus:before {
    content: "\F217"
}

.fa-cc-amazon-pay:before {
    content: "\F42D"
}

.fa-cc-amex:before {
    content: "\F1F3"
}

.fa-cc-apple-pay:before {
    content: "\F416"
}

.fa-cc-diners-club:before {
    content: "\F24C"
}

.fa-cc-discover:before {
    content: "\F1F2"
}

.fa-cc-jcb:before {
    content: "\F24B"
}

.fa-cc-mastercard:before {
    content: "\F1F1"
}

.fa-cc-paypal:before {
    content: "\F1F4"
}

.fa-cc-stripe:before {
    content: "\F1F5"
}

.fa-cc-visa:before {
    content: "\F1F0"
}

.fa-centercode:before {
    content: "\F380"
}

.fa-certificate:before {
    content: "\F0A3"
}

.fa-chart-area:before {
    content: "\F1FE"
}

.fa-chart-bar:before {
    content: "\F080"
}

.fa-chart-line:before {
    content: "\F201"
}

.fa-chart-pie:before {
    content: "\F200"
}

.fa-check:before {
    content: "\F00C"
}

.fa-check-circle:before {
    content: "\F058"
}

.fa-check-square:before {
    content: "\F14A"
}

.fa-chevron-circle-down:before {
    content: "\F13A"
}

.fa-chevron-circle-left:before {
    content: "\F137"
}

.fa-chevron-circle-right:before {
    content: "\F138"
}

.fa-chevron-circle-up:before {
    content: "\F139"
}

.fa-chevron-down:before {
    content: "\F078"
}

.fa-chevron-left:before {
    content: "\F053"
}

.fa-chevron-right:before {
    content: "\F054"
}

.fa-chevron-up:before {
    content: "\F077"
}

.fa-child:before {
    content: "\F1AE"
}

.fa-chrome:before {
    content: "\F268"
}

.fa-circle:before {
    content: "\F111"
}

.fa-circle-notch:before {
    content: "\F1CE"
}

.fa-clipboard:before {
    content: "\F328"
}

.fa-clock:before {
    content: "\F017"
}

.fa-clone:before {
    content: "\F24D"
}

.fa-closed-captioning:before {
    content: "\F20A"
}

.fa-cloud:before {
    content: "\F0C2"
}

.fa-cloud-download-alt:before {
    content: "\F381"
}

.fa-cloud-upload-alt:before {
    content: "\F382"
}

.fa-cloudscale:before {
    content: "\F383"
}

.fa-cloudsmith:before {
    content: "\F384"
}

.fa-cloudversify:before {
    content: "\F385"
}

.fa-code:before {
    content: "\F121"
}

.fa-code-branch:before {
    content: "\F126"
}

.fa-codepen:before {
    content: "\F1CB"
}

.fa-codiepie:before {
    content: "\F284"
}

.fa-coffee:before {
    content: "\F0F4"
}

.fa-cog:before {
    content: "\F013"
}

.fa-cogs:before {
    content: "\F085"
}

.fa-columns:before {
    content: "\F0DB"
}

.fa-comment:before {
    content: "\F075"
}

.fa-comment-alt:before {
    content: "\F27A"
}

.fa-comments:before {
    content: "\F086"
}

.fa-compass:before {
    content: "\F14E"
}

.fa-compress:before {
    content: "\F066"
}

.fa-connectdevelop:before {
    content: "\F20E"
}

.fa-contao:before {
    content: "\F26D"
}

.fa-copy:before {
    content: "\F0C5"
}

.fa-copyright:before {
    content: "\F1F9"
}

.fa-cpanel:before {
    content: "\F388"
}

.fa-creative-commons:before {
    content: "\F25E"
}

.fa-credit-card:before {
    content: "\F09D"
}

.fa-crop:before {
    content: "\F125"
}

.fa-crosshairs:before {
    content: "\F05B"
}

.fa-css3:before {
    content: "\F13C"
}

.fa-css3-alt:before {
    content: "\F38B"
}

.fa-cube:before {
    content: "\F1B2"
}

.fa-cubes:before {
    content: "\F1B3"
}

.fa-cut:before {
    content: "\F0C4"
}

.fa-cuttlefish:before {
    content: "\F38C"
}

.fa-d-and-d:before {
    content: "\F38D"
}

.fa-dashcube:before {
    content: "\F210"
}

.fa-database:before {
    content: "\F1C0"
}

.fa-deaf:before {
    content: "\F2A4"
}

.fa-delicious:before {
    content: "\F1A5"
}

.fa-deploydog:before {
    content: "\F38E"
}

.fa-deskpro:before {
    content: "\F38F"
}

.fa-desktop:before {
    content: "\F108"
}

.fa-deviantart:before {
    content: "\F1BD"
}

.fa-digg:before {
    content: "\F1A6"
}

.fa-digital-ocean:before {
    content: "\F391"
}

.fa-discord:before {
    content: "\F392"
}

.fa-discourse:before {
    content: "\F393"
}

.fa-dochub:before {
    content: "\F394"
}

.fa-docker:before {
    content: "\F395"
}

.fa-dollar-sign:before {
    content: "\F155"
}

.fa-dot-circle:before {
    content: "\F192"
}

.fa-download:before {
    content: "\F019"
}

.fa-draft2digital:before {
    content: "\F396"
}

.fa-dribbble:before {
    content: "\F17D"
}

.fa-dribbble-square:before {
    content: "\F397"
}

.fa-dropbox:before {
    content: "\F16B"
}

.fa-drupal:before {
    content: "\F1A9"
}

.fa-dyalog:before {
    content: "\F399"
}

.fa-earlybirds:before {
    content: "\F39A"
}

.fa-edge:before {
    content: "\F282"
}

.fa-edit:before {
    content: "\F044"
}

.fa-eject:before {
    content: "\F052"
}

.fa-ellipsis-h:before {
    content: "\F141"
}

.fa-ellipsis-v:before {
    content: "\F142"
}

.fa-ember:before {
    content: "\F423"
}

.fa-empire:before {
    content: "\F1D1"
}

.fa-envelope:before {
    content: "\F0E0"
}

.fa-envelope-open:before {
    content: "\F2B6"
}

.fa-envelope-square:before {
    content: "\F199"
}

.fa-envira:before {
    content: "\F299"
}

.fa-eraser:before {
    content: "\F12D"
}

.fa-erlang:before {
    content: "\F39D"
}

.fa-ethereum:before {
    content: "\F42E"
}

.fa-etsy:before {
    content: "\F2D7"
}

.fa-euro-sign:before {
    content: "\F153"
}

.fa-exchange-alt:before {
    content: "\F362"
}

.fa-exclamation:before {
    content: "\F12A"
}

.fa-exclamation-circle:before {
    content: "\F06A"
}

.fa-exclamation-triangle:before {
    content: "\F071"
}

.fa-expand:before {
    content: "\F065"
}

.fa-expand-arrows-alt:before {
    content: "\F31E"
}

.fa-expeditedssl:before {
    content: "\F23E"
}

.fa-external-link-alt:before {
    content: "\F35D"
}

.fa-external-link-square-alt:before {
    content: "\F360"
}

.fa-eye:before {
    content: "\F06E"
}

.fa-eye-dropper:before {
    content: "\F1FB"
}

.fa-eye-slash:before {
    content: "\F070"
}

.fa-facebook:before {
    content: "\F09A"
}

.fa-facebook-f:before {
    content: "\F39E"
}

.fa-facebook-messenger:before {
    content: "\F39F"
}

.fa-facebook-square:before {
    content: "\F082"
}

.fa-fast-backward:before {
    content: "\F049"
}

.fa-fast-forward:before {
    content: "\F050"
}

.fa-fax:before {
    content: "\F1AC"
}

.fa-female:before {
    content: "\F182"
}

.fa-fighter-jet:before {
    content: "\F0FB"
}

.fa-file:before {
    content: "\F15B"
}

.fa-file-alt:before {
    content: "\F15C"
}

.fa-file-archive:before {
    content: "\F1C6"
}

.fa-file-audio:before {
    content: "\F1C7"
}

.fa-file-code:before {
    content: "\F1C9"
}

.fa-file-excel:before {
    content: "\F1C3"
}

.fa-file-image:before {
    content: "\F1C5"
}

.fa-file-pdf:before {
    content: "\F1C1"
}

.fa-file-powerpoint:before {
    content: "\F1C4"
}

.fa-file-video:before {
    content: "\F1C8"
}

.fa-file-word:before {
    content: "\F1C2"
}

.fa-film:before {
    content: "\F008"
}

.fa-filter:before {
    content: "\F0B0"
}

.fa-fire:before {
    content: "\F06D"
}

.fa-fire-extinguisher:before {
    content: "\F134"
}

.fa-firefox:before {
    content: "\F269"
}

.fa-first-order:before {
    content: "\F2B0"
}

.fa-firstdraft:before {
    content: "\F3A1"
}

.fa-flag:before {
    content: "\F024"
}

.fa-flag-checkered:before {
    content: "\F11E"
}

.fa-flask:before {
    content: "\F0C3"
}

.fa-flickr:before {
    content: "\F16E"
}

.fa-fly:before {
    content: "\F417"
}

.fa-folder:before {
    content: "\F07B"
}

.fa-folder-open:before {
    content: "\F07C"
}

.fa-font:before {
    content: "\F031"
}

.fa-font-awesome:before {
    content: "\F2B4"
}

.fa-font-awesome-alt:before {
    content: "\F35C"
}

.fa-font-awesome-flag:before {
    content: "\F425"
}

.fa-fonticons:before {
    content: "\F280"
}

.fa-fonticons-fi:before {
    content: "\F3A2"
}

.fa-fort-awesome:before {
    content: "\F286"
}

.fa-fort-awesome-alt:before {
    content: "\F3A3"
}

.fa-forumbee:before {
    content: "\F211"
}

.fa-forward:before {
    content: "\F04E"
}

.fa-foursquare:before {
    content: "\F180"
}

.fa-free-code-camp:before {
    content: "\F2C5"
}

.fa-freebsd:before {
    content: "\F3A4"
}

.fa-frown:before {
    content: "\F119"
}

.fa-futbol:before {
    content: "\F1E3"
}

.fa-gamepad:before {
    content: "\F11B"
}

.fa-gavel:before {
    content: "\F0E3"
}

.fa-gem:before {
    content: "\F3A5"
}

.fa-genderless:before {
    content: "\F22D"
}

.fa-get-pocket:before {
    content: "\F265"
}

.fa-gg:before {
    content: "\F260"
}

.fa-gg-circle:before {
    content: "\F261"
}

.fa-gift:before {
    content: "\F06B"
}

.fa-git:before {
    content: "\F1D3"
}

.fa-git-square:before {
    content: "\F1D2"
}

.fa-github:before {
    content: "\F09B"
}

.fa-github-alt:before {
    content: "\F113"
}

.fa-github-square:before {
    content: "\F092"
}

.fa-gitkraken:before {
    content: "\F3A6"
}

.fa-gitlab:before {
    content: "\F296"
}

.fa-gitter:before {
    content: "\F426"
}

.fa-glass-martini:before {
    content: "\F000"
}

.fa-glide:before {
    content: "\F2A5"
}

.fa-glide-g:before {
    content: "\F2A6"
}

.fa-globe:before {
    content: "\F0AC"
}

.fa-gofore:before {
    content: "\F3A7"
}

.fa-goodreads:before {
    content: "\F3A8"
}

.fa-goodreads-g:before {
    content: "\F3A9"
}

.fa-google:before {
    content: "\F1A0"
}

.fa-google-drive:before {
    content: "\F3AA"
}

.fa-google-play:before {
    content: "\F3AB"
}

.fa-google-plus:before {
    content: "\F2B3"
}

.fa-google-plus-g:before {
    content: "\F0D5"
}

.fa-google-plus-square:before {
    content: "\F0D4"
}

.fa-google-wallet:before {
    content: "\F1EE"
}

.fa-graduation-cap:before {
    content: "\F19D"
}

.fa-gratipay:before {
    content: "\F184"
}

.fa-grav:before {
    content: "\F2D6"
}

.fa-gripfire:before {
    content: "\F3AC"
}

.fa-grunt:before {
    content: "\F3AD"
}

.fa-gulp:before {
    content: "\F3AE"
}

.fa-h-square:before {
    content: "\F0FD"
}

.fa-hacker-news:before {
    content: "\F1D4"
}

.fa-hacker-news-square:before {
    content: "\F3AF"
}

.fa-hand-lizard:before {
    content: "\F258"
}

.fa-hand-paper:before {
    content: "\F256"
}

.fa-hand-peace:before {
    content: "\F25B"
}

.fa-hand-point-down:before {
    content: "\F0A7"
}

.fa-hand-point-left:before {
    content: "\F0A5"
}

.fa-hand-point-right:before {
    content: "\F0A4"
}

.fa-hand-point-up:before {
    content: "\F0A6"
}

.fa-hand-pointer:before {
    content: "\F25A"
}

.fa-hand-rock:before {
    content: "\F255"
}

.fa-hand-scissors:before {
    content: "\F257"
}

.fa-hand-spock:before {
    content: "\F259"
}

.fa-handshake:before {
    content: "\F2B5"
}

.fa-hashtag:before {
    content: "\F292"
}

.fa-hdd:before {
    content: "\F0A0"
}

.fa-heading:before {
    content: "\F1DC"
}

.fa-headphones:before {
    content: "\F025"
}

.fa-heart:before {
    content: "\F004"
}

.fa-heartbeat:before {
    content: "\F21E"
}

.fa-hire-a-helper:before {
    content: "\F3B0"
}

.fa-history:before {
    content: "\F1DA"
}

.fa-home:before {
    content: "\F015"
}

.fa-hooli:before {
    content: "\F427"
}

.fa-hospital:before {
    content: "\F0F8"
}

.fa-hotjar:before {
    content: "\F3B1"
}

.fa-hourglass:before {
    content: "\F254"
}

.fa-hourglass-end:before {
    content: "\F253"
}

.fa-hourglass-half:before {
    content: "\F252"
}

.fa-hourglass-start:before {
    content: "\F251"
}

.fa-houzz:before {
    content: "\F27C"
}

.fa-html5:before {
    content: "\F13B"
}

.fa-hubspot:before {
    content: "\F3B2"
}

.fa-i-cursor:before {
    content: "\F246"
}

.fa-id-badge:before {
    content: "\F2C1"
}

.fa-id-card:before {
    content: "\F2C2"
}

.fa-image:before {
    content: "\F03E"
}

.fa-images:before {
    content: "\F302"
}

.fa-imdb:before {
    content: "\F2D8"
}

.fa-inbox:before {
    content: "\F01C"
}

.fa-indent:before {
    content: "\F03C"
}

.fa-industry:before {
    content: "\F275"
}

.fa-info:before {
    content: "\F129"
}

.fa-info-circle:before {
    content: "\F05A"
}

.fa-instagram:before {
    content: "\F16D"
}

.fa-internet-explorer:before {
    content: "\F26B"
}

.fa-ioxhost:before {
    content: "\F208"
}

.fa-italic:before {
    content: "\F033"
}

.fa-itunes:before {
    content: "\F3B4"
}

.fa-itunes-note:before {
    content: "\F3B5"
}

.fa-jenkins:before {
    content: "\F3B6"
}

.fa-joget:before {
    content: "\F3B7"
}

.fa-joomla:before {
    content: "\F1AA"
}

.fa-js:before {
    content: "\F3B8"
}

.fa-js-square:before {
    content: "\F3B9"
}

.fa-jsfiddle:before {
    content: "\F1CC"
}

.fa-key:before {
    content: "\F084"
}

.fa-keyboard:before {
    content: "\F11C"
}

.fa-keycdn:before {
    content: "\F3BA"
}

.fa-kickstarter:before {
    content: "\F3BB"
}

.fa-kickstarter-k:before {
    content: "\F3BC"
}

.fa-korvue:before {
    content: "\F42F"
}

.fa-language:before {
    content: "\F1AB"
}

.fa-laptop:before {
    content: "\F109"
}

.fa-laravel:before {
    content: "\F3BD"
}

.fa-lastfm:before {
    content: "\F202"
}

.fa-lastfm-square:before {
    content: "\F203"
}

.fa-leaf:before {
    content: "\F06C"
}

.fa-leanpub:before {
    content: "\F212"
}

.fa-lemon:before {
    content: "\F094"
}

.fa-less:before {
    content: "\F41D"
}

.fa-level-down-alt:before {
    content: "\F3BE"
}

.fa-level-up-alt:before {
    content: "\F3BF"
}

.fa-life-ring:before {
    content: "\F1CD"
}

.fa-lightbulb:before {
    content: "\F0EB"
}

.fa-line:before {
    content: "\F3C0"
}

.fa-link:before {
    content: "\F0C1"
}

.fa-linkedin:before {
    content: "\F08C"
}

.fa-linkedin-in:before {
    content: "\F0E1"
}

.fa-linode:before {
    content: "\F2B8"
}

.fa-linux:before {
    content: "\F17C"
}

.fa-lira-sign:before {
    content: "\F195"
}

.fa-list:before {
    content: "\F03A"
}

.fa-list-alt:before {
    content: "\F022"
}

.fa-list-ol:before {
    content: "\F0CB"
}

.fa-list-ul:before {
    content: "\F0CA"
}

.fa-location-arrow:before {
    content: "\F124"
}

.fa-lock:before {
    content: "\F023"
}

.fa-lock-open:before {
    content: "\F3C1"
}

.fa-long-arrow-alt-down:before {
    content: "\F309"
}

.fa-long-arrow-alt-left:before {
    content: "\F30A"
}

.fa-long-arrow-alt-right:before {
    content: "\F30B"
}

.fa-long-arrow-alt-up:before {
    content: "\F30C"
}

.fa-low-vision:before {
    content: "\F2A8"
}

.fa-lyft:before {
    content: "\F3C3"
}

.fa-magento:before {
    content: "\F3C4"
}

.fa-magic:before {
    content: "\F0D0"
}

.fa-magnet:before {
    content: "\F076"
}

.fa-male:before {
    content: "\F183"
}

.fa-map:before {
    content: "\F279"
}

.fa-map-marker:before {
    content: "\F041"
}

.fa-map-marker-alt:before {
    content: "\F3C5"
}

.fa-map-pin:before {
    content: "\F276"
}

.fa-map-signs:before {
    content: "\F277"
}

.fa-mars:before {
    content: "\F222"
}

.fa-mars-double:before {
    content: "\F227"
}

.fa-mars-stroke:before {
    content: "\F229"
}

.fa-mars-stroke-h:before {
    content: "\F22B"
}

.fa-mars-stroke-v:before {
    content: "\F22A"
}

.fa-maxcdn:before {
    content: "\F136"
}

.fa-medapps:before {
    content: "\F3C6"
}

.fa-medium:before {
    content: "\F23A"
}

.fa-medium-m:before {
    content: "\F3C7"
}

.fa-medkit:before {
    content: "\F0FA"
}

.fa-medrt:before {
    content: "\F3C8"
}

.fa-meetup:before {
    content: "\F2E0"
}

.fa-meh:before {
    content: "\F11A"
}

.fa-mercury:before {
    content: "\F223"
}

.fa-microchip:before {
    content: "\F2DB"
}

.fa-microphone:before {
    content: "\F130"
}

.fa-microphone-slash:before {
    content: "\F131"
}

.fa-microsoft:before {
    content: "\F3CA"
}

.fa-minus:before {
    content: "\F068"
}

.fa-minus-circle:before {
    content: "\F056"
}

.fa-minus-square:before {
    content: "\F146"
}

.fa-mix:before {
    content: "\F3CB"
}

.fa-mixcloud:before {
    content: "\F289"
}

.fa-mizuni:before {
    content: "\F3CC"
}

.fa-mobile:before {
    content: "\F10B"
}

.fa-mobile-alt:before {
    content: "\F3CD"
}

.fa-modx:before {
    content: "\F285"
}

.fa-monero:before {
    content: "\F3D0"
}

.fa-money-bill-alt:before {
    content: "\F3D1"
}

.fa-moon:before {
    content: "\F186"
}

.fa-motorcycle:before {
    content: "\F21C"
}

.fa-mouse-pointer:before {
    content: "\F245"
}

.fa-music:before {
    content: "\F001"
}

.fa-napster:before {
    content: "\F3D2"
}

.fa-neuter:before {
    content: "\F22C"
}

.fa-newspaper:before {
    content: "\F1EA"
}

.fa-nintendo-switch:before {
    content: "\F418"
}

.fa-node:before {
    content: "\F419"
}

.fa-node-js:before {
    content: "\F3D3"
}

.fa-npm:before {
    content: "\F3D4"
}

.fa-ns8:before {
    content: "\F3D5"
}

.fa-nutritionix:before {
    content: "\F3D6"
}

.fa-object-group:before {
    content: "\F247"
}

.fa-object-ungroup:before {
    content: "\F248"
}

.fa-odnoklassniki:before {
    content: "\F263"
}

.fa-odnoklassniki-square:before {
    content: "\F264"
}

.fa-opencart:before {
    content: "\F23D"
}

.fa-openid:before {
    content: "\F19B"
}

.fa-opera:before {
    content: "\F26A"
}

.fa-optin-monster:before {
    content: "\F23C"
}

.fa-osi:before {
    content: "\F41A"
}

.fa-outdent:before {
    content: "\F03B"
}

.fa-page4:before {
    content: "\F3D7"
}

.fa-pagelines:before {
    content: "\F18C"
}

.fa-paint-brush:before {
    content: "\F1FC"
}

.fa-palfed:before {
    content: "\F3D8"
}

.fa-paper-plane:before {
    content: "\F1D8"
}

.fa-paperclip:before {
    content: "\F0C6"
}

.fa-paragraph:before {
    content: "\F1DD"
}

.fa-paste:before {
    content: "\F0EA"
}

.fa-patreon:before {
    content: "\F3D9"
}

.fa-pause:before {
    content: "\F04C"
}

.fa-pause-circle:before {
    content: "\F28B"
}

.fa-paw:before {
    content: "\F1B0"
}

.fa-paypal:before {
    content: "\F1ED"
}

.fa-pen-square:before {
    content: "\F14B"
}

.fa-pencil-alt:before {
    content: "\F303"
}

.fa-percent:before {
    content: "\F295"
}

.fa-periscope:before {
    content: "\F3DA"
}

.fa-phabricator:before {
    content: "\F3DB"
}

.fa-phoenix-framework:before {
    content: "\F3DC"
}

.fa-phone:before {
    content: "\F095"
}

.fa-phone-square:before {
    content: "\F098"
}

.fa-phone-volume:before {
    content: "\F2A0"
}

.fa-pied-piper:before {
    content: "\F2AE"
}

.fa-pied-piper-alt:before {
    content: "\F1A8"
}

.fa-pied-piper-pp:before {
    content: "\F1A7"
}

.fa-pinterest:before {
    content: "\F0D2"
}

.fa-pinterest-p:before {
    content: "\F231"
}

.fa-pinterest-square:before {
    content: "\F0D3"
}

.fa-plane:before {
    content: "\F072"
}

.fa-play:before {
    content: "\F04B"
}

.fa-play-circle:before {
    content: "\F144"
}

.fa-playstation:before {
    content: "\F3DF"
}

.fa-plug:before {
    content: "\F1E6"
}

.fa-plus:before {
    content: "\F067"
}

.fa-plus-circle:before {
    content: "\F055"
}

.fa-plus-square:before {
    content: "\F0FE"
}

.fa-podcast:before {
    content: "\F2CE"
}

.fa-pound-sign:before {
    content: "\F154"
}

.fa-power-off:before {
    content: "\F011"
}

.fa-print:before {
    content: "\F02F"
}

.fa-product-hunt:before {
    content: "\F288"
}

.fa-pushed:before {
    content: "\F3E1"
}

.fa-puzzle-piece:before {
    content: "\F12E"
}

.fa-python:before {
    content: "\F3E2"
}

.fa-qq:before {
    content: "\F1D6"
}

.fa-qrcode:before {
    content: "\F029"
}

.fa-question:before {
    content: "\F128"
}

.fa-question-circle:before {
    content: "\F059"
}

.fa-quora:before {
    content: "\F2C4"
}

.fa-quote-left:before {
    content: "\F10D"
}

.fa-quote-right:before {
    content: "\F10E"
}

.fa-random:before {
    content: "\F074"
}

.fa-ravelry:before {
    content: "\F2D9"
}

.fa-react:before {
    content: "\F41B"
}

.fa-rebel:before {
    content: "\F1D0"
}

.fa-recycle:before {
    content: "\F1B8"
}

.fa-red-river:before {
    content: "\F3E3"
}

.fa-reddit:before {
    content: "\F1A1"
}

.fa-reddit-alien:before {
    content: "\F281"
}

.fa-reddit-square:before {
    content: "\F1A2"
}

.fa-redo:before {
    content: "\F01E"
}

.fa-redo-alt:before {
    content: "\F2F9"
}

.fa-registered:before {
    content: "\F25D"
}

.fa-rendact:before {
    content: "\F3E4"
}

.fa-renren:before {
    content: "\F18B"
}

.fa-reply:before {
    content: "\F3E5"
}

.fa-reply-all:before {
    content: "\F122"
}

.fa-replyd:before {
    content: "\F3E6"
}

.fa-resolving:before {
    content: "\F3E7"
}

.fa-retweet:before {
    content: "\F079"
}

.fa-road:before {
    content: "\F018"
}

.fa-rocket:before {
    content: "\F135"
}

.fa-rocketchat:before {
    content: "\F3E8"
}

.fa-rockrms:before {
    content: "\F3E9"
}

.fa-rss:before {
    content: "\F09E"
}

.fa-rss-square:before {
    content: "\F143"
}

.fa-ruble-sign:before {
    content: "\F158"
}

.fa-rupee-sign:before {
    content: "\F156"
}

.fa-safari:before {
    content: "\F267"
}

.fa-sass:before {
    content: "\F41E"
}

.fa-save:before {
    content: "\F0C7"
}

.fa-schlix:before {
    content: "\F3EA"
}

.fa-scribd:before {
    content: "\F28A"
}

.fa-search:before {
    content: "\F002"
}

.fa-search-minus:before {
    content: "\F010"
}

.fa-search-plus:before {
    content: "\F00E"
}

.fa-searchengin:before {
    content: "\F3EB"
}

.fa-sellcast:before {
    content: "\F2DA"
}

.fa-sellsy:before {
    content: "\F213"
}

.fa-server:before {
    content: "\F233"
}

.fa-servicestack:before {
    content: "\F3EC"
}

.fa-share:before {
    content: "\F064"
}

.fa-share-alt:before {
    content: "\F1E0"
}

.fa-share-alt-square:before {
    content: "\F1E1"
}

.fa-share-square:before {
    content: "\F14D"
}

.fa-shekel-sign:before {
    content: "\F20B"
}

.fa-shield-alt:before {
    content: "\F3ED"
}

.fa-ship:before {
    content: "\F21A"
}

.fa-shirtsinbulk:before {
    content: "\F214"
}

.fa-shopping-bag:before {
    content: "\F290"
}

.fa-shopping-basket:before {
    content: "\F291"
}

.fa-shopping-cart:before {
    content: "\F07A"
}

.fa-shower:before {
    content: "\F2CC"
}

.fa-sign-in-alt:before {
    content: "\F2F6"
}

.fa-sign-language:before {
    content: "\F2A7"
}

.fa-sign-out-alt:before {
    content: "\F2F5"
}

.fa-signal:before {
    content: "\F012"
}

.fa-simplybuilt:before {
    content: "\F215"
}

.fa-sistrix:before {
    content: "\F3EE"
}

.fa-sitemap:before {
    content: "\F0E8"
}

.fa-skyatlas:before {
    content: "\F216"
}

.fa-skype:before {
    content: "\F17E"
}

.fa-slack:before {
    content: "\F198"
}

.fa-slack-hash:before {
    content: "\F3EF"
}

.fa-sliders-h:before {
    content: "\F1DE"
}

.fa-slideshare:before {
    content: "\F1E7"
}

.fa-smile:before {
    content: "\F118"
}

.fa-snapchat:before {
    content: "\F2AB"
}

.fa-snapchat-ghost:before {
    content: "\F2AC"
}

.fa-snapchat-square:before {
    content: "\F2AD"
}

.fa-snowflake:before {
    content: "\F2DC"
}

.fa-sort:before {
    content: "\F0DC"
}

.fa-sort-alpha-down:before {
    content: "\F15D"
}

.fa-sort-alpha-up:before {
    content: "\F15E"
}

.fa-sort-amount-down:before {
    content: "\F160"
}

.fa-sort-amount-up:before {
    content: "\F161"
}

.fa-sort-down:before {
    content: "\F0DD"
}

.fa-sort-numeric-down:before {
    content: "\F162"
}

.fa-sort-numeric-up:before {
    content: "\F163"
}

.fa-sort-up:before {
    content: "\F0DE"
}

.fa-soundcloud:before {
    content: "\F1BE"
}

.fa-space-shuttle:before {
    content: "\F197"
}

.fa-speakap:before {
    content: "\F3F3"
}

.fa-spinner:before {
    content: "\F110"
}

.fa-spotify:before {
    content: "\F1BC"
}

.fa-square:before {
    content: "\F0C8"
}

.fa-stack-exchange:before {
    content: "\F18D"
}

.fa-stack-overflow:before {
    content: "\F16C"
}

.fa-star:before {
    content: "\F005"
}

.fa-star-half:before {
    content: "\F089"
}

.fa-staylinked:before {
    content: "\F3F5"
}

.fa-steam:before {
    content: "\F1B6"
}

.fa-steam-square:before {
    content: "\F1B7"
}

.fa-steam-symbol:before {
    content: "\F3F6"
}

.fa-step-backward:before {
    content: "\F048"
}

.fa-step-forward:before {
    content: "\F051"
}

.fa-stethoscope:before {
    content: "\F0F1"
}

.fa-sticker-mule:before {
    content: "\F3F7"
}

.fa-sticky-note:before {
    content: "\F249"
}

.fa-stop:before {
    content: "\F04D"
}

.fa-stop-circle:before {
    content: "\F28D"
}

.fa-stopwatch:before {
    content: "\F2F2"
}

.fa-strava:before {
    content: "\F428"
}

.fa-street-view:before {
    content: "\F21D"
}

.fa-strikethrough:before {
    content: "\F0CC"
}

.fa-stripe:before {
    content: "\F429"
}

.fa-stripe-s:before {
    content: "\F42A"
}

.fa-studiovinari:before {
    content: "\F3F8"
}

.fa-stumbleupon:before {
    content: "\F1A4"
}

.fa-stumbleupon-circle:before {
    content: "\F1A3"
}

.fa-subscript:before {
    content: "\F12C"
}

.fa-subway:before {
    content: "\F239"
}

.fa-suitcase:before {
    content: "\F0F2"
}

.fa-sun:before {
    content: "\F185"
}

.fa-superpowers:before {
    content: "\F2DD"
}

.fa-superscript:before {
    content: "\F12B"
}

.fa-supple:before {
    content: "\F3F9"
}

.fa-sync:before {
    content: "\F021"
}

.fa-sync-alt:before {
    content: "\F2F1"
}

.fa-table:before {
    content: "\F0CE"
}

.fa-tablet:before {
    content: "\F10A"
}

.fa-tablet-alt:before {
    content: "\F3FA"
}

.fa-tachometer-alt:before {
    content: "\F3FD"
}

.fa-tag:before {
    content: "\F02B"
}

.fa-tags:before {
    content: "\F02C"
}

.fa-tasks:before {
    content: "\F0AE"
}

.fa-taxi:before {
    content: "\F1BA"
}

.fa-telegram:before {
    content: "\F2C6"
}

.fa-telegram-plane:before {
    content: "\F3FE"
}

.fa-tencent-weibo:before {
    content: "\F1D5"
}

.fa-terminal:before {
    content: "\F120"
}

.fa-text-height:before {
    content: "\F034"
}

.fa-text-width:before {
    content: "\F035"
}

.fa-th:before {
    content: "\F00A"
}

.fa-th-large:before {
    content: "\F009"
}

.fa-th-list:before {
    content: "\F00B"
}

.fa-themeisle:before {
    content: "\F2B2"
}

.fa-thermometer-empty:before {
    content: "\F2CB"
}

.fa-thermometer-full:before {
    content: "\F2C7"
}

.fa-thermometer-half:before {
    content: "\F2C9"
}

.fa-thermometer-quarter:before {
    content: "\F2CA"
}

.fa-thermometer-three-quarters:before {
    content: "\F2C8"
}

.fa-thumbs-down:before {
    content: "\F165"
}

.fa-thumbs-up:before {
    content: "\F164"
}

.fa-thumbtack:before {
    content: "\F08D"
}

.fa-ticket-alt:before {
    content: "\F3FF"
}

.fa-times:before {
    content: "\F00D"
}

.fa-times-circle:before {
    content: "\F057"
}

.fa-tint:before {
    content: "\F043"
}

.fa-toggle-off:before {
    content: "\F204"
}

.fa-toggle-on:before {
    content: "\F205"
}

.fa-trademark:before {
    content: "\F25C"
}

.fa-train:before {
    content: "\F238"
}

.fa-transgender:before {
    content: "\F224"
}

.fa-transgender-alt:before {
    content: "\F225"
}

.fa-trash:before {
    content: "\F1F8"
}

.fa-trash-alt:before {
    content: "\F2ED"
}

.fa-tree:before {
    content: "\F1BB"
}

.fa-trello:before {
    content: "\F181"
}

.fa-tripadvisor:before {
    content: "\F262"
}

.fa-trophy:before {
    content: "\F091"
}

.fa-truck:before {
    content: "\F0D1"
}

.fa-tty:before {
    content: "\F1E4"
}

.fa-tumblr:before {
    content: "\F173"
}

.fa-tumblr-square:before {
    content: "\F174"
}

.fa-tv:before {
    content: "\F26C"
}

.fa-twitch:before {
    content: "\F1E8"
}

.fa-twitter:before {
    content: "\F099"
}

.fa-twitter-square:before {
    content: "\F081"
}

.fa-typo3:before {
    content: "\F42B"
}

.fa-uber:before {
    content: "\F402"
}

.fa-uikit:before {
    content: "\F403"
}

.fa-umbrella:before {
    content: "\F0E9"
}

.fa-underline:before {
    content: "\F0CD"
}

.fa-undo:before {
    content: "\F0E2"
}

.fa-undo-alt:before {
    content: "\F2EA"
}

.fa-uniregistry:before {
    content: "\F404"
}

.fa-universal-access:before {
    content: "\F29A"
}

.fa-university:before {
    content: "\F19C"
}

.fa-unlink:before {
    content: "\F127"
}

.fa-unlock:before {
    content: "\F09C"
}

.fa-unlock-alt:before {
    content: "\F13E"
}

.fa-untappd:before {
    content: "\F405"
}

.fa-upload:before {
    content: "\F093"
}

.fa-usb:before {
    content: "\F287"
}

.fa-user:before {
    content: "\F007"
}

.fa-user-circle:before {
    content: "\F2BD"
}

.fa-user-md:before {
    content: "\F0F0"
}

.fa-user-plus:before {
    content: "\F234"
}

.fa-user-secret:before {
    content: "\F21B"
}

.fa-user-times:before {
    content: "\F235"
}

.fa-users:before {
    content: "\F0C0"
}

.fa-ussunnah:before {
    content: "\F407"
}

.fa-utensil-spoon:before {
    content: "\F2E5"
}

.fa-utensils:before {
    content: "\F2E7"
}

.fa-vaadin:before {
    content: "\F408"
}

.fa-venus:before {
    content: "\F221"
}

.fa-venus-double:before {
    content: "\F226"
}

.fa-venus-mars:before {
    content: "\F228"
}

.fa-viacoin:before {
    content: "\F237"
}

.fa-viadeo:before {
    content: "\F2A9"
}

.fa-viadeo-square:before {
    content: "\F2AA"
}

.fa-viber:before {
    content: "\F409"
}

.fa-video:before {
    content: "\F03D"
}

.fa-vimeo:before {
    content: "\F40A"
}

.fa-vimeo-square:before {
    content: "\F194"
}

.fa-vimeo-v:before {
    content: "\F27D"
}

.fa-vine:before {
    content: "\F1CA"
}

.fa-vk:before {
    content: "\F189"
}

.fa-vnv:before {
    content: "\F40B"
}

.fa-volume-down:before {
    content: "\F027"
}

.fa-volume-off:before {
    content: "\F026"
}

.fa-volume-up:before {
    content: "\F028"
}

.fa-vuejs:before {
    content: "\F41F"
}

.fa-weibo:before {
    content: "\F18A"
}

.fa-weixin:before {
    content: "\F1D7"
}

.fa-whatsapp:before {
    content: "\F232"
}

.fa-whatsapp-square:before {
    content: "\F40C"
}

.fa-wheelchair:before {
    content: "\F193"
}

.fa-whmcs:before {
    content: "\F40D"
}

.fa-wifi:before {
    content: "\F1EB"
}

.fa-wikipedia-w:before {
    content: "\F266"
}

.fa-window-close:before {
    content: "\F410"
}

.fa-window-maximize:before {
    content: "\F2D0"
}

.fa-window-minimize:before {
    content: "\F2D1"
}

.fa-window-restore:before {
    content: "\F2D2"
}

.fa-windows:before {
    content: "\F17A"
}

.fa-won-sign:before {
    content: "\F159"
}

.fa-wordpress:before {
    content: "\F19A"
}

.fa-wordpress-simple:before {
    content: "\F411"
}

.fa-wpbeginner:before {
    content: "\F297"
}

.fa-wpexplorer:before {
    content: "\F2DE"
}

.fa-wpforms:before {
    content: "\F298"
}

.fa-wrench:before {
    content: "\F0AD"
}

.fa-xbox:before {
    content: "\F412"
}

.fa-xing:before {
    content: "\F168"
}

.fa-xing-square:before {
    content: "\F169"
}

.fa-y-combinator:before {
    content: "\F23B"
}

.fa-yahoo:before {
    content: "\F19E"
}

.fa-yandex:before {
    content: "\F413"
}

.fa-yandex-international:before {
    content: "\F414"
}

.fa-yelp:before {
    content: "\F1E9"
}

.fa-yen-sign:before {
    content: "\F157"
}

.fa-yoast:before {
    content: "\F2B1"
}

.fa-youtube:before {
    content: "\F167"
}

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

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

#change-form,
.footbar_big {
    overflow: hidden
}


/*!
 * Font Awesome Free 5.0.2 by @fontawesome - http://fontawesome.com
 *  * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 *   */

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url(/assets/fonts/fa-solid-900.eot?89b584356dc1ab35af50c4417f6af1cb);
    src: url(/assets/fonts/fa-solid-900.eot?89b584356dc1ab35af50c4417f6af1cb) format("embedded-opentype"), url(/assets/fonts/fa-solid-900.woff2?e519eef3aaa5e7db03d6a901694fc660) format("woff2"), url(/assets/fonts/fa-solid-900.woff?e00c146f3a292e6dc28f7a5730dc4e20) format("woff"), url(/assets/fonts/fa-solid-900.ttf?e77d3ec9bc38ea486eb885456693278a) format("truetype"), url(/assets/fonts/fa-solid-900.svg?354488156fbac95ac6b0f486d9d344c2) format("svg")
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #939598
}

.fa.active,
.fas.active {
    color: #FBB034
}


/*!
 * Font Awesome Free 5.0.2 by @fontawesome - http://fontawesome.com
 *  * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 *   */

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/fa-brands-400.eot?7001a3b042968d7dab0e6101e006e7b9);
    src: url(/assets/fonts/fa-brands-400.eot?7001a3b042968d7dab0e6101e006e7b9) format("embedded-opentype"), url(/assets/fonts/fa-brands-400.woff2?821db3df5dfee55d22d026a550437493) format("woff2"), url(/assets/fonts/fa-brands-400.woff?06caed825136db34feec1818b2e7b694) format("woff"), url(/assets/fonts/fa-brands-400.ttf?8ba7759787c0747a9eb4cacc52fda0d4) format("truetype"), url(/assets/fonts/fa-brands-400.svg?7062ba59eccb39a5b2928e76775c070e) format("svg")
}

.fab {
    font-family: 'Font Awesome 5 Brands'
}

@font-face {
    font-family: BPreplay;
    src: url(/assets/fonts/BPreplay_0.otf)
}

@font-face {
    font-family: Helvetica;
    src: url(/assets/fonts/Helvetica/helvetica-webfont.woff), url(/assets/fonts/Helvetica/helvetica-webfont.woff2)
}

@font-face {
    font-family: BPreplay;
    src: url(/assets/fonts/BPreplayBold.otf);
    font-weight: 700
}

@font-face {
    font-family: BPreplay;
    src: url(/assets/fonts/BPreplayItalics.otf);
    font-style: italic, oblique
}

@font-face {
    font-family: BPreplay;
    src: url(/assets/fonts/BPreplayBoldItalics.otf);
    font-weight: 700;
    font-style: italic, oblique
}

.floatingmenu {
    position: fixed;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1000;
    width: 70px
}

.floatingmenu #mobile-sidebar {
    display: none
}

#sub-produk img {
    width: 100%
}

#btnKumpulan.active {
    background-color: #004E86!important;
    color: #fff;
    border: unset
}

#btnIndividu.active {
    background-color: #DA3155!important;
    color: #fff;
    border-color: transparent
}

.footbar>.col-md-6 .col-md-6,
.footbar>.col-md-6:last-child {
    border-right: 10px solid #fff
}

@media (max-width:991px) {
    .floatingmenu {
        top: 20%;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        width: unset!important
    }
    .floatingmenu.active {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    .floatingmenu.active #mobile-sidebar i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .floatingmenu .menu {
        -webkit-transform: translateX(0)!important;
        transform: translateX(0)!important
    }
    .floatingmenu #mobile-sidebar {
        font-family: 'Font Awesome 5 Free';
        position: absolute;
        display: unset;
        padding: 8px;
        text-align: center;
        width: 32px;
        height: 32px;
        background-color: #DA3155;
        top: 8px;
        right: -32px;
        color: #fff
    }
    .floatingmenu #mobile-sidebar i {
        color: #fff;
        -webkit-transition: -webkit-transform 1s;
        transition: -webkit-transform 1s;
        transition: transform 1s;
        transition: transform 1s, -webkit-transform 1s;
        font-size: 16px
    }
}

#load .not-found {
    text-align: center;
    font-size: 32px;
    color: #9e9e9e
}

.floatingmenu .menu {
    -webkit-transform: translateX(-140px);
    transform: translateX(-140px);
    background-color: #EEE;
    padding: 18px 60px 18px 18px;
    margin-top: 8px;
    text-align: right;
    width: 200px;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.back-top,
.popup {
    right: 0;
    background-color: rgba(0, 0, 0, .5)
}

.floatingmenu .menu:hover {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.floatingmenu a.clr-red {
    color: #DA3155
}

.floatingmenu a.clr-bluesea {
    color: #5A98C8
}

.floatingmenu a.clr-grey {
    color: #95989A
}

.floatingmenu a.clr-green-light {
    color: #39b54a
}

.floatingmenu a.clr-green {
    color: #89c765
}

.floatingmenu a.clr-yellow,
.floatingmenu a.clr-orange {
    color: #FBB034
}

.floatingmenu a.clr-blue {
    color: #004E86
}

.floatingmenu a.clr-bluesoft {
    color: #00A6B5
}

.floatingmenu a.clr-purple {
    color: #5e50a1
}

.back-top {
    position: fixed;
    opacity: 0;
    bottom: 0;
    z-index: 1000;
    padding: 18px;
    border-radius: 100%;
    margin: 15px
}

@media (max-width:991px) {
    .back-top {
        padding: 10px
    }
    .back-top i {
        font-size: 12px
    }
}

.back-top i {
    color: #fff;
    font-size: 18px
}

.popup {
    position: absolute;
    left: 0;
    height: 100%;
    -webkit-animation-name: fadein;
    animation-name: fadein;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    z-index: 2000
}

.popup .content {
    padding: 70px 24px 30px;
    margin: 10rem auto;
    max-width: 600px;
    width: fit-content;
    width: -moz-fit-content;
    position: relative;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    background-color: #004E86;
    color: #fff
}

.popup .content .btn-close,
.popup .karir-popup .btn-close {
    position: absolute;
    top: 20;
    right: 20
}

.btn-close .fas {
    color: #56c5d0;
    font-size: 16px
}

.popup .content .btn-close::after {
    content: url(/assets/images/btn-ext.png)
}

.footbar_big .img::before,
.ic-building::before,
.ic-star::before,
.ic-location::before,
.ic-mail::before,
.ic-preview::before {
    content: ""
}

.footbar {
    margin-bottom: 20px
}

.footbar .control {
    position: absolute;
    bottom: 80px;
    padding: 40px
}

.syarat h5 {
    font-weight: 700;
    color: #00A6B5
}

.syarat .bg-grey h5 {
    color: #fff
}

.footbar .bg-bcaheritage {
    background: url(/storage/product_details/bca-life-heritage-protection-1520417956.jpg)
}

.footbar>.col-md-6 {
    border-top: 10px solid #fff;
    border-left: 10px solid #fff
}

.footbar>.col-md-6 .col-md-6 {
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff
}

.footbar>.col-md-6 .col-md-6:last-child {
    border-right: 0 solid #fff
}

.footbar_big {
    background-color: #000;
    height: 500px;
    position: relative
}

@media (max-width:991px) {
    .popup .content {
        width: 88%
    }
    .footbar_big.img {
        height: 280px
    }
}

.footbar_big .carousel,
.footbar_big .carousel-inner,
.footbar_big .carousel-item,
.footbar_big .img {
    width: 100%;
    height: 100%
}

.footbar_big .img {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: -1
}

.footbar_big .img::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5)
}

.footbar_big .img img {
    height: 100%;
    width: auto
}

.footbar_big .text {
    position: relative;
    padding: 0 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footbar_big>img {
    height: 100%;
    display: none
}

.footbar_big>img.active {
    display: block
}

.footbar_big--assets {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(0, 0, 0, .5)
}

.footbar_big--assets>div {
    -ms-flex-item-align: center;
    align-self: center
}

.footbar_small {
    background-color: #213212;
    height: 250px
}

.footbar_small--assets {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(0, 0, 0, .5)
}

.footbar_small--assets>div {
    -ms-flex-item-align: center;
    align-self: center
}

.footbar_small--assets.overflow {
    width: calc(100% + 20px)
}

.footbar_small .indicator {
    position: absolute;
    right: 0;
    z-index: 10
}

.footbar_small .indicator ul {
    margin: 20px
}

.footbar_small .indicator ul li {
    background-color: #89C765;
    display: inline;
    padding: 8px 14px;
    margin: 0 4px;
    font-size: 16px;
    width: 22px;
    height: 22px;
    border: 2px solid #fff;
    border-radius: 28px;
    transition: all .3s
}

.ic-building,
.ic-star,
.ic-mail {
    display: -webkit-box;
    display: -ms-flexbox
}

.ic-star{
    color: #ffffff;
}

.footbar_small .indicator ul li.active {
    background-color: #fff;
    color: #89C765
}

.ic-phone,
.ic-phone a {
    color: #fff!important
}

.ic-fax,
.ic-fax a {
    color: #fff!important
}
.ic-fax::before {
    height: 16px;
    background: url(/assets/fonts/ic-fax.svg?44560a3db97aceb1f8eb69992612b6e7) no-repeat
}
.ic-fax {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}
.ic-fax {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ic-mail,
.ic-mail a {
    color: #fff!important
}

.footbar_small .bg-green {
    background-color: #89C765
}

.footbar_small .bg-blue {
    background-color: #5E50A1
}

.footbar_small .bg-red {
    background-color: #F27186
}

.bg-reset {
    background-color: unset
}

#change-form>div {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s
}

@media (max-width:991px) {
    .footbar .col-md-6,
    .footbar .col-md-6 .col-md-6 {
        border: 0 solid #fff
    }
    .footbar_small--assets {
        padding: 0 20px;
        background-size: cover
    }
    .footbar_small--assets h3 {
        font-size: 20px
    }
    .footbar_small--assets>div {
        font-size: 12px
    }
    .footbar_small--assets h4 {
        font-size: 16px
    }
    .footbar_small--assets h5 {
        font-size: 14px
    }
    .footbar .col-md-6:last-child {
        border-right: 0 solid #fff
    }
    .indicator ul {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        margin: 15px 0!important
    }
    .footbar_small--assets>div {
        margin-top: 10px
    }
}

.btn-style3 {
    border: 2px solid #000;
    border-radius: 0;
    font-size: 12px;
    background-color: transparent;
    padding: 8px
}

.scroll-survey {
    overflow-y: scroll;
    height: 250px!important;
    padding: 40px 20px
}

.scroll-survey .row {
    padding: 0 0 40px
}

.icon-back:before,
.icon-download:before {
    padding: 0 12px;
    left: 0;
    font-family: 'Font Awesome 5 Free'
}

.scroll-survey>div {
    height: 100%
}

.s-32::Before {
    width: 32px!important;
    height: 32px!important
}

.s-52::Before {
    width: 52px!important;
    height: 52px!important
}

.ic-mail {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ic-mail::before {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background: url(/assets/fonts/ic-mail.svg) no-repeat
}

.navbar-brand .logo-bca {
    background: url(/assets/images/logo_white.png) no-repeat;
    background-size: 200px 52px;
    width: 200px;
    height: 52px;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.navbar-brand .logo-bca__original {
    background: url(/assets/images/logo_original.png) no-repeat;
    background-size: 200px 52px;
    width: 200px;
    height: 52px
}

.ic-building::before,
.ic-star::before,
.ic-download::before,
.ic-location::before,
.ic-preview::before {
    width: 16px;
    height: 16px;
    margin-right: 8px
}
.ic-flag {
    width: 16px;
    height: 16px;
    object-fit: cover;
    margin-right: 8px;
    border-radius: 3px;
}

.navbar-brand:hover .logo-bca,
.navbar-brand:hover .logo-bca__original {
    -webkit-animation-name: flip;
    animation-name: flip;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.ic-building, .ic-star {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ic-building::before {
    background: url(/assets/fonts/ic-building.svg?56af3ce935489637c569786ddf9dcd81) no-repeat
}

.ic-star::before {
    background: url(/assets/fonts/ic-star.svg?56af3ce935489637c569786ddf9dcd81) no-repeat
}

.ic-location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ic-location::before {
    float: left;
    display: inline-table;
    background: url(/assets/fonts/ic-location.svg?665cb3ab18079eeeed7cc7cfc3e702a2) no-repeat
}

.ic-preview::before {
    display: block;
    float: left;
    background: url(/assets/fonts/ic-preview.svg?06dace314c5778aceafd86964ad2cb28) no-repeat
}

.ic-download::before {
    display: block;
    float: left;
    background: url(/assets/fonts/ic-download.svg?1b0930cc77a0e57b2e15b69f51a62ae8) no-repeat;
    content: ""
}

.ic-artikel::before,
.ic-formulir::before {
    width: 42px;
    height: 42px;
    content: ""
}

.ic-artikel,
.ic-formulir {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.ic-artikel {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ic-artikel::before {
    margin-right: 8px;
    background: url(/assets/fonts/ic-artikel.svg?d3632ba9fd486fde38679efcb69d989d) no-repeat
}

.ic-formulir {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ic-facebook,
.ic-twitter,
.ic-instagram,
.ic-linkedin {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.ic-formulir::before {
    margin: auto;
    background: url(/assets/fonts/ic-formulir.svg?4ad16a23a0cc989275d352229f25cf6b) no-repeat
}

.footbar_small:hover .ic-artikel::before {
    -webkit-animation-name: up;
    animation-name: up;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.footbar_small:hover .ic-formulir::before,
.shake:hover>div {
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite
}

.footbar_small:hover .ic-formulir::before {
    -webkit-animation-name: shake;
    animation-name: shake;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

.icon-back {
    position: relative
}

.icon-back:before {
    content: '\F053';
    position: absolute
}

.icon-download {
    position: relative
}

.icon-download:before {
    content: '\F019';
    position: absolute
}

.ic-document::before,
.ic-facebook::before,
.ic-individu::before,
.ic-kumpulan::before,
.ic-phone::before,
.ic-phone__black::before,
.ic-twitter::before,
.ic-fax::before,
.ic-instagram::before,
.ic-linkedin::before {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    content: ""
}

.ic-facebook {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ic-facebook::before {
    background: url(/assets/fonts/ic-facebook.svg?7d631a7381442b94ef97841f7da91849) no-repeat
}

.ic-twitter {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ic-individu,
.ic-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.ic-twitter::before {
    background: url(/assets/fonts/ic-twitter.svg?8b718f592cca572240f4823c5ec1ca69) no-repeat
}

.ic-instagram {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ic-instagram::before {
    background: url(/assets/fonts/ic-instagram.svg) no-repeat
}

.ic-linkedin {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.ic-linkedin::before {
    background: url(/assets/fonts/ic-linkedin.svg) no-repeat
}

.ic-phone {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ic-phone::before {
    background: url(/assets/fonts/ic-phone.svg?8c1b78bd6657b5da30bad4eee715c13b) no-repeat
}

.ic-individu {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ic-document,
.ic-kumpulan {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.ic-individu::before {
    background: url(/assets/fonts/ic-individu.svg?cf86a32e870644aa22c3239982bc4977) no-repeat
}

.ic-kumpulan {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ic-kumpulan::before {
    background: url(/assets/fonts/ic-kumpulan.svg?5fddc7a0037cdee3c91801d511fb6100) no-repeat
}

.ic-document {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ic-phone__black,
.ic-phone__grey {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.ic-document::before {
    background: url(/assets/fonts/ic-document.svg?0c81f4bd03973fc68db360294a004af7) no-repeat
}

.ic-phone__black {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ic-phone__black::before {
    background: url(/assets/fonts/ic-phone__black.svg?c7da4182517f28ac8f8b03c8011c60df) no-repeat
}

.ic-menu__black {
    width: 36px;
    height: 36px;
    background: url(/assets/fonts/ic_menu_black_36px.svg?82bb2999711337760655d0af1081e506) no-repeat
}

.ic-menu__white {
    width: 36px;
    height: 36px;
    background: url(/assets/fonts/ic_menu_white_36px.svg?34eaba3509663880936d9413b3473fc1) no-repeat
}

.ic-fax__grey::before,
.ic-mail__grey::before,
.ic-phone__grey::before {
    width: 16px;
    margin-right: 8px;
    content: ""
}

.ic-phone__grey {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ic-fax__grey,
.ic-mail__grey {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.ic-phone__grey::before {
    height: 16px;
    background: url(/assets/fonts/ic-phone__grey.svg?7068d782d6f9b060896a0e6a5cac6354) no-repeat
}

.ic-mail__grey {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ic-mail__grey::before {
    height: 16px;
    background: url(/assets/fonts/ic-mail__grey.svg?c394b4b17e8ae67c0a0173306096db9d) no-repeat
}

.ic-fax__grey {
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.button-toggle,
.ic-jaringanrs {
    display: -webkit-box;
    display: -ms-flexbox
}

.ic-fax__grey::before {
    height: 16px;
    background: url(/assets/fonts/ic-fax__grey.svg?44560a3db97aceb1f8eb69992612b6e7) no-repeat
}

.ic-jaringanrs {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ic-jaringanrs::before {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url(/assets/fonts/ic-jaringanrs.svg?7d8b71b11044abc43129baa17c372cf5) no-repeat;
    content: ""
}

.ic-manfaat::before,
.ic-pembayaran::before {
    width: 35px;
    content: ""
}

.ic-manfaat::before,
.ic-pembayaran::before,
.ic-usia::before {
    display: block;
    height: 35px;
    margin-right: 8px
}

.ic-manfaat::before {
    background: url(/assets/images/imgManfaat.png?714bffdbea859f36249f4ddb2a2833f6) no-repeat
}

.ic-pembayaran::before {
    background: url(/assets/images/imgPembayaran.png?9ac80ec9912e70d22b3540393d8ff5f3) no-repeat
}

.ic-float-tabungan {
    padding: 12px;
    position: relative
}

.ic-float-tabungan::after {
    content: url(/assets/images/ic-tabungan.png?f7895a6ad5f5495699e7cb95f9e029a3);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    right: 18px;
    width: 32px
}

.ic-float-artikel::after,
.ic-float-investasi::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -webkit-transition: -webkit-transform 1s
}

.ic-float-investasi {
    padding: 12px;
    position: relative
}

.ic-float-investasi::after {
    content: url(/assets/images/ic-investasi.png?7a1b5cf4d8fa3f679136457cd454300d);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    right: 18px;
    width: 32px
}

.ic-float-artikel {
    padding: 12px;
    position: relative
}

.ic-float-artikel::after {
    content: url(/assets/images/ic-artikel.png?3a616977f019d822bf08db8933710f71);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    right: 18px;
    width: 32px
}

.ic-float-faq::after,
.ic-float-formulir::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -webkit-transition: -webkit-transform 1s;
    right: 18px;
    width: 32px
}

.ic-float-faq {
    padding: 12px;
    position: relative
}

.ic-float-faq::after {
    content: url(/assets/images/ic-faq.png?e1593092ac9045392324c8a373e46912);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.ic-float-formulir {
    padding: 12px;
    position: relative
}

.ic-float-formulir::after {
    content: url(/assets/images/ic-formulir.png?be977c8b934a0212efb13f87f15ca846);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.ic-float-gallery::after,
.ic-float-glossarium::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -webkit-transition: -webkit-transform 1s
}

.ic-float-gallery {
    padding: 12px;
    position: relative
}

.ic-float-gallery::after {
    content: url(/assets/images/ic-gallery.png?6f70c85b2f6da319fc7886ed0274e675);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    right: 18px;
    width: 32px
}

.ic-float-glossarium {
    padding: 12px;
    position: relative
}

.ic-float-glossarium::after {
    content: url(/assets/images/ic-glossarium.png?4bf91ac3ec1d45f3a459502060e58536);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    right: 18px;
    width: 32px
}

.ic-float-hubungikami::after,
.ic-float-infographic::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -webkit-transition: -webkit-transform 1s;
    right: 18px;
    width: 32px
}

.ic-float-hubungikami {
    padding: 12px;
    position: relative
}

.ic-float-hubungikami::after {
    content: url(/assets/images/ic-hubungikami.png?fc52069d93c74e8fdc70f895ba13d07f);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.ic-float-infographic {
    padding: 12px;
    position: relative
}

.ic-float-infographic::after {
    content: url(/assets/images/ic-infographic.png?8a9ac680e14bcc0a9a4c0b36b37e44d5);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.ic-float-jaringanrs::after,
.ic-float-karir::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -webkit-transition: -webkit-transform 1s
}

.ic-float-jaringanrs {
    padding: 12px;
    position: relative
}

.ic-float-jaringanrs::after {
    content: url(/assets/images/ic-jaringanrs.png?72bfca15f9c3be09119faa2fb9912f43);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    right: 18px;
    width: 32px
}

.ic-float-karir {
    padding: 12px;
    position: relative
}

.ic-float-karir::after {
    content: url(/assets/images/ic-karir.png?0619a3e915b9a2662517b06f16cbd539);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    right: 18px;
    width: 32px
}

.ic-float-laporankeuangan::after,
.ic-float-panduan::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -webkit-transition: -webkit-transform 1s;
    right: 18px;
    width: 32px
}

.ic-float-laporankeuangan {
    padding: 12px;
    position: relative
}

.ic-float-laporankeuangan::after {
    content: url(/assets/images/ic-laporankeuangan.png?bfedb33b4ead9553019d66f0ad81804c);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.ic-float-panduan {
    padding: 12px;
    position: relative
}

.ic-float-panduan::after {
    content: url(/assets/images/ic-panduan.png?291c30f761f4bd89fddb0969b8b97468);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.ic-float-siaranpers::after,
.ic-float-tatacara::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -webkit-transition: -webkit-transform 1s
}

.ic-float-siaranpers {
    padding: 12px;
    position: relative
}

.ic-float-siaranpers::after {
    content: url(/assets/images/ic-siarapers.png?f4551d62e02ae0ca955c1e3523fdb390);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    right: 18px;
    width: 32px
}

.ic-float-tatacara {
    padding: 12px;
    position: relative
}

.ic-float-tatacara::after {
    content: url(/assets/images/ic-tatacara.png?975e10250c12fb34bb868758e5c09bbe);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    right: 18px;
    width: 32px
}

.ic-float-tatakelola::after,
.ic-float-tentangkami::after {
    -webkit-transform: translateY(-50%);
    -webkit-transition: -webkit-transform 1s;
    top: 50%;
    right: 18px;
    width: 32px
}

.ic-float-tatakelola {
    padding: 12px;
    position: relative
}

.ic-float-tatakelola::after {
    content: url(/assets/images/ic-tatakelola.png?e51a57d7850f635cdd32f671a63f03d8);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.ic-float-tentangkami {
    padding: 12px;
    position: relative
}

.ic-float-tentangkami::after {
    content: url(/assets/images/ic-tentangkami.png?48f434ee36da0319bd27893e7473adbe);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.ic-float-visi::after,
.menu-produk::after {
    -webkit-transform: translateY(-50%);
    -webkit-transition: -webkit-transform 1s
}

.ic-float-visi {
    padding: 12px;
    position: relative
}

.ic-float-visi::after {
    content: url(/assets/images/ic-visi.png?38cea887ca758574cc120e3a24d1b171);
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    right: 18px;
    width: 32px
}

.menu-produk::after,
.rotate::after {
    content: url(/assets/fonts/arrowdown.svg?0f4269b8f593dec4ad8ea50f72171293);
    top: 50%;
    width: 16px
}

.menu-produk {
    padding: 12px;
    position: relative
}

.menu-produk.line {
    bottom: -20px;
    position: absolute;
    left: 0;
    right: 0
}

@media (max-width:991px) {
    .menu-produk.line {
        bottom: unset;
        position: relative;
        left: unset;
        right: unset
    }
}

.menu-produk h5 {
    margin-bottom: 0
}

.menu-produk::after {
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    right: 24px
}

.rotate {
    padding: 12px;
    position: relative
}

.rotate::after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform-origin: 50% 20%;
    transform-origin: 50% 20%;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#algolia-container::after,
#algolia-container::before,
.ic-usia::before {
    content: ""
}

.ic-usia::before {
    width: 35px;
    background: url(/assets/images/imgUsiaMasuk.png?752599ba3dad13a6b187e94dfe69f3a6) no-repeat
}

.red .bg-svg {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.red .bg-svg.active,
.red .path10 {
    fill: #da3155!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.red .path10.active,
.red:hover .path10 {
    fill: #fff!important
}

.red .path10.active {
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.red:hover .bg-svg {
    fill: #da3155!important
}

.blue {
    cursor: pointer
}

.blue .bg-svg {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.blue .bg-svg.active,
.blue .path10 {
    fill: #004E86!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.blue .path10.active {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.blue:active .path10,
.blue:hover .path10 {
    fill: #fff!important
}

.blue:active .bg-svg,
.blue:hover .bg-svg {
    fill: #004E86!important
}

.bluesea .bg-svg {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.bluesea .bg-svg.active,
.bluesea .path10 {
    fill: #5A98C8!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.bluesea .path10.active {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.bluesea:hover .path10 {
    fill: #fff!important
}

.bluesea:hover .bg-svg {
    fill: #5A98C8!important
}

.bluesoft .bg-svg {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.bluesoft .bg-svg.active,
.bluesoft .path10 {
    fill: #00A6B5!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.bluesoft .path10.active {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.bluesoft:hover .path10 {
    fill: #fff!important
}

.bluesoft:hover .bg-svg {
    fill: #00A6B5!important
}

.green .bg-svg {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.green .bg-svg.active,
.green .path10 {
    fill: #89c765!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.green .path10.active {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.green:hover .path10 {
    fill: #fff!important
}

.green:hover .bg-svg {
    fill: #89c765!important
}

.green-light .bg-svg {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.green-light .bg-svg.active,
.green-light .path10 {
    fill: #39b54a!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.green-light .path10.active {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.green-light:hover .path10 {
    fill: #fff!important
}

.green-light:hover .bg-svg {
    fill: #39b54a!important
}

.orange .bg-svg {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.orange .bg-svg.active,
.orange .path10 {
    fill: #FBB034!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.orange .path10.active {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.orange:hover .path10 {
    fill: #fff!important
}

.orange:hover .bg-svg {
    fill: #FBB034!important
}

.purple .bg-svg {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.purple .bg-svg.active,
.purple .path10 {
    fill: #5e50a1!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.purple .path10.active {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.purple:hover .path10 {
    fill: #fff!important
}

.purple:hover .bg-svg {
    fill: #5e50a1!important
}

.grey .bg-svg {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.grey .bg-svg.active,
.grey .path10 {
    fill: #95989A!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.grey .path10.active {
    fill: #fff!important;
    -webkit-transition: fill .5s;
    transition: fill .5s
}

.filter li:after,
.sidemenu {
    -webkit-transition: opacity .3s
}

.grey:hover .path10 {
    fill: #fff!important
}

.grey:hover .bg-svg {
    fill: #95989A!important
}

@media (max-width:991px) {
    .logo-bca,
    .logo-bca__original {
        background-size: 150px 39px;
        width: 150px;
        height: 39px
    }
    .ic-download::before {
        margin-right: 4px
    }
    .ic-download>span {
        display: none
    }
}

.sidemenu {
    font-size: 14px;
    padding: 0;
    opacity: 0;
    display: none;
    transition: opacity .3s
}

.sidemenu.show {
    display: unset;
    opacity: 1
}

.sidemenu .active {
    background-color: #fff;
    color: #FBB034;
    border-left: 10px solid #FBB034
}

.sidemenu li,
.sidemenu li a {
    color: #0066B3
}

.sidemenu li {
    background-color: #F3F3F3;
    padding: 12px 24px;
    border-bottom: .5px solid #EAEAEA;
    font-size: 12px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.sidemenu li:hover {
    background-color: #FAFAFA
}

.sidemenu li:last-child {
    border-bottom: none;
    color: #212529;
}

.footbar_small {
    overflow: hidden
}

.button-close {
    position: absolute;
    border: none;
    display: none;
    right: -20px;
    top: -20px;
    padding: 12px 16px;
    margin: 4px;
    background-color: #dc3c3c;
    color: #fff;
    font-size: 10px;
    border-radius: 24px
}

#algolia-container.active {
    display: block
}

#btn-search-mobile.mobile-show,
.button-menu {
    display: none
}

#algolia-container {
    max-width: 1440px;
    display: none;
    position: fixed;
    border: 1px solid #ededed;
    border-radius: 3px;
    top: 90px;
    z-index: 9999;
    background-color: #fff;
    width: 51.3%;
    right: 80px;
    margin: 20px 24px 20px 15px;
    max-height: 400px;
    -webkit-box-shadow: 0 .7px 0 0 rgba(0, 0, 0, .2), 0 2px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 .7px 0 0 rgba(0, 0, 0, .2), 0 2px 3px 0 rgba(0, 0, 0, .1)
}

#algolia-container::after {
    position: absolute;
    top: -8px;
    right: 18px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff
}

#algolia-container::before {
    position: absolute;
    top: -9.5px;
    right: 17.5px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ddd
}

#algolia-container #search-result {
    overflow: auto;
    position: relative;
    max-height: 275px;
    padding: 0 4px
}

#algolia-container .power {
    text-align: right;
    font-size: 13px;
    margin: 10px
}

#algolia-container .power img {
    height: 16px
}

#algolia-container a {
    color: #000
}

#algolia-container .text {
    font-size: 16px;
    font-weight: 500
}

#algolia-container a:first-child .result {
    margin-top: 5px
}

#algolia-container .result {
    padding: 10px 20px;
    border-bottom: 1px solid #ededed
}

.dropdown-menu.open.show {
    max-height: 800px!important;
    overflow: unset!important
}

.dropdown-menu.inner {
    max-height: 200px!important
}

.button-menu {
    position: fixed;
    left: 0;
    background-color: #DA3155;
    padding: 10px;
    z-index: 10;
    top: 134px
}

.container-lg {
    margin: 0 auto;
    position: relative
}

#mobile-karirform input,
#mobile-karirform textarea {
    width: 100%
}

#mobile-karirform>div {
    margin-bottom: 20px
}

#karirform {
    margin-top: 20px
}

@media (max-width:991px) {
    #btn-search,
    #hidemenu {
        display: none
    }
    #algolia-container {
        top: 145px;
        right: 0!important;
        width: calc(100% - 44px)
    }
    .mobile-show.input-search {
        min-height: 80px
    }
    .banner__tentangkami {
        background-position: center center!important
    }
    #hidemenu {
        position: fixed;
        top: 128px;
        padding-top: 20px;
        height: calc(100% - 128px);
        overflow: auto;
        background-color: #fff;
        width: 100%;
        z-index: 1000;
        left: 0
    }
    .button-close,
    .button-menu {
        display: unset
    }
}

.btn-style1,
.btn-style2 {
    padding: 8px 16px;
    cursor: pointer
}

.btn-style1 {
    border: 2px solid #000;
    border-radius: 0;
    background-color: transparent
}

.open-file {
    margin-right: 12px
}

.btn-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/assets/images/ceret.png) 90% 50% no-repeat #fff;
    background-size: 11px 7px
}

.btn-style2 {
    border: none;
    border-radius: 0
}

.syarat,
.syarat a {
    padding: 0
}

.btn-style2.bg-grey {
    background-color: #ddd;
    color: #000
}

.inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.inputfile+label {
    font-size: 1.25em;
    font-weight: 700;
    color: #fff;
    background-color: #000;
    display: inline-block
}

.form-check-label,
.listcard ul,
.syarat h5,
.syarat li p {
    font-size: 14px
}

.inputfile+label:hover,
.inputfile:focus+label {
    background-color: red
}

.button-toggle {
    display: flex
}

.smallcard--assets,
.syarat li {
    display: -webkit-box;
    display: -ms-flexbox
}

.button-toggle button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.button-toggle>button:nth-child(1):hover {
    background-color: #DA3155;
    color: #fff;
    border: 2px solid #DA3155;
    -webkit-transition: all .3s;
    transition: all .3s
}

.button-toggle>button:nth-child(2):hover {
    background-color: #004E86;
    color: #fff;
    border: 2px solid #004E86;
    -webkit-transition: all .3s;
    transition: all .3s
}

.syarat .menu-produk:after {
    right: 0
}

.syarat .syarat-hide {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 1s;
    transition: all 1s;
    z-index: 0
}

.syarat a {
    width: 100%
}

.syarat li {
    padding: 12px 24px;
    margin: 0;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.syarat li div {
    padding: 4px
}

.syarat li p {
    margin-bottom: 0
}

.form-group.inline {
    display: inline-block;
    width: calc(50% - 3px);
    vertical-align: top
}

.form-group.inline select {
    width: 100%
}

.tatakelolacard {
    min-width: 200px;
    width: 100%;
    max-width: 300px;
    height: 390px;
    position: relative;
    margin: 50px 50px 0 0
}

.tatakelolacard:last-child {
    margin-right: 0
}

.tatakelolacard .text {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 auto
}

.tatakelolacard h5 {
    text-transform: uppercase
}

.logocard {
    width: 250px;
    height: 140px;
    margin: 20px 0 0 20px;
    border: 2px solid grey;
    cursor: pointer
}

.logocard.active img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.logocard.active:nth-of-type(5n+1) {
    border: 2px solid #5E50A1
}

.logocard.active:nth-of-type(5n+2) {
    border: 2px solid #F27186
}

.logocard.active:nth-of-type(5n+3) {
    border: 2px solid #89C765
}

.logocard.active:nth-of-type(5n+4) {
    border: 2px solid #432A78
}

.logocard.active:nth-of-type(5n+5) {
    border: 2px solid #008242
}

.logocard img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .5s;
    transition: all .5s
}

.logocard:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.logocard:hover:nth-of-type(5n+1) {
    border: 2px solid #5E50A1
}

.logocard:hover:nth-of-type(5n+2) {
    border: 2px solid #F27186
}

.logocard:hover:nth-of-type(5n+3) {
    border: 2px solid #89C765
}

.logocard:hover:nth-of-type(5n+4) {
    border: 2px solid #432A78
}

.logocard:hover:nth-of-type(5n+5) {
    border: 2px solid #008242
}

.listcard {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.listcard.in-view {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.listcard ul {
    padding: 32px 40px
}

.listcard ul li {
    padding: 1px 0
}

.listcard:nth-of-type(5n+1) {
    color: #fff;
    background-color: #5E50A1
}

.listcard:nth-of-type(5n+2) {
    color: #fff;
    background-color: #F27186
}

.listcard:nth-of-type(5n+3) {
    color: #fff;
    background-color: #89C765
}

.listcard:nth-of-type(5n+4) {
    color: #fff;
    background-color: #432A78
}

.listcard:nth-of-type(5n+5) {
    color: #fff;
    background-color: #008242
}

a i:hover {
    cursor: pointer
}

.bigcard {
    padding: 20px;
    width: 480px;
    height: 300px;
    text-align: center;
    margin: 50px
}

.bigcard:hover {
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s
}

.smallcard {
    opacity: 0;
    padding: 10px;
    width: 200px;
    height: 200px;
    min-height: 239px;
    max-height: 239px;
    margin: 5px;
    position: relative;
    font-size: 12px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: calc(25% - 10px);
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

@media (max-width:991px) {
    .smallcard {
        min-height: 140px
    }
    .logocard {
        margin: 20px auto
    }
    .defaultimg::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .5)
    }
}

.smallcard.in-view {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.smallcard:hover {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: -3px 3px 0 #888;
    box-shadow: -3px 3px 0 #888;
    -webkit-transform: translate(3px, -3px);
    transform: translate(3px, -3px)
}

.smallcard.listcard {
    height: auto!important;
    padding: 32px 12px;
    min-height: 100px;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    width: 100%!important;
    -webkit-box-flex: unset!important;
    -ms-flex: unset!important;
    flex: unset!important;
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
    max-width: unset!important;
    text-align: left!important;
    -webkit-animation-name: flip;
    animation-name: flip;
    -webkit-animation-direction: .3s;
    animation-direction: .3s
}

.smallcard.listcard .smallcard--assets {
    position: unset!important;
    max-width: 250px
}

.smallcard p {
    font-size: 16px;
    color: #fff;
    display: block;
    width: 100%
}

.smallcard--assets {
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.smallcard--assets .col-six {
    white-space: nowrap;
    width: 50%
}

.smallcard:nth-of-type(5n+1) {
    color: #fff;
    background-color: #5E50A1
}

.smallcard:nth-of-type(5n+1) button {
    background-color: #6C5FAB;
    color: #fff
}

.smallcard:nth-of-type(5n+2) {
    color: #fff;
    background-color: #F27186
}

.smallcard:nth-of-type(5n+2) button {
    background-color: #F293A3;
    color: #fff
}

.smallcard:nth-of-type(5n+3) {
    color: #fff;
    background-color: #89C765
}

.smallcard:nth-of-type(5n+3) button {
    background-color: #9FD281;
    color: #fff
}

.smallcard:nth-of-type(5n+4) {
    color: #fff;
    background-color: #432A78
}

.smallcard:nth-of-type(5n+4) button {
    background-color: #5A3D98;
    color: #fff
}

.smallcard:nth-of-type(5n+5) {
    color: #fff;
    background-color: #008242
}

.smallcard:nth-of-type(5n+5) button {
    background-color: #0D9E57;
    color: #fff
}

.m-gallery {
    width: 200px;
    height: 200px;
    margin: 10px 10px 0 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: calc(25% - 10px);
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.m-gallery.in-view {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.m-gallery a,
.m-gallery:before {
    opacity: 0;
    left: 0;
    position: absolute
}

.m-gallery i {
    color: #fff;
    line-height: 1.3
}

.m-gallery a {
    z-index: 10;
    padding: 12px 32px 12px 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.m-gallery a span {
    font-size: 12px
}

.m-gallery:after {
    content: '';
    background: url('/assets/fonts/Group 786.svg?8ac767c5047ca6da97871713ecc8384c') center center no-repeat #FBB034;
    padding: 10px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 0;
    top: 0;
    bottom: 0;
    width: 28px;
    color: #fff;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.m-gallery:before {
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.m-gallery:hover a {
    opacity: 1;
    text-decoration: none
}

.m-gallery:hover:before {
    opacity: 1
}

.m-gallery:hover:after {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.karir-popup {
    min-width: 500px;
    max-width: 700px;
    width: 100%;
    border-radius: 5px
}

.form-group table {
    width: 100%
}

#error-message {
    color: #F44336;
    font-weight: 700
}

.form-group table td {
    width: 50%
}

.karir-popup .form-check-input {
    margin-left: 0
}

@media (max-width:991px) {
    .mobile-thumbnail a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .open-file {
        margin-right: 0
    }
    .mobile-thumbnail a .box-artikel {
        background: unset
    }
    .mobile-thumbnail a .box-artikel P {
        width: 50%;
        color: #000;
        height: 100%;
        font-size: 12px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        right: 0
    }
    .mobile-thumbnail a .box-artikel .fa-calendar {
        display: none
    }
    .mobile-thumbnail a .box-artikel i {
        color: #000!important
    }
    .mobile-thumbnail a img {
        width: 50%;
        height: 100px!important;
        left: 0
    }
    .mobile-thumbnail:hover .box-artikel:after,
    .mobile-thumbnail:hover .box-artikel:before {
        display: none!important
    }
}

.tumbnail-product {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    overflow: hidden
}

.tumbnail-product.in-view {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tumbnail-info {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    height: 132px;
    overflow: hidden
}

.tumbnail-info.big-info {
    height: 274px
}

.tumbnail-info.in-view {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tumbnail-info>a {
    display: block
}

.tumbnail-info>a img {
    height: 100%!important
}

.tumbnail-info .img-fit {
    height: unset;
    padding: unset
}

.tumbnail-info a>.box-artikel {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.tumbnail-info a>.box-artikel:after {
    content: '';
    background: url('/assets/fonts/Group 786.svg?8ac767c5047ca6da97871713ecc8384c') center center no-repeat #FBB034;
    padding: 10px;
    pointer-events: all;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 0;
    top: 0;
    bottom: 0;
    width: 28px;
    color: #fff;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.tumbnail-info a>.box-artikel p {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: .3s transform;
    transition: .3s transform
}

@media (max-width:991px) {
    .tumbnail-info a>.box-artikel p {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        top: 0;
        padding: 0 10px
    }
    .smallcard--assets .col-six {
        font-size: 10px;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.tumbnail-info a>.box-artikel i,
.tumbnail-info a>.box-artikel span {
    color: #fff
}

.tumbnail-info a>.box-artikel:before {
    content: "";
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

#footer,
.tumbnail-artikel {
    -webkit-transition: all 1s
}

.tumbnail-info:hover .box-artikel:before {
    opacity: 1
}

.tumbnail-info:hover .box-artikel>p {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tumbnail-info:hover .box-artikel:after {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tumbnail-info:hover .text {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.tumbnail-artikel {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: all 1s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    height: 220px;
    overflow: hidden
}

@media (max-width:991px) {
    .tumbnail-artikel {
        height: unset
    }
    .tumbnail-artikel.big-artikel {
        height: unset!important
    }
}

.tumbnail-artikel.big-artikel {
    height: 440px
}

.tumbnail-artikel.in-view {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tumbnail-artikel>a {
    display: block;
    height: 100%
}

.tumbnail-artikel>a img {
    height: 100%;
    width: 100%;
    object-fit: cover!important
}

.tumbnail-artikel .img-fit {
    height: unset;
    padding: unset
}

.tumbnail-artikel a>.box-artikel {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.tumbnail-artikel a>.box-artikel:after {
    content: '';
    background: url('/assets/fonts/Group 786.svg?8ac767c5047ca6da97871713ecc8384c') center center no-repeat #FBB034;
    padding: 10px;
    pointer-events: all;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 0;
    top: 0;
    bottom: 0;
    width: 28px;
    color: #fff;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.tumbnail-artikel a>.box-artikel p {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: .3s transform;
    transition: .3s transform
}

@media (max-width:991px) {
    .tumbnail-artikel>a,
    .tumbnail-artikel>a img {
        height: unset
    }
    .tumbnail-artikel a>.box-artikel p {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        top: 0;
        padding: 0 10px
    }
}

.tumbnail-artikel a>.box-artikel i,
.tumbnail-artikel a>.box-artikel span {
    color: #fff
}

.tumbnail-artikel a>.box-artikel:before {
    content: "";
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.tumbnail-artikel:hover .box-artikel:before {
    opacity: 1
}

.tumbnail-artikel:hover .box-artikel>p {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tumbnail-artikel:hover .box-artikel:after {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tumbnail-artikel:hover .text {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.box-artikel {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
    background: linear-gradient(transparent, rgba(0, 0, 0, .5));
    overflow: hidden;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    color: #fff;
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 0;
    right: 10px
}

.box-artikel p {
    z-index: 10;
    position: absolute;
    padding: 12px 32px 0 12px;
    bottom: 0;
    font-size: 12px;
    color: #fff
}

.box-artikel .text {
    padding-right: 40px!important;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: .3s transform;
    transition: .3s transform
}

.box-artikel .text p {
    -webkit-transform: translate(0)!important;
    transform: translate(0)!important
}

#big-artikel .text {
    position: absolute;
    bottom: 0;
    padding: 12px
}

#big-artikel .text p {
    position: unset!important;
    padding: 12px 0
}

@media (max-width:991px) {
    .box-artikel .text {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .box-artikel .text h4 {
        font-size: 1rem
    }
    .box-artikel .text p {
        font-size: .8rem!important
    }
    .box-artikel .text i,
    .box-artikel .text span {
        color: #fff!important
    }
    #big-artikel .text p {
        display: none
    }
}

#big-artikel>a {
    font-size: 20px!important
}

@media (max-width:991px) {
    .m-gallery>a,
    .smallcard p {
        font-size: 12px
    }
    .tatakelolacard {
        width: 220px;
        margin: 50px 0 0
    }
    .smallcard {
        width: calc(50% - 10px);
        height: 160px;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        max-width: unset
    }
    .smallcard p {
        width: 120px
    }
    .smallcard--assets {
        width: 140px!important
    }
    .m-gallery {
        width: calc(50% - 10px);
        margin: 5px;
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        max-width: unset
    }
    .m-gallery:before {
        content: '';
        padding-top: calc(50% - 10px)
    }
}

.middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.center {
    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
}

.accordion>a>div,
.accordion>div {
    display: none
}

.accordion li {
    padding: 12px 24px;
    margin: 10px 0;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.accordion li:nth-of-type(4n+1) {
    background: -webkit-gradient(linear, left top, left bottom, from(#004E86), to(#004E86));
    background: linear-gradient(#004E86, #004E86);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .5s;
    -moz-transition: background-size .5s;
    -ms-transition: background-size .5s;
    -o-transition: background-size .5s;
    -webkit-transition: background-size .5s;
    border-left: 4px solid #004E86
}

.accordion li:nth-of-type(4n+2) {
    background: -webkit-gradient(linear, left top, left bottom, from(#89C765), to(#89C765));
    background: linear-gradient(#89C765, #89C765);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .5s;
    -moz-transition: background-size .5s;
    -ms-transition: background-size .5s;
    -o-transition: background-size .5s;
    -webkit-transition: background-size .5s;
    border-left: 4px solid #89C765
}

.accordion li:nth-of-type(4n+3) {
    background: -webkit-gradient(linear, left top, left bottom, from(#FBB034), to(#FBB034));
    background: linear-gradient(#FBB034, #FBB034);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .5s;
    -moz-transition: background-size .5s;
    -ms-transition: background-size .5s;
    -o-transition: background-size .5s;
    -webkit-transition: background-size .5s;
    border-left: 4px solid #FBB034
}

.accordion li:nth-of-type(4n+4) {
    background: -webkit-gradient(linear, left top, left bottom, from(#00A6B5), to(#00A6B5));
    background: linear-gradient(#00A6B5, #00A6B5);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .5s;
    -moz-transition: background-size .5s;
    -ms-transition: background-size .5s;
    -o-transition: background-size .5s;
    -webkit-transition: background-size .5s;
    border-left: 4px solid #00A6B5
}

.accordion>a {
    color: #000
}

.accordion>a p {
    cursor: pointer
}

a .accordion__detail {
    border: 1px solid #95989A;
    padding: 12px 32px 12px 12px;
    overflow: hidden;
    position: relative
}

a .accordion__detail::after {
    content: '\F105';
    font-family: 'Font Awesome 5 Free';
    background-position: center center;
    cursor: pointer;
    pointer-events: all;
    padding: 10px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .5;
    font-size: 32px;
    color: grey;
    -webkit-transition: .3s;
    transition: .3s
}

a .accordion__detail:hover::after {
    opacity: 1
}

.accordion .animation-width {
    width: 100%
}

.accordion-item,
.accordion__detail {
    opacity: 0;
    -webkit-transform: translate(-50px);
    transform: translate(-50px);
    -webkit-transition: all .3s;
    transition: all .3s
}

.accordion-item.active,
.accordion__detail.active {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.accordion__detail:nth-of-type(4n+2) {
    background-color: #9acd32!important
}

.click {
    background-size: 0 100%;
    color: #000
}

.click.open {
    background-size: 100% 100%;
    color: #fff
}

.filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    border-bottom: 2px solid #FBB034;
    overflow-x: auto;
    overflow-y: hidden
}

.filter li {
    margin: 0 16px 0 0;
    position: relative;
    padding-bottom: 12px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer
}

.filter li:after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    background-color: #FBB034;
    border-radius: 10px;
    bottom: -10;
    opacity: 0;
    transition: opacity .3s
}

.filter li:active:after,
.filter li:hover:after {
    content: '';
    opacity: 1
}

#gallery .item:before,
#gallery .item:hover:before,
#tentang-kami a:before,
.hvr-sweep-to-right:before {
    content: ""
}

.filter .active {
    font-weight: 700;
    color: #FBB034
}

#tab-filter .filter {
    border-bottom: none;
}

#tab-filter .filter .active {
    color: #56c5d0;
}

#tab-filter .filter li {
    margin: 0;
    padding: 8px;
    border-left: 1px solid #56c5d0;
    border-right: 1px solid #56c5d0;
}

#tab-filter .filter li:first-child {
    border-left: none;
}

#tab-filter .filter li:last-child {
    border-right: none;
}

#tab-filter .filter li:after {
    width: 50px;
    height: 3px;
    background-color: rgba(0,0,0,0.1);
    bottom: 0px;
}

@media (max-width:768px) {
    #tab-filter .filter {
        display: block;
        padding: 0 16px;
    }
    #tab-filter .filter li {
        border: none;
        background-color: rgba(0,0,0,0.05);
        border-radius: 8px;
        margin-bottom: 6px;
    }
}

#form-tab {
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.grid-item,
.grid-item a,
.grid-item a:hover {
    transition: all .3s
}

#form-tab.tatakelola {
    flex-wrap: nowrap!important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

#form-tab.show {
    opacity: 1!important;
    margin: unset!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-transform: unset!important;
    transform: unset!important
}

.btn .icon.icon-right {
    right: 0;
}

.btn .icon {
    width: 60px;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.btn .icon .red .bg-svg,
.btn .icon .green-light .bg-svg,
.btn .icon .blue .bg-svg {
    fill: transparent !important;
}

.btn .icon .red .path10 {
    fill: #fff!important;
}

.btn .text {
    width: calc(100% - 60px);
}

.imgBcaLife {
    background: no-repeat var(--logo-url);
    background-position: 0 0;
    width: 205px;
    height: 40px
}

.imgInclusiKeuangan {
    background: no-repeat var(--logo-url);
    background-position: 0 -40px;
    width: 205px;
    height: 40px
}

.banner__home-1,
.banner__home-2,
.banner__home-3 {
    width: 100%;
    height: 600px
}

.banner__home-1 {
    background: url('/assets/images/BCA Life Heritage Protection.jpeg') center center;
    background-size: cover
}

.banner__home-2 {
    background: url('/assets/images/b-SAVE_jangan kelihatan pahanya.jpg') center center;
    background-size: cover
}

.banner__home-3 {
    background: url('/assets/images/Group Personal Accident lowres.jpg') center center;
    background-size: cover
}

.banner__info,
.banner__jaringanrs,
.banner__layanan,
.banner__media,
.banner__tentangkami {
    width: 100%;
    height: 500px
}

.banner__produk-proteksi {
    background: url(/assets/images/header-proteksi.png) center center;
    width: 100%;
    height: 500px;
    background-size: cover
}

.banner__layanan {
    background: url(/assets/images/layanan.png) center center;
    background-size: cover
}

.banner__jaringanrs {
    background: url(/assets/images/imgJaringanRs.jpg) center center;
    background-size: cover
}

.banner__media {
    background: url(/assets/images/imgMedia.png) center center;
    background-size: cover
}

#sectionMenu .produk-text {
    color: #ddd;
    background-color: #fff;
    font-size: 20px
}

.banner__info {
    background: url(/assets/images/imgInfo.png) center center;
    background-size: cover
}

.banner__tentangkami {
    background: url(/assets/images/header-tentangkami.jpg) center center;
    background-size: cover
}

@media (max-width:991px) {
    .mbanner__height {
        height: 320px
    }
    .tk-section-2 {
        height: unset!important;
        cursor: unset
    }
    .tk-section-2 .pos-absolute {
        color: #000;
        background-color: #fff;
        position: relative;
        height: unset
    }
    .tk-section-2>div {
        height: unset!important;
        position: relative!important
    }
}

#btn-back,
#gallery .hvr-opacity:hover,
#image1,
.at-hover,
.box-title,
.btn,
.click-produk,
.cta-1,
.cta-produk div,
.floating .click-halobca,
.grid-item a:hover,
.halobca,
.shake,
button {
    cursor: pointer
}

.grid-item a {
    transform: scale(1)
}

.grid-item a:hover {
    transform: scale(1.2)
}

.floating {
    position: fixed;
    bottom: 12px;
    right: 72px;
    width: 220px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 1000
}

@media (max-width:991px) {
    .floating {
        width: 120px;
        bottom: 60px;
        right: 15px
    }
}

.floating .br-2 {
    border-right: 2px solid #00f
}

.floating .widget {
    position: absolute;
    font-family: BPreplay;
    color: #0066B3;
    top: 0;
    left: 0;
    right: 0;
    padding: 4px 12px;
    background-color: #fff;
    border: 2px solid #0066B3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 8px;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    z-index: 1001;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (max-width:991px) {
    .floating .widget {
        left: -80px;
        width: 200px
    }
}

.floating .widget a {
    color: #0066B3
}

.floating .widget li {
    padding: 4px 0
}

.floating .widget li:last-child {
    padding: 0
}

.floating .active {
    -webkit-transform: translateY(0)!important;
    transform: translateY(0)!important;
    opacity: 1!important
}

.information-detail img {
    max-width: 800px
}

.mobile-background {
    display: none;
    position: relative;
    background-image: url(/assets/images/header-tentangkami.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 200px;
    width: 100%;
    background-size: cover
}

#gallery a,
.footbar_small--assets>div {
    height: 100%
}

.detail-text ul {
    list-style-type: unset
}

.floating #halobca {
    position: absolute;
    display: none;
    left: 0;
    opacity: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #0066B3;
    padding: 4px 12px;
    text-align: center;
    border-radius: 8px;
    background-color: #fff;
    z-index: 1002
}

.floating #halobca>div {
    display: inline
}

.floating #halobca .bl-default {
    border-left: 1px solid rgba(0, 0, 0, .2);
    padding-left: 12px
}

.floating #halobca span {
    font-family: BPreplay;
    font-weight: 700;
    font-style: italic;
    color: #0066B3
}

body,
span,
.font-helvetica {
    font-family: Helvetica
}

@media (max-width:991px) {
    .floating #halobca span {
        display: none
    }
}

.floating .click-halobca {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.floating ul {
    margin-bottom: 0
}

.shake:hover>div {
    -webkit-animation-name: shake;
    animation-name: shake;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

.click-produk.rotate:after {
    right: 24px
}

#footer {
    opacity: 0;
    transition: all 1s;
    overflow: hidden
}

#footer .row>div:nth-child(1) {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 1s;
    transition: all 1s
}

#footer .row>div:nth-child(2) {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-transition: all 1s;
    transition: all 1s
}

#gallery img,
.list {
    -webkit-transition: all 1s
}

#footer.load {
    opacity: 1
}

#footer.load .row>div:nth-child(1),
#footer.load .row>div:nth-child(2) {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

#gallery img {
    opacity: 1;
    transition: all 1s
}

#gallery a {
    display: block
}

#gallery .item {
    -webkit-transition: all .5s;
    transition: all .5s
}

#gallery .item p {
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

#gallery:hover img {
    filter: greyscale
}

.footbar_small--assets button {
    margin-top: 8px
}

.footbar_small--assets {
    padding: 40px;
    overflow: auto;
    margin-bottom: 40px;
    width: calc(100% + 20px)
}

#gallery .row,
.footbar .col-md-6 .row,
.input-search {
    overflow: hidden
}

.social-top {
    -ms-transform: skewX(340deg);
    -webkit-transform: skewX(340deg);
    transform: skewX(340deg);
    width: 40px;
    margin-left: -8px;
    border-left: 1px solid #fff
}

.social-top:nth-last-child(2) {
    border-right: 1px solid #fff
}

.nav-item {
    transition: all .3s
}

.nav-item.active {
    background-color: rgba(0, 0, 0, .1)
}

.social-top i {
    -ms-transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    font-size: 14px;
    padding: 8px 0 0 12px;
    color: #fff;
    text-align: center
}

.social-top.bg-email {
    background-color: #dd4b39
}

.social-top.bg-instagram {
    background-color: #ffb122
}

.social-top.bg-linkedin {
    background-color: #0073b0
}

.cta-1 {
    color: #00A6B5;
    font-weight: 700;
    border: none!important
}

.cta-1 li {
    background: #56C5D0;
    color: #fff;
    display: block!important;
    text-align: center
}

.career-success,
.cta-1-success {
    padding-top: 120px;
    padding-bottom: 120px;
    color: #9e9e9e;
    max-width: 800px;
    text-align: center
}

.career-success {
    margin-left: 40px
}

.cta-1-success {
    margin: 0 auto
}

.cta-1 #image1 {
    display: block;
    margin: 0 auto
}

.hvr-backward,
.hvr-forward,
.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle
}

#image1 {
    height: 45px;
    width: 45px
}

.social-top.bg-facebook {
    background-color: #3b5999
}

.social-top.bg-twitter {
    background-color: #55acee
}

.social-media>div {
    padding: 5.5px 50px
}

.social-media>ul {
    margin-right: 62px
}

.footbar_small--assets .row {
    padding-bottom: 40px
}

.footbar_small--assets .btn-style2 {
    margin-bottom: 40px;
    width: 140px
}

.scrollbox ul {
    list-style-type: decimal
}

#gallery .item:hover p {
    opacity: 1
}

#gallery .item:before {
    background-color: rgba(0, 0, 0, 0);
    transition: all .3s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#gallery .item:hover:before {
    background-color: rgba(0, 0, 0, .5)
}

.hover {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .3s;
    transition: all .3s
}

.hover:hover {
    -webkit-box-shadow: -1px 1px 1px #888;
    box-shadow: -1px 1px 1px #888;
    -webkit-transform: translate(3px, -3px);
    transform: translate(3px, -3px)
}

@-webkit-keyframes flip {
    0%,
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    50% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }
}

@keyframes flip {
    0%,
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    50% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }
}

@-webkit-keyframes opacity01 {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity01 {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes popupshow {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes popupshow {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(.5);
        transform: translate(-50%, -50%) scale(.5)
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(.5);
        transform: translate(-50%, -50%) scale(.5)
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes up {
    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@keyframes up {
    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    50% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    50% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
}

@-webkit-keyframes caraousel-up {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes caraousel-up {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes caraousel-left {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes caraousel-left {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.custom .carousel-item-next.carousel-item-left,
.custom .item-prev.carousel-item-right {
    -webkit-animation-name: caraousel-up;
    animation-name: caraousel-up;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.custom .active.carousel-item-left,
.custom .carousel-item-prev {
    -webkit-animation-name: caraousel-up;
    animation-name: caraousel-up;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.custom .left.active.carousel-item-left,
.custom .left.carousel-item-prev {
    -webkit-animation-name: caraousel-up;
    animation-name: caraousel-up;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.animup.active,
.custom .active.carousel-item-right,
.custom .carousel-item-next {
    -webkit-animation-name: caraousel-up;
    animation-name: caraousel-up;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.animleft.active {
    -webkit-animation-name: caraousel-left;
    animation-name: caraousel-left;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

@-webkit-keyframes hvr-buzz-out {
    10%,
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20%,
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50%,
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60%,
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

#tentang-kami a {
    margin-bottom: 10px
}

#tentang-kami a:before {
    background: #fff!important
}

#change-form .not-found {
    font-size: 32px;
    margin: 0 auto;
    padding: 60px 0
}

#tentang-kami a:active,
#tentang-kami a:focus,
#tentang-kami a:hover {
    color: #DA3155
}

.hvr-sweep-to-right {
    position: relative
}

.hvr-sweep-to-right:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00A6B5;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-right:active,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:hover {
    color: #fff
}

.hvr-sweep-to-right:active:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-forward {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.hvr-forward:active,
.hvr-forward:focus,
.hvr-forward:hover {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.hvr-backward {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.hvr-backward:active,
.hvr-backward:focus,
.hvr-backward:hover {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hvr-reveal {
    border: 0 solid #DA3155;
    -webkit-transition: all .3s;
    transition: all .3s
}

.hvr-reveal:active,
.hvr-reveal:focus,
.hvr-reveal:hover {
    border: 10px solid #DA3155
}

table input,
table textarea {
    width: 320px;
    padding: 4px 8px;
    border: .5px solid #747474
}

.nav-item .dropdown-menu {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all .5s;
    transition: all .5s
}

.nav-item .dropdown-menu:hover,
.nav-item .show {
    z-index: 1002
}

table td,
table tr {
    padding: 8px
}

table textarea {
    height: 72px
}

#hubungikami {
    position: relative
}

#hubungikami #map {
    height: 500px;
    width: 100%
}

@media (min-width:576px) {
    #hubungikami .box {
        background-color: rgba(0, 0, 0, .8);
        position: relative;
        right: 0;
        bottom: 0;
        margin: 20px auto
    }
}

@media (max-width:768px) {
    #hubungikami .box {
        background-color: rgba(0, 0, 0, .8);
        position: relative;
        right: 0;
        bottom: 0;
        margin: 20px auto
    }
}

@media (min-width:992px) {
    #hubungikami .box {
        background-color: rgba(0, 0, 0, .8);
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 22px 44px
    }
}

@media (min-width:1200px) {
    #hubungikami .box {
        background-color: rgba(0, 0, 0, .8);
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 22px 44px
    }
}

.bg-white .nav-item:active .nav-link,
.bg-white .nav-item:hover .nav-link,
.bg-white .nav-item:visited .nav-link {
    background-color: rgba(0, 0, 0, .1);
    color: #212121
}

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

.floating .widget li {
    transition: all .2s
}

.floating .widget li:hover {
    margin-left: 10px
}

.dropdown-menu {
    border-radius: 0;
    border-color: #fff!important;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    top: calc(100% - 2px)
}

.dropdown-menu:before {
    content: '';
    position: absolute;
    top: -8px;
    right: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff
}

.nav-item:hover .nav-link {
    background-color: rgba(0, 0, 0, .3);
    color: #fff
}

.nav-link {
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 28px 16px!important;
    height: 100%;
    text-align: center
}

.navbar-brand {
    padding: 13px 0
}

.navbar-nav {
    position: relative;
    height: 100%
}

.input-search {
    position: absolute;
    height: 80px;
    top: 0;
    right: 50px;
    bottom: 0;
    left: 0;
    padding: 16px 4px;
    display: none;
    z-index: 10;
    opacity: 0
}

.input-search.show {
    margin: 0!important
}

#cta_button[disabled] {
    background-color: rgba(0, 0, 0, .1)
}

@media (max-width:991px) {
    .input-search {
        position: relative
    }
    .career-success {
        margin-left: 0
    }
    #form-tab.tatakelola {
        display: unset!important
    }
    #form-tab.tatakelola .tatakelolacard {
        margin: 0 auto 40px
    }
}

#cta_button {
    margin-top: 5px
}

.input-search.show {
    display: unset;
    opacity: 1
}

.social-media,
.title {
    display: -webkit-box;
    display: -ms-flexbox
}

.input-search.show input {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.input-search.show.clr-transparant input {
    background-color: rgba(0, 0, 0, .1);
    border: 1px solid rgba(255, 255, 255, .3);
    color: #f5f5f5
}

.input-search.show.clr-transparant input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .8)
}

.input-search.show.clr-transparant input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .8)
}

.input-search.show.clr-transparant input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .8)
}

.input-search.show.clr-transparant input::placeholder {
    color: rgba(255, 255, 255, .8)
}

#artikel-terkini .box-artikel .fas,
.bg-green1,
.bg-light a,
a,
a:hover {
    color: #fff
}

.input-search input {
    width: 100%;
    border: .5px solid #f5f5f5;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    border-radius: 4px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    padding: 8px 12px;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (max-width:991px) {
    #collapsibleNavbar .nav-item.show {
        margin: unset
    }
    .navbar {
        max-height: 100%;
        overflow: auto
    }
    #collapsibleNavbar .nav-link {
        padding: 8px 4px!important;
        text-align: left;
        height: unset
    }
    #collapsibleNavbar .dropdown-menu {
        border: unset
    }
    #collapsibleNavbar .dropdown-menu:before {
        content: "";
        border: unset
    }
}

#artikel-terkini .col-md-6,
#gallery .item,
#produk,
#selling-produk,
.overflow-hidden,
.ovr-hidden {
    overflow: hidden
}

span {
    font-weight: 400
}

.btn-loadmore,
h4 {
    font-weight: 600
}

i {
    font-size: 12px
}

i>span {
    margin-left: .4rem
}

body {
    height: 100%!important
}

.social-media,
h1,
h2,
h3 {
    font-family: BPreplay
}

.navbar {
    max-width: unset;
    position: absolute
}

.navbar .container {
    max-width: 1440px
}

.title {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

@media (max-width:991px) {
    .title {
        display: block
    }
    .title .sosmed {
        margin-top: 10px;
        text-align: left!important;
        width: 100%;
        left: 0
    }
    .title .sosmed img {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

#gallery .col-4 {
    height: 200px;
    width: 200px
}

.theme-image {
    background-size: contain!important;
    height: 40px
}

#gallery .col-4 img,
#gallery .col-8 img {
    height: 100%;
    width: 100%;
    object-fit: cover!important
}

#gallery .col-4 .row {
    height: 200px
}

#gallery .col-8 {
    display: block;
    height: 400px;
    width: 400px
}

.title .sosmed {
    width: 160px;
    text-align: right
}

.cta-produk div,
.not-available,
.produk-text,
.side-text,
.txt-center,
a.btn-style2 {
    text-align: center
}

.sosmed img {
    height: 28px
}

.detail-height {
    position: relative;
    height: 80px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 10px
}

a {
    outline: 0
}

a:hover {
    text-decoration: none
}

nav {
    max-width: 1350px
}

h1 {
    font-size: 2rem
}

.carousel-inner img {
    width: 100%;
    height: 100%
}

.bg-light {
    position: absolute;
    top: auto;
    z-index: 100;
    width: 100%;
    background-color: rgba(0, 0, 0, .25)!important
}

#produk,
#selling-produk,
.pos-relative {
    position: relative
}

#btn-back {
    position: absolute;
    bottom: 20
}

.bg-greenblue {
    background-color: #007F8A;
    color: #fff
}

.bg-green1,
.social-media {
    background-color: #00A6B5
}

.social-media {
    display: flex;
    height: 32px;
    font-size: 14px
}

hr {
    border: none
}

.space-between1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.space-between1 div {
    text-align: center;
    padding: 12px
}

#produk,
#selling-produk {
    padding: 60px
}

#produk>div:last-child {
    position: absolute;
    left: 0;
    padding-left: 650px;
    bottom: 20px;
    width: 100%;
    height: auto
}

@media (max-width:991px) {
    #produk>div:last-child {
        position: unset
    }
    .theme-image {
        background-size: cover!important
    }
    #artikel-terkini .box-artikel i {
        color: #000
    }
}

#artikel-terkini {
    position: relative;
    left: 50px;
    width: calc(100% - 50px)
}

#artikel-terkini .box-artikel {
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    right: 0
}

#artikel-terkini .box-artikel .text i,
#gallery .item p i,
.sambutan,
.side-text {
    color: #fff
}

#artikel-terkini .box-artikel .text {
    position: absolute;
    bottom: 0;
    padding: 12px
}

#artikel-terkini .box-artikel .text p {
    position: unset!important;
    padding: unset!important
}

#artikel-terkini .box-artikel p {
    font-size: 16px
}

#artikel-terkini .box-title p {
    font-size: 12px
}

#artikel-terkini .box-title h1 {
    font-size: 16px
}

#side-title {
    width: 394px
}

#side-produk {
    background-color: #FBB034;
    width: 394px
}

#side-tentangkami {
    background-color: #89C765;
    width: 393px
}

#artikelterkait {
    border-top: 1px solid rgba(0, 0, 0, .2);
    padding-top: 40px;
    margin-top: 20px;
    clear: both
}

#artikelterkait img {
    max-height: 200px;
    overflow: hidden
}

#side-artikelterkini {
    background-color: #5e50a1;
    width: 418px
}

#side-gallery,
.sambutan {
    background-color: #DA3155
}

@media (max-width:991px) {
    #artikel-terkini .box-artikel .text p {
        display: none
    }
    .margin-auto {
        margin: 20px auto;
        display: block
    }
}

.dropdown-menu.inner>li:first-child,
.owl-dots,
.sambutan .txt-center {
    display: none
}

.carousel-mylife-guard .owl-dots {
    display: block;
    width: 600px;
}

.carousel-mylife-guard .owl-dots .owl-dot.active span,
.carousel-mylife-guard .owl-dots .owl-dot:hover span {
    background-color: #39b54a !important;
}

.carousel-mylife-guard .owl-dots .owl-dot span {
    background-color: #fff !important;
    border: 1px solid #39b54a;
}

@media (max-width:991px) {
    .mylife-guard {
        border-left: 10px solid #39b54a !important;
    }
    .carousel-mylife-guard .owl-dots {
        width: 100%;
    }
}

#side-gallery {
    width: 433px
}

#gallery {
    left: 50px;
    position: relative;
    width: calc(100% - 50px)
}

#gallery img {
    -o-object-fit: unset!important;
    object-fit: unset!important;
    width: 600px
}

#gallery .item {
    position: relative
}

#gallery .item p,
.box-title,
.sambutan,
.side-text {
    position: absolute
}

#gallery .item p {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 12px
}

#gallery .item p span {
    font-size: 12px
}

.side-text {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    bottom: -50px;
    height: 50px;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    font-size: 32px
}

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.padding-0 {
    padding: 0
}

.sambutan {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 720px;
    padding: 52px
}

.bg-greensoft {
    background-color: #89C765!important;
    color: #fff!important
}

#btn-search,
#btn-search:hover svg {
    background-color: unset
}

.opacity-0 {
    opacity: 0
}

#btn-search svg {
    cursor: pointer
}

#btn-search:hover svg {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all .3s;
    transition: all .3s
}

.bg-white {
    z-index: 100;
    width: 100%
}

.bg-white svg g>path {
    fill: #000
}

.bg-white a {
    color: #000
}

.txt-white {
    color: #fff
}

ul {
    list-style-type: none
}

.bg-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#007F8A), to(#004E86));
    background: linear-gradient(to right, #007F8A, #004E86);
    color: #fff
}

.size-50 {
    width: 50px;
    height: 50px
}

#footer {
    padding: 0
}

#footer a {
    color: #000
}

#footer .bc-blue {
    border-color: #007F8A
}

#footer .bc-red {
    border-color: #DA3155
}

#footer .bc-yellow {
    border-color: #FBB034
}

#footer .border-bottom {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-bottom: 10px
}

#footer ul {
    padding: 0
}

#footer>.row h4 {
    font-size: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

#footer>.row li,
#footer>.row p {
    font-size: 14px
}

#footer>.row>div {
    padding: 40px 30px 0
}

#footer li {
    padding: 8px 0
}

.img-footer {
    margin: 0 24px
}

.fc-blue {
    color: #00A6B5
}

.bg-blue,
.bg-orange,
.bg-purple,
.bg-red {
    color: #fff!important
}

.bg-red {
    background-color: #DA3155!important
}

.bg-orange {
    background-color: #FBB034!important
}

.bg-purple {
    background-color: #5e50a1!important
}

.bg-blue {
    background-color: #004E86!important
}

.bg-green {
    background-color: #89c765;
    color: #fff
}

.bg-green-light {
    background-color: #39b54a;
}

.at-hover {
    padding: 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.at-hover img {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.at-hover:hover {
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1)
}

.bg-orange {
    background-color: #FBB034;
    color: #fff
}

.bg-grey {
    background-color: #95989A;
    color: #fff
}

.bg-greysoft {
    background-color: #F8F8F8
}

.bg-bluesoft {
    background-color: #00A6B5!important;
    color: #fff!important
}

.bg-bluesea {
    background-color: #5A98C8!important;
    color: #fff!important
}

.text-bluesoft:focus,
.text-bluesoft:hover {
    color: #00A6B5 !important;
}

.text-greenblue:focus,
.text-greenblue:hover {
    color: #007F8A !important;
}

.text-orange:focus,
.text-orange:hover {
    color: #FBB034 !important;
}

.text-purple:focus,
.text-purple:hover {
    color: #5e50a1 !important;
}

.text-blue:focus,
.text-blue:hover {
    color: #004E86 !important;
}

.text-green:focus,
.text-green:hover {
    color: #89c765 !important;
}

.text-green-light:focus,
.text-green-light:hover {
    color: #39b54a !important;
}

.text-red:focus,
.text-red:hover {
    color: #DA3155 !important;
}

.text-bluesea:focus,
.text-bluesea:hover {
    color: #5A98C8 !important;
}

.text-grey:focus,
.text-grey:hover {
    color: #95989A !important;
}

.card-product {
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),
                .3s box-shadow,
                .3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
}

.card-product:hover {
    transform: scale(1.025);
    box-shadow: 0 10px 20px rgba(0, 166, 181,.12), 
                0 4px 8px rgba(0, 166, 181,.06);
}

.card-product .card-body {
    border: 1px solid #00A6B5;
    border-top: 0;
    border-radius: 0 0 .25rem .25rem;
}

.b-l-bluesoft {
    border-left-color: #00A6B5 !important;
}

.b-l-greenblue {
    border-left-color: #007F8A !important;
}

.b-l-orange {
    border-left-color: #FBB034 !important;
}

.b-l-purple {
    border-left-color: #5e50a1 !important;
}

.b-l-blue {
    border-left-color: #004E86 !important;
}

.b-l-green {
    border-left-color: #89c765 !important;
}

.b-l-green-light {
    border-left-color: #39b54a !important;
}

.b-l-red {
    border-left-color: #DA3155 !important;
}

.b-l-bluesea {
    border-left-color: #5A98C8 !important;
}

.b-l-grey {
    border-left-color: #95989A !important;
}

.b-bottom {
    border-bottom: 8px solid #FBB034;
    padding-bottom: 12px
}

.mr-12 {
    margin-right: 12px
}

.clr-blue {
    border-color: #00A6B5;
    color: #00A6B5
}

.clr-white {
    border-color: #fff;
    color: #fff
}

.img-fluid {
    -o-object-fit: none;
    object-fit: none
}

.img-fit {
    width: 600px;
    height: 300px;
    padding: 0 40px;
    -o-object-fit: cover;
    object-fit: cover
}

.box-title {
    bottom: 0;
    padding: 12px;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    width: 100%
}

.bottom-minus {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    height: 50%;
    bottom: 0
}

.bottom-minus:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.padding-70 {
    padding: 70px!important
}

.pr-7 {
    padding-right: 70px!important
}

.pl-7 {
    padding-left: 70px!important
}

#breadcrumbs {
    background-color: #56C5D0;
    color: #fff;
    padding: 4px 50px
}

.p-150 {
    padding: 0 72px
}

.p-navbar {
    padding: 0 50px
}

.p-assets {
    padding: 5px 12px
}

.m-50 {
    margin: 50px
}

.btn-loadmore {
    border: none;
    background-color: transparent;
    color: #FBB034;
    border-bottom: 2px solid #FBB034
}

.m-20 {
    margin: 20px
}

.w-150 {
    width: 150px
}

.w100 {
    width: 100%
}

.md3-max-width {
    max-width: calc(25% - .5rem)
}

.justify-left {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.owl-item>img {
    height: 120px
}

.p-artikel {
    padding: 10px 10px 0 0;
    position: relative
}

.mainlogo {
    border: 2px solid #5E50A1
}

#search-result .result:hover {
    background: rgba(0, 0, 0, .1)
}

#search-jaringan,
#search-jaringan-luar {
    position: absolute;
    display: flex;
    bottom: 20px;
    width: 68%;
    margin-left: auto;
    margin-right: auto;  
    z-index: 10;
    left: 0;
    right: 0;
    justify-content: center;
    text-align: center;
}

#search-jaringan input[type=text] {
    width: 36%;
}

#search-jaringan-luar input[type=text] {
    width: 42%;
}

#search-jaringan input[type=text],
#search-jaringan-luar input[type=text] {
    border: 2px solid #00A6B5;
    padding: 4px 12px
}

.dropdown-toggle {
    margin-left: 12px!important;
    max-width: 160px
}

#search-jaringan select,
#search-jaringan-luar select {
    width: calc(15% - 4px);
    border: 2px solid #00A6B5;
    padding: 4px 12px
}

.m-jaringan-rs {
    position: relative!important;
    width: 100%!important;
    padding: 0 5px;
    margin-bottom: 20px;
    float: left
}

.m-jaringan-rs input[type=text] {
    width: calc(100% - 10px)!important;
    float: left;
    margin: 10px 5px 0
}

.m-jaringan-rs select {
    width: calc(50% - 10px)!important;
    float: left;
    margin: 10px 5px 0
}

.scroll {
    width: 100%;
    height: 400px;
    overflow-y: scroll;
    margin-left: 18px
}

@media (max-width:991px) {
    .scroll {
        height: unset;
        overflow: unset
    }
}

#header,
.banner,
.grid-item,
.listproduk,
.scrollbox {
    overflow: hidden
}

#header {
    min-height: 540px
}

.scrollbox {
    position: relative;
    background-image: url(/assets/images/header-tentangkami.png);
    background-repeat: no-repeat;
    background-size: cover
}

#footer .btn-style2 {
    color: #fff;
    max-width: 130px
}

.carousel-button>a {
    display: inline-block!important
}

@media (max-width:991px) {
    .scrollbox {
        background-color: #fff;
        background-image: unset!important
    }
}

.box {
    background-color: red;
    color: #fff;
    padding: 16px;
    width: 500px;
    margin: 72px 0 0;
    float: right;
    clear: right
}

#produk .img-produk,
#selling-produk .img-produk,
.grid-item {
    float: left
}

.box:first-child {
    margin-top: 40px
}

.tentang-mobile {
    display: none
}

.box:nth-child(3) {
    margin-bottom: 72px
}

.banner {
    height: 368px;
    width: 100%;
    position: relative
}

.banner #img-direktur {
    width: 100vw;
    height: 100vh;
    background: url(/assets/images/direktur.jpg) no-repeat;
    background-size: contain
}

#results .search-text,
.bg-yellow,
.circle-header {
    background-color: #FBB034
}

.tp-tab-title {
    font-weight: 800;
    color: #FBB034
}

.tp-tab-desc {
    color: #fff;
    opacity: 0
}

@media (max-width:991px) {
    .tentang-mobile {
        display: block
    }
    #algolia-container {
        right: 40px
    }
    .tp-mask-wrap .tp-caption {
        opacity: 0!important
    }
    .tp-parallax-wrap {
        top: 50%!important
    }
}

.tp-mask-wrap .tp-title {
    opacity: 1!important
}

.not-available {
    margin: 200px 0
}

#results .result {
    margin-top: 20px
}

#results .result:last-child {
    margin-bottom: 80px
}

.circle-header {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 1px 5px rgba(255, 255, 255, .5);
    box-shadow: 0 1px 5px rgba(255, 255, 255, .5)
}

.produk-height {
    max-height: 320px;
    height: 320px
}

.produk-height a {
    display: block;
    bottom: 10px;
    position: absolute
}

.panduan-img img {
    width: 100%!important
}

.bg-red,
.bg-yellow {
    color: #fff
}

.transition {
    position: absolute;
    top: 0;
    width: calc(100% - 20px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.hide {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0
}

.flex-grow__1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.show {
    margin: auto!important;
    display: block!important;
    -webkit-transform: translateY(0)!important;
    transform: translateY(0)!important
}

.listproduk .show {
    opacity: 1!important;
}

.accordion>.row,
.list {
    opacity: 0
}

.list {
    height: 0;
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    transition: all 1s
}

.listproduk {
    position: relative;
    margin-top: 20px;
    width: 100%;
    height: 0;
    -webkit-transition: all 1s;
    transition: all 1s
}

.grid-item,
.grid-item img {
    width: 250px
}

.grid-item {
    border: 5px solid #fff
}

.grid-item a {
    display: block
}

.popup .content img {
    max-height: 470px
}

#popupModal iframe,
#popupModal a img {
    border-radius: .3rem;
}

#popupModal .close {
    position: absolute;
    right: 10;
    top: 10;
    background: white;
    border-radius: 50px;
    height: 30px;
    width: 30px;
}

#popupModal .close span {
    top: -1px;
    position: relative;
    font-weight: 600;
    font-size: 20px;
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

@media(max-width: 768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}

.syarat .overflow-hidden {
    border: 2px solid #95989A;
    transition: all .2s
}

.product .overflow-hidden {
    border-color: #F3F3F3;
}

.product .sidemenu .active {
    color: #00A6B5;
    border-left: 6px solid #00A6B5
}

.syarat .overflow-hidden .show {
    transform: translateY(0px);
    opacity: 1;
    height: unset;
}

.syarat .overflow-hidden .hide {
    transform: translateY(-100px);
    opacity: 0;
    height: 0px;
}

.popup .karir-popup {
    position: relative;
    margin: 2em auto;
    padding: 24px;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    background-color: #fff
}

.tk-section-2>div,
.tk-section-2>div .banner__tentangkami {
    position: absolute
}

.cta-produk div {
    background-color: #00A6B5;
    color: #fff;
    padding: 10px
}

.pos-absolute,
.tk-section-2>div {
    background-color: rgba(0, 0, 0, .5);
    left: 0
}

.tk-section-3 {
    padding: 12px 0
}

.tk-section-2>div {
    overflow: hidden;
    width: 100%
}

@media (max-width:991px) {
    .tk-section-2>div .banner__tentangkami {
        position: relative!important;
        -webkit-transform: unset!important;
        transform: unset!important
    }
}

#header .box-title {
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    -webkit-transition: all 1s;
    transition: all 1s
}

#header .box-title button,
#header .box-title p {
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s
}

#header .box-title:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#header .box-title:hover button,
#header .box-title:hover p {
    opacity: 1
}

.pos-absolute {
    position: absolute;
    padding: 12% 160px;
    top: 0;
    color: #fff;
    height: 100%
}

#artikel-terkini,
#tentang-kami {
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff
}

#gallery {
    border-top: 10px solid #fff
}

.carousel .active .cube:nth-child(1),
.carousel .active .cube:nth-child(2),
.carousel .active .cube:nth-child(3) {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.carousel .cube:nth-child(1) {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.carousel .cube:nth-child(2) {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.carousel .cube:nth-child(3) {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

#produk,
#selling-produk {
    height: 400px
}

@media (max-width:991px) {
    #produk,
    #selling-produk {
        height: unset
    }
}

#produk .hide {
    display: none;
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s
}

#produk .show {
    -webkit-transition: all 1s;
    transition: all 1s;
    opacity: 1
}

#changediv img {
    margin: 0 20px 0 0
}

#change-form button:hover {
    color: #89C765
}

#changediv a.btn-style2 {
    width: 70px
}

#change-form button.hvr-sweep-to-right:before,
#change-form button.hvr-sweep-to-right:hover:before {
    background-color: #fff
}

.w-auto {
    width: auto
}

.fs-12 {
    font-size: 12px!important
}

.fs-22 {
    font-size: 22px!important
}

.fs-20 {
    font-size: 20px!important
}

.mt-3,
.my-3 {
    margin-top: 1rem!important
}

#demo {
    width: 100%
}

.flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 60vw;
    width: 80%
}

.flexbox:hover img {
    opacity: .28
}

.flexbox .item {
    position: relative;
    width: 33.33%;
    padding: 10px
}

.flexbox .item img {
    width: 100%;
    display: block;
    -webkit-transition: all .8s;
    transition: all .8s
}

.flexbox .item .title {
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
    padding: 0 3%;
    font-size: 30px;
    text-shadow: 0 0 8px rgba(0, 0, 0, .42)
}

.flexbox .item:hover img {
    opacity: 1
}

.text-detail ul {
    list-style-type: inherit;
}

.text-detail i {
    font-size: inherit;
}

@media (max-width:860px) {
    .mainlogo {
        margin: 24px auto
    }
    .flexbox {
        height: 160vw
    }
    .flexbox .item {
        width: 50%
    }
}

@media (max-width:667px) {
    .flexbox,
    .flexbox .item {
        width: 100%
    }
    .flexbox {
        height: auto
    }
}

@media (max-width:991px) {
    #tentang-kami .row,
    .height-100 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }
    .pl-7 {
        padding-left: 40px!important
    }
    .padding-70 {
        padding: 12px!important
    }
    .p-navbar {
        padding: 0 12px
    }
    h1 {
        font-size: 1.8rem
    }
    .scroll {
        margin-left: unset
    }
    .box {
        color: #fff;
        width: 300px;
        margin: auto auto 72px;
        float: unset;
        clear: unset
    }
    .carousel-inner img {
        height: unset
    }
    .space-between1 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    #header .box-title {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        position: relative;
        background-color: #00A6B5;
        padding: 12px
    }
    #produk,
    #selling-produk,
    #produk div {
        padding: 0
    }
    #header .box-title h1 {
        font-size: 32px
    }
    #header .box-title button,
    #header .box-title p {
        opacity: 1
    }
    .side-text {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        top: 0;
        z-index: 10;
        width: 100%!important
    }
    .side-text--scroll {
        position: fixed;
        top: 68px
    }
    #produk,
    #selling-produk {
        position: relative;
        top: 50px;
        border-left: 10px solid #FBB034;
        margin-bottom: 50px
    }
    #produk .img-produk,
    #selling-produk .img-produk {
        width: 100%;
        height: auto
    }
    #produk .produk-info,
    #selling-produk .produk-info {
        margin: 30px;
        width: calc(100% - 60px)
    }
    #breadcrumbs {
        padding: 4px 12px
    }
    #tentang-kami {
        width: auto;
        left: 0;
        margin-bottom: 50px
    }
    #tentang-kami .sambutan {
        position: relative;
        top: 50px;
        left: 0;
        right: 0;
        width: 100%;
        -webkit-transform: translate(0);
        transform: translate(0);
        border-left: 10px solid #89c765
    }
    #tentang-kami .sambutan h2 {
        text-align: center
    }
    #tentang-kami .sambutan .txt-center {
        display: block
    }
    #tentang-kami .banner {
        display: none
    }
    #tentang-kami .row {
        -ms-flex-direction: column;
        flex-direction: column
    }
    #tentang-kami .row button {
        margin-bottom: 8px
    }
    .height-100 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    #artikel-terkini {
        width: auto;
        left: 0;
        top: 50px;
        border-left: 10px solid #5e50a1;
        padding-bottom: 50px
    }
    #artikel-terkini .section-2 .tumbnail-artikel {
        width: 100%
    }
    #artikel-terkini .section-2 .tumbnail-artikel img {
        margin-bottom: 0!important
    }
    #artikel-terkini .section-2 .tumbnail-artikel a {
        width: 100%;
        display: block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }
    #artikel-terkini .section-2 .tumbnail-artikel a img {
        width: 50%
    }
    #artikel-terkini .section-2 .tumbnail-artikel a .box-artikel {
        position: absolute;
        right: 0!important;
        left: unset;
        padding: 0 12px;
        width: 50%
    }
    #artikel-terkini .section-2 .tumbnail-artikel a .box-artikel P {
        font-size: 12px!important;
        padding: 0;
        margin: 0
    }
    #artikel-terkini .section-2 .tumbnail-artikel a .box-artikel:after,
    #artikel-terkini .section-2 .tumbnail-artikel a .box-artikel:before {
        content: unset
    }
    #artikel-terkini .section-2 .col-md-6 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 12px
    }
    #gallery .disabled,
    .social-media>div {
        display: none
    }
    #artikel-terkini .section-2 .col-md-6 img {
        width: 175px;
        height: 100px
    }
    #gallery,
    object {
        width: 100%
    }
    #artikel-terkini .section-2 .col-md-6 .box-artikel {
        position: relative;
        background: unset;
        height: unset;
        top: 0
    }
    #artikel-terkini .section-2 .col-md-6 .box-artikel p {
        color: #000!important
    }
    #artikel-terkini .section-2 .col-md-6 .box-artikel h1 {
        font-size: 12px!important;
        font-weight: 500
    }
    #gallery {
        position: relative;
        left: 0;
        top: 50px;
        border-left: 10px solid #da3155;
        margin-bottom: 50px;
        border-top: unset
    }
    #footer>.row>div {
        padding: 40px 30px
    }
    #footer {
        padding: 16px
    }
    #footer ul {
        padding: 0
    }
    .mr-5 {
        margin-right: 1rem!important
    }
    .m-p-0 {
        padding: 0!important
    }
    .m-p-18 {
        padding: 18px!important
    }
    .m-mt-20 {
        margin-top: 20px!important
    }
    .m-fs-14 {
        font-size: 14px!important
    }
    .m-m-0 {
        margin: 0!important
    }
    .mt-5 {
        margin-top: 10px!important
    }
    .mb-5 {
        margin-bottom: 10px!important
    }
    .p-150 {
        padding: 10px
    }
    .p-5 {
        padding: 1rem!important
    }
    .pl-5 {
        padding-left: 18px!important
    }
    .pr-5 {
        padding-right: 18px!important
    }
    .md3-max-width {
        max-width: unset
    }
    .navbar-brand>img {
        width: 150px
    }
    .bottom-minus {
        height: unset;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .bottom-minus:hover {
        height: unset
    }
    #artikel-terkini,
    #tentang-kami {
        border-top: unset;
        border-bottom: unset
    }
    .img-fit {
        padding: 0;
        margin-bottom: 16px
    }
    .tumbnail-artikel img {
        margin-bottom: 0!important;
        width: 800px
    }
    .box-artikel p {
        font-size: 20px
    }
    .detail-height {
        height: 64px
    }
    .navbar-brand .logo-bca,
    .navbar-brand .logo-bca__original {
        background-size: 150px 38px!important;
        width: 150px!important;
        height: 38px!important
    }
}

.produk-text {
    font-size: 24px;
    padding: 12px 0;
    color: #9e9e9e
}

#footer ul li a:hover {
    color: #004E86
}

.floatingmenu .menu img {
    position: absolute;
    right: 0;
    padding: 0 15px;
    top: 50%;
    transform: translateY(-50%)
}

.text-bottombar a {
    color: #000
}

.floating ul li img {
    width: 18px;
    margin-right: 8px
}

.text-bottombar a:hover {
    color: #FBB034
}

.mainlogo {
    width: 250px;
    height: 140px
}

.dropdown-menu.show {
    transform: unset!important;
    top: 100%!important;
    left: 5px!important;
    will-change: unset!important
}

.bootstrap-select.show {
    margin: unset!important
}

.dropdown-menu.inner {
    display: block
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li.hidden {
    display: none!important
}

.bs-searchbox>input {
    width: 100%!important
}

.dropdown-toggle.btn-default {
    background-color: #fff;
    border-radius: 0;
    border: 2px solid #00A6B5;
    color: #757575
}

#ctaform {
    padding: 10px
}

#ctaform .form-check {
    padding-left: 30px
}

@media(max-width:991px) {
    #search-jaringan,
    #search-jaringan-luar {
        display: unset;
        top: 12px
    }
    .tumbnail-info.big-info img {
        height: 100%
    }
    .bootstrap-select {
        width: 100%!important;
        padding: 12px 5px 0
    }
    .dropdown-toggle {
        width: calc(100% - 8px);
        max-width: unset!important;
        margin-left: unset!important;
        margin: 12px 4px 0
    }
    .dropdown-menu {
        position: relative!important
    }
}

button:focus {
    outline: 0
}

#page404 a {
    color: #000;
    max-width: 200px;
    margin: 20px auto
}

a.btn-style2 {
    display: block
}

@media (max-width:991px) {
    #gallery .col-4 .row {
        height: 125px
    }
    #gallery .col-8 {
        height: 250px
    }
    .footbar_big--assets .control {
        bottom: 5px
    }
    .mobile-background {
        display: block
    }
    #header {
        min-height: 420px
    }
    .social-media ul {
        margin-right: 12px
    }
}

#artikelterkait p {
    color: #000;
    margin-top: 20px
}

.side-search-mobile {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    transition: all .2s;
    bottom: 0;
    transform: translateX(100%);
    background: #fff;
    z-index: 11000
}

.side-search-mobile.on {
    transform: translateX(0)
}

.side-search-mobile input {
    background-color: #fff;
    box-shadow: none;
    margin: 0 auto
}

.side-search-mobile .input-search {
    padding: 20px
}

.side-search-mobile .side-mobile a {
    padding: 10px 20px;
    display: block;
    color: #000
}

.side-search-mobile .side-mobile a:nth-child(2n) {
    background: rgba(218, 218, 218, .5);
    padding: 10px 20px;
    color: #000
}

#btn-search-mobile {
    display: none
}

.syarat-desktop {
    display: unset
}

.syarat-mobile {
    display: none
}

@media (max-width:991px) {
    .side-search-mobile {
        display: unset
    }
    .syarat-desktop {
        display: none
    }
    #btn-search-mobile,
    .syarat-mobile {
        display: unset
    }
    #algolia-container,
    .navbar-nav .input-search {
        display: none!important
    }
    .navbar {
        transition: background-color .2s
    }
    #search-result-mobile .text {
        padding: 10px 20px
    }
    #side-close-mobile {
        padding: 20px 20px 0;
        font-size: 16px
    }
    .social-top:nth-last-child(2) {
        border-right: 0 solid #fff
    }
    .social-top:last-child {
        border-right: 1px solid #fff
    }
    .search-result-container {
        overflow: auto;
        height: calc(100% - 162px)
    }
    #buzz-frame {
        display: none
    }
}

#change-icon {
    display: block;
    font-size: 30px
}

.icon-navbar {
    font-size: 30px;
    color: #212121
}

.__white {
    color: #fff
}

.__black {
    color: #212121
}

.mobile-badge {
    margin-top: 10px;
    margin-bottom: 50px;
    width: 100%;
}

.mobile-badge img {
    width: 48%;
}

.playstore-badge {
    margin-top: 10px
}

.appstore-badge {
    margin-top: 10px
}

#buzz-frame {
    position: absolute;
    border: none;
    left: -130px;
    bottom: 60px;
    height: 0;
    width: 350px;
    transition: all .2s
}

#buzz-frame iframe,
#buzz-frame img {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 8px;
}

#buzz-frame.active {
    height: 495px
}

#buzz-frame.active:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 92%;
    top: 8%;
    left: 0;
    border-radius: 8px;
    -webkit-box-shadow: 0 .7px 0 0 rgba(0, 0, 0, .2), 0 2px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 .7px 0 0 rgba(0, 0, 0, .2), 0 2px 3px 0 rgba(0, 0, 0, .1);
    z-index: -1
}

#algoliaInput-mobile {
    border: 2px solid #56c5d0
}

.search-result-container .power {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
    padding: 20px
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.search-result-container .power img {
    height: 16px
}

.add-class.form-1 {
    opacity: 0
}

.add-class.form-1.active {
    opacity: 1
}

.navbar.bg-white {
    border-bottom: 4px solid #56c5d0
}

.youtube-about {
    float: left;
    padding-right: 12px
}

@media (max-width:991px) {
    .youtube-about {
        float: unset;
        padding-right: 0;
        padding-bottom: 20px;
        width: 100%
    }
    .dropdown-item {
        pointer-events: none
    }
    .dropdown-item.drop-unset {
        pointer-events: unset
    }
    .nav-item:last-child {
        margin-bottom: 20px
    }
    .button-menu .fas {
        color: #fff
    }
    .sambutan-text {
        padding: 20px
    }
    .sambutan {
        padding: 0
    }
    .sambutan img {
        width: 100%
    }
    #rev_slider_1164_1_forcefullwidth,
    #rev_slider_1164_1_wrapper {
        max-height: 600px!important
    }
}

.popup {
    overflow-y: auto;
    overflow-x: none
}

.karir-popup {
    margin: 70px 0
}

.popup-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.tp-tabs-inner-wrapper {
    top: unset!important
}

.tp-tab-mask {
    max-height: unset!important;
    margin: -150px 0!important
}

.tk-pos-relative {
    position: relative;
    top: 0;
    left: 0;
    color: #fff;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center
}

.tk-pos-relative>div {
    margin: 0 auto;
    max-width: 956px
}

.container-video {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.container-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

@media (max-width:991px) {
    .tk-pos-relative,
    .tk-section-2>div {
        background-color: #fff!important
    }
    .tk-pos-relative {
        color: #000!important;
        display: unset;
        margin: 20px 0
    }
    .tk-pos-relative div {
        margin: 20px 0
    }
    .mobile-input-search input {
        width: 100%;
        border: .5px solid #f5f5f5;
        border-radius: 4px;
        padding: 8px 12px;
        transition: all .5s
    }
    .mobile-show.show {
        padding: 16px 20px;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 1px 0 rgba(0, 0, 0, .05)
    }
}

.text-body a {
    color: blue !important
}

.detail-text i {
    font-size: unset !important;
}
.filterrs_group{
  display: flex;
  max-width: 400px;
}
.filterrs_group .btn-group{  
  margin: 0 5px !important;  
}

.bootstrap-select .dropdown-toggle{
    max-width: unset !important;
}

@media (max-width:991px) {
    .filterrs_group{
        display: block;        
    }
    .filterrs_group .btn-group{  
        margin: 0 !important;  
    }
    .produk-grid {
        display: grid;
        gap: 8px;
    }
    .produk-grid a {
        margin: 0;
    }
}

.popup-link a{color:#00a6b5;}

.note-editor.note-frame{border: unset !important;}
.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"]{background-color: #ffffff !important}

#costum-form .mt-5, 
#costum-form .mb-5{
	margin-top: 0 !important;
}

/* TOP & SIDE BANNER */
.side-ben {
    margin: 2em 0;
}

.side-ben img {
    width: 100%;
    height: auto;
}

/* Rekan Bisnis */
.title-partner {
    color: #fff;
    background: #00A6B5;
    padding: 11px 1em;
    font-size: 18px;
    margin: 3rem 0.7rem 0 1.9rem;
}
.title-partner:nth-of-type(4n+1) {
    background: #004E86;
}
.title-partner:nth-of-type(4n+2) {
    background: #F27186;
}
.title-partner:nth-of-type(4n+3) {
    background: #89C765;
}
.title-partner:nth-of-type(4n+4) {
    background: #00A6B5;
}

@media (max-width:991px) {
    .title-partner {
        padding: 11px 1em;
        font-size: 16px;
        margin: 2rem 2rem 0 2rem;
    }
}

/* Produk */
.border-produk {
    border-bottom: 2px solid #00A6B5;
}

.card-produk {
    border-width: 0 !important;
    color: #fff;
    text-align: center;
}

.card-produk p, 
.card-produk a {
    font-size: 14px;
}

#filtertype {
    border: 2px solid #DA3155;
    border-radius: 15px;
}