/*!
 * Bootstrap v4.0.0-alpha.6 (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)
 */

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

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

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

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

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

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 {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

@media print {
    *,
    ::after,
    ::before,
    blockquote::first-letter,
    blockquote::first-line,
    div::first-letter,
    div::first-line,
    li::first-letter,
    li::first-line,
    p::first-letter,
    p::first-line {
        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;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    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
    }
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

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

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #292b2c;
    background-color: #fff
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    cursor: help
}

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

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

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

a {
    color: #0275d8;
    text-decoration: none
}

a:focus,
a:hover {
    color: #014c8c;
    text-decoration: underline
}

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

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
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle
}

[role=button] {
    cursor: pointer
}

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

table {
    border-collapse: collapse;
    background-color: transparent
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #636c72;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: left
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

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

button,
input,
select,
textarea {
    line-height: inherit
}

input[type=checkbox]:disabled,
input[type=radio]:disabled {
    cursor: not-allowed
}

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

textarea {
    resize: vertical
}

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

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit
}

input[type=search] {
    -webkit-appearance: none
}

output {
    display: inline-block
}

[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.1;
    color: inherit
}

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

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

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

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

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

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

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

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.1
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.1
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.1
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

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

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

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

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

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

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

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

.blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: .25rem solid #eceeef
}

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

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

.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: .25rem solid #eceeef;
    border-left: 0
}

.blockquote-reverse .blockquote-footer::before {
    content: ""
}

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

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

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

.figure {
    display: inline-block
}

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

.figure-caption {
    font-size: 90%;
    color: #636c72
}

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

code {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f7f7f9;
    border-radius: .25rem
}

a>code {
    padding: 0;
    color: inherit;
    background-color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #fff;
    background-color: #292b2c;
    border-radius: .2rem
}

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

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 90%;
    color: #292b2c
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0
}

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

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

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

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

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

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

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

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

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

@media (min-width:1200px) {
    .container {
        width: 1140px;
        max-width: 100%
    }
}

.container-fluid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:576px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:1200px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

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

@media (min-width:576px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:768px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:992px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:1200px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

.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-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-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-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-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 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:576px) {
    .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-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-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-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-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 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .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-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-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-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-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 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .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-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-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-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-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 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:1200px) {
    .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-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-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-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-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 {
        padding-right: 15px;
        padding-left: 15px
    }
}

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

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

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

.col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

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

.col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

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

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

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

.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

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

.pull-0 {
    right: auto
}

.pull-1 {
    right: 8.333333%
}

.pull-2 {
    right: 16.666667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.333333%
}

.pull-5 {
    right: 41.666667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.333333%
}

.pull-8 {
    right: 66.666667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.333333%
}

.pull-11 {
    right: 91.666667%
}

.pull-12 {
    right: 100%
}

.push-0 {
    left: auto
}

.push-1 {
    left: 8.333333%
}

.push-2 {
    left: 16.666667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.333333%
}

.push-5 {
    left: 41.666667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.333333%
}

.push-8 {
    left: 66.666667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.333333%
}

.push-11 {
    left: 91.666667%
}

.push-12 {
    left: 100%
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {
    .col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .pull-sm-0 {
        right: auto
    }
    .pull-sm-1 {
        right: 8.333333%
    }
    .pull-sm-2 {
        right: 16.666667%
    }
    .pull-sm-3 {
        right: 25%
    }
    .pull-sm-4 {
        right: 33.333333%
    }
    .pull-sm-5 {
        right: 41.666667%
    }
    .pull-sm-6 {
        right: 50%
    }
    .pull-sm-7 {
        right: 58.333333%
    }
    .pull-sm-8 {
        right: 66.666667%
    }
    .pull-sm-9 {
        right: 75%
    }
    .pull-sm-10 {
        right: 83.333333%
    }
    .pull-sm-11 {
        right: 91.666667%
    }
    .pull-sm-12 {
        right: 100%
    }
    .push-sm-0 {
        left: auto
    }
    .push-sm-1 {
        left: 8.333333%
    }
    .push-sm-2 {
        left: 16.666667%
    }
    .push-sm-3 {
        left: 25%
    }
    .push-sm-4 {
        left: 33.333333%
    }
    .push-sm-5 {
        left: 41.666667%
    }
    .push-sm-6 {
        left: 50%
    }
    .push-sm-7 {
        left: 58.333333%
    }
    .push-sm-8 {
        left: 66.666667%
    }
    .push-sm-9 {
        left: 75%
    }
    .push-sm-10 {
        left: 83.333333%
    }
    .push-sm-11 {
        left: 91.666667%
    }
    .push-sm-12 {
        left: 100%
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }
    .col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .pull-md-0 {
        right: auto
    }
    .pull-md-1 {
        right: 8.333333%
    }
    .pull-md-2 {
        right: 16.666667%
    }
    .pull-md-3 {
        right: 25%
    }
    .pull-md-4 {
        right: 33.333333%
    }
    .pull-md-5 {
        right: 41.666667%
    }
    .pull-md-6 {
        right: 50%
    }
    .pull-md-7 {
        right: 58.333333%
    }
    .pull-md-8 {
        right: 66.666667%
    }
    .pull-md-9 {
        right: 75%
    }
    .pull-md-10 {
        right: 83.333333%
    }
    .pull-md-11 {
        right: 91.666667%
    }
    .pull-md-12 {
        right: 100%
    }
    .push-md-0 {
        left: auto
    }
    .push-md-1 {
        left: 8.333333%
    }
    .push-md-2 {
        left: 16.666667%
    }
    .push-md-3 {
        left: 25%
    }
    .push-md-4 {
        left: 33.333333%
    }
    .push-md-5 {
        left: 41.666667%
    }
    .push-md-6 {
        left: 50%
    }
    .push-md-7 {
        left: 58.333333%
    }
    .push-md-8 {
        left: 66.666667%
    }
    .push-md-9 {
        left: 75%
    }
    .push-md-10 {
        left: 83.333333%
    }
    .push-md-11 {
        left: 91.666667%
    }
    .push-md-12 {
        left: 100%
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }
    .col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .pull-lg-0 {
        right: auto
    }
    .pull-lg-1 {
        right: 8.333333%
    }
    .pull-lg-2 {
        right: 16.666667%
    }
    .pull-lg-3 {
        right: 25%
    }
    .pull-lg-4 {
        right: 33.333333%
    }
    .pull-lg-5 {
        right: 41.666667%
    }
    .pull-lg-6 {
        right: 50%
    }
    .pull-lg-7 {
        right: 58.333333%
    }
    .pull-lg-8 {
        right: 66.666667%
    }
    .pull-lg-9 {
        right: 75%
    }
    .pull-lg-10 {
        right: 83.333333%
    }
    .pull-lg-11 {
        right: 91.666667%
    }
    .pull-lg-12 {
        right: 100%
    }
    .push-lg-0 {
        left: auto
    }
    .push-lg-1 {
        left: 8.333333%
    }
    .push-lg-2 {
        left: 16.666667%
    }
    .push-lg-3 {
        left: 25%
    }
    .push-lg-4 {
        left: 33.333333%
    }
    .push-lg-5 {
        left: 41.666667%
    }
    .push-lg-6 {
        left: 50%
    }
    .push-lg-7 {
        left: 58.333333%
    }
    .push-lg-8 {
        left: 66.666667%
    }
    .push-lg-9 {
        left: 75%
    }
    .push-lg-10 {
        left: 83.333333%
    }
    .push-lg-11 {
        left: 91.666667%
    }
    .push-lg-12 {
        left: 100%
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }
    .col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .pull-xl-0 {
        right: auto
    }
    .pull-xl-1 {
        right: 8.333333%
    }
    .pull-xl-2 {
        right: 16.666667%
    }
    .pull-xl-3 {
        right: 25%
    }
    .pull-xl-4 {
        right: 33.333333%
    }
    .pull-xl-5 {
        right: 41.666667%
    }
    .pull-xl-6 {
        right: 50%
    }
    .pull-xl-7 {
        right: 58.333333%
    }
    .pull-xl-8 {
        right: 66.666667%
    }
    .pull-xl-9 {
        right: 75%
    }
    .pull-xl-10 {
        right: 83.333333%
    }
    .pull-xl-11 {
        right: 91.666667%
    }
    .pull-xl-12 {
        right: 100%
    }
    .push-xl-0 {
        left: auto
    }
    .push-xl-1 {
        left: 8.333333%
    }
    .push-xl-2 {
        left: 16.666667%
    }
    .push-xl-3 {
        left: 25%
    }
    .push-xl-4 {
        left: 33.333333%
    }
    .push-xl-5 {
        left: 41.666667%
    }
    .push-xl-6 {
        left: 50%
    }
    .push-xl-7 {
        left: 58.333333%
    }
    .push-xl-8 {
        left: 66.666667%
    }
    .push-xl-9 {
        left: 75%
    }
    .push-xl-10 {
        left: 83.333333%
    }
    .push-xl-11 {
        left: 91.666667%
    }
    .push-xl-12 {
        left: 100%
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem
}

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

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

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

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

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

.table-bordered {
    border: 1px solid #eceeef
}

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

.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-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

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

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

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

.table-hover .table-success:hover {
    background-color: #d0e9c6
}

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

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

.table-hover .table-info:hover {
    background-color: #c4e3f3
}

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

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

.table-hover .table-warning:hover {
    background-color: #faf2cc
}

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

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

.table-hover .table-danger:hover {
    background-color: #ebcccc
}

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

.thead-inverse th {
    color: #fff;
    background-color: #292b2c
}

.thead-default th {
    color: #464a4c;
    background-color: #eceeef
}

.table-inverse {
    color: #fff;
    background-color: #292b2c
}

.table-inverse td,
.table-inverse th,
.table-inverse thead th {
    border-color: #fff
}

.table-inverse.table-bordered {
    border: 0
}

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

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

.form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    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;
    -o-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;
    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: #464a4c;
    background-color: #fff;
    border-color: #5cb3fd;
    outline: 0
}

.form-control::-webkit-input-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #636c72;
    opacity: 1
}

.form-control::placeholder {
    color: #636c72;
    opacity: 1
}

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

.form-control:disabled {
    cursor: not-allowed
}

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

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

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

.col-form-label {
    padding-top: calc(.5rem - 1px * 2);
    padding-bottom: calc(.5rem - 1px * 2);
    margin-bottom: 0
}

.col-form-label-lg {
    padding-top: calc(.75rem - 1px * 2);
    padding-bottom: calc(.75rem - 1px * 2);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem - 1px * 2);
    padding-bottom: calc(.25rem - 1px * 2);
    font-size: .875rem
}

.col-form-legend {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    font-size: 1rem
}

.form-control-static {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0;
    line-height: 1.25;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-static.form-control-lg,
.form-control-static.form-control-sm,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.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;
    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: 1.8125rem
}

.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    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: 3.166667rem
}

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

.form-text {
    display: block;
    margin-top: .25rem
}

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

.form-check.disabled .form-check-label {
    color: #636c72;
    cursor: not-allowed
}

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

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

.form-check-input:only-child {
    position: static
}

.form-check-inline {
    display: inline-block
}

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

.form-check-inline+.form-check-inline {
    margin-left: .75rem
}

.form-control-feedback {
    margin-top: .25rem
}

.form-control-danger,
.form-control-success,
.form-control-warning {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right .5625rem;
    -webkit-background-size: 1.125rem 1.125rem;
    background-size: 1.125rem 1.125rem
}

.has-success .col-form-label,
.has-success .custom-control,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
    color: #5cb85c
}

.has-success .form-control {
    border-color: #5cb85c
}

.has-success .input-group-addon {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #eaf6ea
}

.has-success .form-control-success {
    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='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
}

.has-warning .col-form-label,
.has-warning .custom-control,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
    color: #f0ad4e
}

.has-warning .form-control {
    border-color: #f0ad4e
}

.has-warning .input-group-addon {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: #fff
}

.has-warning .form-control-warning {
    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='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")
}

.has-danger .col-form-label,
.has-danger .custom-control,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
    color: #d9534f
}

.has-danger .form-control {
    border-color: #d9534f
}

.has-danger .input-group-addon {
    color: #d9534f;
    border-color: #d9534f;
    background-color: #fdf7f7
}

.has-danger .form-control-danger {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")
}

.form-inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: 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: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-static {
        display: inline-block
    }
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-check {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        margin-top: 0;
        margin-bottom: 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: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        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 {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

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

.btn.focus,
.btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .25);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .25)
}

.btn.disabled,
.btn:disabled {
    cursor: not-allowed;
    opacity: .65
}

.btn.active,
.btn:active {
    background-image: none
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-primary:hover {
    color: #fff;
    background-color: #025aa5;
    border-color: #01549b
}

.btn-primary.focus,
.btn-primary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #025aa5;
    background-image: none;
    border-color: #01549b
}

.btn-secondary {
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc
}

.btn-secondary:hover {
    color: #292b2c;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-secondary.focus,
.btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
    box-shadow: 0 0 0 2px rgba(204, 204, 204, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #fff;
    border-color: #ccc
}

.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
    color: #292b2c;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2
}

.btn-info.focus,
.btn-info:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, .5);
    box-shadow: 0 0 0 2px rgba(91, 192, 222, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #2aabd2
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #419641
}

.btn-success.focus,
.btn-success:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, .5);
    box-shadow: 0 0 0 2px rgba(92, 184, 92, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #419641
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316
}

.btn-warning.focus,
.btn-warning:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, .5);
    box-shadow: 0 0 0 2px rgba(240, 173, 78, .5)
}

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

.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #eb9316
}

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

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a
}

.btn-danger.focus,
.btn-danger:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
    box-shadow: 0 0 0 2px rgba(217, 83, 79, .5)
}

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

.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #c12e2a
}

.btn-outline-primary {
    color: #0275d8;
    background-image: none;
    background-color: transparent;
    border-color: #0275d8
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, .5);
    box-shadow: 0 0 0 2px rgba(2, 117, 216, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #0275d8;
    background-color: transparent
}

.btn-outline-primary.active,
.btn-outline-primary:active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8
}

.btn-outline-secondary {
    color: #ccc;
    background-image: none;
    background-color: transparent;
    border-color: #ccc
}

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

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, .5);
    box-shadow: 0 0 0 2px rgba(204, 204, 204, .5)
}

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

.btn-outline-secondary.active,
.btn-outline-secondary:active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}

.btn-outline-info {
    color: #5bc0de;
    background-image: none;
    background-color: transparent;
    border-color: #5bc0de
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, .5);
    box-shadow: 0 0 0 2px rgba(91, 192, 222, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #5bc0de;
    background-color: transparent
}

.btn-outline-info.active,
.btn-outline-info:active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de
}

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

.btn-outline-success:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, .5);
    box-shadow: 0 0 0 2px rgba(92, 184, 92, .5)
}

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

.btn-outline-success.active,
.btn-outline-success:active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c
}

.btn-outline-warning {
    color: #f0ad4e;
    background-image: none;
    background-color: transparent;
    border-color: #f0ad4e
}

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

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, .5);
    box-shadow: 0 0 0 2px rgba(240, 173, 78, .5)
}

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

.btn-outline-warning.active,
.btn-outline-warning:active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.btn-outline-danger {
    color: #d9534f;
    background-image: none;
    background-color: transparent;
    border-color: #d9534f
}

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

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, .5);
    box-shadow: 0 0 0 2px rgba(217, 83, 79, .5)
}

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

.btn-outline-danger.active,
.btn-outline-danger:active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f
}

.btn-link {
    font-weight: 400;
    color: #0275d8;
    border-radius: 0
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link:disabled {
    background-color: transparent
}

.btn-link,
.btn-link:active,
.btn-link:focus {
    border-color: transparent
}

.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
    color: #014c8c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link:disabled {
    color: #636c72
}

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

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

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

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

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

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

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-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 {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent
}

.dropdown-toggle:focus {
    outline: 0
}

.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: .3em solid
}

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

.dropdown-divider {
    height: 1px;
    margin: .5rem 0;
    overflow: hidden;
    background-color: #eceeef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #1d1e1f;
    text-decoration: none;
    background-color: #f7f7f9
}

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

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: transparent
}

.show>.dropdown-menu {
    display: block
}

.show>a {
    outline: 0
}

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

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

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #636c72;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: .125rem
}

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

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

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

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
    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-toolbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

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

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

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

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

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

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

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

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

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

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

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

.btn+.dropdown-toggle-split::after {
    margin-left: 0
}

.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: 1.125rem;
    padding-left: 1.125rem
}

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

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

.btn-group-vertical>.btn+.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:not(:first-child):not(:last-child) {
    border-radius: 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-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-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-right-radius: 0;
    border-top-left-radius: 0
}

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

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

.input-group .form-control {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -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 {
    z-index: 3
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.input-group-addon,
.input-group-btn {
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #464a4c;
    text-align: center;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, .15);
    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: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    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-bottom-right-radius: 0;
    border-top-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-bottom-left-radius: 0;
    border-top-left-radius: 0
}

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

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

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

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

.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: -1px
}

.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 {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-right: 1rem;
    cursor: pointer
}

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

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

.custom-control-input:focus~.custom-control-indicator {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8
}

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

.custom-control-input:disabled~.custom-control-indicator {
    cursor: not-allowed;
    background-color: #eceeef
}

.custom-control-input:disabled~.custom-control-description {
    color: #636c72;
    cursor: not-allowed
}

.custom-control-indicator {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 50% 50%;
    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: #0275d8;
    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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

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

.custom-controls-stacked .custom-control+.custom-control {
    margin-left: 0
}

.custom-select {
    display: inline-block;
    max-width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    color: #464a4c;
    vertical-align: middle;
    background: #fff 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") no-repeat right .75rem center;
    -webkit-background-size: 8px 10px;
    background-size: 8px 10px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none
}

.custom-select:focus {
    border-color: #5cb3fd;
    outline: 0
}

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

.custom-select:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: #eceeef
}

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

.custom-select-sm {
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 2.5rem;
    margin-bottom: 0;
    cursor: pointer
}

.custom-file-input {
    min-width: 14rem;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    opacity: 0
}

.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #464a4c;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

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

.custom-file-control::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #464a4c;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0 .25rem .25rem 0
}

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

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

.nav-link {
    display: block;
    padding: .5em 1em
}

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

.nav-link.disabled {
    color: #636c72;
    cursor: not-allowed
}

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

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

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

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

.nav-tabs .nav-link.disabled {
    color: #636c72;
    background-color: transparent;
    border-color: transparent
}

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

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

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

.nav-pills .nav-item.show .nav-link,
.nav-pills .nav-link.active {
    color: #fff;
    cursor: default;
    background-color: #0275d8
}

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

.nav-justified .nav-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: center
}

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

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

.navbar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5rem 1rem
}

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

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

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

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

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

.navbar-toggler {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    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: no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.navbar-toggler-left {
    position: absolute;
    left: 1rem
}

.navbar-toggler-right {
    position: absolute;
    right: 1rem
}

@media (max-width:575px) {
    .navbar-toggleable .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }
    .navbar-toggleable>.container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-toggleable {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-toggleable .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-toggleable>.container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }
    .navbar-toggleable .navbar-toggler {
        display: none
    }
}

@media (max-width:767px) {
    .navbar-toggleable-sm .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }
    .navbar-toggleable-sm>.container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-toggleable-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-toggleable-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-toggleable-sm>.container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable-sm .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }
    .navbar-toggleable-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:991px) {
    .navbar-toggleable-md .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }
    .navbar-toggleable-md>.container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-toggleable-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-toggleable-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-toggleable-md>.container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable-md .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }
    .navbar-toggleable-md .navbar-toggler {
        display: none
    }
}

@media (max-width:1199px) {
    .navbar-toggleable-lg .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }
    .navbar-toggleable-lg>.container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-toggleable-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-toggleable-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-toggleable-lg>.container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .navbar-toggleable-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%
    }
    .navbar-toggleable-lg .navbar-toggler {
        display: none
    }
}

.navbar-toggleable-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

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

.navbar-toggleable-xl>.container {
    padding-right: 0;
    padding-left: 0
}

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

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

.navbar-toggleable-xl>.container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggleable-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%
}

.navbar-toggleable-xl .navbar-toggler {
    display: none
}

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

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler: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.open,
.navbar-light .navbar-nav .open>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    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 32 32' 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 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

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

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-toggler {
    color: #fff
}

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

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

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

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

.navbar-inverse .navbar-nav .active>.nav-link,
.navbar-inverse .navbar-nav .nav-link.active,
.navbar-inverse .navbar-nav .nav-link.open,
.navbar-inverse .navbar-nav .open>.nav-link {
    color: #fff
}

.navbar-inverse .navbar-toggler {
    border-color: rgba(255, 255, 255, .1)
}

.navbar-inverse .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' 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 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

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

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

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

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

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

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

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

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

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

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

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f7f7f9;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

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

.card-footer {
    padding: .75rem 1.25rem;
    background-color: #f7f7f9;
    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-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

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

.card-primary {
    background-color: #0275d8;
    border-color: #0275d8
}

.card-primary .card-footer,
.card-primary .card-header {
    background-color: transparent
}

.card-success {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.card-success .card-footer,
.card-success .card-header {
    background-color: transparent
}

.card-info {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.card-info .card-footer,
.card-info .card-header {
    background-color: transparent
}

.card-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.card-warning .card-footer,
.card-warning .card-header {
    background-color: transparent
}

.card-danger {
    background-color: #d9534f;
    border-color: #d9534f
}

.card-danger .card-footer,
.card-danger .card-header {
    background-color: transparent
}

.card-outline-primary {
    background-color: transparent;
    border-color: #0275d8
}

.card-outline-secondary {
    background-color: transparent;
    border-color: #ccc
}

.card-outline-info {
    background-color: transparent;
    border-color: #5bc0de
}

.card-outline-success {
    background-color: transparent;
    border-color: #5cb85c
}

.card-outline-warning {
    background-color: transparent;
    border-color: #f0ad4e
}

.card-outline-danger {
    background-color: transparent;
    border-color: #d9534f
}

.card-inverse {
    color: rgba(255, 255, 255, .65)
}

.card-inverse .card-footer,
.card-inverse .card-header {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .2)
}

.card-inverse .card-blockquote,
.card-inverse .card-footer,
.card-inverse .card-header,
.card-inverse .card-title {
    color: #fff
}

.card-inverse .card-blockquote .blockquote-footer,
.card-inverse .card-link,
.card-inverse .card-subtitle,
.card-inverse .card-text {
    color: rgba(255, 255, 255, .65)
}

.card-inverse .card-link:focus,
.card-inverse .card-link:hover {
    color: #fff
}

.card-blockquote {
    padding: 0;
    margin-bottom: 0;
    border-left: 0
}

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

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

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

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

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

@media (min-width:576px) {
    .card-group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .card-group .card {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }
    .card-group .card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group .card:first-child {
        border-bottom-right-radius: 0;
        border-top-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-bottom-left-radius: 0;
        border-top-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:not(:first-child):not(:last-child) {
        border-radius: 0
    }
    .card-group .card:not(:first-child):not(:last-child) .card-img-bottom,
    .card-group .card:not(:first-child):not(:last-child) .card-img-top {
        border-radius: 0
    }
}

@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
        margin-bottom: .75rem
    }
}

.breadcrumb {
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #eceeef;
    border-radius: .25rem
}

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

.breadcrumb-item {
    float: left
}

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

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

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

.breadcrumb-item.active {
    color: #636c72
}

.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

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

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

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

.page-item.disabled .page-link {
    color: #636c72;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0275d8;
    background-color: #fff;
    border: 1px solid #ddd
}

.page-link:focus,
.page-link:hover {
    color: #014c8c;
    text-decoration: none;
    background-color: #eceeef;
    border-color: #ddd
}

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

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

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

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

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

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

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

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

.badge-default {
    background-color: #636c72
}

.badge-default[href]:focus,
.badge-default[href]:hover {
    background-color: #4b5257
}

.badge-primary {
    background-color: #0275d8
}

.badge-primary[href]:focus,
.badge-primary[href]:hover {
    background-color: #025aa5
}

.badge-success {
    background-color: #5cb85c
}

.badge-success[href]:focus,
.badge-success[href]:hover {
    background-color: #449d44
}

.badge-info {
    background-color: #5bc0de
}

.badge-info[href]:focus,
.badge-info[href]:hover {
    background-color: #31b0d5
}

.badge-warning {
    background-color: #f0ad4e
}

.badge-warning[href]:focus,
.badge-warning[href]:hover {
    background-color: #ec971f
}

.badge-danger {
    background-color: #d9534f
}

.badge-danger[href]:focus,
.badge-danger[href]:hover {
    background-color: #c9302c
}

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

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

.jumbotron-hr {
    border-top-color: #d0d5d8
}

.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: relative;
    top: -.75rem;
    right: -1.25rem;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d
}

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

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f
}

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

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b
}

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

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442
}

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

.alert-danger .alert-link {
    color: #843534
}

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

@-o-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: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    font-size: .75rem;
    line-height: 1rem;
    text-align: center;
    background-color: #eceeef;
    border-radius: .25rem
}

.progress-bar {
    height: 1rem;
    color: #fff;
    background-color: #0275d8
}

.progress-bar-striped {
    background-image: -webkit-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-image: -o-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-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);
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem
}

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

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

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

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

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

.list-group-item-action .list-group-item-heading {
    color: #292b2c
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    color: #464a4c;
    text-decoration: none;
    background-color: #f7f7f9
}

.list-group-item-action:active {
    color: #292b2c;
    background-color: #eceeef
}

.list-group-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    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-right-radius: .25rem;
    border-top-left-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: #636c72;
    cursor: not-allowed;
    background-color: #fff
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item:disabled .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item:disabled .list-group-item-text {
    color: #636c72
}

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

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text {
    color: #daeeff
}

.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-success {
    color: #3c763d;
    background-color: #dff0d8
}

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

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
    color: inherit
}

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: #3c763d;
    background-color: #d0e9c6
}

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

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
    color: inherit
}

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: #31708f;
    background-color: #c4e3f3
}

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

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

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

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

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: #8a6d3b;
    background-color: #faf2cc
}

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

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

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

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

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: #a94442;
    background-color: #ebcccc
}

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

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

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

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

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

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

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

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

.modal-open {
    overflow: hidden
}

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

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

.modal.fade .modal-dialog {
    -webkit-transform: none;
    -o-transform: none;
    transform: none
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    -o-transform: none;
    transform: none
}

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

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

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

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

.modal-backdrop.fade {
    opacity: 0
}

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

.modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #eceeef
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

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

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

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

@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 {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    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;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

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

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

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

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

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

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

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

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

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

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

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

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

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    padding: 1px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover.bs-tether-element-attached-bottom,
.popover.popover-top {
    margin-top: -10px
}

.popover.bs-tether-element-attached-bottom::after,
.popover.bs-tether-element-attached-bottom::before,
.popover.popover-top::after,
.popover.popover-top::before {
    left: 50%;
    border-bottom-width: 0
}

.popover.bs-tether-element-attached-bottom::before,
.popover.popover-top::before {
    bottom: -11px;
    margin-left: -11px;
    border-top-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-bottom::after,
.popover.popover-top::after {
    bottom: -10px;
    margin-left: -10px;
    border-top-color: #fff
}

.popover.bs-tether-element-attached-left,
.popover.popover-right {
    margin-left: 10px
}

.popover.bs-tether-element-attached-left::after,
.popover.bs-tether-element-attached-left::before,
.popover.popover-right::after,
.popover.popover-right::before {
    top: 50%;
    border-left-width: 0
}

.popover.bs-tether-element-attached-left::before,
.popover.popover-right::before {
    left: -11px;
    margin-top: -11px;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-left::after,
.popover.popover-right::after {
    left: -10px;
    margin-top: -10px;
    border-right-color: #fff
}

.popover.bs-tether-element-attached-top,
.popover.popover-bottom {
    margin-top: 10px
}

.popover.bs-tether-element-attached-top::after,
.popover.bs-tether-element-attached-top::before,
.popover.popover-bottom::after,
.popover.popover-bottom::before {
    left: 50%;
    border-top-width: 0
}

.popover.bs-tether-element-attached-top::before,
.popover.popover-bottom::before {
    top: -11px;
    margin-left: -11px;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-top::after,
.popover.popover-bottom::after {
    top: -10px;
    margin-left: -10px;
    border-bottom-color: #f7f7f7
}

.popover.bs-tether-element-attached-top .popover-title::before,
.popover.popover-bottom .popover-title::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 20px;
    margin-left: -10px;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.popover.bs-tether-element-attached-right,
.popover.popover-left {
    margin-left: -10px
}

.popover.bs-tether-element-attached-right::after,
.popover.bs-tether-element-attached-right::before,
.popover.popover-left::after,
.popover.popover-left::before {
    top: 50%;
    border-right-width: 0
}

.popover.bs-tether-element-attached-right::before,
.popover.popover-left::before {
    right: -11px;
    margin-top: -11px;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.bs-tether-element-attached-right::after,
.popover.popover-left::after {
    right: -10px;
    margin-top: -10px;
    border-left-color: #fff
}

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

.popover-title:empty {
    display: none
}

.popover-content {
    padding: 9px 14px
}

.popover::after,
.popover::before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover::before {
    content: "";
    border-width: 11px
}

.popover::after {
    content: "";
    border-width: 10px
}

.carousel {
    position: relative
}

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

.carousel-item {
    position: relative;
    display: none;
    width: 100%
}

@media (-webkit-transform-3d) {
    .carousel-item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
}

@supports ((-webkit-transform:translate3d(0,
0,
0)) or (transform:translate3d(0,
0,
0))) {
    .carousel-item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

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

@media (-webkit-transform-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: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    .active.carousel-item-left,
    .carousel-item-prev {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@supports ((-webkit-transform:translate3d(0,
0,
0)) or (transform:translate3d(0,
0,
0))) {
    .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: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    .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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .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: transparent no-repeat center center;
    -webkit-background-size: 100% 100%;
    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='M4 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='M1.5 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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

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

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

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

.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-faded {
    background-color: #f7f7f7
}

.bg-primary {
    background-color: #0275d8 !important
}

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

.bg-success {
    background-color: #5cb85c !important
}

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

.bg-info {
    background-color: #5bc0de !important
}

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

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

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

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

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

.bg-inverse {
    background-color: #292b2c !important
}

a.bg-inverse:focus,
a.bg-inverse:hover {
    background-color: #101112 !important
}

.border-0 {
    border: 0 !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
}

.rounded {
    border-radius: .25rem
}

.rounded-top {
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem
}

.rounded-right {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-bottom {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-left {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}

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

.rounded-0 {
    border-radius: 0
}

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

.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-cell {
    display: table-cell !important
}

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

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

@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-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@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-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@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-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@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-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.justify-content-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-sm-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-sm-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-sm-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-sm-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-sm-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-sm-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-sm-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-sm-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-sm-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-sm-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-sm-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .align-self-sm-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-sm-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-sm-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .align-self-sm-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-md-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-md-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-md-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-md-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-md-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-md-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-md-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-md-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-md-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-md-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-md-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-md-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-md-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .align-self-md-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-md-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-md-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .align-self-md-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-md-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-lg-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-lg-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-lg-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-lg-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-lg-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-lg-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-lg-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-lg-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-lg-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-lg-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .align-self-lg-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-lg-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-lg-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .align-self-lg-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-xl-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-xl-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-xl-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-xl-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-xl-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-xl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-xl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-xl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-xl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-xl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }
    .align-self-xl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-xl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-xl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }
    .align-self-xl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left !important
    }
    .float-md-right {
        float: right !important
    }
    .float-md-none {
        float: none !important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1030
}

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

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.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 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-1 {
    margin: .25rem .25rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.m-2 {
    margin: .5rem .5rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.m-3 {
    margin: 1rem 1rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mr-3 {
    margin-right: 1rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.ml-3 {
    margin-left: 1rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.m-4 {
    margin: 1.5rem 1.5rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mr-4 {
    margin-right: 1.5rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.ml-4 {
    margin-left: 1.5rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.m-5 {
    margin: 3rem 3rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mr-5 {
    margin-right: 3rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.ml-5 {
    margin-left: 3rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.p-0 {
    padding: 0 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

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

.p-1 {
    padding: .25rem .25rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pl-1 {
    padding-left: .25rem !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.p-2 {
    padding: .5rem .5rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.p-3 {
    padding: 1rem 1rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pr-3 {
    padding-right: 1rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pl-3 {
    padding-left: 1rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.p-4 {
    padding: 1.5rem 1.5rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pr-4 {
    padding-right: 1.5rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pl-4 {
    padding-left: 1.5rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.p-5 {
    padding: 3rem 3rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pr-5 {
    padding-right: 3rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.pl-5 {
    padding-left: 3rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto {
    margin-top: auto !important
}

.mr-auto {
    margin-right: auto !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ml-auto {
    margin-left: auto !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 0 !important
    }
    .mt-sm-0 {
        margin-top: 0 !important
    }
    .mr-sm-0 {
        margin-right: 0 !important
    }
    .mb-sm-0 {
        margin-bottom: 0 !important
    }
    .ml-sm-0 {
        margin-left: 0 !important
    }
    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .m-sm-1 {
        margin: .25rem .25rem !important
    }
    .mt-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1 {
        margin-left: .25rem !important
    }
    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem .5rem !important
    }
    .mt-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2 {
        margin-left: .5rem !important
    }
    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .m-sm-3 {
        margin: 1rem 1rem !important
    }
    .mt-sm-3 {
        margin-top: 1rem !important
    }
    .mr-sm-3 {
        margin-right: 1rem !important
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important
    }
    .ml-sm-3 {
        margin-left: 1rem !important
    }
    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .m-sm-4 {
        margin: 1.5rem 1.5rem !important
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important
    }
    .mr-sm-4 {
        margin-right: 1.5rem !important
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-sm-4 {
        margin-left: 1.5rem !important
    }
    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .m-sm-5 {
        margin: 3rem 3rem !important
    }
    .mt-sm-5 {
        margin-top: 3rem !important
    }
    .mr-sm-5 {
        margin-right: 3rem !important
    }
    .mb-sm-5 {
        margin-bottom: 3rem !important
    }
    .ml-sm-5 {
        margin-left: 3rem !important
    }
    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .p-sm-0 {
        padding: 0 0 !important
    }
    .pt-sm-0 {
        padding-top: 0 !important
    }
    .pr-sm-0 {
        padding-right: 0 !important
    }
    .pb-sm-0 {
        padding-bottom: 0 !important
    }
    .pl-sm-0 {
        padding-left: 0 !important
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .p-sm-1 {
        padding: .25rem .25rem !important
    }
    .pt-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1 {
        padding-left: .25rem !important
    }
    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem .5rem !important
    }
    .pt-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2 {
        padding-left: .5rem !important
    }
    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .p-sm-3 {
        padding: 1rem 1rem !important
    }
    .pt-sm-3 {
        padding-top: 1rem !important
    }
    .pr-sm-3 {
        padding-right: 1rem !important
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important
    }
    .pl-sm-3 {
        padding-left: 1rem !important
    }
    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .p-sm-4 {
        padding: 1.5rem 1.5rem !important
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important
    }
    .pr-sm-4 {
        padding-right: 1.5rem !important
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-sm-4 {
        padding-left: 1.5rem !important
    }
    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .p-sm-5 {
        padding: 3rem 3rem !important
    }
    .pt-sm-5 {
        padding-top: 3rem !important
    }
    .pr-sm-5 {
        padding-right: 3rem !important
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important
    }
    .pl-sm-5 {
        padding-left: 3rem !important
    }
    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .m-sm-auto {
        margin: auto !important
    }
    .mt-sm-auto {
        margin-top: auto !important
    }
    .mr-sm-auto {
        margin-right: auto !important
    }
    .mb-sm-auto {
        margin-bottom: auto !important
    }
    .ml-sm-auto {
        margin-left: auto !important
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 0 !important
    }
    .mt-md-0 {
        margin-top: 0 !important
    }
    .mr-md-0 {
        margin-right: 0 !important
    }
    .mb-md-0 {
        margin-bottom: 0 !important
    }
    .ml-md-0 {
        margin-left: 0 !important
    }
    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .m-md-1 {
        margin: .25rem .25rem !important
    }
    .mt-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1 {
        margin-left: .25rem !important
    }
    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .m-md-2 {
        margin: .5rem .5rem !important
    }
    .mt-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2 {
        margin-left: .5rem !important
    }
    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .m-md-3 {
        margin: 1rem 1rem !important
    }
    .mt-md-3 {
        margin-top: 1rem !important
    }
    .mr-md-3 {
        margin-right: 1rem !important
    }
    .mb-md-3 {
        margin-bottom: 1rem !important
    }
    .ml-md-3 {
        margin-left: 1rem !important
    }
    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .m-md-4 {
        margin: 1.5rem 1.5rem !important
    }
    .mt-md-4 {
        margin-top: 1.5rem !important
    }
    .mr-md-4 {
        margin-right: 1.5rem !important
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-md-4 {
        margin-left: 1.5rem !important
    }
    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .m-md-5 {
        margin: 3rem 3rem !important
    }
    .mt-md-5 {
        margin-top: 3rem !important
    }
    .mr-md-5 {
        margin-right: 3rem !important
    }
    .mb-md-5 {
        margin-bottom: 3rem !important
    }
    .ml-md-5 {
        margin-left: 3rem !important
    }
    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .p-md-0 {
        padding: 0 0 !important
    }
    .pt-md-0 {
        padding-top: 0 !important
    }
    .pr-md-0 {
        padding-right: 0 !important
    }
    .pb-md-0 {
        padding-bottom: 0 !important
    }
    .pl-md-0 {
        padding-left: 0 !important
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .p-md-1 {
        padding: .25rem .25rem !important
    }
    .pt-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1 {
        padding-left: .25rem !important
    }
    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .p-md-2 {
        padding: .5rem .5rem !important
    }
    .pt-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2 {
        padding-left: .5rem !important
    }
    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .p-md-3 {
        padding: 1rem 1rem !important
    }
    .pt-md-3 {
        padding-top: 1rem !important
    }
    .pr-md-3 {
        padding-right: 1rem !important
    }
    .pb-md-3 {
        padding-bottom: 1rem !important
    }
    .pl-md-3 {
        padding-left: 1rem !important
    }
    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .p-md-4 {
        padding: 1.5rem 1.5rem !important
    }
    .pt-md-4 {
        padding-top: 1.5rem !important
    }
    .pr-md-4 {
        padding-right: 1.5rem !important
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-md-4 {
        padding-left: 1.5rem !important
    }
    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .p-md-5 {
        padding: 3rem 3rem !important
    }
    .pt-md-5 {
        padding-top: 3rem !important
    }
    .pr-md-5 {
        padding-right: 3rem !important
    }
    .pb-md-5 {
        padding-bottom: 3rem !important
    }
    .pl-md-5 {
        padding-left: 3rem !important
    }
    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .m-md-auto {
        margin: auto !important
    }
    .mt-md-auto {
        margin-top: auto !important
    }
    .mr-md-auto {
        margin-right: auto !important
    }
    .mb-md-auto {
        margin-bottom: auto !important
    }
    .ml-md-auto {
        margin-left: auto !important
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 0 !important
    }
    .mt-lg-0 {
        margin-top: 0 !important
    }
    .mr-lg-0 {
        margin-right: 0 !important
    }
    .mb-lg-0 {
        margin-bottom: 0 !important
    }
    .ml-lg-0 {
        margin-left: 0 !important
    }
    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .m-lg-1 {
        margin: .25rem .25rem !important
    }
    .mt-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1 {
        margin-left: .25rem !important
    }
    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem .5rem !important
    }
    .mt-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2 {
        margin-left: .5rem !important
    }
    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .m-lg-3 {
        margin: 1rem 1rem !important
    }
    .mt-lg-3 {
        margin-top: 1rem !important
    }
    .mr-lg-3 {
        margin-right: 1rem !important
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important
    }
    .ml-lg-3 {
        margin-left: 1rem !important
    }
    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .m-lg-4 {
        margin: 1.5rem 1.5rem !important
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important
    }
    .mr-lg-4 {
        margin-right: 1.5rem !important
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-lg-4 {
        margin-left: 1.5rem !important
    }
    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .m-lg-5 {
        margin: 3rem 3rem !important
    }
    .mt-lg-5 {
        margin-top: 3rem !important
    }
    .mr-lg-5 {
        margin-right: 3rem !important
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important
    }
    .ml-lg-5 {
        margin-left: 3rem !important
    }
    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .p-lg-0 {
        padding: 0 0 !important
    }
    .pt-lg-0 {
        padding-top: 0 !important
    }
    .pr-lg-0 {
        padding-right: 0 !important
    }
    .pb-lg-0 {
        padding-bottom: 0 !important
    }
    .pl-lg-0 {
        padding-left: 0 !important
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .p-lg-1 {
        padding: .25rem .25rem !important
    }
    .pt-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1 {
        padding-left: .25rem !important
    }
    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem .5rem !important
    }
    .pt-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2 {
        padding-left: .5rem !important
    }
    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .p-lg-3 {
        padding: 1rem 1rem !important
    }
    .pt-lg-3 {
        padding-top: 1rem !important
    }
    .pr-lg-3 {
        padding-right: 1rem !important
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important
    }
    .pl-lg-3 {
        padding-left: 1rem !important
    }
    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .p-lg-4 {
        padding: 1.5rem 1.5rem !important
    }
    .pt-lg-4 {
        padding-top: 1.5rem !important
    }
    .pr-lg-4 {
        padding-right: 1.5rem !important
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-lg-4 {
        padding-left: 1.5rem !important
    }
    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .p-lg-5 {
        padding: 3rem 3rem !important
    }
    .pt-lg-5 {
        padding-top: 3rem !important
    }
    .pr-lg-5 {
        padding-right: 3rem !important
    }
    .pb-lg-5 {
        padding-bottom: 3rem !important
    }
    .pl-lg-5 {
        padding-left: 3rem !important
    }
    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .m-lg-auto {
        margin: auto !important
    }
    .mt-lg-auto {
        margin-top: auto !important
    }
    .mr-lg-auto {
        margin-right: auto !important
    }
    .mb-lg-auto {
        margin-bottom: auto !important
    }
    .ml-lg-auto {
        margin-left: auto !important
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 0 !important
    }
    .mt-xl-0 {
        margin-top: 0 !important
    }
    .mr-xl-0 {
        margin-right: 0 !important
    }
    .mb-xl-0 {
        margin-bottom: 0 !important
    }
    .ml-xl-0 {
        margin-left: 0 !important
    }
    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .m-xl-1 {
        margin: .25rem .25rem !important
    }
    .mt-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1 {
        margin-left: .25rem !important
    }
    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }
    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem .5rem !important
    }
    .mt-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2 {
        margin-left: .5rem !important
    }
    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }
    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
    .m-xl-3 {
        margin: 1rem 1rem !important
    }
    .mt-xl-3 {
        margin-top: 1rem !important
    }
    .mr-xl-3 {
        margin-right: 1rem !important
    }
    .mb-xl-3 {
        margin-bottom: 1rem !important
    }
    .ml-xl-3 {
        margin-left: 1rem !important
    }
    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }
    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
    .m-xl-4 {
        margin: 1.5rem 1.5rem !important
    }
    .mt-xl-4 {
        margin-top: 1.5rem !important
    }
    .mr-xl-4 {
        margin-right: 1.5rem !important
    }
    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }
    .ml-xl-4 {
        margin-left: 1.5rem !important
    }
    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }
    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }
    .m-xl-5 {
        margin: 3rem 3rem !important
    }
    .mt-xl-5 {
        margin-top: 3rem !important
    }
    .mr-xl-5 {
        margin-right: 3rem !important
    }
    .mb-xl-5 {
        margin-bottom: 3rem !important
    }
    .ml-xl-5 {
        margin-left: 3rem !important
    }
    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }
    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }
    .p-xl-0 {
        padding: 0 0 !important
    }
    .pt-xl-0 {
        padding-top: 0 !important
    }
    .pr-xl-0 {
        padding-right: 0 !important
    }
    .pb-xl-0 {
        padding-bottom: 0 !important
    }
    .pl-xl-0 {
        padding-left: 0 !important
    }
    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .p-xl-1 {
        padding: .25rem .25rem !important
    }
    .pt-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1 {
        padding-left: .25rem !important
    }
    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }
    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem .5rem !important
    }
    .pt-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2 {
        padding-left: .5rem !important
    }
    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }
    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }
    .p-xl-3 {
        padding: 1rem 1rem !important
    }
    .pt-xl-3 {
        padding-top: 1rem !important
    }
    .pr-xl-3 {
        padding-right: 1rem !important
    }
    .pb-xl-3 {
        padding-bottom: 1rem !important
    }
    .pl-xl-3 {
        padding-left: 1rem !important
    }
    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }
    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
    .p-xl-4 {
        padding: 1.5rem 1.5rem !important
    }
    .pt-xl-4 {
        padding-top: 1.5rem !important
    }
    .pr-xl-4 {
        padding-right: 1.5rem !important
    }
    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }
    .pl-xl-4 {
        padding-left: 1.5rem !important
    }
    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }
    .p-xl-5 {
        padding: 3rem 3rem !important
    }
    .pt-xl-5 {
        padding-top: 3rem !important
    }
    .pr-xl-5 {
        padding-right: 3rem !important
    }
    .pb-xl-5 {
        padding-bottom: 3rem !important
    }
    .pl-xl-5 {
        padding-left: 3rem !important
    }
    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }
    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
    .m-xl-auto {
        margin: auto !important
    }
    .mt-xl-auto {
        margin-top: auto !important
    }
    .mr-xl-auto {
        margin-right: auto !important
    }
    .mb-xl-auto {
        margin-bottom: auto !important
    }
    .ml-xl-auto {
        margin-left: auto !important
    }
    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: 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) {
    .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) {
    .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) {
    .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) {
    .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-normal {
    font-weight: 400
}

.font-weight-bold {
    font-weight: 700
}

.font-italic {
    font-style: italic
}

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

.text-muted {
    color: #636c72 !important
}

a.text-muted:focus,
a.text-muted:hover {
    color: #4b5257 !important
}

.text-primary {
    color: #0275d8 !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #025aa5 !important
}

.text-success {
    color: #5cb85c !important
}

a.text-success:focus,
a.text-success:hover {
    color: #449d44 !important
}

.text-info {
    color: #5bc0de !important
}

a.text-info:focus,
a.text-info:hover {
    color: #31b0d5 !important
}

.text-warning {
    color: #f0ad4e !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ec971f !important
}

.text-danger {
    color: #d9534f !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #c9302c !important
}

.text-gray-dark {
    color: #292b2c !important
}

a.text-gray-dark:focus,
a.text-gray-dark:hover {
    color: #101112 !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.invisible {
    visibility: hidden !important
}

.hidden-xs-up {
    display: none !important
}

@media (max-width:575px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media (min-width:576px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media (max-width:767px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (min-width:768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (max-width:991px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (min-width:992px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media (max-width:1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

.hidden-xl-down {
    display: none !important
}

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

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

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

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

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

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

@media print {
    .hidden-print {
        display: none !important
    }
}

:root {
    --tangerine-20: rgba(247, 141, 30, 0.2);
    --black: #222222;
    --tangerine: #f78d1e;
    --watermelon: #ee5261;
    --very-light-pink: #cecece;
    --charcoal-grey: #323c45;
    --bg-green-button: #41c286;
    --bg-green-button-hover: #31ae74
}

.money {
    font-family: Inter;
    font-size: 34px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: .82;
    letter-spacing: 1px;
    color: var(--black)
}

h1 {
    font-family: Inter;
    font-size: 32px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: .88;
    letter-spacing: .8px;
    color: var(--black)
}

h2 {
    font-family: Inter;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: .1px;
    text-align: center;
    color: var(--black)
}

.currency {
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.06;
    letter-spacing: normal;
    color: var(--black)
}

h3 {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: .1px;
    text-align: center;
    color: var(--black)
}

.label-dark {
    font-family: Inter;
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: .7px;
    color: var(--black)
}

.info {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: var(--black)
}

label {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: .7px;
    color: var(--black)
}

.label-white {
    font-family: Inter;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff
}

p {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--black)
}

.info-small {
    font-family: Inter;
    font-size: 11px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: var(--black)
}

.btn {
    padding: 14px 28px;
    border-radius: 8px;
    color: #fff;
    white-space: nowrap
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.btn>img {
    margin-right: 4px;
    margin-bottom: 3px;
    margin-left: 2px
}

.emptyShipping {
    border: 1px dashed #ddd;
    border-radius: 8px;
    padding: 24px;
    position: static
}

.emptyShipping small {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #999;
    margin-left: 25px
}

.emptyShipping .title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -.02em;
    margin-left: 40px
}

.loadingShippingSpinner {
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 10px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0)
    }
    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.ccblack {
    background-color: #313c52
}

.text-ccblack {
    color: #313c52
}

.review-desc {
    color: #585858
}

@media (max-width:380px) {
    .hide-small-screen {
        display: none
    }
}

label {
    color: #313c52
}

.mt-10 {
    margin: 10px 0 0 0
}

.mt-34 {
    margin-top: 34px
}

.content-clearfix {
    width: 100%;
    height: 90px
}

.checkout-topbar {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    font-size: 14px;
    text-align: center
}

.checkout-banner-container {
    position: relative
}

.checkout-banner-container.container,
.checkout-banner-container.w-100 {
    margin-bottom: 60px
}

.checkout-banner {
    width: 100%;
    min-height: 100px;
    object-fit: cover
}

.checkout-banner-menu {
    position: absolute;
    bottom: 10px;
    right: 24px;
    display: none;
    padding: 6px 10px;
    border-radius: 4px;
    background: #fff
}

.no-logo {
    margin-bottom: 30px
}

.no-logo .checkout-banner-menu {
    bottom: -18px;
    right: 15px
}

.checkout-banner-container.container .no-logo .checkout-banner-menu {
    right: 24px
}

.checkout-logo-container {
    position: relative;
    padding: 0
}

.checkout-logo {
    height: 150px;
    min-width: 64px;
    object-fit: contain;
    border-radius: 4px
}

@media (min-width:992px) {
    .checkout-logo.in-banner {
        position: absolute;
        bottom: -32px;
        left: 15px;
        margin: 0;
        padding: 10px;
        background-color: #fff;
        border-radius: 4px
    }
}

@media (max-width:576px) {
    .checkout-logo {
        max-width: 150px;
        height: 64px
    }
    .checkout-logo.in-banner {
        background-color: red;
        position: unset;
        bottom: unset;
        left: unset
    }
    .container {
        margin-right: unset;
        margin-left: unset
    }
    .sm-flex {
        display: flex !important;
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important
    }
    .topbar-mobile {
        background-color: #f3f3f3
    }
    .checkout-banner {
        width: 100%;
        min-height: 100px;
        object-fit: contain
    }
}

.checkout-banner-container.container .checkout-logo.in-banner {
    left: 24px
}

.countdown-timer-container {
    padding: 12px 0 !important;
    opacity: .65
}

.checkout-timer-title {
    font-size: 14px;
    margin-right: 10px;
    white-space: nowrap
}

.checkout-timer-description,
.checkout-timer-finished-message {
    font-size: 14px;
    padding: 5px
}

.checkout-timer-description,
.checkout-timer-finished-message {
    font-weight: 700;
    padding-right: 20px;
    padding-bottom: 20px;
    text-align: center;
    width: 100%
}

.checkout-timer-title {
    text-align: center
}

.checkout-timer-finished-message {
    align-self: center;
    font-size: 16px;
    padding: 0;
    word-break: break-all
}

.checkout-timer .digit {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px
}

.checkout-timer .timer-text {
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase
}

.run-time {
    min-width: 58px;
    margin-bottom: 4px;
    text-align: center
}

@media (max-width:992px) {
    .checkout-banner-container {
        margin-bottom: 0
    }
    .checkout-banner-container.container,
    .checkout-banner-container.w-100 {
        margin-bottom: 15px
    }
    .checkout-logo-container .before {
        content: "";
        display: block;
        height: 56px;
        margin: -8px 15px 0 15px;
        border-radius: 8px;
        background-color: #fff
    }
    .checkout-logo.in-banner {
        max-height: 64px
    }
    .checkout-banner-menu {
        display: inline-flex
    }
    .checkout-banner-container.container .checkout-logo-container .before {
        margin: -8px 0 0 0
    }
    .checkout-banner-container.container .checkout-logo.in-banner {
        left: 15px !important
    }
    .checkout-banner-container.container .checkout-banner-menu {
        right: 5px
    }
}

@media (max-width:576px) {
    .checkout-logo.in-banner {
        bottom: -25px;
        margin: 0 !important
    }
}

@media (max-width:760px) {
    .checkout-timer-title {
        text-align: center
    }
    .checkout-timer-description {
        padding: 0
    }
    .checkout-timer-finished-message {
        font-size: 16px;
        padding: 0
    }
    .checkout-timer .digit {
        font-size: 14px;
        font-weight: 700;
        line-height: 14px
    }
    .checkout-timer .timer-text {
        line-height: 10px
    }
    .run-time {
        min-width: 38px;
        margin-bottom: 4px
    }
}

body {
    font-family: Inter, sans-serif;
    margin: 0;
    max-width: 100%;
    background-color: #f3f3f3;
    height: 100vh
}

.content {
    position: relative
}

.default-font-color {
    color: #313c52
}

.person-received {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

.cep-color {
    color: #373737;
    font-weight: 500
}

p {
    margin: 0
}

input,
select {
    padding: 14px 16px;
    border-radius: 8px;
    border: solid 1px #ddd;
    background-color: #fff;
    outline: 0 !important;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #313c52
}

input:disabled,
select:disabled {
    background-color: #f8f9fa
}

input,
textarea {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    outline: 0;
    border: 1px solid #ddd
}

input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus {
    border: 1px solid #2e85ec;
    filter: drop-shadow(0px 0px 7px rgba(46, 133, 236, .3))
}

label {
    font-family: Inter;
    font-size: 14px;
    margin-left: 5px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: .7px;
    color: #313c52
}

#toggleContent .hide {
    display: none
}

.radio-box {
    width: 100%;
    padding: 10px 20px;
    line-height: 1.5;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 0
}

div.radio-box {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    outline: 0;
    border: 1px solid #ddd
}

div.radio-box * {
    cursor: pointer
}

div.radio-box:hover {
    border: 1px solid #2e85ec
}

div.radio-box:active,
div.radio-box:focus {
    border: 1px solid #2e85ec
}

.radio-box-coupom {
    width: 100%;
    padding: 10px 20px;
    line-height: 1.5;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 0
}

.p-2 label {
    line-height: 1
}

.info-small {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #909090
}

.p-amount {
    color: #a6a6a6;
    font-size: 14px
}

.card-content-1 {
    display: block
}

.card-content-2 {
    display: block
}

.card-content-3 {
    display: block
}

.fix {
    margin-left: -10px
}

.security-top {
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    padding: 10px 15px;
    background: #1cb25e;
    z-index: 1000
}

.security-top img {
    height: 28px
}

@media (max-width:1200px) {
    .security-top {
        display: flex
    }
}

.sec-click-holder {
    float: left;
    position: absolute;
    right: 20px
}

.security-click {
    display: flex;
    padding: 1px;
    border-radius: 25px;
    width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
    background-color: #129e58
}

.editar {
    color: #ababab
}

.security-click img {
    width: 18px;
    height: 18px
}

.topbar-mobile {
    position: relative;
    z-index: 999;
    top: 0
}

.topbar-mobile.fixed {
    position: fixed
}

.topbar-mobile.sticky {
    position: sticky;
    position: -webkit-sticky
}

.cart-details {
    position: fixed;
    top: 100px;
    display: none;
    width: 100%;
    padding: 10px 16px 0;
    z-index: 999;
    background: #fff;
    box-shadow: 0 8px 8px rgba(0, 0, 0, .1)
}

.mobile-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 82px;
    cursor: pointer
}

.menu-arrow {
    background-image: url(/assets/img/down.svg);
    background-position: center;
    background-size: 12px;
    background-repeat: no-repeat;
    margin-top: 3px;
    display: block;
    width: 12px;
    height: 12px
}

body.cart-open .topbar-mobile .menu-arrow {
    background-image: url(/assets/img/close.svg);
    background-size: 10px
}

.details-footer {
    position: absolute;
    width: 95%;
    bottom: 50px
}

.link-label {
    color: #f78d1e;
    margin-right: -15px;
    font-size: 10px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal
}

.label_contact {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #313c52
}

.info-segura {
    border: 2px solid #ededed;
    font-size: 15px;
    border-radius: 6px;
    border-style: dashed;
    padding: 16px 16px;
    margin-bottom: 24px;
    margin-top: 8px
}

@media (max-width:992px) {
    .info-segura {
        margin-bottom: 18px;
        margin-top: 2px
    }
}

.info-segura img {
    height: 20px
}

.about_purchase {
    margin-bottom: 16px;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #313c52
}

.desc-frete {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #999
}

.radio-box span.price {
    position: absolute;
    right: 25px;
    top: 25px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #313c52
}

.radio-box strong {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.radio-box p {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #999
}

.radio-box small {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px
}

.radio-box {
    position: relative
}

.desc-pag {
    color: #222;
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

.m-bottom {
    margin-bottom: 12px
}

.fix-h {
    width: 10px
}

.btn-input {
    width: 100%
}

.btn-edit {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 9px;
    background-color: #ededed;
    border: solid 1px #dddd;
    padding-left: .5rem;
    padding-right: .5rem
}

::placeholder {
    font-family: Inter, sans-serif;
    color: #222;
    opacity: .5
}

select {
    color: #313c52 !important;
    background-color: #fff;
    background: url(/assets/img/down.svg) no-repeat right;
    -webkit-appearance: none;
    background-position-x: 95%;
    margin: 0;
    padding-right: 22px;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none
}

select#installments {
    opacity: 1
}

.topbar {
    width: 100%;
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: left
}

.Logo-Oficial {
    height: 24px;
    object-fit: contain;
    border-radius: 4px
}

.Logo-Oficial.mobile-out-banner {
    height: 64px !important
}

.row .nm {
    margin-left: 0;
    margin-right: 10px
}

.checkout-holder {
    justify-content: space-around;
    margin-top: 30px
}

@media (max-width:992px) {
    .checkout-holder {
        margin-top: 24px
    }
}

.form-holder {
    padding: 0 15px;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:991px) {
    #purchase-summary {
        order: -1
    }
}

.steps {
    min-height: 30px;
    z-index: 1
}

.mobile-cupom {
    min-height: 44px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 24px;
    padding: 12px 16px 9px 16px
}

.mobile-cupom .arrow {
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    cursor: pointer
}

.mobile-cupom .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.mobile-cupom .up {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg)
}

#mobile-cupom {
    display: none
}

.guide {
    text-align: center;
    transition: border .2s ease;
    cursor: pointer
}

.guide-text {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .5px;
    text-align: center;
    color: grey
}

.guide.current .guide-text {
    color: #4d4d4d
}

.guide.ativo .guide-text {
    color: #4d4d4d
}

@media (max-width:420px) {
    .guide-text .step-number {
        display: block
    }
}

.guide-text .step-text {
    float: left;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -.02em;
    color: #939598
}

.guide.current .guide-text .step-number {
    background: #5b8de8;
    color: #fff
}

.guide.current .guide-text .step-text {
    color: #313c52
}

.step-text-mobile {
    display: none
}

.step-text-mobile {
    margin-top: 10px;
    margin-right: 20px
}

.btn-back svg {
    margin-right: 10px;
    position: absolute;
    bottom: 2px;
    left: 0
}

.btn-back {
    position: relative;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #a6a6a6;
    float: left;
    width: 74px;
    cursor: pointer;
    margin-top: 18px
}

@media (max-width:1200px) {
    .btn-back svg {
        display: none
    }
    .btn-back {
        float: none;
        text-align: center;
        width: auto
    }
}

.step-text-mobile-right {
    margin-top: 10px;
    margin-left: 20px
}

@media only screen and (max-width:442px) {
    .step-text-mobile,
    .step-text-mobile-right {
        display: none !important
    }
}

@media only screen and (max-width:600px) {
    .steps3 .guide-text .step-text {
        font-style: normal;
        font-weight: 600;
        font-size: 14px
    }
    .steps3 .guide.current .guide-text .step-text,
    .steps3 .step-text-mobile {
        display: inline
    }
    .steps3 .done .guide-text .step-text-mobile,
    .steps3 .guide.current .guide-text .step-text-mobile {
        display: none
    }
    .steps3 .done .guide-text .step-text-mobile-right {
        display: inline
    }
    .steps3 .guide.current .guide-text .step-text-mobile-right {
        display: none
    }
}

@media only screen and (max-width:400px) {
    .steps2 .guide-text .step-text {
        font-style: normal;
        font-weight: 600;
        font-size: 14px
    }
}

@media only screen and (max-width:328px) {
    .steps2 .step-text {
        display: none
    }
    .steps2 .guide.current .guide-text .step-text,
    .steps2 .step-text-mobile {
        display: inline
    }
    .steps2 .done .guide-text .step-text-mobile,
    .steps2 .guide.current .guide-text .step-text-mobile {
        display: none
    }
    .steps2 .done .guide-text .step-text-mobile-right {
        display: inline
    }
    .steps2 .guide.current .guide-text .step-text-mobile-right {
        display: none
    }
}

.check,
.step-text-mobile-right {
    display: none
}

.done .guide-text .step-number {
    background: #313c52
}

.done .guide-text .step-number .number {
    display: none
}

.done .guide-text .step-number .check {
    display: inline
}

.guide-text .step-number {
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px;
    position: static;
    width: 32px;
    height: 32px;
    left: 0;
    top: 0;
    background: #f4f6fb;
    border-radius: 32px;
    flex: none;
    order: 0;
    flex-grow: 0
}

.clearfix {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    width: 100%;
    height: 24px
}

.line {
    width: 100%;
    height: 1px;
    border-top: 1px solid #ededed
}

.half {
    height: 20px
}

.half.mb {
    border-bottom: 1px solid #ededed
}

.half.mt {
    border-top: 1px solid #ededed
}

.card {
    height: auto;
    border-radius: 12px;
    border-color: transparent;
    padding: 25px;
    box-shadow: none;
    background-color: #fff
}

label {
    margin: 0 0 5px 0
}

input.check {
    margin-top: 18px
}

.check-text {
    font-size: 14px;
    font-weight: 700;
    line-height: 3.05;
    letter-spacing: normal
}

.btn-holder {
    text-align: right
}

.btn-holder-payment {
    flex-direction: row;
    text-align: right;
    margin-top: 16px
}

.mini-button {
    background: #41c286;
    text-transform: uppercase;
    font: normal normal 700 16px/20px Inter;
    padding: 14px 20px;
    border-radius: 4px
}

.mini-button.aplicar {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.cart {
    font-weight: 600;
    font-size: 16px;
    color: #313c52
}

.qtde {
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 25px;
    border-radius: 50px;
    float: right;
    font-weight: 700
}

.name_product_card {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -.02em
}

.description_product {
    font-family: Inter;
    font-weight: 400;
    font-size: 11px;
    color: #9f9f9f
}

.space-top {
    padding-top: 30px
}

@media (min-width:991px) {
    .container_sticky {
        top: 24px;
        position: sticky
    }
}

.arrow_down__icon {
    width: 10px;
    height: 10px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    cursor: pointer;
    transform: rotate(45deg)
}

.card.produto {
    width: 100%;
    height: auto;
    padding: 16px
}

.titulo {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-align: center
}

.subtotal {
    font-weight: 400;
    font-size: 14px;
    color: #585858
}

.sub {
    font-weight: 400;
    font-size: 14px;
    color: #7e7e7e
}

.product-list {
    width: 100%;
    max-height: 40vh;
    overflow-y: auto;
    overflow-x: hidden
}

.product-list .btn-add,
.product-list .btn-sub {
    cursor: pointer
}

.cart-details .product-list {
    position: relative;
    max-height: 17vh
}

.gradient-separator-top {
    position: absolute;
    top: 0;
    right: 2px;
    display: block;
    width: 100%;
    height: 10px;
    margin-right: 16px;
    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, .9), rgba(255, 255, 255, .6), rgba(255, 255, 255, 0));
    transform: translateY(-1px);
    z-index: 1
}

.gradient-separator-bottom {
    position: absolute;
    right: 2px;
    display: block;
    width: 100%;
    height: 20px;
    margin-right: 16px;
    background: linear-gradient(to top, #fff, rgba(255, 255, 255, .9), rgba(255, 255, 255, .6), rgba(255, 255, 255, 0));
    transform: translateY(-18px);
    z-index: 1
}

.product-list::-webkit-scrollbar {
    width: 2px;
    background-color: #f3fff7
}

.product-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #cdcdcd
}

.product-list {
    scrollbar-width: thin;
    scrollbar-color: #cdcdcd #f3fff7
}

.product-img {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    object-fit: cover
}

.float {
    position: absolute;
    top: 45%;
    width: 100px;
    right: -12%
}

.cp-desconto {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #1b2125
}

.cp-total {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -.02em;
    color: #373737
}

.cart-details .cp-total {
    margin-top: 0
}

.valor_total {
    font-weight: 600
}

.bigger-radio {
    -ms-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -webkit-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7);
    margin-right: 12px;
    margin-left: 2px;
    outline: 0;
    accent-color: #5b8de8
}

.bigger-radio:hover {
    outline: 0 !important
}

.radio-frete {
    margin-top: 10px
}

.obs {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #7e7e7e;
    text-align: left
}

.information {
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #313c52;
    text-align: left
}

.p-total {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: 1.1px;
    text-align: right
}

.small-p {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #999
}

.suporte {
    opacity: 1;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal
}

.lista-boleto {
    margin-top: 16px;
    padding: 12px 12px 16px 12px;
    background-color: #fafafa;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0;
    text-align: left;
    font: normal normal normal 14px/22px Inter;
    letter-spacing: 0;
    color: #797979
}

.warn-ticket {
    padding: 0 0 0 20px;
    color: #636363
}

.warn-pix {
    padding: 0 0 0 20px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

.payment-type {
    height: 87px;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #323c45;
    border-radius: 10px;
    font-size: 11px;
    line-height: 1.6;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.payment-type:hover {
    border-color: #51cbee;
    box-shadow: 0 0 5px #51cbee
}

.payment-type.selected {
    border-color: #51cbee;
    color: #51cbee;
    box-shadow: 0 0 5px #51cbee
}

.payment-type-img {
    height: 50px
}

.paypal-d {
    height: 25px
}

input.card-input {
    background-size: 11%;
    background-position-x: 95%
}

input.cvv-input {
    background-size: 8%;
    background-position-x: 95%
}

.buy-btn {
    border-radius: 4px;
    text-transform: uppercase;
    font: normal normal 700 16px/20px Inter;
    min-width: 218px
}

#confirmacoes .np {
    padding-right: 0;
    padding-left: 0
}

#confirmacoes {
    margin-left: -10px
}

.cs-holder {
    width: 100%;
    display: flex
}

.country-select {
    opacity: .6;
    padding: 2px 25px;
    border: 1px solid #ddd;
    border-radius: 100px;
    text-decoration: none
}

.contry-select:active,
.country-select:hover {
    background-color: #fff;
    text-decoration: none
}

.country-select img {
    width: 24px;
    margin: 0
}

.country-select p {
    font-weight: 900;
    margin-top: 2px
}

.security-hover {
    display: none;
    position: fixed;
    top: 0;
    z-index: 999;
    background-color: #fafafa;
    width: 100%;
    height: 100vh
}

.btn {
    color: #fff
}

.btn-sec {
    border-radius: 8px;
    padding: 12px 10px;
    color: #fff;
    background-image: linear-gradient(74deg, #e6774c, #f92278);
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center
}

.btn.green {
    background: var(--bg-green-button);
    font-weight: 700
}

.btn.green:hover {
    background-color: var(--bg-green-button-hover)
}

.content-sec {
    padding: 15% 10%
}

.content-sec img {
    height: 50px
}

.arrow-float {
    position: absolute;
    left: 5%
}

.arrow-float img {
    width: 20px;
    height: 20px
}

.is-invalid {
    border-color: #dc3545 !important
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 10px;
    font-weight: 500;
    color: #d10000
}

.is-invalid~.invalid-feedback {
    display: flex;
    align-items: center
}

.valid {
    border-color: #59bf7585 !important
}

.remove-houver:hover {
    color: #5b8de8;
    text-decoration: none
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important
}

.ajax-loader {
    visibility: hidden;
    background-color: rgba(255, 255, 255, .8);
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1000;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: center
}

.ajax-loader span {
    font-size: 18px;
    font-weight: bolder;
    color: #9f9f9f
}

@keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    20% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    20% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    20% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1
    }
    20% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.terms {
    text-decoration: underline;
    color: #000
}

@media (min-width:1281px) {
    .paypal-m {
        display: none
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    .paypal-m {
        display: none
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .topbar {
        display: none
    }
    .card {
        max-width: 100%
    }
    .topbar {
        display: none
    }
    .separadorEstrutura {
        display: none
    }
    .check-text {
        font-size: 14px;
        line-height: 1.29;
        letter-spacing: normal
    }
    .link-label {
        display: none
    }
    input {
        max-width: 100%
    }
    .payment-type-img {
        width: 30px;
        height: auto
    }
    .pay-img {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 35px
    }
    .paypal-m {
        width: 50px
    }
    .pay-text {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 25px
    }
    .payment-type {
        width: 100%;
        font-size: 11px;
        padding: 7px 15px;
        radius: 5px
    }
    #confirmacoes .np,
    .np {
        padding-right: 4.8px;
        padding-left: 4.8px
    }
    .paypal-d {
        display: none
    }
    .qtde {
        margin-right: 10px;
        margin-left: 10px
    }
    .float {
        top: 90%;
        right: 25%
    }
    .p-total {
        font-weight: 700;
        line-height: 2;
        letter-spacing: 1.1px;
        text-align: right;
        color: #1cb25e
    }
    .card {
        padding: 35px 25px
    }
    .info-segura .sub {
        margin-left: 0;
        font-family: Inter;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #7e7e7e
    }
    .btn-holder {
        width: 100%;
        text-align: center
    }
    #confirmacoes {
        margin: 0
    }
    .btn {
        width: 100%
    }
    .guide-text {
        font-size: 14px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .topbar {
        display: none
    }
}

@media (min-width:481px) and (max-width:767px) {
    .cart-details {
        max-height: 100vh
    }
    .card {
        max-width: 100%
    }
    .topbar {
        display: none
    }
    .steps {
        margin-top: 10px;
        max-width: 100%
    }
    .check-text {
        font-size: 14px;
        line-height: 1.29;
        letter-spacing: normal
    }
    .link-label {
        display: none
    }
    input {
        max-width: 100%
    }
    .payment-type-img {
        width: 30px;
        height: auto
    }
    .pay-img {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 35px
    }
    .paypal-m {
        width: 50px
    }
    .pay-text {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 25px
    }
    .payment-type {
        width: 100%;
        font-size: 11px;
        padding: 7px 15px;
        radius: 5px
    }
    #confirmacoes .np,
    .np {
        padding-right: 4.8px;
        padding-left: 4.8px
    }
    .paypal-d {
        display: none
    }
    .qtde {
        margin-right: 10px;
        margin-left: 10px
    }
    .float {
        top: 90%;
        right: 25%
    }
    .p-total {
        font-weight: 700;
        line-height: 2;
        letter-spacing: 1.1px;
        text-align: right;
        color: #1cb25e
    }
    .card {
        padding: 35px 25px
    }
    .info-segura .sub {
        margin-left: 0;
        font-family: Inter;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #7e7e7e
    }
    .btn-holder {
        width: 100%;
        text-align: center
    }
    #confirmacoes {
        margin: 0
    }
    .btn {
        width: 100%
    }
    .guide-text {
        font-size: 14px
    }
}

@media (min-width:320px) and (max-width:480px) {
    .topbar {
        display: none
    }
    .card {
        max-width: 100%
    }
    .topbar {
        display: none
    }
    .steps {
        margin-top: 20px;
        max-width: 100%
    }
    .check-text {
        font-size: 14px;
        line-height: 1.29;
        letter-spacing: normal
    }
    .link-label {
        display: none
    }
    input {
        max-width: 100%
    }
    .payment-type-img {
        width: 30px;
        height: auto
    }
    .pay-img {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 35px
    }
    .paypal-m {
        width: 50px
    }
    .pay-text {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 25px
    }
    .payment-type {
        width: 100%;
        font-size: 11px;
        padding: 7px 15px;
        radius: 5px
    }
    #confirmacoes .np,
    .np {
        padding-right: 4.8px;
        padding-left: 4.8px
    }
    .paypal-d {
        display: none
    }
    .qtde {
        margin-right: 10px;
        margin-left: 10px
    }
    .float {
        top: 90%;
        right: 25%
    }
    .p-total {
        font-weight: 700;
        line-height: 2;
        letter-spacing: 1.1px;
        text-align: right;
        color: #1cb25e
    }
    .card {
        padding: 35px 25px
    }
    .info-segura .sub {
        margin-left: 0;
        font-family: Inter;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #7e7e7e
    }
    .btn-holder {
        width: 100%;
        text-align: center
    }
    #confirmacoes {
        margin: 0
    }
    .btn {
        width: 100%
    }
    .guide-text {
        font-size: 14px
    }
}

.hiden-before-zipcode {
    display: none
}

input::-webkit-input-placeholder {
    opacity: .15
}

input::-ms-input-placeholder {
    opacity: .15
}

input::placeholder {
    opacity: .15
}

@media screen and (min-width:342px) {
    .d-xsmp-none {
        display: none !important
    }
    .d-xsmp-block+ {
        display: block !important
    }
}

@media screen and (max-width:341px) {
    .d-xsm-none {
        display: none !important
    }
    .d-xsm-block {
        display: block !important
    }
}

.font-30 {
    font-size: 30px
}

.font-32 {
    font-size: 32px
}

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

.reviews {
    font-size: 14px
}

.reviews .stars>i {
    margin-right: 2px;
    font-size: 13px
}

.reviews .review-description {
    font-size: 12px
}

.reviews .half {
    border-bottom: 1px solid #ededed;
    margin: 20px 10px;
    height: 1px
}

.reviews ::-webkit-scrollbar {
    width: 5px
}

.reviews ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px #555;
    border-radius: 10px
}

.reviews ::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 10px
}

.input-number {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    width: 80px;
    height: 32px;
    border-radius: 20px
}

.input-number input {
    width: 20px;
    height: 30px;
    padding: 0;
    outline: 0;
    box-shadow: none;
    text-align: center;
    font-family: sans-serif;
    font-size: 14px;
    -webkit-appearance: textfield;
    -webkit-background-clip: padding-box;
    -moz-appearance: textfield;
    -moz-background-clip: padding-box;
    appearance: textfield;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    border-top: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1
}

.input-number input::-webkit-inner-spin-button,
.input-number input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.input-number button {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    outline: 0;
    width: 30px;
    height: 30px;
    background: #fff;
    transition: all .5s
}

.input-number button:first-child {
    border-radius: 30px 0 0 30px;
    border-top: solid 1px #e1e1e1;
    border-left: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1
}

.input-number button:last-child {
    border-radius: 0 30px 30px 0;
    border-top: solid 1px #e1e1e1;
    border-right: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1
}

.input-number button:hover {
    background: #fafafa
}

.input-number button:focus {
    background: #f5f5f5
}

.input-number button img {
    width: 10px
}

.o-angle-down-1 {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.product-grid {
    display: grid;
    grid-column-gap: 12px;
    grid-row-gap: 10px;
    grid-template-columns: 50px auto 80px;
    margin-bottom: 16px;
    color: #313c52
}

.product-grid:only-child {
    margin: 0 !important
}

.product-grid:last-child {
    margin-bottom: 0
}

@media (max-width:992px) {
    .product-grid:last-child {
        margin-bottom: 16px
    }
    .product-grid:first-child {
        margin-top: 5px !important
    }
}

.alert {
    border-radius: 10px
}

.empty-shipping {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 82px;
    margin: 10px 0 0 0;
    padding: 10px 10px 10px 12px;
    border: 1px solid #f79f1a;
    border-radius: 10px;
    background: #fff5ee;
    font-weight: 700;
    color: #313c52
}

.loading-spinner {
    display: none;
    position: absolute;
    top: 70%;
    right: 30px;
    margin-top: -9px;
    width: 9px;
    height: 9px;
    border: 3px solid transparent;
    border-top-color: #d0d0d0 !important;
    border-left-color: #d0d0d0 !important;
    border-radius: 50%;
    box-sizing: unset;
    animation: loading-bar-spinner .4s linear infinite;
    content: "";
    text-indent: 0
}

@keyframes loading-bar-spinner {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.cp-subtotal .row {
    padding: 4px 0
}

.steps {
    background: #fff;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    position: static;
    left: 0
}

.cupom_row {
    margin-top: 12px
}

.div_discount {
    position: relative
}

.div_discount_shadow {
    box-shadow: 0 0 7px #aed0eeb0 !important
}

.coupon_code {
    padding: 12px !important;
    border-color: #2e85ec !important;
    height: 46px !important;
    position: relative;
    display: none;
    box-shadow: none !important;
    border-radius: 5px 0 0 5px !important;
    border-right: none !important;
    filter: none !important;
    transition: none
}

#have-cupon-mobile {
    cursor: pointer
}

.coupon-code-mobile {
    padding: 12px !important;
    border-color: #2e85ec !important;
    height: 46px !important;
    position: relative;
    display: none;
    box-shadow: none !important;
    border-radius: 5px 0 0 5px !important;
    border-right: none !important;
    filter: none !important;
    transition: none
}

.desactived {
    display: none
}

.apply {
    padding: 12px;
    border-color: #2e85ec !important;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: none;
    background: 0 0;
    border-radius: 0 5px 5px 0;
    color: #2e85ec;
    outline: 0 !important;
    display: none;
    font-size: 14px;
    width: 53px;
    font-family: Inter
}

.apply-mobile {
    padding: 12px;
    border-color: #2e85ec !important;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: none;
    background: 0 0;
    border-radius: 0 5px 5px 0;
    color: #2e85ec;
    outline: 0 !important;
    display: none;
    font-size: 14px;
    width: 53px
}

.text_apply {
    cursor: pointer
}

.add_coupon_text {
    display: inline;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #5b8de8 !important;
    cursor: pointer
}

.cupon-approved {
    display: none;
    background-color: #59bf7517;
    padding: 0 5px 0 5px;
    border: 1px solid #59bf75;
    box-shadow: 0 0 7px rgba(89, 191, 117, .2);
    border-radius: 4px;
    float: left
}

.cupon_applied {
    display: none;
    background-color: #f5f5f5;
    padding: 0 5px 0 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    float: left
}

.cupon_tag {
    padding: 6px 8px 0 0
}

.remove_coupon {
    cursor: pointer;
    background: 0 0;
    border: none;
    margin-left: 6px;
    color: #a6a6a6
}

.invalid_data {
    display: none
}

.empty_data {
    display: none
}

.invalid_cupom {
    border-color: red !important;
    font-size: 12px
}

.invalid_cupom_alert {
    display: flex;
    align-items: center;
    color: #d10000;
    font-size: 10px;
    font-weight: 500
}

.error_cupom {
    display: none
}

.alert_cupom {
    padding-right: 7px
}

.optional-email {
    display: none;
    color: #a6a6a6;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400
}

.line_desktop {
    height: 16px !important
}

.total_mobile {
    margin-bottom: 14px
}

.safe_buy {
    height: 40px;
    color: #59bf75;
    background-color: #f0fbf2;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.shild_img {
    margin-right: 13px
}

.no_email {
    display: flex;
    align-items: center;
    margin: 10px 10px 10px 0;
    border: 1px solid #99999957;
    border-radius: 5px;
    height: 20px;
    width: 20px;
    font-size: 15px;
    padding: 3px 0 2px 3px;
    color: #fff
}

input:checked~.no_email {
    border: 1px solid #3e8ef7;
    background-color: #3e8ef7;
    background-image: url("../img/custom-checkbox.svg");
    background-repeat: no-repeat;
    background-position: 3px 4px
}

.swiper-pagination {
    position: relative !important;
    margin-top: 4px !important
}

.swiper-fade {
    position: absolute;
    width: 38px;
    height: 100%;
    right: -1;
    top: 0;
    z-index: 1000;
    background: linear-gradient(270.81deg, #f7f6f8 19.28%, rgba(247, 246, 248, 0) 122.83%);
    pointer-events: none
}

.swiper-slide {
    width: 86% !important
}

#entrega>div>div.col-12.radios>div.radio-box {
    padding: 24px 72px 20px 24px
}

.number-input {
    font-size: 12px
}

.product-title {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #313c52;
    overflow: hidden;
    padding: 6px 0 0 16px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important
}

.product-desc {
    padding-left: 16px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #636363;
    float: left;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    max-width: 228px
}

.people-buing {
    margin-top: 24px
}

.footer {
    height: 120px;
    bottom: 0;
    width: 100%
}

.footer-cfx {
    margin-top: auto;
    background: #fafafa !important
}

.fox-data {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    color: #313c52
}

hr {
    width: 100%
}

.extra-info {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    color: #636363;
    text-decoration: none !important
}

.cfx-mark {
    color: #ccc;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px
}

.headset-icon {
    margin-left: 6px
}

.store-icon {
    margin-right: 9px
}

.vega-logo {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5
}

.vega-logo:hover {
    cursor: pointer;
    filter: none;
    opacity: 1
}

.link-rules:hover a,
.link-rules:hover svg path {
    cursor: pointer;
    fill: #2e85ec;
    color: #2e85ec
}

.slideCheckoutV1 .card {
    background: #fafafa !important;
    border-radius: 8px !important;
    padding: 24px !important
}

.pointer {
    cursor: pointer
}

@media (min-width:768px) {
    .steps-digital {
        width: 63%
    }
}

.shipping-name {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #373737
}

.radio-div input {
    margin: 6px 24px 0 0
}

.radio-box.selected {
    filter: drop-shadow(0px 0px 7px rgba(46, 133, 236, .3)) !important
}

.radio-container label input[type=radio] {
    display: none
}

.radio-container label {
    display: flex;
    align-items: center;
    column-gap: 20px
}

.custom-radio {
    border: 1px solid #ccc;
    width: 26px;
    height: 26px;
    display: grid;
    place-content: center;
    border-radius: 50%
}

.custom-radio span {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.radio-container label input[type=radio]:checked+.custom-radio {
    border-color: #2e85ec
}

.radio-container label input[type=radio]:checked+.custom-radio span {
    background: #2e85ec
}

@media (max-height:630px) {
    body.cart-open {
        overflow: hidden
    }
    .cart-details {
        max-height: calc(100vh - 130px);
        top: 56px;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #cdcdcd #f3fff7
    }
    .cart-details::-webkit-scrollbar {
        width: 3px;
        background-color: #f3fff7
    }
    .cart-details::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #cdcdcd;
        opacity: 1
    }
    .product-list {
        max-height: 100% !important;
        overflow-y: hidden !important
    }
    .gradient-separator-top {
        display: none
    }
    .gradient-separator-bottom {
        display: none
    }
    .product-grid:first-child {
        margin-top: 0 !important
    }
}

.btn-security:hover {
    border: 1px solid #f7f6f8;
    box-shadow: 0 0 7px rgba(46, 133, 236, .3);
    border-radius: 60px
}

.btn-security:active {
    outline: 0
}

.btn-security {
    color: #313c52 !important;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    position: static;
    width: 178px;
    height: 40px;
    left: 85px;
    top: 638px;
    background: #fff;
    border: 1px solid #f7f6f8;
    box-sizing: border-box;
    border-radius: 60px;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    outline: 0
}

.btn-security img {
    margin: 0 10px 0 0 !important
}

.card-safe-pay {
    color: #313c52;
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    padding: 13px 27px;
    margin: 24px auto 0;
    max-width: 200px;
    border: 1px solid #f7f6f8;
    box-sizing: border-box;
    border-radius: 60px
}

.card-safe-pay img {
    max-width: 18px;
    margin-right: 9px
}

.modal-dialog {
    max-width: 700px
}

.modal-safe-pay {
    padding: 24px;
    border-radius: 12px;
    border: 0
}

.modal-body-safe {
    padding: 0 24px
}

.title-safe {
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -.02em;
    color: #313c52;
    margin-top: 17px
}

.title-safe span {
    color: #59bf75
}

.description-safe {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #636363;
    margin-top: 13px
}

.sub-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -.02em;
    color: #3d4456;
    margin: 32px 0
}

.group img {
    margin-right: 16px
}

.title-group {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -.02em;
    color: #3d4456
}

.description-group {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #636363;
    margin-top: 8px
}

.spacing {
    margin-top: 32px
}

.btn-safe {
    margin: 32px auto 0;
    padding: 12px 24px;
    border: 0;
    border-radius: 4px;
    background-color: #59bf75;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px
}

.btn-close {
    opacity: .75
}

.ob-container button {
    outline: 0;
    border: none
}

.ob-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap
}

.ob-label {
    flex: 1;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #373737
}

.ob-label .text-green {
    color: #59bf75
}

.ob-selector button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    width: 36px;
    padding: 0;
    border-radius: 50%;
    background-color: #f1f1f1;
    cursor: pointer
}

.ob-selector button i {
    font-size: 30px
}

.ob-selector button:disabled {
    opacity: 34%;
    color: inherit;
    border: 1px solid #999
}

.ob-selector button:active {
    background-color: #dedede
}

.ob-selector .ob-prev {
    margin-right: 8px
}

.ob-selector .ob-prev i {
    margin-right: 1px
}

.ob-selector .ob-next i {
    margin-left: 2px
}

.ob-body {
    position: relative;
    display: flex;
    align-items: flex-start;
    overflow: hidden
}

.ob-product {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding: 18px;
    background-color: #fff5ee;
    border-radius: 4px;
    border: 2px dashed #f79f1a;
    transition: background-color 2s, opacity .5s, filter .5s
}

.ob-product.loading {
    filter: grayscale(1);
    opacity: .5
}

.ob-product.checked {
    background-color: #f3fff7;
    border: 2px dashed #59bf75
}

.ob-purchased {
    display: none;
    position: absolute;
    top: -12px;
    width: 100%
}

.ob-purchased span {
    display: block;
    margin: 0 auto;
    width: 130px;
    height: 21px;
    padding: 5px 9px;
    border-radius: 4px;
    background-color: #59bf75;
    background-image: url(../img/verified.svg);
    background-position: 95%;
    background-repeat: no-repeat;
    font-size: 10px;
    line-height: 12px;
    font-weight: 800;
    color: #fff
}

.ob-info {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%
}

.ob-photo {
    width: 78px;
    height: 78px;
    margin-right: 24px;
    border-radius: 4px;
    background-color: #fff;
    object-fit: contain
}

.ob-text {
    display: grid;
    flex: 1
}

.ob-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -.02em;
    color: #313c52
}

.ob-description {
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
    color: #999
}

.ob-variant-description {
    margin: 4px 0 4px 0;
    padding: 0 20px 0 5px;
    max-width: 245px;
    border-radius: 4px;
    background-position-x: 98%;
    font-size: 12px
}

.ob-old-price {
    font-size: 10px;
    font-weight: 400;
    color: #e81414;
    text-decoration: line-through
}

.ob-price {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #59bf75
}

.ob-trash {
    display: none;
    width: 18px;
    height: 18px;
    align-self: flex-start;
    margin: -5px -8px 0 8px;
    background-image: url("../img/trash.svg");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer
}

.ob-trash:hover {
    filter: brightness(1.1)
}

.ob-purchase {
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
    outline: 0 !important;
    border: none;
    border-radius: 7px;
    background: #ff8710;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700
}

.ob-purchase.checked {
    background-color: #59bf75
}

.ob-checkbox {
    margin: 0 8px 0 0;
    line-height: 0
}

.ob-checkbox input {
    display: none
}

.ob-checkbox .checkmark {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #ff4e05;
    border-radius: 4px
}

.ob-checkbox input:checked~.checkmark {
    background-image: url("../img/checkmark.svg");
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #59bf75
}

.ob-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 14px 0 22px 0;
    font-size: 10px;
    line-height: 10px;
    color: #999
}

.ob-dot-list {
    display: flex;
    flex-wrap: wrap
}

.ob-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #cecece;
    margin: 2px
}

.ob-dot:last-child {
    margin-right: 0
}

.ob-dot.checked {
    background-color: #f90
}

.ob-preview {
    position: relative;
    display: none;
    margin-top: 34px;
    padding: 2px;
    background-color: #f3fff7;
    border-radius: 4px;
    border: 2px dashed #59bf75
}

.ob-preview .ob-purchased-info {
    position: absolute;
    left: 0;
    top: -24px;
    line-height: 14px;
    font-size: 14px;
    font-weight: 600;
    color: #313c52
}

.ob-preview-content {
    max-height: 105px;
    padding: 4px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #59bf75 #f3fff7
}

.ob-preview-content::-webkit-scrollbar {
    margin: 10px 0;
    width: 2px;
    background-color: #f3fff7
}

.ob-preview-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #59bf75
}

.ob-preview-content .ob-trash {
    display: block;
    width: 16px;
    height: 16px;
    margin: auto 0
}

.ob-preview-content .ob-info {
    padding: 4px
}

.ob-preview-content>.ob-info:only-child {
    padding: 0
}

.ob-preview-content .ob-info:not(:last-child) {
    padding-bottom: 12px;
    margin-bottom: 9px;
    border-bottom: 1px solid #fff
}

.ob-preview-content .ob-photo {
    width: 49px;
    height: 49px;
    margin-right: 10px
}

.ob-preview-content .ob-title {
    font-size: 14px;
    font-weight: 600;
    -webkit-line-clamp: 2
}

.ob-preview-content .ob-description {
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 11px;
    color: #9f9f9f
}

.ob-preview-content .ob-price-container {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #313c52
}

.ob-preview-content .ob-price {
    margin: 0 8px 0 4px;
    font-size: 14px;
    font-weight: 600;
    color: #313c52
}

.ob-preview-content .ob-saved {
    position: relative;
    display: inline-flex;
    padding: 4px 18px 4px 6px;
    border-radius: 2px;
    background-color: #59bf75;
    font-size: 10px;
    line-height: 12px;
    font-weight: 800;
    color: #fff
}

.ob-preview-content .ob-saved::after {
    content: url("../img/verified.svg");
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%)
}

@media (max-width:992px) {
    .ob-header {
        margin-bottom: 10px
    }
    .ob-label {
        font-size: 14px
    }
    .ob-product {
        padding: 20px 15px 20px 15px
    }
    .ob-product.checked {
        padding: 20px 15px 10px 15px
    }
    .ob-photo {
        margin-right: 15px
    }
    .ob-trash {
        margin: -11px
    }
    .ob-price {
        margin-bottom: 12px
    }
    .ob-purchase {
        bottom: -24px;
        left: 50%;
        transform: translateX(-50%);
        padding: 8px;
        margin-right: 0;
        width: 192px
    }
    .ob-purchase span {
        line-height: 18px;
        font-size: 16px;
        height: 16px
    }
    .ob-checkbox .checkmark {
        width: 25px;
        height: 25px
    }
    .ob-footer.top {
        margin-top: -8px
    }
    .ob-preview {
        margin: 50px -8px 24px -8px
    }
    .ob-preview-content {
        max-height: 110px
    }
    .ob-text {
        margin-right: 15px
    }
    .ob-preview .ob-trash {
        margin-left: -14px
    }
    .ob-preview .ob-title {
        margin-bottom: 4px
    }
    .ob-preview .ob-old-price {
        display: none
    }
}

@media (max-width:490px) {
    .ob-variant-description {
        max-width: 180px
    }
}

@media (max-width:360px) {
    .ob-variant-description {
        max-width: 120px
    }
}

@media (max-width:320px) {
    .ob-preview {
        margin: 36px -8px 15px -8px
    }
    .ob-preview-content {
        max-height: 118px
    }
}

@media (max-height:630px) {
    .ob-preview-content {
        max-height: 100% !important;
        overflow-y: hidden !important
    }
}

.receiverNameBtn {
    color: #000;
    background-color: #f8f9fa;
    width: 100%;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden
}

.floatingLabel {
    position: absolute;
    top: 5px;
    font-size: 10px
}

.barcode {
    position: absolute;
    top: 15px;
    max-width: 80%;
    overflow-x: scroll
}

@media screen and (min-width:1200px) {
    .dislpay-none-xl {
        display: none
    }
    .barcode-icon {
        margin-left: 98%;
        cursor: pointer
    }
    .responsive-visibility-invert {
        visibility: hidden
    }
    .responsive-display-invert {
        display: none
    }
}

@media screen and (min-width:960px) and (max-width:1199px) {
    .dislpay-none-lg {
        display: none
    }
    .barcode-icon {
        margin-left: 98%;
        cursor: pointer
    }
    .responsive-visibility-invert {
        visibility: hidden
    }
    .responsive-display-invert {
        display: none
    }
}

@media screen and (min-width:768px) and (max-width:959px) {
    .dislpay-none-md {
        display: none
    }
    .barcode-icon {
        margin-left: 98%;
        cursor: pointer
    }
    .responsive-visibility-invert {
        visibility: hidden
    }
    .responsive-display-invert {
        display: none
    }
}

@media screen and (min-width:576px) and (max-width:767px) {
    .dislpay-none-sm {
        display: none
    }
    .barcode-icon {
        margin-left: 98%;
        cursor: pointer
    }
    .responsive-visibility {
        visibility: hidden
    }
    .responsive-display {
        display: none
    }
}

@media screen and (max-width:575px) {
    .dislpay-none-xsm {
        display: none
    }
    .barcode-icon {
        margin-left: 50%;
        cursor: pointer
    }
    .responsive-visibility {
        visibility: hidden
    }
    .responsive-display {
        display: none
    }
}

.ellipsis-h {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.ellipsis-w {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px
}

.coupon-box {
    background-color: #fafafa;
    margin-left: -25px;
    margin-right: -25px
}

.coupon-btn-link {
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 48px
}

.coupon-btn-link:hover {
    text-decoration: none
}

.coupon-btn-remove {
    display: none;
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    color: #7e7e7e;
    background: #f3f3f3;
    border-radius: 8px;
    font-family: Muli
}

.custom-icon {
    position: absolute;
    top: 16px;
    right: 10px
}

.coupon-helper,
.input-icon-danger,
.input-icon-success {
    display: none
}

.coupon-success input {
    background-color: #fafafa;
    padding-left: 28px;
    border: none;
    box-shadow: none
}

.coupon-success>span {
    color: #33e59e
}

.coupon-success .input-icon-success {
    display: block;
    color: #33e59e
}

.coupon-success .coupon-helper {
    display: block;
    color: #33e59e;
    padding-left: 28px
}

.coupon-success .coupon-btn-link {
    display: none
}

.coupon-success .coupon-btn-remove {
    display: block
}

.coupon-success .custom-icon {
    left: 0;
    top: 16px
}

.coupon-danger input {
    border-color: #ee5261
}

.coupon-danger>span {
    color: #ee5261
}

.coupon-danger .input-icon-danger {
    display: block;
    color: #ee5261
}

.coupon-danger .coupon-helper {
    display: block;
    color: #ee5261;
    padding-left: 15px
}

.coupon-danger .coupon-btn-remove {
    display: block
}

.coupon-danger .coupon-btn-link {
    display: none
}

.discount-class .text-left {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.auto-discount-span,
.discount-class .discount-span,
.discount-span {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    letter-spacing: -.02em;
    color: #6acd85
}

.coupon-with-border .coupon-box {
    margin-top: -25px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

#coupon_code:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset
}

@media only screen and (max-width:600px) {
    .coupon-box {
        margin-left: -9px;
        margin-right: -9px
    }
}

ul.ui-mailtip {
    zoom: 1;
    background-color: #fff;
    list-style: none;
    border: 1px solid #ccc;
    overflow: hidden;
    text-align: left;
    font: italic 13px/1.5 Consolas, "Liberation Mono", Menlo, Courier, monospace, sans-serif
}

ul.ui-mailtip:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

ul.ui-mailtip li {
    margin: 0;
    padding: 0;
    float: none
}

ul.ui-mailtip li p {
    height: 28px;
    text-align: inherit;
    line-height: 28px;
    cursor: pointer;
    margin: 0 9px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

ul.ui-mailtip li.active {
    color: #eb7350;
    background: #eaeaea
}

ul.ui-mailtip li.hover {
    background: #e7f6ff
}

.jss900 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    position: absolute;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none
}

.jss901 {
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    opacity: 0;
    position: absolute
}

.jss902 {
    opacity: .3;
    transform: scale(1);
    animation: mui-ripple-enter 550ms cubic-bezier(.4, 0, .2, 1)
}

.jss903 {
    animation-duration: .2s
}

.jss904 {
    width: 100%;
    height: 100%;
    opacity: 1;
    display: block;
    border-radius: 50%;
    background-color: currentColor
}

.jss905 {
    opacity: 0;
    animation: mui-ripple-exit 550ms cubic-bezier(.4, 0, .2, 1)
}

.jss906 {
    top: 0;
    left: 0;
    position: absolute;
    animation: mui-ripple-pulsate 2.5s cubic-bezier(.4, 0, .2, 1) .2s infinite
}

@-webkit-keyframes mui-ripple-enter {
    0% {
        opacity: .1;
        transform: scale(0)
    }
    100% {
        opacity: .3;
        transform: scale(1)
    }
}

@-webkit-keyframes mui-ripple-exit {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes mui-ripple-pulsate {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(.92)
    }
    100% {
        transform: scale(1)
    }
}

.jss836 {
    color: inherit;
    border: 0;
    margin: 0;
    cursor: pointer;
    display: inline-flex;
    outline: 0;
    padding: 0;
    position: relative;
    align-items: center;
    user-select: none;
    border-radius: 0;
    vertical-align: middle;
    justify-content: center;
    -moz-appearance: none;
    text-decoration: none;
    background-color: transparent;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

.jss836::-moz-focus-inner {
    border-style: none
}

.jss836.jss837 {
    cursor: default;
    pointer-events: none
}

.jss810 {
    color: rgba(0, 0, 0, .87);
    padding: 6px 16px;
    font-size: .875rem;
    min-width: 64px;
    box-sizing: border-box;
    transition: background-color 250ms cubic-bezier(.4, 0, .2, 1) 0s, box-shadow 250ms cubic-bezier(.4, 0, .2, 1) 0s, border 250ms cubic-bezier(.4, 0, .2, 1) 0s;
    box-shadow: none;
    line-height: 1.75;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 700;
    border-radius: 4px;
    text-transform: uppercase
}

.jss810:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .08)
}

.jss810.jss830 {
    color: rgba(0, 0, 0, .26)
}

.jss810:active {
    box-shadow: none
}

.jss810:focus {
    box-shadow: none
}

@media (hover:none) {
    .jss810:hover {
        background-color: transparent
    }
}

.jss810:hover.jss830 {
    background-color: transparent
}

.jss811 {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit
}

.jss812 {
    padding: 6px 8px
}

.jss813 {
    color: #4caf50
}

.jss813:hover {
    background-color: rgba(76, 175, 80, .08)
}

@media (hover:none) {
    .jss813:hover {
        background-color: transparent
    }
}

.jss814 {
    color: #2979ff
}

.jss814:hover {
    background-color: rgba(41, 121, 255, .08)
}

@media (hover:none) {
    .jss814:hover {
        background-color: transparent
    }
}

.jss818 {
    border: 1px solid rgba(0, 0, 0, .23);
    padding: 5px 16px
}

.jss818.jss830 {
    border: 1px solid rgba(0, 0, 0, .26)
}

.jss819 {
    color: #4caf50;
    border: 1px solid rgba(76, 175, 80, .5)
}

.jss819:hover {
    border: 1px solid #4caf50;
    background-color: rgba(76, 175, 80, .08)
}

@media (hover:none) {
    .jss819:hover {
        background-color: transparent
    }
}

.jss820 {
    color: #2979ff;
    border: 1px solid rgba(41, 121, 255, .5)
}

.jss820:hover {
    border: 1px solid #2979ff;
    background-color: rgba(41, 121, 255, .08)
}

.jss820.jss830 {
    border: 1px solid rgba(0, 0, 0, .26)
}

@media (hover:none) {
    .jss820:hover {
        background-color: transparent
    }
}

.jss821 {
    color: rgba(0, 0, 0, .87);
    box-shadow: none;
    background-color: #e0e0e0
}

.jss821.jss829 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.jss821:active {
    box-shadow: none
}

.jss821.jss830 {
    color: rgba(0, 0, 0, .26);
    box-shadow: none;
    background-color: rgba(0, 0, 0, .12)
}

.jss821:hover {
    background-color: #d5d5d5
}

.jss821:focus {
    box-shadow: none
}

@media (hover:none) {
    .jss821:hover {
        background-color: #e0e0e0
    }
}

.jss821:hover.jss830 {
    background-color: rgba(0, 0, 0, .12)
}

.jss822 {
    color: #fff;
    background-color: #4caf50
}

.jss822:hover {
    background-color: #388e3c
}

@media (hover:none) {
    .jss822:hover {
        background-color: #4caf50
    }
}

.jss823 {
    color: #fff;
    background-color: #2979ff
}

.jss823:hover {
    background-color: #2962ff
}

@media (hover:none) {
    .jss823:hover {
        background-color: #2979ff
    }
}

.jss827 {
    width: 56px;
    height: 56px;
    padding: 0;
    min-width: 0;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    border-radius: 50%
}

.jss827:active {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.jss828 {
    width: auto;
    height: 48px;
    padding: 0 16px;
    min-width: 48px;
    border-radius: 24px
}

.jss831 {
    color: inherit;
    border-color: currentColor
}

.jss832 {
    width: 40px;
    height: 40px
}

.jss833 {
    padding: 4px 8px;
    min-width: 64px;
    font-size: .8125rem
}

.jss834 {
    padding: 8px 24px;
    font-size: .9375rem
}

.jss835 {
    width: 100%
}

.jss10 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1300;
    position: fixed
}

.jss11 {
    visibility: hidden
}

.jss946 {
    margin: 0;
    display: block
}

.jss947 {
    color: rgba(0, 0, 0, .54);
    font-size: 7rem;
    font-weight: 300;
    font-family: Lato, Helvetica, Arial, sans-serif;
    line-height: 1.14286em;
    margin-left: -.04em;
    letter-spacing: -.04em
}

.jss948 {
    color: rgba(0, 0, 0, .54);
    font-size: 3.5rem;
    font-weight: 400;
    font-family: Lato, Helvetica, Arial, sans-serif;
    line-height: 1.30357em;
    margin-left: -.02em;
    letter-spacing: -.02em
}

.jss949 {
    color: rgba(0, 0, 0, .54);
    font-size: 2.8125rem;
    font-weight: 400;
    font-family: Lato, Helvetica, Arial, sans-serif;
    line-height: 1.13333em;
    margin-left: -.02em
}

.jss950 {
    color: rgba(0, 0, 0, .54);
    font-size: 2.125rem;
    font-weight: 400;
    font-family: Lato, Helvetica, Arial, sans-serif;
    line-height: 1.20588em
}

.jss951 {
    color: rgba(0, 0, 0, .87);
    font-size: 1.5rem;
    font-weight: 400;
    font-family: Lato, Helvetica, Arial, sans-serif;
    line-height: 1.35417em
}

.jss952 {
    color: rgba(0, 0, 0, .87);
    font-size: 1.3125rem;
    font-weight: 700;
    font-family: Lato, Helvetica, Arial, sans-serif;
    line-height: 1.16667em
}

.jss953 {
    color: rgba(0, 0, 0, .87);
    font-size: 1rem;
    font-weight: 400;
    font-family: Lato, Helvetica, Arial, sans-serif;
    line-height: 1.5em
}

.jss954 {
    color: rgba(0, 0, 0, .87);
    font-size: .875rem;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5
}

.jss955 {
    color: rgba(0, 0, 0, .87);
    font-size: 1rem;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5
}

.jss956 {
    color: rgba(0, 0, 0, .87);
    font-size: .75rem;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.66
}

.jss957 {
    color: rgba(0, 0, 0, .87);
    font-size: .875rem;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.75;
    text-transform: uppercase
}

.jss958 {
    color: rgba(0, 0, 0, .87);
    font-size: 6rem;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1
}

.jss959 {
    color: rgba(0, 0, 0, .87);
    font-size: 3.75rem;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1
}

.jss960 {
    color: rgba(0, 0, 0, .87);
    font-size: 3rem;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.04
}

.jss961 {
    color: rgba(0, 0, 0, .87);
    font-size: 2.125rem;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.17
}

.jss962 {
    color: rgba(0, 0, 0, .87);
    font-size: 1.5rem;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.33
}

.jss963 {
    color: rgba(0, 0, 0, .87);
    font-size: 1.25rem;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.6
}

.jss964 {
    color: rgba(0, 0, 0, .87);
    font-size: 1rem;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.75
}

.jss965 {
    color: rgba(0, 0, 0, .87);
    font-size: .875rem;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.57
}

.jss966 {
    color: rgba(0, 0, 0, .87);
    font-size: .75rem;
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 2.66;
    text-transform: uppercase
}

.jss967 {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden
}

.jss968 {
    text-align: left
}

.jss969 {
    text-align: center
}

.jss970 {
    text-align: right
}

.jss971 {
    text-align: justify
}

.jss972 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jss973 {
    margin-bottom: .35em
}

.jss974 {
    margin-bottom: 16px
}

.jss975 {
    color: inherit
}

.jss976 {
    color: #4caf50
}

.jss977 {
    color: #2979ff
}

.jss978 {
    color: rgba(0, 0, 0, .87)
}

.jss979 {
    color: rgba(0, 0, 0, .54)
}

.jss980 {
    color: #f44336
}

.jss981 {
    display: inline
}

.jss697 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box
}

.jss698 {
    margin: 0;
    box-sizing: border-box
}

.jss699 {
    min-width: 0
}

.jss700 {
    flex-direction: column
}

.jss701 {
    flex-direction: column-reverse
}

.jss702 {
    flex-direction: row-reverse
}

.jss703 {
    flex-wrap: nowrap
}

.jss704 {
    flex-wrap: wrap-reverse
}

.jss705 {
    align-items: center
}

.jss706 {
    align-items: flex-start
}

.jss707 {
    align-items: flex-end
}

.jss708 {
    align-items: baseline
}

.jss709 {
    align-content: center
}

.jss710 {
    align-content: flex-start
}

.jss711 {
    align-content: flex-end
}

.jss712 {
    align-content: space-between
}

.jss713 {
    align-content: space-around
}

.jss714 {
    justify-content: center
}

.jss715 {
    justify-content: flex-end
}

.jss716 {
    justify-content: space-between
}

.jss717 {
    justify-content: space-around
}

.jss718 {
    justify-content: space-evenly
}

.jss719 {
    width: calc(100% + 8px);
    margin: -4px
}

.jss719>.jss698 {
    padding: 4px
}

.jss720 {
    width: calc(100% + 16px);
    margin: -8px
}

.jss720>.jss698 {
    padding: 8px
}

.jss721 {
    width: calc(100% + 24px);
    margin: -12px
}

.jss721>.jss698 {
    padding: 12px
}

.jss722 {
    width: calc(100% + 32px);
    margin: -16px
}

.jss722>.jss698 {
    padding: 16px
}

.jss723 {
    width: calc(100% + 40px);
    margin: -20px
}

.jss723>.jss698 {
    padding: 20px
}

.jss724 {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto
}

.jss725 {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0
}

.jss726 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%
}

.jss727 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%
}

.jss728 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%
}

.jss729 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%
}

.jss730 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%
}

.jss731 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%
}

.jss732 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%
}

.jss733 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%
}

.jss734 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%
}

.jss735 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%
}

.jss736 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%
}

.jss737 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%
}

@media (min-width:600px) {
    .jss738 {
        flex-grow: 0;
        max-width: none;
        flex-basis: auto
    }
    .jss739 {
        flex-grow: 1;
        max-width: 100%;
        flex-basis: 0
    }
    .jss740 {
        flex-grow: 0;
        max-width: 8.333333%;
        flex-basis: 8.333333%
    }
    .jss741 {
        flex-grow: 0;
        max-width: 16.666667%;
        flex-basis: 16.666667%
    }
    .jss742 {
        flex-grow: 0;
        max-width: 25%;
        flex-basis: 25%
    }
    .jss743 {
        flex-grow: 0;
        max-width: 33.333333%;
        flex-basis: 33.333333%
    }
    .jss744 {
        flex-grow: 0;
        max-width: 41.666667%;
        flex-basis: 41.666667%
    }
    .jss745 {
        flex-grow: 0;
        max-width: 50%;
        flex-basis: 50%
    }
    .jss746 {
        flex-grow: 0;
        max-width: 58.333333%;
        flex-basis: 58.333333%
    }
    .jss747 {
        flex-grow: 0;
        max-width: 66.666667%;
        flex-basis: 66.666667%
    }
    .jss748 {
        flex-grow: 0;
        max-width: 75%;
        flex-basis: 75%
    }
    .jss749 {
        flex-grow: 0;
        max-width: 83.333333%;
        flex-basis: 83.333333%
    }
    .jss750 {
        flex-grow: 0;
        max-width: 91.666667%;
        flex-basis: 91.666667%
    }
    .jss751 {
        flex-grow: 0;
        max-width: 100%;
        flex-basis: 100%
    }
}

@media (min-width:960px) {
    .jss752 {
        flex-grow: 0;
        max-width: none;
        flex-basis: auto
    }
    .jss753 {
        flex-grow: 1;
        max-width: 100%;
        flex-basis: 0
    }
    .jss754 {
        flex-grow: 0;
        max-width: 8.333333%;
        flex-basis: 8.333333%
    }
    .jss755 {
        flex-grow: 0;
        max-width: 16.666667%;
        flex-basis: 16.666667%
    }
    .jss756 {
        flex-grow: 0;
        max-width: 25%;
        flex-basis: 25%
    }
    .jss757 {
        flex-grow: 0;
        max-width: 33.333333%;
        flex-basis: 33.333333%
    }
    .jss758 {
        flex-grow: 0;
        max-width: 41.666667%;
        flex-basis: 41.666667%
    }
    .jss759 {
        flex-grow: 0;
        max-width: 50%;
        flex-basis: 50%
    }
    .jss760 {
        flex-grow: 0;
        max-width: 58.333333%;
        flex-basis: 58.333333%
    }
    .jss761 {
        flex-grow: 0;
        max-width: 66.666667%;
        flex-basis: 66.666667%
    }
    .jss762 {
        flex-grow: 0;
        max-width: 75%;
        flex-basis: 75%
    }
    .jss763 {
        flex-grow: 0;
        max-width: 83.333333%;
        flex-basis: 83.333333%
    }
    .jss764 {
        flex-grow: 0;
        max-width: 91.666667%;
        flex-basis: 91.666667%
    }
    .jss765 {
        flex-grow: 0;
        max-width: 100%;
        flex-basis: 100%
    }
}

@media (min-width:1280px) {
    .jss766 {
        flex-grow: 0;
        max-width: none;
        flex-basis: auto
    }
    .jss767 {
        flex-grow: 1;
        max-width: 100%;
        flex-basis: 0
    }
    .jss768 {
        flex-grow: 0;
        max-width: 8.333333%;
        flex-basis: 8.333333%
    }
    .jss769 {
        flex-grow: 0;
        max-width: 16.666667%;
        flex-basis: 16.666667%
    }
    .jss770 {
        flex-grow: 0;
        max-width: 25%;
        flex-basis: 25%
    }
    .jss771 {
        flex-grow: 0;
        max-width: 33.333333%;
        flex-basis: 33.333333%
    }
    .jss772 {
        flex-grow: 0;
        max-width: 41.666667%;
        flex-basis: 41.666667%
    }
    .jss773 {
        flex-grow: 0;
        max-width: 50%;
        flex-basis: 50%
    }
    .jss774 {
        flex-grow: 0;
        max-width: 58.333333%;
        flex-basis: 58.333333%
    }
    .jss775 {
        flex-grow: 0;
        max-width: 66.666667%;
        flex-basis: 66.666667%
    }
    .jss776 {
        flex-grow: 0;
        max-width: 75%;
        flex-basis: 75%
    }
    .jss777 {
        flex-grow: 0;
        max-width: 83.333333%;
        flex-basis: 83.333333%
    }
    .jss778 {
        flex-grow: 0;
        max-width: 91.666667%;
        flex-basis: 91.666667%
    }
    .jss779 {
        flex-grow: 0;
        max-width: 100%;
        flex-basis: 100%
    }
}

@media (min-width:1920px) {
    .jss780 {
        flex-grow: 0;
        max-width: none;
        flex-basis: auto
    }
    .jss781 {
        flex-grow: 1;
        max-width: 100%;
        flex-basis: 0
    }
    .jss782 {
        flex-grow: 0;
        max-width: 8.333333%;
        flex-basis: 8.333333%
    }
    .jss783 {
        flex-grow: 0;
        max-width: 16.666667%;
        flex-basis: 16.666667%
    }
    .jss784 {
        flex-grow: 0;
        max-width: 25%;
        flex-basis: 25%
    }
    .jss785 {
        flex-grow: 0;
        max-width: 33.333333%;
        flex-basis: 33.333333%
    }
    .jss786 {
        flex-grow: 0;
        max-width: 41.666667%;
        flex-basis: 41.666667%
    }
    .jss787 {
        flex-grow: 0;
        max-width: 50%;
        flex-basis: 50%
    }
    .jss788 {
        flex-grow: 0;
        max-width: 58.333333%;
        flex-basis: 58.333333%
    }
    .jss789 {
        flex-grow: 0;
        max-width: 66.666667%;
        flex-basis: 66.666667%
    }
    .jss790 {
        flex-grow: 0;
        max-width: 75%;
        flex-basis: 75%
    }
    .jss791 {
        flex-grow: 0;
        max-width: 83.333333%;
        flex-basis: 83.333333%
    }
    .jss792 {
        flex-grow: 0;
        max-width: 91.666667%;
        flex-basis: 91.666667%
    }
    .jss793 {
        flex-grow: 0;
        max-width: 100%;
        flex-basis: 100%
    }
}

.jss875 {
    color: rgba(0, 0, 0, .87);
    cursor: text;
    display: inline-flex;
    font-size: 1rem;
    font-family: Lato, Helvetica, Arial, sans-serif;
    line-height: 1.1875em;
    align-items: center
}

.jss875.jss878 {
    color: rgba(0, 0, 0, .38);
    cursor: default
}

.jss883 {
    padding: 6px 0 7px
}

.jss884 {
    width: 100%
}

.jss885 {
    font: inherit;
    color: currentColor;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 6px 0 7px;
    display: block;
    min-width: 0;
    box-sizing: content-box;
    background: 0 0;
    -webkit-tap-highlight-color: transparent
}

.jss885::-webkit-input-placeholder {
    color: currentColor;
    opacity: .42;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 0s
}

.jss885::-moz-placeholder {
    color: currentColor;
    opacity: .42;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 0s
}

.jss885:-ms-input-placeholder {
    color: currentColor;
    opacity: .42;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 0s
}

.jss885::-ms-input-placeholder {
    color: currentColor;
    opacity: .42;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 0s
}

.jss885:focus {
    outline: 0
}

.jss885:invalid {
    box-shadow: none
}

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

.jss885.jss878 {
    opacity: 1
}

label[data-shrink=false]+.jss876 .jss885::-webkit-input-placeholder {
    opacity: 0
}

label[data-shrink=false]+.jss876 .jss885::-moz-placeholder {
    opacity: 0
}

label[data-shrink=false]+.jss876 .jss885:-ms-input-placeholder {
    opacity: 0
}

label[data-shrink=false]+.jss876 .jss885::-ms-input-placeholder {
    opacity: 0
}

label[data-shrink=false]+.jss876 .jss885:focus::-webkit-input-placeholder {
    opacity: .42
}

label[data-shrink=false]+.jss876 .jss885:focus::-moz-placeholder {
    opacity: .42
}

label[data-shrink=false]+.jss876 .jss885:focus:-ms-input-placeholder {
    opacity: .42
}

label[data-shrink=false]+.jss876 .jss885:focus::-ms-input-placeholder {
    opacity: .42
}

.jss886 {
    padding-top: 3px
}

.jss887 {
    resize: none;
    padding: 0
}

.jss888 {
    height: 1.1875em
}

.jss889 {
    -moz-appearance: textfield;
    -webkit-appearance: textfield
}

.jss862 {
    position: relative
}

label+.jss863 {
    margin-top: 16px
}

.jss866:after {
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    transform: scaleX(0);
    transition: transform .2s cubic-bezier(0, 0, .2, 1) 0s;
    border-bottom: 2px solid #388e3c;
    pointer-events: none
}

.jss866.jss864:after {
    transform: scaleX(1)
}

.jss866.jss867:after {
    transform: scaleX(1);
    border-bottom-color: #f44336
}

.jss866:before {
    left: 0;
    right: 0;
    bottom: 0;
    content: "\00a0";
    position: absolute;
    transition: border-bottom-color .2s cubic-bezier(.4, 0, .2, 1) 0s;
    border-bottom: 1px solid rgba(0, 0, 0, .42);
    pointer-events: none
}

.jss866:hover:not(.jss865):not(.jss864):not(.jss867):before {
    border-bottom: 2px solid rgba(0, 0, 0, .87)
}

.jss866.jss865:before {
    border-bottom-style: dotted
}

@media (hover:none) {
    .jss866:hover:not(.jss865):not(.jss864):not(.jss867):before {
        border-bottom: 1px solid rgba(0, 0, 0, .42)
    }
}

.jss855 {
    color: rgba(0, 0, 0, .54);
    padding: 0;
    font-size: 1rem;
    font-family: Lato, Helvetica, Arial, sans-serif;
    line-height: 1
}

.jss855.jss856 {
    color: #388e3c
}

.jss855.jss857 {
    color: rgba(0, 0, 0, .38)
}

.jss855.jss858 {
    color: #f44336
}

.jss861.jss858 {
    color: #f44336
}

.jss844 {
    transform-origin: top left
}

.jss849 {
    top: 0;
    left: 0;
    position: absolute;
    transform: translate(0, 24px) scale(1)
}

.jss850 {
    transform: translate(0, 21px) scale(1)
}

.jss851 {
    transform: translate(0, 1.5px) scale(.75);
    transform-origin: top left
}

.jss852 {
    transition: color .2s cubic-bezier(0, 0, .2, 1) 0s, transform .2s cubic-bezier(0, 0, .2, 1) 0s
}

.jss853 {
    z-index: 1;
    transform: translate(12px, 20px) scale(1);
    pointer-events: none
}

.jss853.jss850 {
    transform: translate(12px, 17px) scale(1)
}

.jss853.jss851 {
    transform: translate(12px, 10px) scale(.75)
}

.jss853.jss851.jss850 {
    transform: translate(12px, 7px) scale(.75)
}

.jss854 {
    z-index: 1;
    transform: translate(14px, 20px) scale(1);
    pointer-events: none
}

.jss854.jss850 {
    transform: translate(14px, 17px) scale(1)
}

.jss854.jss851 {
    transform: translate(14px, -6px) scale(.75)
}

.jss840 {
    margin: 0;
    border: 0;
    display: inline-flex;
    padding: 0;
    position: relative;
    min-width: 0;
    flex-direction: column;
    vertical-align: top
}

.jss841 {
    margin-top: 16px;
    margin-bottom: 8px
}

.jss842 {
    margin-top: 8px;
    margin-bottom: 4px
}

.jss843 {
    width: 100%
}

.jss892 {
    color: rgba(0, 0, 0, .54);
    margin: 0;
    font-size: .75rem;
    text-align: left;
    margin-top: 8px;
    min-height: 1em;
    font-family: Lato, Helvetica, Arial, sans-serif;
    line-height: 1em
}

.jss892.jss894 {
    color: rgba(0, 0, 0, .38)
}

.jss892.jss893 {
    color: #f44336
}

.jss895 {
    margin-top: 4px
}

.jss896 {
    margin: 8px 12px 0
}

.jss9 {
    outline: 0;
    position: absolute;
    min-width: 16px;
    max-width: calc(100% - 32px);
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 16px;
    max-height: calc(100% - 32px)
}

.jss8 {
    max-height: calc(100% - 96px);
    -webkit-overflow-scrolling: touch
}

.jss937 {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 24px;
    transition: fill .2s cubic-bezier(.4, 0, .2, 1) 0s;
    user-select: none;
    flex-shrink: 0
}

.jss938 {
    color: #4caf50
}

.jss939 {
    color: #2979ff
}

.jss940 {
    color: rgba(0, 0, 0, .54)
}

.jss941 {
    color: #f44336
}

.jss942 {
    color: rgba(0, 0, 0, .26)
}

.jss943 {
    font-size: inherit
}

.jss944 {
    font-size: 20px
}

.jss945 {
    font-size: 35px
}

.jss931 {
    flex: 0 0 auto;
    color: rgba(0, 0, 0, .54);
    padding: 12px;
    overflow: visible;
    font-size: 1.5rem;
    text-align: center;
    transition: background-color 150ms cubic-bezier(.4, 0, .2, 1) 0s;
    border-radius: 50%
}

.jss931:hover {
    background-color: rgba(0, 0, 0, .08)
}

.jss931.jss935 {
    color: rgba(0, 0, 0, .26)
}

@media (hover:none) {
    .jss931:hover {
        background-color: transparent
    }
}

.jss931:hover.jss935 {
    background-color: transparent
}

.jss932 {
    color: inherit
}

.jss933 {
    color: #4caf50
}

.jss933:hover {
    background-color: rgba(76, 175, 80, .08)
}

@media (hover:none) {
    .jss933:hover {
        background-color: transparent
    }
}

.jss934 {
    color: #2979ff
}

.jss934:hover {
    background-color: rgba(41, 121, 255, .08)
}

@media (hover:none) {
    .jss934:hover {
        background-color: transparent
    }
}

.jss936 {
    width: 100%;
    display: flex;
    align-items: inherit;
    justify-content: inherit
}

.jss915 {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-left: -14px;
    margin-right: 16px;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent
}

.jss915.jss919 {
    cursor: default
}

.jss916 {
    margin-left: 16px;
    margin-right: -14px;
    flex-direction: row-reverse
}

.jss917 {
    margin-left: 16px;
    flex-direction: column-reverse
}

.jss918 {
    margin-left: 16px;
    flex-direction: column
}

.jss920.jss919 {
    color: rgba(0, 0, 0, .38)
}

.jss927 {
    display: inline-flex;
    transition: none;
    align-items: center
}

.jss927:hover {
    background-color: transparent
}

.jss930 {
    top: 0;
    left: 0;
    width: 100%;
    cursor: inherit;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute
}

.jss802 {
    left: 0;
    right: 0;
    z-index: 1400;
    display: flex;
    position: fixed;
    align-items: center;
    justify-content: center
}

.jss803 {
    top: 0
}

@media (min-width:960px) {
    .jss803 {
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
}

.jss804 {
    bottom: 0
}

@media (min-width:960px) {
    .jss804 {
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
}

.jss805 {
    top: 0;
    justify-content: flex-end
}

@media (min-width:960px) {
    .jss805 {
        top: 24px;
        left: auto;
        right: 24px
    }
}

.jss806 {
    bottom: 0;
    justify-content: flex-end
}

@media (min-width:960px) {
    .jss806 {
        left: auto;
        right: 24px;
        bottom: 24px
    }
}

.jss807 {
    top: 0;
    justify-content: flex-start
}

@media (min-width:960px) {
    .jss807 {
        top: 24px;
        left: 24px;
        right: auto
    }
}

.jss808 {
    bottom: 0;
    justify-content: flex-start
}

@media (min-width:960px) {
    .jss808 {
        left: 24px;
        right: auto;
        bottom: 24px
    }
}

.jss921 {
    color: rgba(0, 0, 0, .54)
}

.jss925.jss922 {
    color: #4caf50
}

.jss925.jss923 {
    color: rgba(0, 0, 0, .26)
}

.jss926.jss922 {
    color: #2979ff
}

.jss926.jss923 {
    color: rgba(0, 0, 0, .26)
}

.jss907 {
    z-index: 1500;
    opacity: .9;
    pointer-events: none
}

.jss908 {
    pointer-events: auto
}

.jss909 {
    color: #fff;
    padding: 4px 8px;
    font-size: .625rem;
    max-width: 300px;
    font-family: Lato, Helvetica, Arial, sans-serif;
    line-height: 1.4em;
    border-radius: 4px;
    background-color: #616161
}

.jss910 {
    padding: 8px 16px;
    font-size: .875rem;
    line-height: 1.14286em
}

.jss911 {
    margin: 0 24px;
    transform-origin: right center
}

@media (min-width:600px) {
    .jss911 {
        margin: 0 14px
    }
}

.jss912 {
    margin: 0 24px;
    transform-origin: left center
}

@media (min-width:600px) {
    .jss912 {
        margin: 0 14px
    }
}

.jss913 {
    margin: 24px 0;
    transform-origin: center bottom
}

@media (min-width:600px) {
    .jss913 {
        margin: 14px 0
    }
}

.jss914 {
    margin: 24px 0;
    transform-origin: center top
}

@media (min-width:600px) {
    .jss914 {
        margin: 14px 0
    }
}

html {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

*,
::after,
::before {
    box-sizing: inherit
}

body {
    margin: 0
}

@media print {
    body {
        background-color: #fff
    }
}

.jss839 {
    display: flex;
    align-items: center;
    align-content: center
}

.jss839 .progressMessage {
    color: #fff;
    padding-left: 15px;
    letter-spacing: 1px
}

.jss839 .errorMessage {
    color: #fff;
    font-size: .75em
}

@-webkit-keyframes up {
    100% {
        height: 100%
    }
}

@-webkit-keyframes scaleUp {
    0% {
        transform: scale(0)
    }
    80% {
        transform: scale(1.2)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes cardScaleUp {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes show {
    50% {
        opacity: .1;
        transform: scale(1)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes loading {
    0% {
        width: 0%
    }
    5% {
        width: 40%
    }
    50% {
        width: 50%
    }
    100% {
        width: 80%
    }
}

@-webkit-keyframes complete {
    0% {
        width: 80%
    }
    100% {
        width: 100%
    }
}

@-webkit-keyframes pulseIcon {
    to {
        box-shadow: 0 0 0 12px transparent, 0 0 0 24px transparent
    }
}

.jss801 {
    width: 100%
}

.jss801 .chk-payment-painel {
    left: 0;
    bottom: 0;
    position: absolute
}

.jss801 .button__singleStep {
    background-color: #c6c6c6 !important
}

.jss801:before {
    left: 0;
    bottom: 0;
    content: "";
    z-index: 10;
    position: absolute
}

.jss801 .paymentButton {
    position: relative
}

.jss801.animationSuccess .paymentButton {
    z-index: 10;
    background-color: #8ec63f !important
}

.jss801.animationSuccess .paymentButton svg {
    transform: scale(0);
    animation: cardScaleUp .5s forwards .1s cubic-bezier(.66, .33, 0, 1);
    transform-origin: 50% 50%
}

.jss801.animationSuccess .paymentButton:before {
    width: 0%;
    height: 100%;
    opacity: .1;
    z-index: 12;
    animation: complete .1s ease-in 0s forwards;
    transition: opacity .5s linear;
    background-color: #fff
}

.jss801.animationError .code {
    color: #a5a5a5;
    opacity: 0;
    font-size: .6em;
    animation: fade-in .6s ease-in-out 1.2s forwards;
    margin-top: 10px;
    font-weight: 400
}

.jss801.animationError.singleStep {
    padding: 20px
}

.jss801.animationError .paymentErrorMessage {
    padding: 20px;
    text-align: center
}

.jss801.animationError .chk-payment-painel {
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 15;
    align-items: center;
    justify-content: center
}

.jss801.animationError:before {
    width: 100%;
    height: 0%;
    opacity: .95;
    animation: up .3s ease-in .1s forwards;
    border-radius: 3px;
    background-color: #fff
}

.jss801.animationError .paymentButton {
    z-index: 10
}

.jss801.animationError .paymentButton svg {
    transform: scale(0);
    animation: cardScaleUp .5s forwards .1s cubic-bezier(.66, .33, 0, 1);
    transform-origin: 50% 50%
}

.jss801.animationError .paymentButton:before {
    width: 0%;
    height: 100%;
    opacity: .8;
    z-index: 12;
    animation: complete .1s ease-in 0s forwards;
    background-color: #fff
}

.jss801.animationError .chk-payment-painel .chk-data {
    display: block;
    animation: show .5s ease-in .1s forwards;
    background-color: #fff
}

.jss801.animationError .paymentErrorMessage .defaultMessage {
    opacity: 0;
    font-size: .8em;
    animation: fade-in .3s ease-in-out .5s forwards;
    font-weight: 300;
    margin-bottom: 10px
}

.jss801.animationError .paymentErrorMessage .errorMessage {
    opacity: 0;
    font-size: 1.1em;
    animation: fade-in .3s ease-in-out .8s forwards;
    font-weight: 800
}

.jss801.animationError .paymentErrorMessage .helper {
    margin: 30px 0 30px;
    opacity: 0;
    font-size: .9em;
    animation: fade-in .3s ease-in-out .5s forwards
}

.jss801.animationError .paymentErrorMessage .paymentErrorIcon {
    top: -80px;
    left: 0;
    width: 100%;
    margin: 0;
    display: flex;
    z-index: 10;
    position: absolute;
    align-items: center;
    justify-content: center
}

.jss801.animationError .paymentErrorMessage .paymentErrorButton {
    color: #fff;
    opacity: 0;
    animation: fade-in .3s ease-in-out 1s forwards;
    border-radius: 4px;
    text-transform: none;
    background-color: #00b356
}

.jss801.animationError .paymentErrorMessage .paymentErrorIcon svg {
    width: 80px;
    transform: scale(0);
    animation: scaleUp 1s forwards .5s cubic-bezier(.66, .33, 0, 1), pulseIcon .8s forwards .8s cubic-bezier(.66, .33, 0, 1);
    box-shadow: 0 0 0 0 #ffbc00, 0 0 0 0 rgba(255, 188, 0, .3);
    border-radius: 50%;
    transform-origin: 50% 50%
}

.jss801.animationError .paymentErrorMessage .paymentErrorIcon svg .icon-content {
    transform: scale(0);
    animation: cardScaleUp .5s forwards 1s cubic-bezier(.66, .33, 0, 1);
    transform-origin: 50% 50%
}

.jss801.animationError .paymentErrorMessage .helper .title {
    font-weight: 500
}

.jss801.animationError .paymentErrorMessage .helper .description {
    color: #333;
    font-size: .9em;
    font-weight: 300
}

.jss801.animationError .paymentErrorMessage .helper .description ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.jss801.animationError .paymentErrorMessage .helper .description ul li {
    padding: 5px 16px 0 16px;
    position: relative
}

.jss801.animationError.singleStep:before {
    opacity: .5;
    position: fixed
}

.jss801.animationError.singleStep .chk-payment-painel {
    top: 0;
    left: 0;
    right: 0;
    margin: 50px auto;
    display: flex;
    z-index: 12;
    opacity: 1;
    position: fixed;
    max-width: 650px;
    transition: background-color 2.5s ease-out;
    box-shadow: 1px 1px 3px 1px rgba(156, 156, 156, .3);
    max-height: 500px;
    align-items: center;
    padding-bottom: 50px;
    justify-content: center;
    background-color: #fff
}

.jss801.animationError.singleStep .paymentErrorMessage {
    top: 60px;
    position: relative;
    max-width: 450px
}

.jss801.animationInProgress .progressMessage {
    font-size: 1.1em;
    animation: fadeIn .3s ease-in-out .8s forwards;
    text-align: center;
    font-weight: 300
}

.jss801.animationInProgress.singleStep {
    padding: 20px
}

.jss801.animationInProgress .chk-payment-painel {
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 15;
    align-items: center;
    justify-content: center
}

.jss801.animationInProgress:before {
    width: 100%;
    height: 0%;
    opacity: .95;
    animation: up .3s ease-in .1s forwards;
    border-radius: 3px;
    background-color: #fff
}

.jss801.animationInProgress .paymentButton {
    z-index: 20;
    position: relative
}

.jss801.animationInProgress .paymentButton.button__sing1leStep {
    background-color: #d6d6d6 !important
}

.jss801.animationInProgress .paymentButton:before {
    width: 0%;
    height: 100%;
    opacity: .4;
    z-index: 15;
    animation: loading 15s ease-in-out .5s forwards;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.jss801.animationInProgress .paymentButton.button__sing1leStep:active,
.jss801.animationInProgress .paymentButton.button__sing1leStep:hover {
    background-color: #d6d6d6 !important
}

.jss801.animationInProgress .chk-payment-painel .chk-data {
    display: block;
    animation: show .5s ease-in .1s forwards;
    background-color: #fff
}

.jss801.animationInProgress.singleStep:before {
    opacity: .8;
    z-index: 10;
    position: fixed
}

.jss801.animationInProgress.singleStep .chk-payment-painel {
    top: 0;
    left: 0;
    right: 0;
    margin: 50px auto;
    display: flex;
    z-index: 12;
    opacity: 1;
    position: fixed;
    max-width: 650px;
    box-shadow: 1px 1px 3px 1px rgba(156, 156, 156, .3);
    max-height: 500px;
    align-items: center;
    padding-bottom: 50px;
    justify-content: center;
    background-color: #fff
}

.jss801.animationInProgress.singleStep .chk-data {
    top: 30px;
    width: 100%;
    position: relative;
    max-width: 450px;
    background-color: #fff
}

.jss801.animationInProgress.singleStep .paymentButton {
    z-index: 0;
    position: relative;
    border-radius: 0
}

.jss801.animationInProgress.singleStep .paymentButton:before {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.jss801 .paymentButton:before {
    left: 0;
    bottom: 0;
    content: "";
    position: absolute
}

.jss801 .paymentButton .paymentButtonLabel {
    z-index: 10;
    position: relative;
    font-size: .777rem
}

.jss801 .paymentButton .paymentButtonLabel svg {
    width: 25px;
    height: 25px;
    margin: 0;
    z-index: 10;
    position: relative
}

.jss801 .button__singleStep:hover {
    background-color: #d6d6d6 !important
}

.jss801 .chk-payment-painel .chk-data {
    display: none;
    opacity: 0;
    transform: scale(0);
    background-color: #fff
}

.jss695 {
    outline: 0
}

.jss695 .chk-banner-right {
    border: 1px solid #e8e7e7;
    padding: 20px;
    border-radius: 4px;
    background-color: #fff
}

.jss695 .closeButtonGrid {
    width: 90vw;
    display: flex;
    position: relative;
    border-top: 1px solid #cecece;
    padding-bottom: 14px;
    justify-content: center;
    background-color: #fff
}

.jss695 .alert {
    color: #2e2e2e;
    font-size: .675rem
}

.jss695 .tooltip {
    width: 20px;
    height: 20px;
    display: flex;
    font-size: 15px;
    font-style: italic;
    align-items: center;
    border-radius: 50%;
    justify-content: center
}

.jss695 img {
    width: 100%
}

.jss695 .chk-youtube {
    margin: 0 0 16px 0;
    height: 100%
}

.jss695 .chk-sideBar__description {
    font-size: .875rem;
    box-sizing: border-box;
    line-height: 1.333rem;
    border-radius: 4px
}

.jss695 .chk-sideBar__description .title {
    margin: 0 0 14px 0
}

.jss695 .chk-sideBar__description .content-description {
    color: #807e7e;
    word-break: break-word
}

.jss695 .chk-sideBar__description .infos {
    margin: 8px 0 0 0;
    padding: 8px 0 0;
    font-size: .875rem;
    border-top: 1px solid #cecece
}

.jss695 .chk-sideBar__description .infos .producerName {
    display: inline-block
}

.jss695 .chk-sideBar__description .title span {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase
}

@media screen and (max-width:600px) {
    .jss695 .chk-youtube {
        height: auto
    }
}

@media screen and (max-width:600px) {
    .jss695 .alert {
        top: 2px;
        position: relative
    }
}

.jss695 .closeButtonGrid .closeButton {
    color: #009358;
    height: 40px;
    padding: 7px 18px;
    font-size: .875rem;
    margin-top: 16px;
    box-shadow: 1px 1px 1px RGBA(0, 0, 0, .2);
    font-weight: 600;
    border-radius: 3px;
    letter-spacing: .5px
}

.jss695 .chk-banner-right.timer {
    margin: 0 0 20px 0
}

.jss695 .chk-banner-right .chk-img {
    border: 1px solid #e2e2e2;
    padding: 0 4px 4px
}

.jss695 .chk-banner-right .product-name {
    text-align: left
}

.jss695 .chk-banner-right .open-modal-description {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    flex-direction: column;
    justify-content: flex-start
}

.jss695 .chk-banner-right.locale {
    margin: 20px 0 0 0
}

@media screen and (max-width:600px) {
    .jss695 .chk-banner-right {
        width: 100%;
        height: 70vh;
        max-width: 90vw;
        overflow-y: scroll
    }
}

.jss696 {
    left: 0;
    right: 0;
    color: #000;
    bottom: 0;
    display: block;
    font-size: .75rem;
    text-align: center;
    text-shadow: 1px 1px 2px #fff
}

@media screen and (max-width:960px) {
    .jss696 {
        justify-content: center
    }
}

.jss696 a:after {
    margin: 0 5px;
    content: "|";
    display: inline-block
}

.jss696 a:last-child:after {
    content: ""
}

.jss797 .chk-coupon {
    display: flex;
    align-items: flex-end;
    padding-left: 0
}

.jss797 .chk-coupon-code-label {
    margin: 0
}

.jss797 .chk-button-coupon {
    width: 100%;
    cursor: pointer;
    font-size: .7em;
    margin-top: 2%
}

.jss797 .chk-coupon-error span {
    color: #f44336;
    display: inline-block;
    font-size: .75rem;
    line-height: 1rem
}

.jss797 .chk-coupon.chk-coupon-code-content {
    align-items: center
}

.jss797 .chk-coupon .theme-input {
    margin: 0
}

.jss797 .chk-coupon .chk-coupon-code {
    font-size: .8em
}

.jss797 .chk-coupon Button {
    width: 60px;
    padding: 0;
    min-width: 20px;
    box-shadow: none;
    border-radius: 0 5px 5px 0
}

.jss797 .chk-coupon .chk-close {
    width: 20px;
    height: 20px;
    margin: 0 0 0 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 50px;
    justify-content: center;
    background-color: #cecece
}

.jss797 .chk-coupon .chk-close:hover {
    background-color: #b3b3b3
}

.jss797 .chk-coupon .chk-close svg {
    width: 8px
}

.jss797 .chk-coupon Button svg {
    fill: #ffffff;
    width: 15px
}

.jss794 {
    font-size: .8rem;
    text-decoration: line-through
}

.jss809 .chk-payment-flags {
    height: 70px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap
}

.jss809 .chk-payment-flags .chk-flag-option {
    width: 100px;
    height: 57px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-self: center;
    background: 0 0;
    border: 0;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px #4388d3;
    color: #e4e4e4;
    position: relative;
    vertical-align: middle
}

.payment-flags {
    background: #f8f8f8;
    border-radius: 4px
}

.flag-cards svg {
    width: 44px
}

.data-card {
    padding: 20px
}

.tax-card {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    color: #999
}

.installments-text {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #999
}

.pix {
    padding: 24px 2px 24px 24px
}

.jss809 .chk-payment-flags .chk-flag-option:first-child {
    margin-left: 0
}

.jss809 .chk-payment-flags .chk-flag-option:last-child {
    margin-right: 0
}

.jss809 .chk-payment-flags .chk-flag-option svg {
    margin-top: 18px;
    width: 100%;
    min-height: 22px;
    max-height: 22px
}

.jss809 .chk-payment-flags .chk-flag-option p {
    margin-top: 10px;
    font-size: 11px;
    line-height: 10px;
    font-weight: 700;
    color: #96989b
}

.jss809 .chk-payment-flags .chk-flag-option p span {
    margin-left: 5px;
    padding: 2px 6px;
    width: 33px;
    height: 11px;
    background: #35d992 0 0 no-repeat padding-box;
    border-radius: 8px;
    text-align: center;
    letter-spacing: 0;
    color: #fff !important;
    font-size: 9px;
    font-weight: 700
}

.jss809 .chk-payment-flags .chk-flag-option .chk-flag-option-discount {
    position: absolute;
    bottom: -6px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    text-align: center;
    min-width: 52px;
    height: 18px;
    padding: 4px 7px;
    background: #59bf75;
    border-radius: 4px;
    letter-spacing: 0;
    color: #fff !important;
    font-size: 8px;
    font-weight: 800;
    line-height: 10px
}

.percent-discount {
    border-radius: 4px;
    border: 1px solid #6acd85;
    background: #ecf5f1;
    font-family: Inter;
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    color: #59bf75
}

.discount-text {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #313c52
}

.economize-value {
    color: #59bf75
}

@media screen and (max-width:470px) {
    .jss809 .chk-payment-flags {
        flex-wrap: nowrap
    }
}

@media screen and (max-width:530px) {
    .jss809 .chk-payment-flags {
        height: auto;
        max-height: 98px;
        grid-template-columns: auto auto auto
    }
}

.jss809 .chk-payment-flags .chk-flag-option::after,
.jss809 .chk-payment-flags .chk-flag-option::before {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%
}

.jss809 .chk-payment-flags .chk-flag-option:hover {
    color: #3d83eb
}

.jss809 .chk-payment-flags .chk-flag-option::after,
.jss809 .chk-payment-flags .chk-flag-option::before {
    border-radius: 4px;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform-origin: center
}

.jss809 .chk-payment-flags .chk-flag-option::before {
    transform: scale3d(0, 1, 1)
}

.jss809 .chk-payment-flags .chk-flag-option::after {
    transform: scale3d(1, 0, 1)
}

.jss809 .chk-payment-flags .chk-flag-option:hover::after,
.jss809 .chk-payment-flags .chk-flag-option:hover::before {
    transform: scale3d(1, 1, 1);
    transition: transform .5s
}

.jss809 .chk-payment-flags.selected .chk-flag-option.selected::after,
.jss809 .chk-payment-flags.selected .chk-flag-option.selected::before {
    width: 0;
    height: 0
}

.method_data_payment {
    border: 1px solid #ddd;
    border-radius: 4px
}

.method_data_payment input,
.method_data_payment select {
    border: 1px solid #ddd
}

#card_data_payment {
    padding-top: 0
}

.method_data_payment .chk-payment-flags {
    margin: 0 -40px 0 -20px;
    padding: 0 20px;
    height: 50px;
    width: calc(100% + 40px);
    background: #f8f8f8;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.method_data_payment .chk-payment-flags .brand-description {
    width: auto;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center
}

.method_data_payment .chk-payment-flags .brand-description p {
    text-align: left;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #a6a6a6
}

.method_data_payment .chk-payment-flags .chk-flag-option {
    width: 39px;
    height: 26px;
    margin-left: 10px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center
}

@media (max-width:360px) {
    .flag-card-digited {
        display: none
    }
}

@media (max-width:530px) {
    .method_data_payment .chk-payment-flags {
        height: 80px;
        padding: 0 10px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: center;
        align-self: center
    }
    .method_data_payment .chk-payment-flags .brand-description {
        margin-bottom: 12px;
        width: 100%;
        line-height: 12px;
        height: 12px;
        display: flex;
        justify-content: flex-start
    }
    .method_data_payment .chk-payment-flags #brand-mastercard-0 {
        margin-left: 0
    }
    .method_data_payment .chk-payment-flags .chk-flag-option {
        margin-left: 0;
        width: 44px;
        height: 32px;
        justify-content: flex-start !important
    }
}

.hr-horizontal {
    margin: 0 -40px 20px -20px;
    min-height: 1px;
    height: 1px;
    width: calc(100% + 40px);
    background-color: #e9e9e9;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center
}

.discount-message-card {
    margin-bottom: 20px;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center
}

.discount-message-card div:first-child {
    width: 160px;
    height: 28px;
    border-radius: 8px;
    background: #f3fffa 0 0 no-repeat padding-box;
    border: 1px solid #41c286;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px;
    color: #38e192;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center
}

.discount-message-card div:last-of-type {
    margin-top: 15px;
    margin-left: 0;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #313c52;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center
}

@media (min-width:420px) {
    .discount-message-card {
        margin-bottom: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .discount-message-card div:last-of-type {
        margin-top: 0;
        margin-left: 20px;
        text-align: left;
        justify-content: flex-start
    }
}

.container-brand-select {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

.container-brand-select input {
    width: 100%
}

#brand-select {
    position: absolute;
    right: 30px;
    top: 36px
}

#brand-select>svg {
    height: 24px;
    width: 36px
}

.jss798 {
    padding: 2%
}

.jss798 .method-label {
    margin: 0 auto 10px;
    display: block;
    padding: 18px 0 4px;
    font-size: .75rem;
    text-align: center;
    line-height: 1.6rem;
    border-bottom: 1px solid #cecece;
    text-transform: uppercase
}

.jss798 .chk-multiple-cards-header {
    display: flex;
    align-items: center;
    margin-bottom: 2%;
    justify-content: space-between
}

.jss798 .brand-icon {
    width: 32px;
    height: 32px;
    z-index: 1;
    position: absolute;
    margin-left: 8px
}

.jss798 .theme-input.credit-card-number {
    padding-left: 50px !important
}

.jss798 .tooltip-cvv-card {
    display: flex;
    flex-direction: row-reverse
}

.jss798 .tooltip-cvv-card .cvv-question-mark {
    width: 20px;
    cursor: pointer;
    height: 20px;
    margin: 0 10px 0 0;
    display: flex;
    z-index: 1;
    position: absolute;
    align-items: center;
    border-radius: 100px;
    justify-content: center;
    background-color: #00f
}

.jss798 .chk-multiple-cards-header .chk-remove-card {
    color: #fff;
    padding: 0 8px;
    font-size: .7em;
    border-radius: 4px;
    text-transform: capitalize;
    background-color: #d3d3d3
}

.jss798 .chk-multiple-cards-header .chk-remove-card-mobile {
    padding: 0;
    min-width: 25px;
    min-height: 25px;
    border-radius: 100%;
    background-color: #d3d3d3
}

.jss798 .chk-multiple-cards-header .payment-label {
    font-size: .666rem;
    font-weight: 700;
    text-transform: uppercase
}

.jss798 .chk-multiple-cards-header .chk-remove-card-mobile svg {
    width: 8px
}

.jss796 .label {
    font-size: .75rem;
    transform: scale(1)
}

.jss796 .margin {
    margin: 12px 0 16px 0
}

.jss795 .freeShipping {
    color: #009358;
    margin: 8px 0;
    display: flex;
    font-size: 12px;
    align-items: center;
    font-weight: 700;
    justify-content: flex-end
}

.jss795 .freeShipping svg {
    width: 22px;
    margin: 0 4px 0 0
}

.jss693 a,
.jss693 button {
    cursor: pointer
}

.jss693.chk-payment-option {
    position: relative
}

.jss693 .chk-product-infos {
    display: flex;
    align-items: center
}

.jss693 .freeShipping {
    justify-content: flex-start
}

.jss693 .chk-product-infos img {
    width: auto;
    height: auto;
    margin: 0 3% 0 0;
    border: 1px solid #e2e2e2;
    max-width: 9rem;
    max-height: 9rem;
    box-shadow: none
}

.jss693.chk-payment-option .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.jss693.chk-payment-option.show-border {
    cursor: pointer;
    padding: 2%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    border-radius: 4px
}

.jss693.chk-payment-option .chk-header-title {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.8rem
}

.jss693.chk-payment-option .chk-parts {
    color: #333;
    font-size: 1.5rem
}

.jss693.chk-payment-option .chk-currency-language {
    width: 20rem;
    float: right;
    height: 2rem
}

.jss693.chk-payment-option .chk-full .chk-full-price {
    color: #333;
    font-size: 1.5rem
}

.jss693.chk-payment-option .chk-full .tax {
    color: #333;
    font-size: .75rem
}

.jss693.chk-payment-option .chk-full .tax .small-text {
    color: #333;
    font-size: .875rem
}

.jss693.chk-payment-option .chk-parts.end {
    width: 50%;
    float: right;
    text-align: end
}

.jss693.chk-payment-option .chk-parts .chk-number-parts {
    color: #333;
    font-size: .85rem;
    padding-right: 5px
}

.jss693.chk-payment-option .chk-parts .chk-small-price {
    font-size: .75rem
}

.jss799 {
    width: 100%;
    border: 2px dashed #009358;
    margin-top: 16px
}

.jss799 .orderBumpOffer {
    display: flex;
    padding: 8px;
    align-items: center;
    flex-direction: row;
    justify-content: left
}

.jss799 .orderBumpSelector {
    cursor: pointer;
    padding: 0 8px;
    background-color: #009358
}

.jss799 .orderBumpSelector label {
    transform: translate(0, 0) scale(1);
    white-space: normal
}

.jss799 .orderBumpSelector span {
    color: #fff;
    font-size: .7rem;
    font-weight: 700
}

.jss799 .orderBumpOffer .productImage {
    width: 20px;
    height: 20px;
    margin: 0 8px 0 0;
    min-width: 70px;
    min-height: 70px
}

.jss799 .orderBumpOffer .orderBumpDescription h1 {
    color: #009358;
    margin: 0;
    font-size: .888rem;
    text-align: left
}

.jss799 .orderBumpOffer .orderBumpDescription span {
    color: #596375;
    font-size: .777rem
}

.jss799 .orderBumpOffer .orderBumpDescription span .theme-orderbump-highlight,
.jss799 .orderBumpOffer .orderBumpDescription span .theme-orderbump-highlight span {
    color: #009358;
    font-weight: 700
}

.jss799 .orderBumpOffer .productImage img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.jss800 {
    border: 1px solid #e3e3e3
}

.jss800 .title {
    color: #0b0b0b;
    font-size: .875rem
}

.jss800 .item {
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.jss800 .item:nth-child(2n) {
    background-color: #f2f2f2
}

.jss800.item .content {
    word-break: break-word
}

.jss800 .item .content,
.jss800 .item .value {
    color: #596375;
    font-size: .875rem
}

.jss800 .item .coupon {
    color: #009358;
    text-decoration: line-through
}

.country-menu-item {
    line-height: 15px
}

.country-menu-item img {
    width: 20px;
    height: 15px;
    margin-right: 3px
}

.country-menu-item svg {
    width: 15px;
    margin-right: 5px
}

.jss5.chk-config-country {
    float: right
}

.jss5 .chk-configCountry___avatar {
    margin: 45px 20px;
    position: absolute;
    align-self: flex-end
}

.jss5 .chk-configCountry___avatar img {
    width: 32px;
    height: 32px
}

.jss5.chk-config-country img {
    width: 15px;
    height: 15px;
    margin-top: -5px
}

.jss5.chk-config-country .chk-config-button {
    width: auto;
    border: 1px solid #cecece;
    display: inline-block;
    padding: 2px 25px 2px 5px;
    position: relative;
    border-radius: 4px
}

.jss5.chk-config-country .chk-config-button svg {
    width: 15px
}

.jss5.chk-config-country .chk-config-button .chk-option-active {
    color: #232323;
    height: 21px;
    display: inline-block;
    overflow: hidden;
    font-size: 12px;
    margin-left: 10px;
    white-space: nowrap;
    line-height: 28px
}

.jss6.chk-config-currency {
    float: right;
    margin-right: 5px
}

.jss6.chk-config-currency .chk-config-button {
    border: 1px solid #cecece;
    display: inline-block;
    padding: 2px 25px 2px 5px;
    position: relative;
    border-radius: 4px
}

.jss6.chk-config-currency .chk-config-button .chk-option-active {
    color: #232323;
    height: 21px;
    display: inline-block;
    overflow: hidden;
    font-size: 12px;
    max-width: 60px;
    margin-left: 10px;
    white-space: nowrap;
    line-height: 28px
}

.currency-menu-item {
    width: 80px;
    color: #666;
    display: table;
    font-size: .75rem
}

.currency-menu-item span {
    width: 40px;
    display: inline-block
}

.currency-menu-item span.currency {
    text-align: right
}

.jss4 {
    width: 100%;
    color: #192542;
    z-index: 1;
    position: absolute;
    max-height: 32px;
    background-color: #fff
}

.jss4 .chk-wrapper {
    height: 32px;
    margin: auto;
    display: flex;
    padding: 2px;
    max-width: 1024px;
    align-items: center;
    justify-content: space-between
}

.jss4 .chk-language__logo {
    display: flex;
    align-items: center
}

.jss4 .chk-language__selectLanguage {
    display: flex;
    font-size: .625rem;
    align-items: center
}

.jss4 .chk-language__selectLanguage span {
    padding: 0 8px 0 0
}

.jss4 .chk-language__selectLanguage .chk-config-country {
    img: [object Object];
    cursor: pointer
}

.jss4 .chk-language__selectLanguage .chk-config-country .chk-config-button {
    border: none;
    padding: 0 0 5px 0
}

.jss4 .chk-language__selectLanguage .chk-config-country .chk-config-button .chk-option-active {
    margin: 1px 0 0 4px;
    font-size: .625rem
}

.jss4 .chk-language__selectLanguage .chk-config-country .chk-config-button .chk-option-active:after {
    color: #999;
    margin: 0 0 0 4px;
    content: "â–¼";
    font-size: 8px
}

.jss4 .chk-language__logo svg {
    fill: #1e406e
}

.jss4 .chk-language__logo span {
    margin: 0 0 0 4px;
    font-size: .625rem
}

.jss694 {
    width: 100%
}

.jss694 .card-message {
    width: 100%
}

.jss694 .chk-security-message {
    clear: both;
    display: flex;
    font-size: .85rem;
    margin-top: 10px;
    align-items: center;
    justify-content: center
}

.jss694 .chk-multiple-cards {
    display: flex;
    justify-content: center
}

.jss694 .chk-add-credit-card {
    color: #fff;
    padding: 6px 15px;
    border-radius: 5px;
    text-transform: unset;
    background-color: #4caf50
}

.jss694 .chk-submit {
    margin-top: 10px
}

.jss694 .chk-security-badges {
    padding: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.jss694 .tooltip-email-information {
    display: flex;
    position: relative;
    flex-direction: column
}

.jss694 .autoSuggestContainer {
    top: 83px;
    z-index: 15;
    position: absolute
}

.jss694 .cepNotFound {
    color: #f59211;
    display: flex;
    font-size: .775rem
}

.jss694 .absolute-label {
    top: 76px;
    position: absolute
}

.jss694 .cpf-form {
    margin: 12px 0 0 0
}

.jss694 .cepNotFound svg {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0
}

.jss694 .autoSuggestContainer .autoSuggest {
    width: 270px;
    cursor: pointer
}

.jss694 .autoSuggestContainer .autoSuggest .item {
    height: 30px;
    padding: 0 5px
}

.jss694 .autoSuggestContainer .autoSuggest .item:hover {
    background-color: #f1f1f1
}

.jss694 .autoSuggestContainer .autoSuggest .item.actualEmail {
    background-color: #f1f1f1
}

.jss694 .tooltip-email-information .modifyEmailLabel {
    top: -9px
}

.jss694 .tooltip-email-information .information {
    color: #868686;
    margin: 13px 0 0 0;
    position: absolute;
    font-size: 12px;
    font-style: italic
}

.jss694 .chk-security-badges svg {
    fill: rgb(49, 136, 52);
    width: 35px;
    height: 40px;
    fill-rule: evenodd
}

.jss694 .chk-security-badges div {
    display: flex;
    align-items: center
}

.jss694 .chk-security-badges div:not(:last-child) {
    margin-right: 10px
}

.jss694 .chk-security-badges div .text {
    color: #1ab25a;
    display: flex;
    flex-flow: column nowrap;
    font-size: .666rem;
    align-items: flex-start;
    line-height: normal;
    margin-left: 5px;
    text-transform: uppercase;
    justify-content: flex-start
}

.jss694 .chk-security-badges div .text .buy {
    font-weight: 700;
    line-height: normal
}

.jss694 .chk-security-badges div .text span a {
    color: #1ab25a;
    text-decoration: none
}

.jss694 .chk-security-badges div .text span a:hover {
    text-decoration: underline
}

.jss694 .chk-submit .paymentButton {
    height: 60px;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: unset
}

.jss694 .chk-add-credit-card svg {
    width: 30px;
    margin: 0 10px 0 0
}

.jss694 .chk-add-credit-card:hover {
    background-color: #388e3c
}

.jss694 .chk-add-credit-card.add svg {
    width: 14px;
    margin: 0 10px 0 0
}

@media screen and (min-width:960px) {
    .jss694 .chk-multiple-cards {
        margin: 14px 0 0
    }
}

.jss694 .chk-security-message svg {
    fill: #21883b;
    width: 25px;
    height: 25px;
    margin-right: 5px
}

.jss692 .chk-cityState__city,
.jss692 .chk-cityState__state,
.jss692 .chk-userAddressInternational__country,
.jss692 .field.normal {
    margin: 8px 0 0 0;
    font-size: 1.125rem
}

.jss692 .chk-userAddressInternational__label {
    transform: translate(0, -4px) scale(1)
}

.jss692 .chk-header {
    overflow: hidden
}

.jss692 .chk-container {
    width: 100%;
    display: table;
    margin-top: 20px
}

.jss692 .chk-cityState__city {
    margin: 8px 0 8px 0
}

.jss692 .chk-cityState__state {
    margin-top: 8px
}

.jss692 .chk-userAddressInternational__country .theme-input {
    padding: 10px 8px
}

.jss692 .chk-payment-flags {
    height: 60px;
    justify-content: center
}

.jss692 .chk-payment-option {
    margin: 0 0 16px 0
}

.jss692 .chk-installments-wrapper .chk-installments__value {
    margin: 0;
    font-size: 1rem
}

.jss692 .links {
    width: 100%;
    margin: 8px 0;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center
}

.jss692 .eduzz-logo {
    width: calc(100% - 370px);
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    flex-direction: column
}

.jss692 .chk-siderbar-form .chk-askAdress__content .form {
    padding: 0
}

.jss692 .chk-siderbar-form .chk-askAdress__content .addressAfter {
    display: flex;
    align-items: center;
    justify-content: center
}

.jss692 .chk-siderbar-form .chk-askAdress__content .addressAfter .icon {
    margin-right: 20px
}

.jss692 .chk-siderbar-form .chk-askAdress__content .addressAfter .chk-paragraph .title {
    color: #000;
    font-size: 1em;
    text-align: left;
    margin-bottom: 5px
}

.jss692 .chk-siderbar-form .chk-askAdress__content .addressAfter .chk-paragraph .label {
    color: #000;
    font-size: .8em;
    margin-top: 0
}

.jss692 .chk-subscription .chk-subscription__text {
    font-size: .8125rem;
    text-transform: uppercase
}

.jss692 .chk-subscription .chk-subscription__value {
    font-size: 1.5rem
}

.jss692 .chk-subscription .chk-subscription__frequency,
.jss692 .chk-subscription .chk-subscription__trial {
    font-size: .875rem
}

.jss692 .chk-subscription .chk-subscription__trial {
    padding: 4px 0
}

.jss692 .chk-subscription .chk-subscription__trial span:first-child {
    color: #fff;
    cursor: auto;
    padding: 2px 4px;
    background-color: #000
}

.jss692 .eduzz-logo svg {
    width: 130px
}

.jss692 .eduzz-logo span {
    font-size: .75rem
}

.jss692 .eduzz-logo img {
    max-width: 120px
}

.jss692 .links .chk-installment-fee,
.jss692 .links a {
    color: #3c3c3c;
    display: inline-block;
    text-decoration: none
}

.jss692 .links a:last-child:after {
    content: ""
}

.jss692 .links .chk-media-footer {
    color: #000;
    font-size: .75rem;
    text-align: center;
    text-shadow: 1px 1px 2px #fff
}

.jss692 .links .chk-installment-fee:after,
.jss692 .links a:after {
    margin: 0 5px;
    content: "|";
    display: inline-block
}

.jss692 .chk-container .chk-siderbar-form {
    display: flex
}

.jss692 .chk-container .chk-form {
    float: left;
    width: calc(100% - 370px);
    margin: 0 20px 0 0;
    border: 1px solid #e8e7e7;
    padding: 20px;
    border-radius: 4px;
    background-color: #fff
}

.jss692 .chk-container .chk-sidebar {
    float: left;
    width: 350px;
    height: 100%;
    flex-direction: column
}

@media screen and (max-width:840px) {
    .jss692 .chk-container .chk-sidebar {
        display: none
    }
}

.jss692 .chk-header img {
    width: 100%;
    max-width: 100%;
    max-height: 280px
}

.jss692 .chk-installments__installmentFieldSelect label {
    transform: scale(1) translate(0, -3px)
}

.jss692 .chk-installments__installmentFieldSelect .field-select {
    font-size: 1rem;
    box-shadow: none
}

.jss692 .chk-cityState__city .br,
.jss692 .chk-cityState__state .br,
.jss692 .chk-userAddressInternational__country .br,
.jss692 .field.normal .br {
    padding: 0
}

.jss692 .chk-cityState__city input,
.jss692 .chk-cityState__state input,
.jss692 .chk-userAddressInternational__country input,
.jss692 .field.normal input {
    border: none;
    font-size: 1.125rem
}

.jss692 .chk-cityState__city label,
.jss692 .chk-cityState__state label,
.jss692 .chk-userAddressInternational__country label,
.jss692 .field.normal label {
    font-size: 1rem
}

.jss692 .chk-cityState__city label[data-shrink=false],
.jss692 .chk-cityState__city label[data-shrink=true],
.jss692 .chk-cityState__state label[data-shrink=false],
.jss692 .chk-cityState__state label[data-shrink=true],
.jss692 .chk-userAddressInternational__country label[data-shrink=false],
.jss692 .chk-userAddressInternational__country label[data-shrink=true],
.jss692 .field.normal label[data-shrink=false],
.jss692 .field.normal label[data-shrink=true] {
    transform: translate(0, -4px) scale(1)
}

.jss692 .chk-cityState__city input:focus,
.jss692 .chk-cityState__state input:focus,
.jss692 .chk-userAddressInternational__country input:focus,
.jss692 .field.normal input:focus {
    border: 1px solid rgba(0, 0, 0, .5) !important;
    transition: .2s linear
}

.jss692 .chk-coupon Button {
    height: 50px
}

.jss692 .chk-coupon .field.normal label {
    font-size: .75rem
}

.jss692 .chk-coupon .field.normal label[data-shrink=false],
.jss692 .chk-coupon .field.normal label[data-shrink=true] {
    z-index: 1;
    transform: scale(1) translate(0, -3px)
}

.jss3 {
    overflow: hidden;
    background-color: #fafafa !important
}

.jss3.backgroundImage {
    background-size: cover
}

.jss3 .container {
    margin: auto;
    max-width: 1024px
}

.jss3 .field.normal input {
    border: 1px solid #d9d9d9
}

.jss3 input {
    height: 28px;
    margin: 5px 0;
    font-size: 18px
}

.jss3 .chk-stepPayment__userInfo {
    margin: 0 0 20px 0;
    display: flex;
    align-items: center
}

.jss3 .field-select {
    top: 5px;
    border: 1px solid #d9d9d9;
    padding: 7px 10px 7px 10px;
    position: relative;
    font-size: .75rem;
    box-shadow: none;
    border-radius: 1px
}

.jss3 .chk-stepUser__btnContinue,
.jss3 .chk-stepUser__btnFinish,
.jss3 .chk-stepUser__btnGetForFree {
    width: 100%;
    color: #fff;
    height: 45px;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 4px;
    text-transform: unset;
    background-color: #00b356
}

.jss3 .chk-stepTicket__btnContinue {
    color: #fff;
    height: 45px;
    border-radius: 4px;
    text-transform: unset;
    background-color: #00b356
}

.jss3 .chk-creditCardForm__saveCard {
    padding: 4px 2px
}

.jss3 .chk-stepPayment__productInfo {
    padding: 8px 16px;
    background-color: #f8f8f8
}

.jss3 .chk-stepPayment__configCurrencyLabel {
    color: #596375;
    font-size: .75rem;
    letter-spacing: .5px
}

.jss3 .chk-stepPayment__priceHeader {
    margin-bottom: 3px;
    border-bottom: 1px solid #cecece;
    padding-bottom: 4px
}

.jss3 .chk-oneClickBuy__productPrice .chk-full {
    text-align: right
}

.jss3 .chk-stepPayment__pin {
    width: 100%
}

.jss3 .chk-no-fee {
    font-size: 14px;
    font-weight: 700
}

.jss3 .chk-full {
    text-align: left
}

.jss3 .chk-coupon-code-label {
    margin: 12px 0 0
}

.jss3 .chk-multiple-cards {
    display: flex;
    justify-content: center
}

.jss3 .chk-searchCEP__button {
    top: 7px;
    color: #f59211;
    float: right;
    cursor: pointer;
    display: inline-block;
    z-index: 1000;
    outline: 0;
    position: relative;
    font-size: .75rem;
    text-align: right;
    font-weight: 500;
    margin-bottom: -15px;
    text-decoration: underline
}

.jss3 .chk-button-coupon {
    font-size: .75rem;
    text-align: left;
    letter-spacing: .5px
}

.jss3 .chk-config-button,
.jss3 .chk-config-currency {
    width: 100%
}

.jss3 .chk-config-currency {
    margin: 0;
    text-align: right
}

.jss3 .chk-payment {
    width: 100%;
    padding: 0
}

.jss3 .chk-payment-flags {
    margin: 0
}

.jss3 .chk-installments__installmentFieldSelect {
    margin-top: 8px;
    margin-bottom: 0
}

.jss3 .chk-installments__value {
    color: #585858;
    margin: 8px 0 0 0;
    font-size: .75rem
}

.jss3 .chk-paymentForm__boletoMessage,
.jss3 .chk-paymentForm__paypalMessage {
    display: inline-block;
    font-size: .75rem
}

.jss3 .step {
    padding: 8px 16px;
    background-color: #fff
}

.jss3 .product-name {
    width: 100%;
    margin: 0;
    display: block;
    word-wrap: break-word;
    text-align: left
}

.jss3 .banner-header {
    width: 100%;
    display: flex;
    padding-top: 52px;
    justify-content: center
}

.jss3 .chk-sessionProductLogo {
    background-color: #f8f8f8
}

.jss3 h1 {
    width: 100%;
    font-size: 1.125rem;
    text-align: center;
    font-family: Lato;
    font-weight: 600;
    line-height: 24px
}

.jss3 .description {
    color: #949494;
    font-size: 1rem;
    text-align: center
}

.jss3 .chk-oneClickBuy__product {
    padding: 16px
}

.jss3 .chk-oneClickBuy__container {
    width: 370px;
    border: 1px solid #e8e7e7;
    margin: 33px 0 0 0;
    max-width: 370px;
    border-radius: 4px;
    background-color: #fff
}

.jss3 .chk-searchCEP-modal {
    width: 100vw;
    height: 95vh
}

.jss3 .brand-icon {
    margin-top: 44px
}

.jss3 .cepNotFound {
    color: #f59211;
    display: flex;
    font-size: .775rem
}

.jss3 .chk-order-bump {
    margin-bottom: 8px
}

.jss3 .summary-cart {
    margin: 8px 0
}

.jss3 .cepNotFound svg {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 5px
}

@media screen and (max-width:600px) {
    .jss3 .cepNotFound svg {
        width: 30px
    }
}

@media screen and (max-width:959px) {
    .jss3 .brand-icon {
        margin-top: 35px
    }
}

@media screen and (max-width:768px) {
    .jss3 .chk-couponPrice {
        text-align: right
    }
}

.jss3 .chk-searchCEP-modal .field input {
    border: 1px solid #d9d9d9;
    padding: 24px 8px 8px 8px;
    font-size: .9375rem;
    border-radius: 2px;
    -webkit-appearance: none
}

.jss3 .chk-searchCEP-modal .field label {
    z-index: 1;
    font-size: .875rem
}

.jss3 .chk-searchCEP-modal .field label[data-shrink=true] {
    transform: translate(8px, 20px) scale(.75)
}

.jss3 .chk-searchCEP-modal .field label+div {
    margin-top: 8px
}

@media screen and (max-width:768px) {
    .jss3 .chk-oneClickBuy__container {
        width: 100%;
        margin: 0;
        border: none;
        max-width: 100%;
        margin-top: 30px
    }
}

.jss3 .chk-oneClickBuy__container .chk-oneClickBuy__content {
    padding: 16px;
    border-top: none
}

.jss3 .chk-oneClickBuy__container .chk-oneClickBuy__content .chk-oneClickBuy__form .paymentButton {
    margin: 10px 0
}

.jss3 .chk-oneClickBuy__container .chk-askAdress__oneClickBuy .form {
    padding: 0 20px
}

.jss3 .chk-oneClickBuy__container .chk-askAdress__oneClickBuy .addressAfter {
    padding: 20px
}

.jss3 .chk-oneClickBuy__container .chk-askAdress__oneClickBuy .chk-btn-download {
    margin-top: 23px;
    border-radius: 0 0 4px 4px
}

.jss3 .chk-oneClickBuy__container .chk-askAdress__oneClickBuy .chk-searchCEP__button {
    margin-bottom: -10px
}

.jss3 .chk-oneClickBuy__container .chk-askAdress__content .form {
    width: 100%;
    padding: 20px 0 4px 0
}

.jss3 .chk-oneClickBuy__container .chk-askAdress__content .chk-btn-download {
    width: 100%;
    padding: 14px;
    max-height: 60px;
    margin-top: 8px
}

.jss3 .chk-oneClickBuy__container .chk-askAdress__content .addressAfter {
    display: flex;
    align-items: center;
    justify-content: center
}

.jss3 .chk-oneClickBuy__container .chk-askAdress__content .addressAfter .icon {
    margin-right: 20px
}

.jss3 .chk-oneClickBuy__container .chk-askAdress__content .addressAfter .chk-paragraph .title {
    color: #000;
    font-size: 1em;
    text-align: left;
    margin-bottom: 5px
}

.jss3 .chk-oneClickBuy__container .chk-askAdress__content .addressAfter .chk-paragraph .label {
    color: #000;
    font-size: .8em;
    margin-top: 0
}

.jss3 .chk-oneClickBuy__product .chk-oneClickBuy__title {
    overflow: hidden;
    max-height: 3.5rem;
    text-overflow: ellipsis
}

.jss3 .chk-oneClickBuy__product .chk-oneClickBuy__title h1 {
    display: inline-block;
    font-size: .875rem;
    text-align: left;
    line-height: 19px
}

.jss3 .chk-sessionProductLogo .chk-headerProductLogo {
    height: 100px;
    margin: 34px 16px 0 16px;
    display: flex;
    background-color: #f8f8f8
}

.jss3 .chk-sessionProductLogo .chk-headerProductLogo img {
    height: 100px;
    min-width: 100px;
    object-fit: cover;
    margin-right: 15px
}

.jss3 .chk-sessionProductLogo .chk-headerProductLogo .title {
    width: 100%;
    display: flex;
    align-items: center
}

@media screen and (max-width:959px) {
    .jss3 .banner-header {
        padding-top: 32px
    }
}

.jss3 .banner-header .header {
    width: 100%;
    height: 280px;
    max-width: 1024px
}

@media screen and (max-width:768px) {
    .jss3 .banner-header .header {
        height: 100px;
        margin: 0
    }
}

.jss3 .banner-header .header img {
    width: 100%;
    height: 100%;
    border: 1px solid #e8e7e7;
    object-fit: cover;
    border-radius: 4px
}

@media screen and (max-width:768px) {
    .jss3 .banner-header .header img {
        max-height: 100px
    }
}

.jss3 .step .grid {
    display: block;
    position: relative
}

.jss3 .chk-paymentForm__boletoMessage p {
    margin: 8px 0
}

.jss3 .chk-installments__value span {
    font-weight: 700;
    margin-right: 8px
}

.jss3 .chk-installments__value a {
    color: #333;
    cursor: pointer;
    font-size: .666rem;
    text-decoration: underline
}

.jss3 .grid .chk-stepUser__btnContinueGrid {
    padding: 0
}

.jss3 .chk-config-currency .chk-config-button {
    padding: 5px;
    border-radius: 2px
}

@media screen and (min-width:960px) {
    .jss3 .chk-coupon .field.normal label[data-shrink=false],
    .jss3 .chk-coupon .field.normal label[data-shrink=true] {
        transform: scale(1) translate(0, 4px)
    }
}

.jss3 .chk-coupon .chk-coupon-set {
    height: 20px
}

@media screen and (max-width:768px) {
    .jss3 .chk-coupon .chk-coupon-set {
        height: 36px
    }
}

.jss3 .chk-coupon .chk-coupon-code .field.normal div {
    margin-top: 0
}

.jss3 .chk-coupon .chk-coupon-code .field.normal input {
    padding: 7px 4px 8px 4px;
    font-size: .9375rem
}

@media screen and (max-width:768px) {
    .jss3 .chk-coupon .chk-coupon-code .field.normal input {
        font-size: .75rem
    }
}

@media screen and (max-width:959px) {
    .jss3 .chk-searchCEP__button {
        top: -7px
    }
}

@media screen and (max-width:960px) {
    .jss3 .chk-full {
        text-align: right
    }
}

.jss3 .chk-full .chk-full-price {
    padding: 0;
    font-size: 1.2rem;
    font-weight: 600
}

.jss3 .chk-full .chk-small-price {
    font-size: .75rem
}

.jss3 .chk-oneClickBuy__productPrice .chk-parts,
.jss3 .chk-stepPayment__productPrice .chk-parts {
    text-align: right
}

.jss3 .chk-oneClickBuy__productPrice .chk-parts .chk-number-parts,
.jss3 .chk-stepPayment__productPrice .chk-parts .chk-number-parts {
    color: #585858;
    font-size: .75rem;
    font-weight: 600;
    margin-right: 5px
}

.jss3 .chk-oneClickBuy__productPrice .chk-parts .chk-number-price,
.jss3 .chk-stepPayment__productPrice .chk-parts .chk-number-price {
    font-size: 1.25rem;
    font-weight: 700
}

.jss3 .chk-oneClickBuy__productPrice .chk-parts .chk-small-price,
.jss3 .chk-stepPayment__productPrice .chk-parts .chk-small-price {
    color: #585858;
    font-size: .625rem;
    font-weight: 600;
    letter-spacing: .42px
}

.jss3 .chk-oneClickBuy__productPrice .chk-parts .chk-no-fee,
.jss3 .chk-stepPayment__productPrice .chk-parts .chk-no-fee {
    font-size: 14px;
    font-weight: 700
}

.jss3 .chk-stepPayment__productInfo .chk-stepPayment__productTitle {
    margin: 0;
    font-size: .875rem;
    text-align: center
}

.jss3 .chk-creditCardForm__saveCard label {
    margin: 0
}

.jss3 .chk-creditCardForm__saveCard .checkbox {
    width: 20px;
    margin: 0 2px 0 0;
    height: 20px
}

.jss3 .chk-creditCardForm__saveCard .checkbox svg {
    color: #009358;
    width: 25px;
    height: auto
}

.jss3 .chk-creditCardForm__saveCard.checkbox_singleStep span {
    color: #636871
}

.jss3 .chk-stepUser__btnFinish svg {
    fill: #ffffff;
    width: 20px;
    margin-right: 10px
}

.jss3 .chk-stepPayment__userInfo .chk-stepPayment__checkIcon {
    margin-right: 2px
}

.jss3 .chk-stepPayment__userInfo .chk-stepPayment__emailInfo {
    color: #596375;
    display: flex;
    font-size: .75rem
}

.jss3 .chk-stepPayment__userInfo .chk-stepPayment__emailInfo a {
    color: #f59211
}

.jss3 .chk-stepPayment__userInfo .chk-stepPayment__emailInfo span {
    display: inline-block;
    overflow: hidden;
    max-width: 140px;
    white-space: nowrap;
    margin-right: 4px;
    text-overflow: ellipsis
}

.jss3 .chk-stepPayment__userInfo .chk-stepPayment__checkIcon svg {
    fill: #009358;
    width: 12px
}

.jss3 .chk-userAddress__container .chk-userAddress__complement,
.jss3 .chk-userAddress__container .chk-userAddress__district {
    padding: 0 4px 4px 4px
}

.jss3 .chk-cityState__city input,
.jss3 .chk-cityState__state input,
.jss3 .chk-userAddressInternational__country input {
    border: 1px solid #d9d9d9;
    padding: 10px 8px 7px 8px
}

.jss3 .container.padding-top-language {
    padding-top: 32px
}

.jss2 .cart-container {
    margin: 0 auto
}

.jss1 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    display: flex;
    position: fixed;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .9)
}

.jss1 .captcha-container {
    padding: 8px 6px 6px 8px;
    overflow: hidden;
    min-width: 300px;
    box-shadow: 0 0 30px rgba(255, 255, 255, .3);
    min-height: 78px;
    border-radius: 6px;
    background-color: #fff
}

html.theme_16,
html.theme_thankyou_16 {
    background: 0 0 !important
}

html.theme_16 body,
html.theme_thankyou_16 body {
    background: 0 0 !important
}

.field-error {
    display: none
}

.field-error.error {
    display: block
}

.field.normal {
    margin: 0
}

.field.normal .select-input,
.field.normal input,
.field.normal select {
    border: 1px solid #d9d9d9;
    padding: 10px 8px;
    border-radius: 2px
}

.field.normallabel[data-shrink=false] {
    transform: translate(8px, 30px) scale(1)
}

.list-on-top .autocomplete-container {
    top: auto !important;
    bottom: calc(100% - 24px) !important
}

.grow {
    flex-grow: 1
}

.card-popper .card-tooltip {
    background-color: transparent !important
}

.offline-alert {
    left: 0;
    right: 0;
    width: 100%;
    color: #fff;
    bottom: 0;
    padding: 10px;
    z-index: 1000;
    position: fixed;
    font-size: 18px;
    text-align: center;
    background-color: rgba(220, 63, 83, .7)
}

.error-alert .code {
    float: right;
    color: #999;
    margin: 0 0 0 10px;
    font-size: .6rem;
    font-weight: 700
}

.theme_18 .theme-language-bar {
    border-bottom: 1px solid #e8e7e7
}

li.planItem {
    color: #4e4e4e;
    height: auto;
    padding: 0 15px;
    min-height: 75px
}

li.planItem .planName {
    word-break: break-word;
    white-space: normal;
    font-weight: 700;
    text-transform: capitalize
}

.planName {
    word-break: break-word;
    white-space: normal;
    font-weight: 700;
    text-transform: capitalize
}

.informationsPlan {
    word-break: break-word;
    white-space: normal
}

#refused-card-modal {
    font-family: Inter
}

#refused-card-modal .text-gray {
    color: #636363
}

#refused-card-modal .modal-content {
    border-radius: 1rem
}

#refused-card-modal h2 {
    font-size: 32px;
    line-height: 2rem;
    text-align: left
}

#refused-card-modal h3 {
    line-height: 1.5rem
}

#refused-card-modal h2,
#refused-card-modal h3 {
    margin-bottom: 1em
}

#refused-card-modal .product-img {
    width: 75px;
    height: 75px;
    border-radius: 10px;
    object-fit: cover;
    border: 1px solid #eceeef;
    margin: 2px
}

#refused-card-modal .modal-header {
    border: none;
    padding: 3rem 3rem 0 3rem
}

#refused-card-modal .product-list {
    padding: 0 3rem
}

#refused-card-modal .product-img-container img {
    width: 51px;
    height: 51px;
    border-radius: 8px
}

#refused-card-modal .label-dark {
    color: #292b2c
}

#refused-card-modal .label-gray {
    color: #9c9c9c
}

#refused-card-modal .badge-discount {
    color: #fff;
    background-color: #41dc8f;
    border-radius: 10px;
    padding: 5px 8px;
    font-size: 10px
}

#refused-card-modal .btn-payment {
    color: #fff;
    background-color: #000
}

#refused-card-modal .text-payment {
    color: #636363;
    font-size: 14px
}

#refused-card-modal .payment-methods-container {
    border-top: 1px solid #eceeef;
    justify-content: center
}

#refused-card-modal .payment-methods-container>div {
    padding: 1rem 3rem
}

#refused-card-modal .payment-methods-container>div:first-of-type+div {
    border-left: 1px solid #eceeef
}

#refused-card-modal .border-left {
    border-left: 1px solid #eceeef
}

#refused-card-modal .border-right {
    border-left: 1px solid #eceeef
}

#refused-card-modal .product-img {
    width: 70px;
    height: 70px
}

#refused-card-modal .modal-footer {
    padding: 15px
}

#refused-card-modal .modal-footer .btn {
    color: #636363;
    text-decoration: underline;
    font-size: 14px
}

@media (max-width:450px) {
    #refused-card-modal {
        padding-right: 0 !important
    }
    #refused-card-modal .payment-methods-container>div {
        padding: 6px 22px !important
    }
    #refused-card-modal .payment-methods-container>div:first-of-type {
        border-bottom: 1px solid #eceeef;
        border-right: none
    }
}

#refused-card-modal>div>div>div.modal-header>button {
    opacity: 1;
    position: absolute;
    top: 23px;
    right: 23px
}

.payment-methods-container button {
    font-family: Inter;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 19px;
    color: #fff
}

#refused-card-modal-total-value {
    color: #5b5b5b
}

.jq-toast-wrap {
    display: block;
    position: fixed;
    width: 250px;
    pointer-events: none !important;
    margin: 0;
    padding: 0;
    letter-spacing: normal;
    z-index: 9000 !important
}

.jq-toast-wrap * {
    margin: 0;
    padding: 0
}

.jq-toast-wrap.bottom-left {
    bottom: 20px;
    left: 20px
}

.jq-toast-wrap.bottom-right {
    bottom: 20px;
    right: 40px
}

.jq-toast-wrap.top-left {
    top: 20px;
    left: 20px
}

.jq-toast-wrap.top-right {
    top: 20px;
    right: 40px
}

.jq-toast-single {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 0 0 5px;
    border-radius: 4px;
    font-size: 12px;
    font-family: arial, sans-serif;
    line-height: 17px;
    position: relative;
    pointer-events: all !important;
    background-color: #444;
    color: #fff
}

.jq-toast-single h2 {
    font-family: arial, sans-serif;
    font-size: 14px;
    margin: 0 0 7px;
    background: 0 0;
    color: inherit;
    line-height: inherit;
    letter-spacing: normal
}

.jq-toast-single a {
    color: #eee;
    text-decoration: none;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    padding-bottom: 3px;
    font-size: 12px
}

.jq-toast-single ul {
    margin: 0 0 0 15px;
    background: 0 0;
    padding: 0
}

.jq-toast-single ul li {
    list-style-type: disc !important;
    line-height: 17px;
    background: 0 0;
    margin: 0;
    padding: 0;
    letter-spacing: normal
}

.close-jq-toast-single {
    position: absolute;
    top: 3px;
    right: 7px;
    font-size: 14px;
    cursor: pointer
}

.jq-toast-loader {
    display: block;
    position: absolute;
    top: -2px;
    height: 5px;
    width: 0%;
    left: 0;
    border-radius: 5px;
    background: red
}

.jq-toast-loaded {
    width: 100%
}

.jq-has-icon {
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px
}

.jq-icon-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=");
    background-color: #31708f;
    color: #d9edf7;
    border-color: #bce8f1
}

.jq-icon-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=");
    background-color: #8a6d3b;
    color: #fcf8e3;
    border-color: #faebcc
}

.jq-icon-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=");
    background-color: #a94442;
    color: #f2dede;
    border-color: #ebccd1
}

.jq-icon-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==");
    color: #dff0d8;
    background-color: #3c763d;
    border-color: #d6e9c6
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

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

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.swiffy-slider {
    position: relative;
    display: block;
    width: 100%;
    --swiffy-slider-snap-align: center;
    --swiffy-slider-item-width: 100%;
    --swiffy-slider-item-gap: 1rem;
    --swiffy-slider-item-reveal: 0rem;
    --swiffy-slider-item-ratio: 2/1;
    --swiffy-slider-item-count: 1;
    --swiffy-slider-nav-light: #fff;
    --swiffy-slider-nav-dark: #333;
    --swiffy-slider-nav-zoom: 1;
    --swiffy-slider-track-opacity: 0.1;
    --swiffy-slider-track-height: 0;
    --swiffy-slider-nav-outside-size: 3.5rem;
    --swiffy-slider-indicator-outside-size: 1.5rem;
    --swiffy-slider-animation-duration: .75s;
    --swiffy-slider-animation-delay: 0s;
    --swiffy-slider-animation-timing: ease-in-out
}

.swiffy-slider,
.swiffy-slider::after,
.swiffy-slider::before {
    box-sizing: border-box
}

.swiffy-slider ::-webkit-scrollbar {
    height: var(--swiffy-slider-track-height)
}

.swiffy-slider ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, var(--swiffy-slider-track-opacity))
}

.swiffy-slider ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .4);
    border-radius: 1rem
}

.swiffy-slider ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .6)
}

.slider-container {
    --swiffy-slider-item-gap-totalwidth: calc(var(--swiffy-slider-item-gap) * (var(--swiffy-slider-item-count) - 1));
    --swiffy-slider-item-width: calc((100% - var(--swiffy-slider-item-reveal) - var(--swiffy-slider-item-gap-totalwidth)) / var(--swiffy-slider-item-count));
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    display: grid;
    align-items: center;
    height: 100%;
    grid: auto/auto-flow -webkit-max-content;
    grid: auto/auto-flow max-content;
    grid-auto-rows: 100%;
    grid-auto-columns: var(--swiffy-slider-item-width);
    grid-auto-flow: column;
    grid-gap: var(--swiffy-slider-item-gap);
    list-style: none;
    margin: 0;
    padding: 0;
    scrollbar-width: none;
    scrollbar-color: rgba(0, 0, 0, .4) rgba(0, 0, 0, var(--swiffy-slider-track-opacity));
    background-clip: padding-box
}

.slider-container>* {
    scroll-snap-align: var(--swiffy-slider-snap-align);
    position: relative;
    width: 100%;
    height: 100%
}

.slider-item-helper .slider-container>* {
    background-size: cover;
    background-color: #e1e1e1;
    background-position: 50% 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.slider-item-helper:not(.slider-item-ratio) .slider-container>* {
    min-height: 20rem
}

.slider-item-ratio .slider-container>*>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.slider-item-ratio-contain .slider-container>*>* {
    -o-object-fit: contain;
    object-fit: contain
}

.slider-item-ratio .slider-container>::after {
    display: block;
    padding-top: calc(100% / (var(--swiffy-slider-item-ratio)));
    content: ""
}

.slider-item-ratio-32x9 {
    --swiffy-slider-item-ratio: 32/9
}

.slider-item-ratio-21x9 {
    --swiffy-slider-item-ratio: 21/9
}

.slider-item-ratio-16x9 {
    --swiffy-slider-item-ratio: 16/9
}

.slider-item-ratio-4x3 {
    --swiffy-slider-item-ratio: 4/3
}

.slider-item-ratio-2x1 {
    --swiffy-slider-item-ratio: 2/1
}

.slider-item-ratio-1x1 {
    --swiffy-slider-item-ratio: 1/1
}

.slider-item-ratio-3x4 {
    --swiffy-slider-item-ratio: 3/4
}

.slider-nav-scrollbar {
    --swiffy-slider-track-height: 0.5rem
}

.slider-nav-scrollbar .slider-container {
    scrollbar-width: thin
}

.slider-nav-nodelay .slider-container {
    scroll-behavior: auto
}

.slider-indicators {
    position: absolute;
    right: 2rem;
    bottom: 0;
    left: 2rem;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-bottom: 1rem;
    list-style: none
}

.slider-nav-scrollbar .slider-indicators {
    margin-bottom: calc(1rem + var(--swiffy-slider-track-height))
}

.slider-indicators>.active {
    opacity: 1
}

.swiffy-slider.slider-indicators-outside .slider-nav {
    margin-bottom: var(--swiffy-slider-indicator-outside-size)
}

.swiffy-slider.slider-indicators-outside {
    padding-bottom: var(--swiffy-slider-indicator-outside-size)
}

.swiffy-slider.slider-indicators-outside .slider-indicators,
.swiffy-slider.slider-indicators-outside.slider-indicators {
    margin-bottom: 0
}

.slider-indicators>* {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 2rem;
    height: .2rem;
    padding: 0;
    border: .4rem solid transparent;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    opacity: .5;
    transition: opacity .4s ease
}

.slider-indicators-square .slider-indicators>*,
.slider-indicators-square.slider-indicators>* {
    width: .5rem;
    height: .5rem;
    border: .4rem solid transparent
}

.slider-indicators-round .slider-indicators>*,
.slider-indicators-round.slider-indicators>* {
    width: .5rem;
    height: .5rem;
    border: .4rem solid transparent;
    border-radius: 50%
}

.slider-indicators-highlight .slider-indicators>.active,
.slider-indicators-highlight.slider-indicators>.active {
    border: .33rem solid transparent;
    padding: .07rem
}

.slider-nav {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    visibility: hidden;
    opacity: .8;
    transition: visibility .1s, opacity .2s linear;
    margin-bottom: var(--swiffy-slider-track-height);
    display: flex;
    align-items: center;
    padding: 0 .5rem;
    -webkit-filter: drop-shadow(0 0 .5rem rgba(0, 0, 0, .5));
    filter: drop-shadow(0 0 .5rem rgba(0, 0, 0, .5));
    transform: scale(var(--swiffy-slider-nav-zoom))
}

.slider-nav::before {
    position: absolute;
    content: "";
    padding: .5rem;
    width: 3rem;
    height: 3rem
}

.slider-nav::after {
    content: "";
    -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
    mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--swiffy-slider-nav-light);
    background-origin: content-box;
    width: 3rem;
    height: 3rem
}

.slider-nav-arrow .slider-nav::after {
    -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'></path></svg>");
    mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'></path></svg>")
}

.slider-nav-chevron .slider-nav::after {
    -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z'></path></svg>");
    mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z'></path></svg>")
}

.slider-nav-caret .slider-nav::after {
    -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='M10 12.796V3.204L4.519 8 10 12.796zm-.659.753-5.48-4.796a1 1 0 0 1 0-1.506l5.48-4.796A1 1 0 0 1 11 3.204v9.592a1 1 0 0 1-1.659.753z'></path></svg>");
    mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='M10 12.796V3.204L4.519 8 10 12.796zm-.659.753-5.48-4.796a1 1 0 0 1 0-1.506l5.48-4.796A1 1 0 0 1 11 3.204v9.592a1 1 0 0 1-1.659.753z'></path></svg>")
}

.slider-nav-caretfill .slider-nav::after {
    -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'></path></svg>");
    mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'></path></svg>")
}

.swiffy-slider:hover .slider-nav {
    visibility: visible
}

.swiffy-slider.slider-nav-autohide.slider-item-first-visible .slider-nav:not(.slider-nav-next) {
    visibility: hidden
}

.swiffy-slider.slider-nav-autohide.slider-item-last-visible .slider-nav.slider-nav-next {
    visibility: hidden
}

.slider-nav-outside .slider-container {
    margin: 0 var(--swiffy-slider-nav-outside-size)
}

.slider-nav-outside .slider-nav {
    padding: 0
}

.swiffy-slider .slider-nav:hover {
    opacity: 1
}

.slider-nav-square .slider-nav {
    padding: 0
}

.slider-nav-round .slider-nav::before,
.slider-nav-square .slider-nav::before {
    background-color: var(--swiffy-slider-nav-light)
}

.slider-nav-round .slider-nav::after,
.slider-nav-square .slider-nav::after {
    background-color: var(--swiffy-slider-nav-dark);
    width: 2rem;
    height: 2rem;
    margin: .5rem
}

.slider-nav-round .slider-nav::before {
    border-radius: 50%
}

.slider-nav-round .slider-nav::after {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E")
}

.slider-nav-dark .slider-nav::after {
    background-color: var(--swiffy-slider-nav-dark)
}

.slider-nav-dark.slider-nav-round .slider-nav::before,
.slider-nav-dark.slider-nav-square .slider-nav::before {
    background-color: var(--swiffy-slider-nav-dark)
}

.slider-nav-dark.slider-nav-round .slider-nav::after,
.slider-nav-dark.slider-nav-square .slider-nav::after {
    background-color: var(--swiffy-slider-nav-light)
}

.slider-nav-sm {
    --swiffy-slider-nav-zoom: .75;
    --swiffy-slider-nav-outside-size: 2.5rem
}

.slider-nav.slider-nav-next::after {
    transform: rotate(180deg)
}

.slider-nav.slider-nav-next {
    right: 0;
    left: unset
}

.slider-nav-visible .slider-nav {
    visibility: visible
}

.slider-nav-dark .slider-nav {
    opacity: .6
}

.slider-indicators-dark .slider-indicators>*,
.slider-indicators-dark.slider-indicators>* {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.slider-item-snapstart {
    --swiffy-slider-snap-align: start
}

.slider-item-nosnap {
    --swiffy-slider-snap-align: unset
}

.slider-item-nogap {
    --swiffy-slider-item-gap: 0rem
}

.slider-item-reveal {
    --swiffy-slider-item-reveal: 8rem
}

.slider-item-snapstart.slider-item-reveal {
    --swiffy-slider-item-reveal: 4rem
}

.slider-item-show2 {
    --swiffy-slider-item-count: 2
}

.slider-item-show3 {
    --swiffy-slider-item-count: 3
}

.slider-item-show4 {
    --swiffy-slider-item-count: 4
}

.slider-item-show5 {
    --swiffy-slider-item-count: 5
}

.slider-item-show6 {
    --swiffy-slider-item-count: 6
}

.slider-nav-mousedrag .slider-container {
    cursor: -webkit-grab;
    cursor: grab
}

.slider-nav-mousedrag.dragging .slider-container {
    -ms-scroll-snap-type: unset;
    scroll-snap-type: unset;
    scroll-behavior: unset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slider-nav-mousedrag.dragging .slider-nav {
    visibility: hidden
}

@media (hover:hover) {
    .slider-nav-mousedrag .slider-container::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%
    }
}

@media (prefers-reduced-motion:no-preference) {
    .slider-nav-animation.slider-nav-animation-fast {
        --swiffy-slider-animation-duration: .25s
    }
    .slider-nav-animation.slider-nav-animation-slow {
        --swiffy-slider-animation-duration: 1.25s
    }
    .slider-nav-animation .slider-container>*>* {
        transition: opacity var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing), transform var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing);
        transition-delay: var(--swiffy-slider-animation-delay)
    }
    .slider-nav-animation .slider-container .slide-visible>* {
        transition: opacity var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing), transform var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing);
        transition-delay: var(--swiffy-slider-animation-delay)
    }
    .slider-nav-animation.slider-nav-animation-fadein .slider-container>*>* {
        opacity: .5
    }
    .slider-nav-animation.slider-nav-animation-scale .slider-container>*>* {
        transform: scale(.9)
    }
    .slider-nav-animation.slider-nav-animation-appear .slider-container>*>* {
        opacity: .3;
        transform: scale(.9)
    }
    .slider-nav-animation.slider-nav-animation-scaleup .slider-container>*>* {
        transform: scale(.25)
    }
    .slider-nav-animation.slider-nav-animation-zoomout .slider-container>* {
        overflow: hidden
    }
    .slider-nav-animation.slider-nav-animation-zoomout .slider-container>*>* {
        transform: scale(1.3)
    }
    .slider-nav-animation.slider-nav-animation-turn .slider-container>*>* {
        transform: rotateY(70deg)
    }
    .slider-nav-animation.slider-nav-animation-slideup .slider-container>*>* {
        transform: translateY(60%) scale(.99)
    }
    .slider-nav-animation.slider-nav-animation-slideup .slider-container {
        overflow-y: hidden
    }
    .slider-nav-animation .slider-container>.slide-visible>* {
        opacity: 1;
        transform: none
    }
}

@media (min-width:62rem) {
    .slider-item-show2:not(.slider-item-snapstart) .slider-container>*,
    .slider-item-show4:not(.slider-item-snapstart) .slider-container>*,
    .slider-item-show6:not(.slider-item-snapstart) .slider-container>* {
        scroll-snap-align: unset
    }
    .slider-item-show2:not(.slider-item-snapstart) .slider-container>::before,
    .slider-item-show4:not(.slider-item-snapstart) .slider-container>::before,
    .slider-item-show6:not(.slider-item-snapstart) .slider-container>::before {
        content: " ";
        display: block;
        position: absolute;
        left: calc((var(--swiffy-slider-item-gap)/2)*-1);
        top: 0;
        width: 1px;
        height: 1px;
        scroll-snap-align: var(--swiffy-slider-snap-align)
    }
    .slider-nav-outside-expand .slider-nav {
        margin-left: -4rem
    }
    .slider-nav-outside-expand .slider-nav.slider-nav-next {
        margin-right: -4rem
    }
    .slider-nav-sm.slider-nav-outside-expand .slider-nav {
        margin-left: -3.5rem
    }
    .slider-nav-sm.slider-nav-outside-expand .slider-nav.slider-nav-next {
        margin-right: -3.5rem
    }
    .slider-indicators-sm.slider-indicators {
        display: none
    }
}

@media (max-width:62rem) {
    .swiffy-slider {
        --swiffy-slider-track-height: 0rem;
        --swiffy-slider-item-reveal: 0rem;
        --swiffy-slider-item-count: 1;
        --swiffy-slider-nav-zoom: .875
    }
    .swiffy-slider .slider-item-show2-sm {
        --swiffy-slider-item-count: 2
    }
    .slider-item-reveal {
        --swiffy-slider-item-reveal: 4rem
    }
    .slider-item-snapstart.slider-item-reveal {
        --swiffy-slider-item-reveal: 2rem
    }
    .slider-item-show6 .slider-container {
        grid-auto-columns: calc(25% - (var(--swiffy-slider-item-gap)/ 4*3))
    }
    .slider-item-show6.slider-item-reveal .slider-container {
        grid-auto-columns: calc(25% - (var(--swiffy-slider-item-gap)/ 4*3) - .5rem)
    }
    .slider-item-show6.slider-item-reveal .slider-container>* {
        scroll-snap-align: unset
    }
    .slider-item-show6.slider-item-reveal .slider-container>::before {
        content: " ";
        display: block;
        position: absolute;
        left: calc((var(--swiffy-slider-item-gap)/2)*-1);
        top: 0;
        width: 1px;
        height: 1px;
        scroll-snap-align: center
    }
    .slider-nav::after,
    .slider-nav::before {
        width: 2rem;
        height: 2rem;
        padding: .3rem
    }
    .slider-nav-round .slider-nav::after,
    .slider-nav-square .slider-nav::after {
        width: 1.75rem;
        height: 1.75rem;
        margin: .125rem
    }
    .slider-nav-outside .slider-container,
    .slider-nav-outside-expand .slider-container {
        margin: 0 2rem
    }
    .slider-nav-outside-expand .slider-container {
        margin: 0 var(--swiffy-slider-nav-outside-size)
    }
    .slider-nav-outside-expand .slider-nav {
        padding: 0
    }
    .slider-indicators-round .slider-indicators>*,
    .slider-indicators-round.slider-indicators>*,
    .slider-indicators-square .slider-indicators>*,
    .slider-indicators-square.slider-indicators>* {
        width: .3rem;
        height: .3rem
    }
    .slider-indicators {
        margin-bottom: .5rem;
        display: none
    }
    .slider-nav-scrollbar .slider-indicators {
        margin-bottom: 0
    }
    .slider-indicators>* {
        width: 1rem;
        height: .125rem;
        border-width: .25rem
    }
    .slider-indicators-sm .slider-indicators,
    .slider-indicators-sm.slider-indicators {
        display: flex
    }
}

@media (max-width:48rem) {
    .slider-item-show6 .slider-container {
        grid-auto-columns: calc(50% - (var(--swiffy-slider-item-gap)/ 2))
    }
    .slider-item-show6.slider-item-reveal .slider-container {
        grid-auto-columns: calc(50% - (var(--swiffy-slider-item-gap)/ 2) - 1.5rem)
    }
}

@media (hover:none) {
    .swiffy-slider.slider-nav-touch .slider-nav {
        visibility: visible
    }
    .swiffy-slider:not(.slider-nav-touch).slider-nav-outside .slider-container,
    .swiffy-slider:not(.slider-nav-touch).slider-nav-outside-expand .slider-container {
        margin: 0 0
    }
    .slider-item-nosnap-touch {
        --swiffy-slider-snap-align: unset
    }
}